*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-ui:"Syne", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-sans:var(--font-ui);--text-xs:11px;--text-sm:12px;--text-base:13.5px;--text-md:15px;--text-lg:18px;--text-xl:24px;--text-2xl:32px;--text-3xl:48px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:9px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px}body{font-family:var(--font-ui);background-color:var(--bg-base);color:var(--text-primary);line-height:1.5}.app-header{z-index:100;background:var(--bg-panel);border-bottom:1px solid var(--border);padding:0 var(--space-12);align-items:center;gap:var(--space-8);height:52px;box-shadow:var(--shadow-sm);display:flex;position:sticky;top:0}.app-logo{font-size:var(--text-md);color:var(--text-primary);margin-right:var(--space-4);letter-spacing:-.01em;flex-shrink:0;font-weight:800;text-decoration:none}.app-logo span{color:var(--amber)}.app-nav{align-items:center;gap:var(--space-6);flex:1;display:flex}.app-nav-link{font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:.04em;font-weight:600;text-decoration:none;transition:color .15s}.app-nav-link:hover,.app-nav-link.active{color:var(--amber)}.app-header-right{align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.app-user-name{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600;text-decoration:none}.btn{border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--text-base);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:7px;padding:9px 18px;font-weight:600;line-height:1;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--amber);color:var(--btn-primary-text)}.btn-primary:hover{background:var(--amber-light);box-shadow:var(--shadow-amber)}.btn-secondary{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-light);color:var(--text-primary)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--amber);color:var(--amber)}.btn-danger{color:var(--pink);border:1px solid var(--pink-dim);background:0 0}.btn-danger:hover{background:var(--pink-dim)}.btn-sm{font-size:var(--text-sm);border-radius:var(--radius-sm);padding:6px 12px}.btn-lg{font-size:var(--text-md);border-radius:var(--radius-lg);padding:13px 24px}.btn:disabled,.btn[disabled]{opacity:.35;cursor:not-allowed;pointer-events:none}.btn-icon{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);justify-content:center;align-items:center;padding:9px;line-height:1;transition:all .15s;display:inline-flex}.btn-icon:hover{border-color:var(--amber);color:var(--amber)}.input-wrap{width:100%;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;font-family:var(--font-ui);font-size:var(--text-base);color:var(--text-primary);outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-dim)}.input.has-icon{padding-left:38px}.input.error{border-color:var(--pink);box-shadow:0 0 0 3px var(--pink-dim)}.input.success{border-color:var(--green);box-shadow:0 0 0 3px var(--green-dim)}.input:disabled{opacity:.4;cursor:not-allowed;background:var(--bg-base)}textarea.input{resize:vertical;min-height:90px;padding-top:10px}.input-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:6px;font-weight:600;display:block}.input-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:5px}.input-error-msg{font-size:var(--text-xs);color:var(--pink);margin-top:5px}.badge{font-size:var(--text-xs);letter-spacing:.06em;border-radius:var(--radius-full);align-items:center;gap:5px;padding:3px 9px;font-weight:700;display:inline-flex}.badge-amber{background:var(--amber-dim);border:1px solid var(--amber-glow);color:var(--amber)}.badge-green{background:var(--green-dim);color:var(--green);border:1px solid #2dd4a045}.badge-blue{background:var(--blue-dim);color:var(--blue);border:1px solid #5b8def45}.badge-pink{background:var(--pink-dim);color:var(--pink);border:1px solid #ef5b8d45}.badge-purple{background:var(--purple-dim);color:var(--purple);border:1px solid #9b7fe845}.badge-muted{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted)}.tag{font-size:var(--text-xs);border-radius:var(--radius-sm);background:var(--bg-panel);border:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:5px;padding:3px 9px;font-weight:500;display:inline-flex}.tag-amber{background:var(--amber-dim);border-color:var(--amber-glow);color:var(--amber)}.tag-blue{background:var(--blue-dim);color:var(--blue);border-color:#5b8def45}.tag-green{background:var(--green-dim);color:var(--green);border-color:#2dd4a045}.tag-purple{background:var(--purple-dim);color:var(--purple);border-color:#9b7fe845}.tag-pink{background:var(--pink-dim);color:var(--pink);border-color:#ef5b8d45}.chip{border-radius:var(--radius-full);font-size:var(--text-sm);background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;padding:6px 14px;font-weight:500;transition:all .15s;display:inline-flex}.chip:hover{border-color:var(--border-light);color:var(--text-primary)}.chip.active{background:var(--amber-dim);border-color:var(--amber);color:var(--amber)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:all .2s}.card:hover{border-color:var(--border-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px 20px}.stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.stat-value{font-family:var(--font-mono);color:var(--text-primary);font-size:28px;font-weight:700;line-height:1}.stat-value.amber{color:var(--amber)}.stat-delta{font-size:var(--text-xs);margin-top:5px}.delta-up{color:var(--green)}.delta-warn{color:var(--amber)}.delta-neutral{color:var(--text-muted)}.overlay{z-index:1000;padding:var(--space-4);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-base)}.data-table th{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:2px solid var(--border);color:var(--text-secondary);font-weight:600;font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);margin-bottom:var(--space-4)}.alert-error{background:var(--pink-dim);border:1px solid var(--pink);color:var(--pink)}.alert-success{background:var(--green-dim);border:1px solid var(--green);color:var(--green)}.alert-info{background:var(--blue-dim);border:1px solid var(--blue);color:var(--blue)}.alert-warning{background:var(--amber-dim);border:1px solid var(--amber);color:var(--amber)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:10px;font-weight:600}.page-container{padding:var(--space-6);max-width:1200px;margin:0 auto}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-title{font-size:var(--text-2xl);color:var(--text-primary);margin:0;font-weight:800}.divider{background:var(--border);height:1px;margin:var(--space-6) 0}.empty-state{text-align:center;padding:var(--space-12);color:var(--text-secondary);background:var(--bg-card);border:2px dashed var(--border);border-radius:var(--radius-lg)}.empty-state-icon{margin-bottom:var(--space-4);font-size:2.5rem}.empty-state-title{font-size:var(--text-lg);margin-bottom:var(--space-2);color:var(--text-primary);font-weight:600}.loading-state{text-align:center;padding:var(--space-8);color:var(--text-secondary);font-size:var(--text-base)}.mono{font-family:var(--font-mono)}.report-blocks-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.report-brand-header{background-color:var(--bg-panel);border-bottom:1px solid var(--border);padding:var(--space-4) var(--space-6);align-items:center;gap:var(--space-4);display:flex}.burger-btn{cursor:pointer;border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-primary);background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:0;display:none}.burger-btn:hover{background:var(--bg-card)}.burger-btn span{background:currentColor;border-radius:2px;width:20px;height:2px;transition:all .2s;display:block}.mobile-nav-panel{z-index:99;background:var(--bg-panel);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);flex-direction:column;display:none;position:absolute;top:52px;left:0;right:0}.mobile-nav-panel.open{display:flex}.mobile-nav-link{width:100%;font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:.04em;cursor:pointer;text-align:left;font-weight:600;font-family:var(--font-ui);background:0 0;border:none;padding:14px 24px;text-decoration:none;transition:color .15s,background .15s;display:block}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--amber);background:var(--bg-card)}.mobile-nav-divider{background:var(--border);height:1px;margin:4px 0}.header-mobile-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.preview-desktop-actions{align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.preview-mobile-trigger{display:none}.preview-mobile-panel{z-index:99;background:var(--bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:190px;box-shadow:var(--shadow-md);padding:var(--space-1) 0;flex-direction:column;display:flex;position:absolute;top:52px;right:0}.preview-mobile-action{text-align:left;cursor:pointer;width:100%;font-size:var(--text-sm);color:var(--text-primary);font-weight:500;font-family:var(--font-ui);white-space:nowrap;background:0 0;border:none;padding:10px 16px;transition:background .15s}.preview-mobile-action:hover{background:var(--bg-card)}.preview-mobile-action.primary{color:var(--amber);font-weight:600}.preview-mobile-action:disabled{opacity:.6;cursor:not-allowed}.preview-title{font-weight:700;font-size:var(--text-base);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-period{font-size:var(--text-xs);color:var(--text-secondary)}.users-page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.users-table-wrap{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.editor-desktop-actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.editor-mobile-trigger{display:none}.editor-mobile-panel{z-index:99;background:var(--bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-md);padding:var(--space-1) 0;flex-direction:column;display:flex;position:absolute;top:52px;right:0}.editor-mobile-action{text-align:left;cursor:pointer;width:100%;font-size:var(--text-sm);color:var(--text-primary);font-weight:500;font-family:var(--font-ui);white-space:nowrap;background:0 0;border:none;padding:10px 16px;transition:background .15s}.editor-mobile-action:hover{background:var(--bg-card)}.editor-mobile-action.primary{color:var(--amber);font-weight:600}.editor-mobile-action.danger{color:var(--pink)}.editor-mobile-divider{background:var(--border);height:1px;margin:var(--space-1) 0}@media (width<=960px){.app-header{padding:0 var(--space-4);gap:var(--space-4)}.app-nav{display:none}.burger-btn{display:flex}.app-header-right{display:none}.report-blocks-grid{grid-template-columns:1fr!important}.report-blocks-grid>*{grid-column:span 1!important}.report-brand-header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.report-brand-logo{max-width:120px;max-height:40px}.report-brand-title{font-size:clamp(18px,5vw,28px);line-height:1.2}.report-brand-meta{font-size:13px}.client-brand-header{padding:16px;flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.client-palette-row{flex-wrap:wrap;gap:8px!important}.client-name{font-size:clamp(18px,5vw,28px)!important}.client-reports-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.users-page-header{flex-direction:column;align-items:flex-start;gap:12px}.users-page-header .btn{justify-content:center;width:100%}.users-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.dashboard-welcome-title{word-break:break-word;overflow-wrap:anywhere;font-size:clamp(16px,4vw,24px)!important}.editor-desktop-actions{display:none}.editor-mobile-trigger{display:block}.preview-desktop-actions{display:none}.preview-mobile-trigger{display:block}.preview-period{display:none}.preview-title{white-space:normal;text-overflow:unset;font-size:clamp(14px,4vw,18px);line-height:1.3;overflow:visible}.app-header{justify-content:space-between}}:root,[data-theme=light]{--bg-base:#f7f8fa;--bg-panel:#fff;--bg-card:#fff;--bg-card-hover:#f0f2f5;--border:#e2e5ec;--border-light:#c8cdd8;--text-primary:#111827;--text-secondary:#5c6478;--text-muted:#9ba3b5;--amber:#d4860a;--amber-dim:#d4860a18;--amber-glow:#d4860a30;--amber-dark:#a3640a;--amber-light:#e89f2a;--green:#0e9e72;--green-dim:#0e9e7214;--blue:#2563eb;--blue-dim:#2563eb14;--purple:#7c3aed;--purple-dim:#7c3aed14;--pink:#db2777;--pink-dim:#db277714;--shadow-sm:0 1px 3px #1118270f, 0 1px 2px #1118270a;--shadow-md:0 4px 16px #11182714, 0 2px 6px #1118270a;--shadow-lg:0 8px 32px #1118271a, 0 4px 12px #11182710;--shadow-amber:0 0 20px var(--amber-glow);--btn-primary-text:#fff;--color-bg:var(--bg-panel);--color-bg-secondary:var(--bg-base);--color-text:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-muted:var(--text-muted);--color-border:var(--border);--color-border-light:var(--border-light);--color-primary:var(--amber);--color-primary-hover:var(--amber-light);--color-danger:var(--pink);--color-success:var(--green);--color-info:var(--blue)}[data-theme=dark]{--bg-base:#0f1117;--bg-panel:#161920;--bg-card:#1c1f2a;--bg-card-hover:#212533;--border:#2a2d3e;--border-light:#363a52;--text-primary:#e8eaed;--text-secondary:#7a7f9a;--text-muted:#4a4f68;--amber:#f5a623;--amber-dim:#f5a62322;--amber-glow:#f5a62340;--amber-dark:#c47d0e;--amber-light:#f8c46a;--green:#2dd4a0;--green-dim:#2dd4a018;--blue:#5b8def;--blue-dim:#5b8def18;--purple:#9b7fe8;--purple-dim:#9b7fe818;--pink:#ef5b8d;--pink-dim:#ef5b8d18;--shadow-sm:0 1px 3px #00000040;--shadow-md:0 4px 16px #00000050;--shadow-lg:0 8px 32px #00000060;--shadow-amber:0 0 20px var(--amber-glow);--btn-primary-text:#0f1117;--color-bg:var(--bg-panel);--color-bg-secondary:var(--bg-base);--color-text:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-muted:var(--text-muted);--color-border:var(--border);--color-border-light:var(--border-light);--color-primary:var(--amber);--color-primary-hover:var(--amber-light);--color-danger:var(--pink);--color-success:var(--green);--color-info:var(--blue)}