:root{--bg: #fffaf0;--bg-deep: #fef3c7;--surface: #ffffff;--surface-soft: #f9fafb;--line: #e5e7eb;--text: #1f2937;--muted: #6b7280;--accent: #0f766e;--accent-strong: #115e59;--accent-soft: #ccfbf1;--danger: #be123c;--danger-soft: #fff1f2;--shadow: 0 16px 40px rgba(15, 23, 42, .08);font-family:Trebuchet MS,Lucida Sans Unicode,Segoe UI,sans-serif;line-height:1.5;font-weight:400}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at 12% 0%,rgba(20,184,166,.22),transparent 26%),radial-gradient(circle at 90% 88%,rgba(245,158,11,.22),transparent 28%),linear-gradient(180deg,var(--bg),#fffef9 65%)}#root{min-height:100%;height:100%}.app-shell{width:100%;max-width:1360px;margin:0 auto;padding:clamp(16px,2.4vw,32px);animation:page-enter .55s ease}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid var(--line);border-radius:18px;padding:16px 18px;background:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow)}.brand-block{display:flex;flex-direction:column;gap:2px}.eyebrow{margin:0;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em}.brand-block strong{font-size:clamp(20px,3vw,26px);letter-spacing:.01em}.brand-copy{margin:0;font-size:13px;color:var(--muted)}.top-nav{display:flex;align-items:center;gap:6px}.top-nav a,.top-nav-link{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:#475569;padding:8px 14px;height:38px;border-radius:10px;border:1px solid transparent;font-size:13.5px;font-weight:600;letter-spacing:-.005em;line-height:1;transition:color .15s ease,background .15s ease,border-color .15s ease,box-shadow .18s ease,transform .12s ease}.top-nav a .top-nav-icon,.top-nav-link .top-nav-icon{flex-shrink:0;opacity:.75;transition:opacity .15s ease}.top-nav a:hover,.top-nav-link:hover{color:#0f172a;background:#f1f5f9;border-color:#e2e8f0}.top-nav a:hover .top-nav-icon,.top-nav-link:hover .top-nav-icon{opacity:1}.top-nav a.active,.top-nav-link.active{color:#fff;background:linear-gradient(180deg,#0f766e,#0d5c54);border-color:transparent;box-shadow:0 1px #ffffff1f inset,0 1px 2px #0f766e40,0 4px 10px #0f766e2e}.top-nav a.active .top-nav-icon,.top-nav-link.active .top-nav-icon{opacity:1}.top-nav-divider{width:1px;height:24px;background:#e2e8f0;margin:0 4px}.main-content{margin-top:22px}.dashboard-layout,.upload-layout{display:grid;gap:clamp(16px,1.6vw,24px)}.panel{border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:clamp(20px,2vw,28px);box-shadow:var(--shadow)}.section-panel{animation:rise .5s ease both}.hero-panel{background:linear-gradient(145deg,#0f766e,#0f766e 22%,#155e75),var(--surface);color:#e6fffb}.hero-panel h1{margin:0 0 10px;font-size:clamp(28px,4.2vw,44px);line-height:1.08}.panel.hero-panel p{margin:0;color:#ecfdf5f0;max-width:70ch}.tag-row{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}.tag-row span{border:1px solid rgba(255,255,255,.3);color:#f0fdfa;background:#0f172a2e;padding:4px 10px;border-radius:999px;font-size:12px}.panel h2,.panel h3{margin:0}.panel p{color:var(--muted)}.section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.section-header p{margin:4px 0 0}.feature-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card{border:1px solid var(--line);border-radius:14px;padding:14px;background:linear-gradient(180deg,#fff,#f9fafb)}.feature-tag{margin:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.feature-card h3{margin:6px 0}.feature-card p{margin:0;font-size:14px}.quick-link{white-space:nowrap}.upload-card{margin-top:16px;display:grid;gap:12px}.file-picker{display:flex;flex-direction:column;gap:8px;font-weight:600}.file-picker input[type=file]{border:1px dashed #94a3b8;border-radius:12px;padding:12px;background:var(--surface-soft)}.file-label{margin:0;font-size:14px;color:var(--muted)}.primary-btn{border:0;border-radius:10px;padding:11px 16px;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong));cursor:pointer;transition:transform .15s ease,opacity .2s ease}.primary-btn:hover{transform:translateY(-1px)}.primary-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.secondary-btn{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:10px;padding:8px 12px;font-size:14px;cursor:pointer}.secondary-btn:disabled{opacity:.65;cursor:not-allowed}.download-link{display:inline-block;color:#1d4ed8;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.stat-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface-soft)}.stat-card p{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.stat-card strong{margin-top:6px;display:block;font-size:18px;color:var(--text)}.error-text{margin:0;color:var(--danger);font-size:14px}.reports-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.reports-item{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--surface-soft)}.report-name{margin:0;color:var(--text);font-weight:700}.reports-meta{margin:2px 0 0;font-size:13px;color:var(--muted)}.reports-item a{color:#1d4ed8;font-weight:700;text-decoration:none}.reports-item a:hover{text-decoration:underline}.report-actions{display:flex;align-items:center;gap:10px}.danger-btn{border:1px solid #fecdd3;background:var(--danger-soft);color:var(--danger);border-radius:9px;padding:6px 10px;font-size:13px;font-weight:700;cursor:pointer}.danger-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.feature-grid{grid-template-columns:1fr}}@media (max-width: 720px){.app-shell{padding:14px}.topbar{flex-direction:column;align-items:flex-start}.top-nav{width:100%}.top-nav a{flex:1;text-align:center}.panel{padding:18px}.section-header{flex-direction:column}.stats-grid{grid-template-columns:1fr}.reports-item{flex-direction:column;align-items:flex-start}.report-actions{width:100%;justify-content:space-between}}.editor-page{display:flex;flex-direction:column;height:100%;overflow:hidden}.app-shell:has(.editor-page){max-width:100%;padding:10px 14px 0;height:100vh;display:flex;flex-direction:column;overflow:hidden}.app-shell:has(.editor-page) .main-content{flex:1;overflow:hidden;min-height:0;margin-top:10px;display:flex;flex-direction:column}.editor-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:10px 18px;background:#fffffff7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow);flex-shrink:0;z-index:50}.editor-topbar h1{margin:0;font-size:clamp(14px,1.8vw,18px);line-height:1.2}.editor-subtitle{margin:2px 0 0;font-size:13px;color:var(--muted)}.editor-topbar-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.generate-btn{padding:9px 20px;font-size:14px}.page-tabs-container{flex-shrink:0;background:#fffffff7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:8px 0 0;margin:8px 0 0;border-bottom:1px solid var(--line)}.page-tabs{display:flex;gap:4px;overflow-x:auto;padding:0 6px 8px;scrollbar-width:thin}.page-tabs::-webkit-scrollbar{height:4px}.page-tabs::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.page-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 14px 6px;border:1px solid var(--line);border-radius:12px 12px 0 0;background:var(--surface-soft);color:var(--muted);font-size:11px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s ease}.page-tab:hover{background:var(--surface);color:var(--text);border-color:var(--accent)}.page-tab.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700;box-shadow:0 2px 8px #0f766e40}.tab-num{font-size:10px;font-weight:800;letter-spacing:.06em;opacity:.7}.page-tab.active .tab-num{opacity:1}.tab-label{font-size:11px;line-height:1.2}.page-editor-header{padding:18px 0 8px}.page-editor-header h2{display:flex;align-items:center;gap:10px;margin:0;font-size:20px}.page-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:11px;font-weight:800;padding:4px 10px;border-radius:8px;letter-spacing:.04em}.page-editor-content{display:flex;flex-direction:column;gap:14px}.page-section-card{border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:var(--surface);box-shadow:var(--shadow)}.page-section-card .section-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:none;padding:0;cursor:pointer;color:var(--text)}.page-section-card .section-toggle h4{margin:0;font-size:15px;font-weight:700}.page-section-card .section-toggle span{font-size:16px;color:var(--muted)}.section-card-body{margin-top:14px;display:flex;flex-direction:column;gap:14px}.field-hint{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.page-nav-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid var(--line);margin-top:6px;flex-shrink:0}.page-counter{font-size:13px;font-weight:700;color:var(--muted)}.page-hint-banner{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;background:linear-gradient(135deg,#0f766e14,#6366f10f);border:1px solid rgba(15,118,110,.18);border-radius:10px;font-size:12.5px;color:var(--muted);line-height:1.5}.page-hint-icon{font-size:15px;flex-shrink:0;margin-top:1px}.field-micro-hint{display:block;font-size:11px;color:var(--muted);opacity:.7;margin-top:-2px;margin-bottom:2px;font-style:italic}.section-hint-top{font-size:12px;color:var(--muted);margin:4px 0 0;padding-left:2px}.divider-badge{display:inline-block;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;font-size:9px;font-weight:800;padding:2px 8px;border-radius:6px;letter-spacing:.08em;margin-left:8px;vertical-align:middle}.page-tab.divider-tab{border-style:dashed;background:repeating-linear-gradient(135deg,var(--surface-soft),var(--surface-soft) 4px,transparent 4px,transparent 8px)}.page-tab.divider-tab.active{background:linear-gradient(135deg,#6366f1,#818cf8);border-style:solid}.page-tab.custom-tab{background:linear-gradient(135deg,#fef9c3,#fef08a);border-color:#fbbf24;color:#92400e}.page-tab.custom-tab.active{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;border-color:#d97706}.page-tab.add-custom-tab{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#4ade80;color:#166534;font-weight:700}.page-tab.add-custom-tab:hover{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;border-color:#16a34a}.page-tab.reset-order-tab{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border-color:#f472b6;color:#9d174d;font-weight:700}.page-tab.reset-order-tab:hover{background:linear-gradient(135deg,#f472b6,#ec4899);color:#fff;border-color:#be185d}.page-tab.restore-pages-tab{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:#38bdf8;color:#0c4a6e;font-weight:700}.page-tab.restore-pages-tab:hover{background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#fff;border-color:#0284c7}.tab-delete-btn{display:none;align-items:center;justify-content:center;width:15px;height:15px;margin-left:4px;border-radius:50%;font-size:9px;font-weight:900;line-height:1;color:#fff;background:#ef4444;cursor:pointer;flex-shrink:0;transition:background .15s,transform .1s;-webkit-user-select:none;user-select:none}.page-tab:hover .tab-delete-btn{display:flex}.tab-delete-btn:hover{background:#b91c1c;transform:scale(1.15)}.page-tab[draggable]{cursor:grab}.page-tab[draggable]:active{cursor:grabbing}.page-tab.drag-over{outline:2.5px dashed #3b82f6;outline-offset:2px;background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;transform:scale(1.04)}.tab-drag-handle{font-size:11px;color:#94a3b8;margin-right:2px;opacity:.6;cursor:grab;-webkit-user-select:none;user-select:none}.page-tab:hover .tab-drag-handle{opacity:1}.tab-icon{font-size:16px;line-height:1}.editor-subtitle{font-size:13px;color:var(--muted);margin:2px 0 0}.goal-plan-card{border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:10px;background:var(--surface-soft);display:flex;flex-direction:column;gap:8px}.sens-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}.sens-mode-tabs{display:flex;gap:6px}.sens-tab{padding:5px 14px;border-radius:6px;border:1.5px solid #cbd5e1;background:#f8fafc;color:#475569;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s}.sens-tab:hover{background:#e2e8f0}.sens-tab.active{background:#1e293b;color:#fff;border-color:#1e293b}.sens-copy-btn{padding:5px 14px;border-radius:6px;border:1.5px solid #3b82f6;background:#eff6ff;color:#1d4ed8;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.sens-copy-btn:hover{background:#dbeafe}.sens-csv-editor{display:flex;flex-direction:column;gap:8px}.sens-csv-textarea{width:100%;font-family:Courier New,monospace;font-size:12.5px;line-height:1.6;padding:10px 12px;border:1.5px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#1e293b;resize:vertical;min-height:160px;-moz-tab-size:16;tab-size:16;box-sizing:border-box}.sens-csv-textarea:focus{outline:none;border-color:#3b82f6;background:#fff}.sens-csv-error{color:#dc2626;font-size:12px;font-weight:600;margin:0}.sens-csv-actions{display:flex;gap:8px}.sens-apply-btn{padding:6px 18px;border-radius:6px;border:none;background:#16a34a;color:#fff;font-size:13px;font-weight:700;cursor:pointer}.sens-apply-btn:hover{background:#15803d}.sens-cancel-btn{padding:6px 14px;border-radius:6px;border:1.5px solid #e2e8f0;background:#f8fafc;color:#64748b;font-size:13px;font-weight:600;cursor:pointer}.sens-cancel-btn:hover{background:#e2e8f0}.sensitivity-table th input,.sensitivity-table .row-label-input{font-weight:700;text-align:center;background:transparent}.sensitivity-cell{text-align:center;min-width:70px}.cell-green{background:#22c55e1a!important;color:#16a34a}.cell-red{background:#ef44441a!important;color:#dc2626}.cell-amber{background:#f59e0b1a!important;color:#d97706}.editor-split{flex:1;display:grid;grid-template-columns:1fr;gap:14px;margin-top:16px;min-height:0;overflow:hidden}.editor-split.split-open{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.editor-forms{display:flex;flex-direction:column;gap:10px;min-width:0;overflow-y:auto;padding-right:4px;padding-bottom:24px}.editor-forms::-webkit-scrollbar{width:5px}.editor-forms::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.editor-viewer{position:static;height:100%;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#1e1e2e;box-shadow:var(--shadow)}.editor-section{overflow:hidden}.section-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:none;padding:0;cursor:pointer;color:var(--text)}.section-toggle h3{font-size:17px}.section-toggle span{font-size:18px;color:var(--muted)}.section-body{margin-top:16px;display:grid;gap:14px}.field-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.editor-field{display:flex;flex-direction:column;gap:5px}.editor-field label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.editor-field input,.editor-field textarea{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;background:var(--surface-soft);color:var(--text);transition:border-color .2s;font-family:inherit}.editor-field input:focus,.editor-field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0f766e1a}.editor-field textarea{resize:vertical;min-height:70px}.input-group{position:relative;display:flex;align-items:center}.input-group input{width:100%;padding-right:36px}.input-suffix{position:absolute;right:12px;font-size:13px;color:var(--muted);pointer-events:none}.editable-list{display:grid;gap:8px}.list-item-row{display:flex;gap:8px;align-items:center}.list-index{font-size:12px;font-weight:700;color:var(--muted);min-width:20px}.list-item-row input{flex:1;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;background:var(--surface-soft);color:var(--text);font-family:inherit}.list-item-row input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0f766e1a}.remove-btn{width:34px;height:34px;border:1px solid #fecdd3;background:var(--danger-soft);color:var(--danger);border-radius:9px;font-size:18px;font-weight:700;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}.remove-btn.sm{width:26px;height:26px;font-size:14px;border-radius:7px}.add-btn{border:1px dashed var(--accent);background:var(--accent-soft);color:var(--accent);border-radius:10px;padding:8px 14px;font-size:13px;font-weight:700;cursor:pointer;justify-self:start}.add-btn:hover{background:var(--accent);color:#fff}.editable-table-wrap{display:flex;flex-direction:column;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--accent, #c9a84c) transparent;padding-bottom:4px}.editable-table-wrap::-webkit-scrollbar-track{background:#0a3d6b0f;border-radius:999px}.editable-table-wrap::-webkit-scrollbar-thumb:hover{background:#0a3d6b}.editable-table{width:100%;min-width:640px;border-collapse:collapse;font-size:13px}.editable-table th{text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:8px 6px;border-bottom:2px solid var(--line);white-space:nowrap}.editable-table td{padding:4px;vertical-align:middle}.editable-table td input{width:100%;border:1px solid var(--line);border-radius:8px;padding:7px 8px;font-size:13px;background:var(--surface-soft);color:var(--text);font-family:inherit;transition:border-color .15s}.editable-table td input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #0f766e14}.editable-table tbody tr:hover{background:#0f766e08}.chart-data-editor{display:flex;flex-direction:column;gap:10px}.chart-editor-title{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0}.chart-entries{display:flex;flex-direction:column;gap:6px}.chart-entry-row{display:flex;gap:8px;align-items:center}.color-pick{width:32px;height:32px;border:1px solid var(--line);border-radius:8px;padding:2px;cursor:pointer;background:transparent}.chart-name-input{flex:2;border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:13px;background:var(--surface-soft);color:var(--text);font-family:inherit}.chart-val-input{width:80px;border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:13px;background:var(--surface-soft);color:var(--text);font-family:inherit}.chart-name-input:focus,.chart-val-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #0f766e14}.chart-pct{font-size:12px;color:var(--muted);min-width:40px;text-align:right}.chart-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.chart-preview-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff;text-align:center}.chart-card-notes{margin-top:10px;text-align:left;border-top:1px solid var(--line);padding-top:8px}.chart-card-notes__label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px}.chart-preview-card p{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px}.chart-preview-card img{width:100%;max-width:400px;height:auto;border-radius:8px}.gauge-edit-card{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--surface-soft);margin-bottom:10px}.gauge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.gauge-num{font-size:12px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}.gauge-preview-val{font-size:24px;font-weight:800}.checklist-edit-row{border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:var(--surface-soft);margin-bottom:8px}.goal-plan-card{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--surface-soft);margin-bottom:12px;display:flex;flex-direction:column;gap:8px}.sensitivity-editor{overflow-x:auto}.sensitivity-table th input,.sensitivity-table .row-label-input{width:60px;border:1px solid var(--line);border-radius:6px;padding:5px 6px;font-size:12px;font-weight:700;text-align:center;background:var(--surface-soft);color:var(--text)}.sensitivity-cell{text-align:center!important;font-weight:700;width:70px}.cell-green{background:#dcfce7!important;border-color:#86efac!important;color:#166534}.cell-red{background:#fef2f2!important;border-color:#fca5a5!important;color:#991b1b}.cell-amber{background:#fefce8!important;border-color:#fde68a!important;color:#92400e}.download-link{color:var(--accent);font-weight:700;text-decoration:none;font-size:14px}.download-link:hover{text-decoration:underline}.download-link.animated-link{background:linear-gradient(135deg,#1e3a5f,#2563eb);color:#fff;padding:8px 18px;border-radius:10px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s}.download-link.animated-link:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 16px #2563eb59}.success-banner{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid #86efac;border-radius:14px;background:#f0fdf4;font-weight:600;color:#166534}.success-banner a{color:#1d4ed8;font-weight:700}.error-text{color:var(--danger);font-weight:600;font-size:14px;padding:10px 18px;border:1px solid #fecdd3;border-radius:12px;background:#fef2f2}.editor-bottom-actions{display:flex;gap:12px;align-items:center;justify-content:center;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);flex-shrink:0}.upload-actions{display:flex;gap:10px}.pdf-viewer-panel{display:flex;flex-direction:column;height:100%;background:#1e1e2e;border-radius:12px;overflow:hidden}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;background:#2a2a3d;border-bottom:1px solid #3a3a5a;flex-shrink:0}.viewer-title{font-size:13px;font-weight:600;color:#c0c0d8;letter-spacing:.02em;display:flex;align-items:center;gap:6px}.live-updating-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#4ecdc4;animation:pulse-dot 1s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.draft-status-badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px;white-space:nowrap;transition:all .3s ease}.draft-status-badge[data-status=saved]{color:#4ade80;background:#4ade801f}.draft-status-badge[data-status=saving]{color:#facc15;background:#facc151f}.draft-status-badge[data-status=unsaved]{color:#f87171;background:#f871711f}.viewer-page-badge{display:inline-block;font-size:11px;font-weight:700;background:#6366f12e;color:#a5b4fc;padding:2px 8px;border-radius:6px;margin-left:8px;letter-spacing:.04em}.viewer-badge-live{font-size:11px;font-weight:700;color:#4ecdc4;letter-spacing:.05em;animation:pulse-dot 2s ease-in-out infinite;background:#4ecdc41f;padding:2px 8px;border-radius:6px}.viewer-actions{display:flex;align-items:center;gap:8px}.viewer-download-btn,.viewer-open-btn{font-size:12px;font-weight:700;text-decoration:none;padding:5px 12px;border-radius:8px;cursor:pointer}.viewer-download-btn{color:#86efac;border:1px solid #2d6a4f;background:#2d6a4f33}.viewer-download-btn:hover{background:#2d6a4f66}.viewer-open-btn{color:#93c5fd;border:1px solid #1e40af;background:#1e40af26}.viewer-open-btn:hover{background:#1e40af4d}.viewer-close-btn{width:30px;height:30px;border:1px solid #4a4a6a;border-radius:8px;background:#3a3a5a;color:#e0e0f0;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.viewer-close-btn:hover{background:#5a3a3a;border-color:#8a4a4a}.viewer-iframe{flex:1;width:100%;border:none;background:#28283e}.viewer-empty{display:flex;align-items:center;justify-content:center;height:100%;background:#1e1e2e;border-radius:18px}.viewer-empty-inner{text-align:center;color:#8888a8}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.viewer-icon{font-size:48px;display:block;margin-bottom:12px}.view-btn{border:1px solid #93c5fd;background:#eff6ff;color:#1d4ed8;border-radius:9px;padding:6px 12px;font-size:13px;font-weight:700;cursor:pointer}.view-btn:hover{background:#dbeafe}.pdf-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000c7;display:flex;align-items:center;justify-content:center;animation:modalFadeIn .15s ease}.pdf-modal-container{width:92vw;height:92vh;border-radius:16px;overflow:hidden;box-shadow:0 28px 90px #000000a6,0 0 0 1px #ffffff0f;animation:modalScaleIn .15s ease;display:flex;flex-direction:column}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 1100px){.editor-split.split-open{grid-template-columns:1fr;overflow-y:auto}.editor-forms{overflow-y:visible}.editor-viewer{height:520px}}@media (max-width: 720px){.editor-topbar{flex-direction:column;align-items:flex-start;position:static}.editor-topbar-actions{width:100%;flex-direction:column}.editor-topbar-actions button{width:100%}.field-grid{grid-template-columns:1fr}.upload-actions{flex-direction:column}.pdf-modal-container{width:98vw;height:96vh;border-radius:10px}.viewer-toolbar{flex-wrap:wrap;gap:6px}.page-tab{padding:6px 10px 4px}.tab-label{font-size:10px}.page-nav-bar{flex-direction:column;gap:10px}.chart-preview-grid{grid-template-columns:1fr}}.upload-hero{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:clamp(18px,2vw,32px);overflow:hidden;position:relative}.upload-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 12% 10%,rgba(255,255,255,.18),transparent 40%),radial-gradient(circle at 95% 95%,rgba(245,158,11,.24),transparent 42%);pointer-events:none}.upload-hero-text{position:relative;z-index:1;max-width:52ch;flex:1 1 340px}.upload-hero-text .eyebrow{color:#e2fdf5cc}.upload-hero-text h1{margin:6px 0 10px;font-size:clamp(26px,3.2vw,36px);color:#fff;line-height:1.1}.upload-hero-text p{color:#ecfdf5eb;margin:0;font-size:14px;line-height:1.55}.upload-hero-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:10px;flex:1 1 320px;align-content:center}.hero-stat{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .2s ease,background .2s ease}.hero-stat:hover{transform:translateY(-2px);background:#ffffff2e}.hero-stat-icon{font-size:22px;line-height:1;display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:10px;background:#ffffff29}.hero-stat-label{margin:0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#ecfdf5bf}.hero-stat strong{display:block;font-size:18px;color:#fff;margin-top:2px}.section-title-row{display:flex;gap:14px;align-items:flex-start}.section-title-row>div{flex:1}.step-badge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;font-weight:800;font-size:15px;flex-shrink:0;box-shadow:0 6px 16px #0f766e59}.section-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search-input{position:relative;display:flex;align-items:center}.search-input .search-icon{position:absolute;left:12px;font-size:13px;opacity:.5;pointer-events:none}.search-input input{border:1px solid var(--line);border-radius:10px;padding:8px 12px 8px 32px;font-size:13px;background:var(--surface-soft);color:var(--text);width:220px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;font-family:inherit}.search-input input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #0f766e1f}.upload-dropzone{margin-top:14px;padding:18px;border:1.5px dashed rgba(15,118,110,.35);border-radius:16px;background:linear-gradient(180deg,#ccfbf140,#ccfbf100);transition:border-color .2s ease,background .2s ease}.upload-dropzone:hover{border-color:var(--accent);background:linear-gradient(180deg,#ccfbf173,#ccfbf10d)}.fancy-list .report-card{position:relative;border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:linear-gradient(180deg,#ffffff,var(--surface-soft));transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;overflow:hidden}.fancy-list .report-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--accent),var(--accent-strong));opacity:.8}.fancy-list .draft-card:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.fancy-list .report-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f172a14;border-color:#0f766e59}.fancy-list .report-card.is-open{border-color:var(--accent);box-shadow:0 10px 24px #0f766e2e}.report-card-main{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.file-thumb{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;background:var(--accent-soft);color:var(--accent-strong);flex-shrink:0}.draft-thumb{background:#fef3c7;color:#92400e}.report-card-text{min-width:0;flex:1}.report-card-text .report-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.report-source-excel{display:inline-flex;align-items:center;gap:5px;margin-top:4px;font-size:11.5px;font-weight:600;color:#2e7d5e;background:#2e7d5e14;border:1px solid rgba(46,125,94,.22);border-radius:5px;padding:2px 8px 2px 6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-source-excel svg{flex-shrink:0;color:#2e7d5e}.fancy-list .reports-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:6px}.meta-chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--muted);background:#fff;border:1px solid var(--line);padding:2px 8px;border-radius:999px}.meta-id{font-family:SF Mono,Menlo,monospace;font-size:11px;opacity:.75;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-btn{border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent-strong);border-radius:9px;padding:6px 12px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .15s ease,background .2s ease}.view-btn:hover{transform:translateY(-1px);background:#99f6e4}.action-link{font-size:13px;font-weight:700;text-decoration:none;color:#1d4ed8;padding:6px 8px;border-radius:8px;transition:background .2s ease}.action-link:hover{background:#1d4ed814;text-decoration:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 20px;border:1px dashed var(--line);border-radius:16px;background:var(--surface-soft);text-align:center;gap:4px}.empty-icon{font-size:40px;margin-bottom:4px;opacity:.8}.empty-title{margin:0;font-size:15px;font-weight:700;color:var(--text)}.empty-sub{margin:0;font-size:13px;color:var(--muted)}.list-skeleton{display:grid;gap:10px}.skeleton-row{height:72px;border-radius:14px;background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px;padding:10px 14px;border-radius:12px;background:var(--surface-soft);border:1px solid var(--line)}.pager-btn{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:9px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.pager-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent-strong);transform:translateY(-1px)}.pager-btn:disabled{opacity:.45;cursor:not-allowed}.pager-info{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:6px}.pager-info strong{color:var(--text)}.pager-sub{opacity:.7;font-size:12px}@media (max-width: 720px){.upload-hero{flex-direction:column}.upload-hero-stats{grid-template-columns:repeat(2,1fr);width:100%}.search-input input,.section-header-actions{width:100%}.search-input{flex:1}.fancy-list .report-card{flex-direction:column;align-items:flex-start}.fancy-list .report-actions{width:100%;flex-wrap:wrap}.pager{flex-wrap:wrap}}.upload-hero-stats .hero-stat-icon{color:#ecfdf5}.upload-hero-stats .hero-stat-icon svg{width:20px;height:20px}.step-badge{position:relative}.step-badge:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:14px;border:1px solid rgba(15,118,110,.18);pointer-events:none}.refresh-btn{display:inline-flex;align-items:center;gap:7px;font-weight:600}.refresh-btn svg{flex-shrink:0;color:var(--accent-strong)}.refresh-btn .spin{animation:refresh-spin .9s linear infinite;transform-origin:center}@keyframes refresh-spin{to{transform:rotate(360deg)}}.sort-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--card-bg, #fff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 10px center;border:1.5px solid var(--border, #e2e8f0);border-radius:8px;padding:7px 30px 7px 12px;font-size:13px;font-weight:500;color:var(--text, #1e293b);cursor:pointer;height:36px;transition:border-color .15s}.sort-select:hover,.sort-select:focus{border-color:var(--accent, #2d7a6e);outline:none}.clear-all-btn{white-space:nowrap}.upload-dropzone{margin-top:14px;padding:0;border:none;background:transparent}.upload-dropzone:hover{border:none;background:transparent}.dz-form{display:flex;flex-direction:column;gap:14px}.dz{position:relative;display:flex;align-items:center;justify-content:center;min-height:200px;border:1.6px dashed #cbd5e1;border-radius:18px;background:radial-gradient(ellipse at 50% 0%,rgba(15,118,110,.05) 0%,transparent 60%),linear-gradient(180deg,#fff,#f8fafc);cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease;overflow:hidden;outline:none}.dz:hover:not(.has-file):not(.is-busy){border-color:var(--accent);background:radial-gradient(ellipse at 50% 0%,rgba(15,118,110,.09) 0%,transparent 60%),linear-gradient(180deg,#f0fdfa,#ecfdf5);transform:translateY(-1px);box-shadow:0 12px 28px -12px #0f766e38}.dz:focus-visible{border-color:var(--accent);box-shadow:0 0 0 4px #0f766e26}.dz.is-dragging{border-color:var(--accent);border-style:solid;background:radial-gradient(ellipse at 50% 0%,rgba(15,118,110,.18) 0%,transparent 70%),linear-gradient(180deg,#ccfbf1,#f0fdfa);transform:scale(1.005);box-shadow:0 0 0 6px #0f766e1a,0 18px 40px -16px #0f766e52}.dz.has-file{cursor:default;border-style:solid;border-color:#0f766e52;background:linear-gradient(180deg,#fff,#f0fdfa);min-height:auto;padding:18px 20px}.dz.is-busy{cursor:progress}.dz-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.dz-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 20px;text-align:center;pointer-events:none}.dz-icon{width:64px;height:64px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:var(--accent-strong);margin-bottom:6px;box-shadow:0 1px #ffffffe6 inset,0 8px 20px -8px #0f766e52;transition:transform .25s ease,box-shadow .25s ease}.dz:hover:not(.has-file):not(.is-busy) .dz-icon,.dz.is-dragging .dz-icon{transform:translateY(-3px) scale(1.05);box-shadow:0 1px #ffffffe6 inset,0 14px 26px -10px #0f766e61}.dz.is-dragging .dz-icon{animation:dz-bounce .9s ease-in-out infinite}@keyframes dz-bounce{0%,to{transform:translateY(-3px) scale(1.05)}50%{transform:translateY(-8px) scale(1.08)}}.dz-title{margin:0;font-size:16px;font-weight:700;color:var(--text);letter-spacing:-.012em}.dz-sub{margin:0;font-size:13px;color:var(--muted)}.dz-browse{color:var(--accent-strong);font-weight:600;text-decoration:underline;text-decoration-color:#0f766e66;text-underline-offset:3px}.dz-formats{display:flex;gap:6px;margin-top:8px}.dz-format-chip{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);background:#fff;border:1px solid rgba(15,118,110,.22);padding:3px 9px;border-radius:5px}.dz-file{display:flex;align-items:center;gap:14px;width:100%;animation:dz-file-in .32s cubic-bezier(.34,1.4,.64,1)}@keyframes dz-file-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.dz-file-icon{flex-shrink:0;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:var(--accent-strong);display:inline-flex;align-items:center;justify-content:center}.dz-file-meta{flex:1;min-width:0}.dz-file-name{margin:0;font-size:14.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dz-file-size{margin:3px 0 0;font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:6px}.dz-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dz-dot-ok{background:#10b981;box-shadow:0 0 0 3px #10b9812e}.dz-clear{flex-shrink:0;width:32px;height:32px;border-radius:9px;background:transparent;border:1px solid var(--line);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .15s}.dz-clear:hover{background:#fef2f2;color:#b91c1c;border-color:#fecaca;transform:rotate(90deg)}.dz-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#0f766e1a;overflow:hidden}.dz-progress-bar{position:absolute;top:0;right:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent 0%,var(--accent) 50%,transparent 100%);animation:dz-progress 1.4s ease-in-out infinite}@keyframes dz-progress{0%{transform:translate(-100%)}to{transform:translate(350%)}}.dz-error{display:flex;align-items:flex-start;gap:9px;margin:0;padding:10px 13px;background:#fef2f2;border:1px solid #fecaca;border-radius:11px;color:#b91c1c;font-size:13px;line-height:1.5;animation:dz-shake .32s ease}.dz-error svg{flex-shrink:0;margin-top:1px}@keyframes dz-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.dz-actions{display:flex;gap:10px;flex-wrap:wrap}.dz-btn{flex:1 1 auto;min-width:160px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:11px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:transform .12s ease,box-shadow .18s ease,filter .15s ease,background .15s ease,border-color .15s ease;border:none}.dz-btn:disabled{opacity:.55;cursor:not-allowed}.dz-btn-primary{background:linear-gradient(180deg,#0f766e,#0d5c54);color:#fff;box-shadow:0 1px #ffffff1f inset,0 1px 2px #0f766e40,0 6px 16px #0f766e38}.dz-btn-primary:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 1px #ffffff24 inset,0 1px 2px #0f766e4d,0 10px 24px #0f766e52}.dz-btn-primary:active:not(:disabled){transform:translateY(0)}.dz-btn-ghost{background:#fff;color:var(--text);border:1px solid var(--line)}.dz-btn-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent-strong);background:var(--accent-soft);transform:translateY(-1px)}.dz-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:refresh-spin .7s linear infinite}.dz-spinner-dark{border-color:#0f766e40;border-top-color:var(--accent-strong)}.dz-success{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:linear-gradient(180deg,#ecfdf5,#d1fae5);border:1px solid rgba(16,185,129,.32);animation:dz-success-in .4s cubic-bezier(.34,1.4,.64,1)}@keyframes dz-success-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dz-success-icon{flex-shrink:0;width:38px;height:38px;border-radius:50%;background:#10b981;color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #10b98159;animation:dz-success-pop .45s cubic-bezier(.34,1.6,.64,1)}@keyframes dz-success-pop{0%{transform:scale(.5)}60%{transform:scale(1.1)}to{transform:scale(1)}}.dz-success-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dz-success-text strong{font-size:14.5px;color:#064e3b;letter-spacing:-.005em}.dz-success-text span{font-size:13px;color:#065f46}.dz-success-actions{display:flex;gap:6px;flex-shrink:0}.dz-link{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;font-size:13px;font-weight:600;color:#064e3b;background:#ffffffb3;border:1px solid rgba(16,185,129,.32);border-radius:8px;text-decoration:none;transition:background .15s,transform .12s}.dz-link:hover{background:#fff;transform:translateY(-1px)}.fancy-list .report-card{opacity:0;animation:list-row-in .4s ease forwards}@keyframes list-row-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.report-actions .view-btn,.report-actions .action-link,.report-actions .danger-btn,.report-actions .resume-btn{display:inline-flex;align-items:center;gap:5px}.report-actions .resume-btn{padding:7px 14px;font-size:13px;border-radius:9px}.report-actions .danger-btn{border:1px solid #fecaca;background:#fef2f2}.report-actions .danger-btn:hover:not(:disabled){background:#fee2e2;transform:translateY(-1px)}.report-actions .action-link svg,.report-actions .view-btn svg,.report-actions .danger-btn svg,.report-actions .resume-btn svg{flex-shrink:0}.meta-chip svg{opacity:.65;margin-right:1px}.search-input .search-icon{display:inline-flex;align-items:center;color:var(--muted);opacity:.7}.search-input .search-icon svg{display:block}.file-thumb{background:linear-gradient(135deg,#ccfbf1,#99f6e4);border:1px solid rgba(15,118,110,.18)}.draft-thumb{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid rgba(217,119,6,.22)}@media (max-width: 720px){.dz{min-height:160px}.dz-icon{width:56px;height:56px}.dz-actions{flex-direction:column}.dz-btn{width:100%}.dz-success{flex-direction:column;align-items:flex-start}.dz-success-actions{width:100%}.dz-link{flex:1;justify-content:center}}.dashboard-layout-v2 .panel{animation:rise .5s ease both}.dashboard-hero{display:flex;gap:clamp(20px,2.4vw,36px);flex-wrap:wrap;align-items:center;overflow:hidden;position:relative;padding:clamp(24px,3.4vw,44px);background:radial-gradient(circle at 12% 0%,rgba(20,184,166,.45),transparent 55%),radial-gradient(circle at 95% 110%,rgba(245,158,11,.35),transparent 55%),linear-gradient(135deg,#0f766e,#115e59 55%,#134e4a);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 60px -30px #0f766e8c,inset 0 1px #ffffff14}.dashboard-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.18),transparent 45%);pointer-events:none}.dashboard-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:36px 36px;background-position:-1px -1px;mask-image:radial-gradient(ellipse at center,#000 35%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 35%,transparent 75%);pointer-events:none;opacity:.6}.dashboard-hero-text{position:relative;z-index:2;flex:1 1 460px;max-width:60ch}.dashboard-hero-text .eyebrow{color:#e2fdf5c7;letter-spacing:.18em;font-weight:700}.dashboard-hero-text h1{margin:10px 0 16px;font-size:clamp(30px,4.4vw,46px);line-height:1.08;color:#fff;font-weight:800;letter-spacing:-.02em}.hero-gradient-text{background:linear-gradient(135deg,#fef3c7,#fbbf24 50%,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.dashboard-hero-text>p{color:#ecfdf5eb;margin:0 0 22px;font-size:15px;line-height:1.65;max-width:56ch}.hero-cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.hero-cta{padding:12px 20px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px;border-radius:12px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.dashboard-hero .primary-btn.hero-cta{background:#fff;color:#0f766e;border:1px solid rgba(15,118,110,.15);box-shadow:0 12px 28px -10px #00000059,0 1px #fff9 inset}.dashboard-hero .primary-btn.hero-cta:hover{transform:translateY(-2px);box-shadow:0 18px 36px -10px #00000073}.hero-cta-ghost{background:#ffffff1a;border:1px solid rgba(255,255,255,.28);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-cta-ghost:hover{background:#ffffff2e;transform:translateY(-2px)}.hero-tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.hero-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.22);color:#f0fdfa;background:#0f172a38;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s ease,transform .2s ease}.hero-chip:hover{background:#ffffff2e;transform:translateY(-1px)}.hero-chip svg{opacity:.85}.dashboard-hero-visual{position:relative;z-index:2;flex:1 1 320px;min-height:280px;display:flex;align-items:center;justify-content:center}.hero-orb{position:absolute;border-radius:50%;filter:blur(38px);opacity:.55;pointer-events:none}.hero-orb-a{width:220px;height:220px;background:radial-gradient(circle,#2dd4bf,transparent 70%);top:-20px;right:10%;animation:orbDrift 9s ease-in-out infinite}.hero-orb-b{width:180px;height:180px;background:radial-gradient(circle,#f59e0b,transparent 70%);bottom:-10px;left:0;animation:orbDrift 11s ease-in-out infinite reverse}@keyframes orbDrift{0%,to{transform:translate(0)}50%{transform:translate(14px,-12px)}}.floating-card{position:absolute;background:#fffffff7;border-radius:16px;padding:12px 16px;box-shadow:0 18px 40px #0f172a47,0 1px #ffffffe6 inset;display:flex;align-items:center;gap:10px;animation:float 4.2s ease-in-out infinite;border:1px solid rgba(255,255,255,.6)}.floating-icon{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.floating-icon-teal{background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:#0f766e}.floating-icon-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.floating-icon-amber{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.floating-card .mini-label{margin:0;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.floating-card strong{font-size:13px;color:var(--text)}.floating-card.card-1{top:6%;left:10%;animation-delay:0s}.floating-card.card-2{top:38%;right:4%;animation-delay:.8s}.floating-card.card-3{bottom:8%;left:26%;animation-delay:1.6s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dash-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.2vw,20px)}.dash-stat-card{border:1px solid var(--line);border-radius:18px;padding:20px;background:linear-gradient(180deg,#fff,#fbfdfc);box-shadow:0 1px #fff9 inset,0 6px 20px -10px #0f172a14;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;opacity:0;transform:translateY(8px);animation:dashCardIn .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes dashCardIn{to{opacity:1;transform:translateY(0)}}.dash-stat-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -16px #0f172a2e}.dash-stat-card:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;border-radius:50%;opacity:.16;filter:blur(2px);transition:opacity .25s ease,transform .4s ease}.dash-stat-card:hover:before{opacity:.24;transform:scale(1.08)}.dash-stat-card.stat-teal:before{background:radial-gradient(circle,#14b8a6,transparent 70%)}.dash-stat-card.stat-amber:before{background:radial-gradient(circle,#f59e0b,transparent 70%)}.dash-stat-card.stat-blue:before{background:radial-gradient(circle,#3b82f6,transparent 70%)}.dash-stat-card.stat-rose:before{background:radial-gradient(circle,#f43f5e,transparent 70%)}.dash-stat-card:hover{border-color:#0f766e40}.dash-stat-card.stat-amber:hover{border-color:#f59e0b66}.dash-stat-card.stat-blue:hover{border-color:#3b82f666}.dash-stat-card.stat-rose:hover{border-color:#f43f5e66}.dash-stat-icon{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;position:relative;z-index:1;box-shadow:0 1px #ffffffb3 inset,0 4px 10px -4px #0f172a1f}.stat-teal .dash-stat-icon{background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:#0f766e}.stat-amber .dash-stat-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.stat-blue .dash-stat-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.stat-rose .dash-stat-icon{background:linear-gradient(135deg,#ffe4e6,#fecdd3);color:#be123c}.dash-stat-label{margin:0;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-weight:700;position:relative;z-index:1}.dash-stat-value{display:block;font-size:30px;color:var(--text);margin:6px 0 12px;font-weight:800;letter-spacing:-.02em;position:relative;z-index:1;line-height:1.05}.dash-stat-link{font-size:12.5px;color:var(--accent-strong);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:5px;position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;transition:gap .2s ease,color .2s ease}.dash-stat-link:not(.muted):hover{gap:8px}.dash-stat-link.muted{color:var(--muted);font-weight:500;font-size:11.5px}.workflow-flow{display:flex;align-items:stretch;gap:12px;margin-top:18px;flex-wrap:wrap}.workflow-wrapper{display:flex;align-items:center;gap:12px;flex:1 1 240px}.workflow-step{flex:1;border:1px solid var(--line);border-radius:18px;padding:24px 20px;background:linear-gradient(180deg,#fff,#f9fafb);text-align:center;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative;overflow:hidden;opacity:0;transform:translateY(8px);animation:dashCardIn .5s cubic-bezier(.16,1,.3,1) forwards}.workflow-step:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--accent),#f59e0b)}.workflow-step.accent-teal:after{background:linear-gradient(90deg,#0f766e,#14b8a6)}.workflow-step.accent-amber:after{background:linear-gradient(90deg,#d97706,#f59e0b)}.workflow-step.accent-blue:after{background:linear-gradient(90deg,#1e40af,#3b82f6)}.workflow-step:hover{transform:translateY(-4px);box-shadow:0 20px 40px -16px #0f172a24;border-color:#0f766e4d}.workflow-step-icon{width:64px;height:64px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px;box-shadow:0 1px #ffffffb3 inset,0 8px 18px -8px #0f172a2e;transition:transform .3s ease}.workflow-step:hover .workflow-step-icon{transform:scale(1.06) rotate(-3deg)}.workflow-step.accent-teal .workflow-step-icon{background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:#0f766e}.workflow-step.accent-amber .workflow-step-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.workflow-step.accent-blue .workflow-step-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.workflow-step-num{margin:0;font-size:10.5px;text-transform:uppercase;letter-spacing:.16em;color:var(--accent-strong);font-weight:800}.workflow-step.accent-amber .workflow-step-num{color:#b45309}.workflow-step.accent-blue .workflow-step-num{color:#1e40af}.workflow-step h3{margin:6px 0 8px;font-size:19px;font-weight:700;letter-spacing:-.01em}.workflow-step p{margin:0;font-size:13px;color:var(--muted);line-height:1.55}.workflow-arrow{color:var(--accent);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--accent-soft)}.feature-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.fancy-feature{position:relative;border:1px solid var(--line);border-radius:18px;padding:20px;background:linear-gradient(180deg,#fff,#fbfdfc);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;opacity:0;transform:translateY(8px);animation:dashCardIn .5s cubic-bezier(.16,1,.3,1) forwards}.fancy-feature:hover{transform:translateY(-4px);box-shadow:0 22px 44px -18px #0f172a29}.fancy-feature:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.fancy-feature.accent-teal:before{background:linear-gradient(90deg,#0f766e,#14b8a6)}.fancy-feature.accent-amber:before{background:linear-gradient(90deg,#d97706,#f59e0b)}.fancy-feature.accent-blue:before{background:linear-gradient(90deg,#1e40af,#3b82f6)}.fancy-feature.accent-rose:before{background:linear-gradient(90deg,#9f1239,#f43f5e)}.fancy-feature.accent-teal:hover{border-color:#0f766e66}.fancy-feature.accent-amber:hover{border-color:#f59e0b80}.fancy-feature.accent-blue:hover{border-color:#3b82f680}.fancy-feature.accent-rose:hover{border-color:#f43f5e80}.feature-icon-badge{width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 1px #ffffffb3 inset,0 6px 14px -6px #0f172a24;transition:transform .3s ease}.fancy-feature:hover .feature-icon-badge{transform:scale(1.06) rotate(-3deg)}.accent-teal .feature-icon-badge{background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:#0f766e}.accent-amber .feature-icon-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.accent-blue .feature-icon-badge{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.accent-rose .feature-icon-badge{background:linear-gradient(135deg,#ffe4e6,#fecdd3);color:#be123c}.accent-teal .feature-tag{color:#0f766e}.accent-amber .feature-tag{color:#b45309}.accent-blue .feature-tag{color:#1e40af}.accent-rose .feature-tag{color:#9f1239}.fancy-feature .feature-tag{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.fancy-feature h3{font-size:16px;font-weight:700;margin:6px 0;letter-spacing:-.01em}.fancy-feature p{font-size:13px;line-height:1.55}.tech-panel{background:linear-gradient(180deg,var(--surface),var(--surface-soft))}.tech-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.tech-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px;font-weight:600;color:var(--text);transition:all .2s ease;opacity:0;transform:translateY(6px);animation:dashCardIn .4s cubic-bezier(.16,1,.3,1) forwards}.tech-chip:hover{border-color:var(--accent);color:var(--accent-strong);transform:translateY(-2px);box-shadow:0 8px 18px -8px #0f766e66}.tech-chip-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--accent-strong)}.tech-chip:hover .tech-chip-icon{color:var(--accent)}@media (max-width: 960px){.dash-stats-grid,.feature-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 720px){.dashboard-hero{flex-direction:column;padding:22px}.dashboard-hero-visual{min-height:220px;width:100%}.workflow-wrapper{flex:1 1 100%}.workflow-arrow{transform:rotate(90deg);margin:0 auto}.feature-grid-4{grid-template-columns:1fr}}.editor-topbar{background:linear-gradient(135deg,#fffffffa,#f9fafbfa);border:1px solid transparent;position:relative;box-shadow:0 2px 12px #0f172a0f,0 1px 2px #0f172a0a}.editor-topbar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;padding:1px;background:linear-gradient(135deg,#0f766e80,#f59e0b66);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.45}.editor-topbar h1{font-weight:800;letter-spacing:-.01em;color:var(--text)}.editor-subtitle{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.01em}.editor-subtitle strong{color:var(--accent-strong);font-weight:800}.editor-progress{position:relative;height:6px;background:var(--surface-soft);border-radius:999px;margin:10px 0 0;overflow:hidden;border:1px solid var(--line);flex-shrink:0}.editor-progress-fill{height:100%;background:linear-gradient(90deg,#0f766e,#14b8a6 50%,#f59e0b);border-radius:999px;transition:width .35s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 10px #0f766e59}.editor-progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:progressShimmer 2.4s linear infinite}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.editor-progress-label{position:absolute;top:50%;right:12px;transform:translateY(-50%);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);pointer-events:none;display:none}.draft-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:5px 11px;border-radius:999px;letter-spacing:.01em;border:1px solid transparent;transition:all .2s ease}.draft-status-badge[data-status=saved]{color:#065f46;background:#d1fae5;border-color:#a7f3d0}.draft-status-badge[data-status=saving]{color:#92400e;background:#fef3c7;border-color:#fde68a;animation:savingPulse 1.4s ease-in-out infinite}.draft-status-badge[data-status=unsaved]{color:#9f1239;background:#ffe4e6;border-color:#fecdd3}@keyframes savingPulse{0%,to{opacity:1}50%{opacity:.65}}.generate-btn{position:relative;overflow:hidden;background:linear-gradient(135deg,#0f766e,#115e59);border:none;color:#fff;font-weight:700;box-shadow:0 6px 16px #0f766e59;transition:transform .15s ease,box-shadow .15s ease}.generate-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 22px #0f766e73}.generate-btn:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-20deg);transition:left .6s ease}.generate-btn:hover:after{left:140%}.generate-btn:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:none;cursor:wait;opacity:.8}.page-tabs-container{padding:10px 0 8px;margin:12px 0 0;background:var(--surface-soft);-webkit-backdrop-filter:none;backdrop-filter:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;z-index:2;flex-shrink:0}.page-tabs{gap:6px;padding:2px 4px 4px}.page-tab{border-radius:12px;background:#fff;border:1px solid var(--line);padding:8px 14px 7px;min-width:82px;transition:transform .15s ease,box-shadow .15s ease,background .2s ease,color .2s ease,border-color .2s ease}.page-tab:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0f172a14;border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.page-tab.active{background:linear-gradient(135deg,#0f766e,#115e59);border-color:transparent;box-shadow:0 8px 18px #0f766e61;transform:translateY(-2px)}.page-tab.active .tab-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.tab-icon{font-size:16px}.page-tab.divider-tab{border-style:dashed;opacity:.85}.page-tab.divider-tab.active{background:linear-gradient(135deg,#6366f1,#818cf8);box-shadow:0 8px 18px #6366f161;opacity:1}.page-editor-header{padding:16px 18px;margin-top:4px;background:linear-gradient(135deg,#ffffff,var(--surface-soft));border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);position:relative;overflow:hidden;z-index:1;flex-shrink:0}.page-editor-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#0f766e,#f59e0b)}.page-editor-header h2{font-weight:800;letter-spacing:-.01em;padding-left:6px}.page-badge{background:linear-gradient(135deg,#0f766e,#115e59);box-shadow:0 4px 10px #0f766e59;padding:5px 12px;font-size:11px;border-radius:999px}.page-editor-header:has(.divider-badge):before{background:linear-gradient(180deg,#6366f1,#818cf8)}.page-section-card{transition:transform .15s ease,box-shadow .15s ease,border-color .2s ease;position:relative}.page-section-card:hover{border-color:#0f766e59;box-shadow:0 10px 24px #0f172a0f}.page-section-card .section-toggle h4{display:inline-flex;align-items:center;gap:8px;color:var(--text)}.page-section-card .section-toggle h4:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);flex-shrink:0}.page-nav-bar{background:linear-gradient(180deg,transparent,var(--surface-soft));padding:14px 4px;margin-top:10px;border-top:1px solid var(--line);border-radius:0 0 10px 10px}.page-counter{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.04em;border:1px solid rgba(15,118,110,.15)}.editor-forms{padding-right:6px}.editor-forms::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--line),#cbd5e1);border-radius:4px}.editor-forms::-webkit-scrollbar-thumb:hover{background:var(--accent)}.editor-bottom-actions{background:linear-gradient(135deg,#ffffff,var(--surface-soft));border:1px solid var(--line);position:relative;flex-wrap:wrap}.editor-bottom-actions:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#0f766e,#f59e0b,#0f766e);background-size:200% 100%;animation:shiftGradient 6s ease infinite;border-radius:14px 14px 0 0}@keyframes shiftGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.download-link{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:700;text-decoration:none;border:1px solid var(--line);background:#fff;color:var(--accent-strong);transition:transform .15s ease,box-shadow .15s ease,border-color .2s ease}.download-link:hover{transform:translateY(-1px);border-color:var(--accent);box-shadow:0 8px 18px #0f766e2e}.download-link.animated-link{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:transparent;box-shadow:0 6px 14px #f59e0b59}.download-link.animated-link:hover{box-shadow:0 10px 22px #f59e0b73}.editor-field label{font-weight:700;font-size:12.5px;color:var(--text);letter-spacing:.01em;text-transform:none}.editor-field input,.editor-field textarea,.editor-field select{transition:border-color .15s ease,box-shadow .15s ease}.editor-field input:focus,.editor-field textarea:focus,.editor-field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.page-hint-banner{background:linear-gradient(135deg,#0f766e1a,#f59e0b14);border-color:#0f766e38;border-left:3px solid var(--accent);padding-left:14px}@media (max-width: 960px){.editor-topbar{flex-direction:column;align-items:stretch}.editor-topbar-actions{flex-wrap:wrap;justify-content:flex-end}.page-tab{min-width:64px;padding:6px 10px 5px}.editor-bottom-actions{justify-content:flex-start}}.working-toggle{display:inline-flex;border-radius:999px;border:1px solid var(--line);background:var(--surface-soft);padding:3px;gap:3px}.wt-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:none;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;background:transparent;color:var(--muted);transition:background .18s ease,color .18s ease,box-shadow .18s ease}.wt-dot{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.4;transition:opacity .18s ease,transform .18s ease}.wt-btn.wt-active .wt-dot{opacity:1;transform:scale(1.2)}.wt-btn.wt-working.wt-active{background:#dcfce7;color:#15803d;box-shadow:0 2px 8px #15803d2e}.wt-btn.wt-working:not(.wt-active):hover{background:#f0fdf4;color:#16a34a}.wt-btn.wt-notworking.wt-active{background:#ffe4e6;color:#be123c;box-shadow:0 2px 8px #be123c26}.wt-btn.wt-notworking:not(.wt-active):hover{background:#fff1f2;color:#e11d48}.page-section-card{border:1px solid #e2e8f0;border-radius:16px;padding:18px 20px;background:#fff;box-shadow:0 1px 2px #0f172a0a;transition:box-shadow .2s ease,border-color .2s ease,transform .15s ease}.page-section-card:hover{box-shadow:0 8px 24px #0f172a12;border-color:#0f766e47}.page-section-card .section-toggle{padding:2px 0;gap:12px}.page-section-card .section-toggle h4{font-size:15px;font-weight:700;letter-spacing:-.01em;color:#0f172a}.page-section-card .section-toggle h4:before{width:8px;height:8px;background:linear-gradient(135deg,#0f766e,#14b8a6);box-shadow:0 0 0 3px #0f766e2e}.page-section-card .section-toggle span{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#f1f5f9;color:#64748b;font-size:13px;transition:background .15s ease,color .15s ease}.page-section-card .section-toggle:hover span{background:#e2e8f0;color:#0f172a}.page-hint-banner{background:linear-gradient(135deg,#0f766e1a,#6366f114);border:1px solid rgba(15,118,110,.2);border-radius:12px;padding:12px 16px;gap:12px;color:#334155;font-weight:500}.page-hint-banner .page-hint-icon{font-size:16px;flex-shrink:0}.editor-field label{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#475569}.editor-field input,.editor-field textarea,.editor-field select{border:1.5px solid #e2e8f0;border-radius:10px;padding:9px 12px;font-size:14px;color:#0f172a;background:#fff;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.editor-field input:hover,.editor-field textarea:hover,.editor-field select:hover{border-color:#cbd5e1}.editor-field input:focus,.editor-field textarea:focus,.editor-field select:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a62e}.editor-field .input-suffix{background:#f1f5f9;color:#475569;font-weight:600;padding:9px 12px;border-radius:0 10px 10px 0;border:1.5px solid #e2e8f0;border-left:0;font-size:13px}.editor-field .input-group input{border-radius:10px 0 0 10px}.editor-field .field-micro-hint{font-size:11px;color:#94a3b8;font-style:italic;margin-top:2px}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.editable-table-wrap{border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;overflow-y:hidden;background:#fff;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#c9a84c transparent}.editable-table-wrap::-webkit-scrollbar{height:10px}.editable-table-wrap::-webkit-scrollbar-track{background:#0a3d6b0d}.editable-table-wrap::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#c9a84c,#0a3d6b);border-radius:999px}.editable-table{width:100%;min-width:640px;border-collapse:collapse}.editable-table thead{background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.editable-table th{padding:10px 12px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#475569;text-align:left;border-bottom:1px solid #e2e8f0}.editable-table td{padding:6px 8px;border-bottom:1px solid #f1f5f9}.editable-table tbody tr:last-child td{border-bottom:none}.editable-table tbody tr:hover{background:#f8fafc}.editable-table td input{width:100%;border:1px solid transparent;border-radius:6px;padding:7px 9px;font-size:13px;background:transparent;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.editable-table td input:hover{background:#fff;border-color:#e2e8f0}.editable-table td input:focus{outline:none;background:#fff;border-color:#14b8a6;box-shadow:0 0 0 2px #14b8a626}.add-btn{margin-top:10px;background:linear-gradient(135deg,#f0fdfa,#ecfeff);border:1.5px dashed #14b8a6;color:#0f766e;font-weight:700;font-size:13px;padding:9px 16px;border-radius:10px;cursor:pointer;transition:all .15s ease}.add-btn:hover{background:linear-gradient(135deg,#ccfbf1,#cffafe);border-style:solid;transform:translateY(-1px);box-shadow:0 4px 12px #14b8a62e}.remove-btn,.remove-btn.sm{background:#fee2e2;color:#dc2626;border:none;width:26px;height:26px;border-radius:7px;cursor:pointer;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.remove-btn:hover,.remove-btn.sm:hover{background:#dc2626;color:#fff;transform:scale(1.05)}.editable-table th:last-child,.editable-table td:last-child{position:sticky;right:0;background:#fff;box-shadow:-2px 0 6px #0000000f;z-index:1;width:46px;min-width:46px;text-align:center;padding:4px 6px}.editable-table thead th:last-child{background:#f8fafc}.editable-list .list-item-row{display:flex;align-items:center;gap:10px;padding:4px 0}.editable-list .list-index{font-size:12px;font-weight:700;color:#94a3b8;min-width:22px}.editable-list .list-item-row input{flex:1;border:1.5px solid #e2e8f0;border-radius:8px;padding:8px 11px;font-size:13px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.editable-list .list-item-row input:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a626}.page-editor-header{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:14px 14px 0 0;padding:14px 18px;border-bottom:2px solid #f1f5f9}.page-editor-header h2{font-size:17px;font-weight:800;color:#0f172a;letter-spacing:-.01em}.page-editor-header p{color:#64748b;font-size:12.5px}.page-nav-bar button{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:8px 16px;font-weight:600;font-size:13px;color:#334155;cursor:pointer;transition:all .15s ease}.page-nav-bar button:hover:not(:disabled){border-color:#14b8a6;color:#0f766e;background:#f0fdfa;transform:translateY(-1px)}.page-nav-bar button:disabled{opacity:.45;cursor:not-allowed}.chart-preview-card{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:14px}.chart-entry-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;transition:all .15s ease;margin-bottom:6px}.chart-entry-row:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 6px #0f172a0a}.chart-entry-row .color-pick{width:30px;height:30px;border:none;border-radius:8px;cursor:pointer;padding:0;background:none}.chart-entry-row .chart-name-input{flex:1;border:1.5px solid transparent;border-radius:7px;padding:6px 10px;font-size:13px;background:#fff;transition:border-color .15s ease}.chart-entry-row .chart-name-input:focus{outline:none;border-color:#14b8a6}.chart-entry-row .chart-val-input{width:70px;border:1.5px solid transparent;border-radius:7px;padding:6px 10px;font-size:13px;background:#fff;text-align:center;transition:border-color .15s ease}.chart-entry-row .chart-val-input:focus{outline:none;border-color:#14b8a6}.chart-entry-row .chart-pct{font-size:12px;font-weight:700;color:#64748b;min-width:40px}.auth-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;overflow:hidden;animation:auth-fade-in .5s ease-out}@keyframes auth-fade-in{0%{opacity:0}to{opacity:1}}.auth-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#0f766e,#0d5c54 45%,#064e3b);color:#ecfdf5;display:flex;flex-direction:column;padding:44px 56px;isolation:isolate}.auth-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.auth-hero-orb{position:absolute;border-radius:50%;filter:blur(90px)}.auth-hero-orb-1{width:460px;height:460px;top:-120px;right:-100px;background:radial-gradient(circle,#34d399 0%,transparent 65%);opacity:.55;animation:auth-orb-float-1 14s ease-in-out infinite}.auth-hero-orb-2{width:520px;height:520px;bottom:-160px;left:-160px;background:radial-gradient(circle,#10b981 0%,transparent 65%);opacity:.42;animation:auth-orb-float-2 18s ease-in-out infinite}.auth-hero-orb-3{width:320px;height:320px;top:38%;left:25%;background:radial-gradient(circle,#6ee7b7 0%,transparent 65%);opacity:.18;animation:auth-orb-float-3 22s ease-in-out infinite}@keyframes auth-orb-float-1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-24px,30px) scale(1.06)}}@keyframes auth-orb-float-2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(36px,-28px) scale(1.04)}}@keyframes auth-orb-float-3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,-20px) scale(1.1)}}.auth-hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 50% 35%,rgba(0,0,0,.9) 0%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 35%,rgba(0,0,0,.9) 0%,transparent 75%)}.auth-hero-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.025;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/></svg>")}.auth-hero-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;height:100%;max-width:540px;gap:36px}.auth-hero-top{display:flex;align-items:center;justify-content:space-between;gap:16px;animation:auth-slide-down .6s ease-out both}@keyframes auth-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.auth-hero-brand{display:flex;align-items:center;gap:14px}.auth-hero-logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#ffffff2e,#ffffff0f);border:1px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;color:#ecfdf5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #00000026}.auth-hero-eyebrow{margin:0 0 2px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#ecfdf5b3}.auth-hero-brandname{font-size:16px;font-weight:600;color:#fff;letter-spacing:-.01em}.auth-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#10b98126;border:1px solid rgba(110,231,183,.32);color:#d1fae5;font-size:12px;font-weight:500;letter-spacing:.005em;white-space:nowrap}.auth-hero-badge-dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 #34d39999;animation:auth-pulse 2s ease-out infinite}@keyframes auth-pulse{0%{box-shadow:0 0 #34d3998c}70%{box-shadow:0 0 0 8px #34d39900}to{box-shadow:0 0 #34d39900}}.auth-hero-pitch{animation:auth-slide-up .7s ease-out .1s both}@keyframes auth-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-hero-title{margin:0 0 18px;font-size:46px;line-height:1.05;font-weight:700;letter-spacing:-.028em;color:#fff;background:linear-gradient(180deg,#fff,#d1fae5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.auth-hero-body{margin:0 0 30px;font-size:16px;line-height:1.6;color:#ecfdf5d1;max-width:460px}.auth-hero-bullets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.auth-hero-bullets li{display:flex;align-items:center;gap:12px;font-size:14.5px;color:#ecfdf5f0;opacity:0;animation:auth-bullet-in .5s ease-out forwards}@keyframes auth-bullet-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.auth-hero-tick{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#10b98147;border:1px solid rgba(110,231,183,.55);color:#6ee7b7;display:flex;align-items:center;justify-content:center}.auth-hero-preview{margin:0;padding:18px 20px 16px;border-radius:16px;background:linear-gradient(180deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px #ffffff14 inset,0 18px 50px -20px #0006;animation:auth-slide-up .7s ease-out .35s both}.auth-hero-preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.auth-hero-preview-title{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;color:#ecfdf5cc;letter-spacing:.005em}.auth-hero-preview-icon{display:inline-flex;width:22px;height:22px;border-radius:6px;background:#6ee7b72e;color:#6ee7b7;align-items:center;justify-content:center}.auth-hero-preview-chip{font-size:10px;font-weight:700;letter-spacing:.08em;padding:3px 8px;border-radius:5px;background:#6ee7b72e;color:#a7f3d0;border:1px solid rgba(110,231,183,.32)}.auth-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px}.auth-hero-stat{display:flex;flex-direction:column;gap:2px}.auth-hero-stat strong{font-size:26px;font-weight:700;letter-spacing:-.025em;color:#fff;line-height:1.1}.auth-hero-stat span{font-size:11.5px;color:#ecfdf5a6;letter-spacing:.005em}.auth-hero-chart{margin-top:4px}.auth-hero-chart-svg{width:100%;height:56px;display:block}.auth-hero-chart-foot{display:flex;align-items:center;justify-content:space-between;margin-top:6px;font-size:11.5px;color:#ecfdf599}.auth-hero-chart-trend{font-weight:700;color:#6ee7b7;letter-spacing:-.005em}.auth-panel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px 24px;overflow-y:auto;background:radial-gradient(ellipse at top right,rgba(15,118,110,.04) 0%,transparent 60%),#f8fafc}.auth-panel-inner{width:100%;max-width:420px;flex:1;display:flex;flex-direction:column;justify-content:center;animation:auth-slide-up .6s ease-out .05s both}.auth-panel-head{margin-bottom:32px}.auth-panel-title{margin:0 0 8px;font-size:32px;font-weight:700;letter-spacing:-.025em;color:#0f172a;line-height:1.15}.auth-panel-sub{margin:0;font-size:14.5px;line-height:1.55;color:#64748b}.auth-form-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #e2e8f0}.auth-form-head h2{margin:0;font-size:20px;font-weight:600;color:#0f172a;letter-spacing:-.012em}.auth-form-head p{margin:0;font-size:13px;color:#64748b}.auth-link{color:#0f766e;font-weight:600;text-decoration:none;transition:color .15s}.auth-link:hover{color:#0d5c54;text-decoration:underline}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field{display:flex;flex-direction:column;gap:7px}.auth-label{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:#334155;letter-spacing:-.005em}.auth-helper-link{font-size:12.5px;font-weight:500;color:#0f766e;text-decoration:none;transition:color .15s}.auth-helper-link:hover{color:#0d5c54;text-decoration:underline}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:14px;color:#94a3b8;pointer-events:none;transition:color .15s}.auth-input-wrap input{width:100%;padding:13px 14px 13px 42px;border:1px solid #cbd5e1;border-radius:11px;font-size:14.5px;font-family:inherit;background:#fff;color:#0f172a;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.auth-input-wrap input::placeholder{color:#94a3b8}.auth-input-wrap input:hover{border-color:#94a3b8}.auth-input-wrap input:focus{outline:none;border-color:#0f766e;box-shadow:0 0 0 4px #0f766e21}.auth-input-wrap:focus-within .auth-input-icon{color:#0f766e}.auth-input-toggle{position:absolute;right:8px;background:transparent;border:none;color:#64748b;font-size:12px;font-weight:600;padding:6px 11px;border-radius:7px;cursor:pointer;transition:background .15s,color .15s}.auth-input-toggle:hover{background:#f1f5f9;color:#0f172a}.auth-input-toggle:focus-visible{outline:2px solid #0f766e;outline-offset:1px}.auth-strength{display:flex;align-items:center;gap:10px;margin-top:4px}.auth-strength-bars{display:flex;gap:4px;flex:1}.auth-strength-bars span{flex:1;height:4px;border-radius:2px;background:#e2e8f0;transition:background .2s ease}.auth-strength-1 .auth-strength-bars span.on{background:#ef4444}.auth-strength-2 .auth-strength-bars span.on{background:#f59e0b}.auth-strength-3 .auth-strength-bars span.on{background:#10b981}.auth-strength-4 .auth-strength-bars span.on{background:#0f766e}.auth-strength-label{font-size:11.5px;font-weight:600;color:#64748b;min-width:56px;text-align:right}.auth-pwd-checks{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.auth-pwd-check{display:flex;align-items:center;gap:6px;font-size:12px;color:#94a3b8;transition:color .15s}.auth-pwd-check.is-ok{color:#0f766e}.auth-pwd-check-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;color:#cbd5e1;transition:color .15s}.auth-pwd-check.is-ok .auth-pwd-check-icon{color:#10b981}.auth-row-between{display:flex;align-items:center;justify-content:space-between;margin-top:-2px}.auth-checkbox{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none}.auth-checkbox input{width:16px;height:16px;accent-color:#0f766e;cursor:pointer}.auth-error{display:flex;align-items:flex-start;gap:10px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:13px;line-height:1.45;padding:11px 13px;border-radius:10px;animation:auth-shake .35s ease}@keyframes auth-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.auth-error svg{flex-shrink:0;margin-top:1px}.auth-submit{position:relative;margin-top:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#0f766e,#0d5c54);color:#fff;border:none;border-radius:12px;padding:14px 18px;font-size:14.5px;font-weight:600;letter-spacing:-.005em;cursor:pointer;box-shadow:0 1px #ffffff1f inset,0 1px 2px #0f766e40,0 6px 18px #0f766e38;transition:transform .1s ease,box-shadow .18s ease,filter .15s ease;overflow:hidden}.auth-submit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.auth-submit:hover:not(:disabled){filter:brightness(1.07);box-shadow:0 1px #ffffff24 inset,0 1px 2px #0f766e4d,0 8px 22px #0f766e52}.auth-submit:hover:not(:disabled):before{transform:translate(100%)}.auth-submit:active:not(:disabled){transform:translateY(1px)}.auth-submit:focus-visible{outline:3px solid rgba(15,118,110,.4);outline-offset:2px}.auth-submit:disabled{opacity:.65;cursor:not-allowed}.auth-submit>*{position:relative;z-index:1}.auth-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:auth-spin .7s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-fineprint{margin:24px 0 0;font-size:12px;line-height:1.55;color:#94a3b8;text-align:center}.storage-bar{display:inline-block;width:80px;height:5px;background:#0000001a;border-radius:99px;overflow:hidden;vertical-align:middle;margin-right:6px}.storage-bar-fill{display:block;height:100%;background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:99px;transition:width .5s ease}.auth-field-error{margin-top:5px;font-size:12px;font-weight:600;color:#ef4444}.auth-field-ok{margin-top:5px;font-size:12px;font-weight:600;color:#16a34a}.auth-success-box{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 20px;text-align:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px}.auth-success-box svg{flex-shrink:0}.auth-success-box h3{margin:0;font-size:18px;font-weight:700;color:#15803d}.auth-success-box p{margin:0;font-size:14px;color:#166534;line-height:1.5}.auth-tos-check{margin-top:4px;font-size:13px;color:var(--text-muted, #64748b)}.auth-panel-foot{width:100%;max-width:420px;margin-top:32px;padding-top:16px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#94a3b8}.auth-panel-foot a{color:#64748b;text-decoration:none;transition:color .15s}.auth-panel-foot a:hover{color:#0f766e}.auth-panel-foot-sep{color:#cbd5e1}@media (max-width: 1080px){.auth-hero{padding:36px 40px}.auth-hero-title{font-size:38px}}@media (max-width: 960px){.auth-shell{grid-template-columns:1fr;position:relative;inset:auto;min-height:100vh;overflow:visible}.auth-hero{padding:32px 28px;min-height:320px}.auth-hero-title{font-size:30px}.auth-hero-content{gap:24px}.auth-hero-preview{display:none}.auth-panel{padding:36px 24px 32px}.auth-panel-title{font-size:26px}}@media (max-width: 540px){.auth-hero-top{flex-direction:column;align-items:flex-start}.auth-form-head{flex-direction:column;align-items:flex-start;gap:4px}}.top-nav-user{display:inline-flex;align-items:center;gap:9px;padding:4px 12px 4px 4px;height:38px;border-radius:999px;background:#fff;border:1px solid #e2e8f0;margin:0 2px;max-width:240px;cursor:default;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.top-nav-user:hover{border-color:#cbd5e1;box-shadow:0 1px 2px #0f172a0a}.top-nav-avatar{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,#0f766e,#0d5c54);box-shadow:0 1px #ffffff2e inset,0 1px 2px #0f766e47}.top-nav-user-text{display:flex;flex-direction:column;line-height:1.15;min-width:0}.top-nav-user-name{font-size:12.5px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.top-nav-user-email{font-size:10.5px;font-weight:500;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.top-nav-logout{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;background:#fff;border:1px solid #e2e8f0;color:#475569;font-size:13.5px;font-weight:600;font-family:inherit;letter-spacing:-.005em;border-radius:10px;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .12s ease}.top-nav-logout svg{flex-shrink:0;opacity:.7;transition:opacity .15s ease}.top-nav-logout:hover{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.top-nav-logout:hover svg{opacity:1}.top-nav-logout:active{transform:translateY(1px)}