:root{--color-brand-blue: #0E4A8E;--color-brand-blue-dark: #08315f;--color-brand-blue-light: #2a7bd6;--color-brand-blue-50: rgba(14, 74, 142, .05);--color-brand-blue-100: rgba(14, 74, 142, .1);--color-brand-yellow: #F5C518;--color-brand-yellow-dark: #d4a814;--color-brand-yellow-50: rgba(245, 197, 24, .1);--color-brand-yellow-100: rgba(245, 197, 24, .2);--color-white: #FFFFFF;--color-bg: #F4F6FB;--color-text: #1F2937;--color-text-muted: #6B7280;--color-text-inverse: #FFFFFF;--color-border: #E5E7EB;--color-border-strong: #D1D5DB;--color-success: #16A34A;--color-success-50: rgba(22, 163, 74, .1);--color-warning: #F59E0B;--color-warning-50: rgba(245, 158, 11, .1);--color-danger: #DC2626;--color-danger-50: rgba(220, 38, 38, .08);--color-info: #0EA5E9;--color-info-50: rgba(14, 165, 233, .1);--gradient-primary: linear-gradient(135deg, var(--color-brand-blue) 0%, var(--color-brand-blue-light) 100%);--gradient-accent: linear-gradient(135deg, var(--color-brand-yellow) 0%, var(--color-brand-yellow-dark) 100%);--gradient-bg: linear-gradient(135deg, #0E4A8E 0%, #1a5fb4 50%, #2a7bd6 100%);--gradient-bg-soft: radial-gradient(1200px 600px at 0% 0%, rgba(245, 197, 24, .18), transparent 60%), radial-gradient(1000px 800px at 100% 100%, rgba(14, 74, 142, .18), transparent 60%), linear-gradient(135deg, #0E4A8E 0%, #1a5fb4 50%, #2a7bd6 100%);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Arial Black", Arial, sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-size-3xl: clamp(28px, 4vw, 40px);--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: 10px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 999px;--shadow-sm: 0 2px 8px rgba(14, 74, 142, .08);--shadow-md: 0 8px 24px rgba(14, 74, 142, .12);--shadow-lg: 0 20px 50px rgba(14, 74, 142, .18);--shadow-glow-yellow: 0 0 0 4px var(--color-brand-yellow-100);--shadow-glow-blue: 0 0 0 4px var(--color-brand-blue-100);--transition-fast: .1s ease;--transition-base: .18s ease;--transition-slow: .3s ease;--color-surface: rgba(255, 255, 255, .96);--color-surface-solid: #FFFFFF;--color-surface-tint: rgba(255, 255, 255, .9);--color-surface-glass: rgba(255, 255, 255, .82);--color-overlay: rgba(8, 49, 95, .5);--color-text-on-brand: #FFFFFF;--skeleton-gradient: linear-gradient(90deg, rgba(226, 232, 240, .35) 0%, rgba(203, 213, 225, .85) 45%, rgba(226, 232, 240, .35) 100%);--font-mono: ui-monospace, "Cascadia Code", "JetBrains Mono", Consolas, "Courier New", monospace}*{box-sizing:border-box}html{color-scheme:light}html,body,#root{margin:0;height:100%}body{font-family:var(--font-sans);background:var(--gradient-bg-soft);background-attachment:fixed;color:var(--color-text);font-size:var(--font-size-base);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:#0e4a8e2e}:focus-visible{outline:2px solid var(--color-brand-blue-light);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:rgba(14,74,142,.35) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#0e4a8e59;border-radius:var(--radius-full)}*::-webkit-scrollbar-thumb:hover{background:#0e4a8e8c}*::-webkit-scrollbar-track{background:transparent}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.flip{transform:rotate(180deg)}.shell{display:grid;grid-template-columns:292px 1fr;min-height:100vh}.sidebar{background:var(--color-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--color-brand-blue-50);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;padding:0;box-shadow:6px 0 28px #0e4a8e1a;z-index:20}.sidebar-brand{background:var(--color-surface-solid);border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.sidebar-logo{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:var(--shadow-sm);border:2px solid #fff}.sidebar-brand-text{display:flex;flex-direction:column;min-width:0}.sidebar-brand-text .name{font-weight:900;color:var(--color-brand-blue);font-size:15px;letter-spacing:-.3px;white-space:nowrap}.sidebar-brand-text .sub{font-size:10px;color:var(--color-brand-yellow-dark);font-weight:800;letter-spacing:1.4px;text-transform:uppercase;white-space:nowrap}.sidebar nav{flex:1;padding:var(--space-2) var(--space-3);gap:var(--space-2);display:flex;flex-direction:column}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-section-label{font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--color-text-muted);padding:var(--space-2) var(--space-3) 2px;display:block}.navlink{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text);text-decoration:none;padding:10px 12px;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;transition:all var(--transition-fast)}.navlink-icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--color-brand-blue-50);color:var(--color-brand-blue);flex-shrink:0}.navlink-text{display:flex;flex-direction:column;flex:1;min-width:0}.navlink-label{color:var(--color-text);font-size:13.5px;font-weight:600;white-space:nowrap}.navlink-hint{color:var(--color-text-muted);font-size:10.5px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navlink-arrow{color:#0e4a8e8c;flex-shrink:0}.navlink:hover{background:var(--color-brand-blue-50)}.navlink:hover .navlink-label{color:var(--color-brand-blue)}.navlink.active{background:var(--gradient-primary);color:var(--color-text-inverse);font-weight:700;box-shadow:0 5px 14px #0e4a8e59}.navlink.active .navlink-icon{background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.35)}.navlink.active .navlink-label{color:var(--color-text-inverse)}.navlink.active .navlink-hint{color:#fffc}.navlink.active .navlink-arrow{color:var(--color-brand-yellow)}.sidebar-footer{padding:var(--space-3) var(--space-3);border-top:1px solid var(--color-border)}.user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);background:var(--color-brand-blue-50)}.user-avatar{width:36px;height:36px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--gradient-primary);color:#fff;font-size:13px;font-weight:800}.user-avatar.sm{width:30px;height:30px;font-size:11px}.user-meta{flex:1;min-width:0}.user-name{font-weight:700;color:var(--color-brand-blue);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-mail{font-size:10.5px;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-logout{width:32px;height:32px;flex-shrink:0;border-radius:50%;border:1.5px solid var(--color-border);background:var(--color-white);color:var(--color-text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.user-logout:hover{color:var(--color-danger);border-color:var(--color-danger);background:var(--color-danger-50)}.sidebar-version{margin-top:var(--space-2);font-size:10px;color:var(--color-text-muted);text-align:center}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;background:#08315f73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s ease}.main{display:flex;flex-direction:column;min-width:0;align-items:stretch}.topbar{position:sticky;top:0;z-index:15;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-5);min-height:58px;background:#ffffffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(14,74,142,.14);box-shadow:0 2px 14px #0e4a8e1f}.topbar-burger{display:none;width:38px;height:38px;border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-white);color:var(--color-brand-blue);cursor:pointer;align-items:center;justify-content:center}.topbar-brand{display:flex;align-items:center;gap:var(--space-3);line-height:1.1}.topbar-logo{width:38px;height:38px;border-radius:50%;object-fit:cover;box-shadow:var(--shadow-sm);border:2px solid #fff}.topbar-brand-text{display:flex;flex-direction:column}.topbar-brand-name{font-size:15px;font-weight:800;color:var(--color-brand-blue);letter-spacing:-.2px}.topbar-brand-tag{font-size:10px;color:var(--color-brand-yellow-dark);font-weight:700;letter-spacing:.8px}.topbar-right{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.topbar-date{font-size:12px;color:var(--color-text-muted);white-space:nowrap}.topbar-user{display:inline-flex}.api-status{display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border-radius:var(--radius-full);font-size:11px;font-weight:700;letter-spacing:.2px}.api-status .dot{width:8px;height:8px;border-radius:50%}.api-status-checking{background:var(--color-warning-50);color:var(--color-warning)}.api-status-checking .dot{background:var(--color-warning)}.api-status-ok{background:var(--color-success-50);color:var(--color-success)}.api-status-ok .dot{background:var(--color-success);box-shadow:0 0 0 3px #16a34a2e}.api-status-error{background:var(--color-danger-50);color:var(--color-danger)}.api-status-error .dot{background:var(--color-danger);box-shadow:0 0 0 3px #dc262629}.api-status-error{animation:pulse 1.6s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.content{padding:var(--space-6) var(--space-8);overflow-x:auto;max-width:100%}.ph{margin-bottom:var(--space-3)}.page-header,.page-head{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);background:var(--gradient-primary);position:relative;overflow:hidden;color:var(--color-text-inverse);box-shadow:0 8px 26px #0e4a8e38}.page-header:after,.page-head:after{content:"";position:absolute;right:-34px;top:-40px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,var(--color-brand-yellow) 0%,rgba(245,197,24,.25) 60%,transparent 70%);opacity:.5;pointer-events:none}.ph-icon{width:46px;height:46px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:#ffffff29;border:1px solid rgba(255,255,255,.35);color:#fff}.page-header .titles,.page-head .titles{flex:1;min-width:0}.page-header .titles h1,.page-head h1{margin:0 0 4px;color:var(--color-text-inverse);font-size:var(--font-size-2xl);font-weight:800;letter-spacing:-.5px;text-shadow:0 2px 12px rgba(0,0,0,.2)}.page-header .titles .muted,.page-head .muted{margin:0;color:#ffffffe0;font-size:var(--font-size-sm)}.logo-mini{height:38px;width:38px;flex-shrink:0;border-radius:50%;object-fit:cover;box-shadow:var(--shadow-sm);border:2px solid #fff}.page-header .head-actions,.page-head .head-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.page h1{font-size:var(--font-size-2xl)}.page h2{margin:var(--space-6) 0 var(--space-3);color:var(--color-text-inverse);font-size:var(--font-size-lg);font-weight:800;letter-spacing:-.3px;text-shadow:0 2px 8px rgba(0,0,0,.15)}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:var(--gradient-bg-soft);background-attachment:fixed}@media (max-width: 900px){.login-shell{grid-template-columns:1fr}}.login-brand{display:flex;flex-direction:column;justify-content:center;padding:var(--space-12) var(--space-10);color:var(--color-text-inverse);position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(700px 420px at 15% 15%,rgba(245,197,24,.14),transparent 60%),radial-gradient(800px 480px at 90% 80%,rgba(42,123,214,.22),transparent 60%);pointer-events:none}.login-brand-logo{width:150px;height:150px;border-radius:50%;object-fit:cover;display:block}.login-brand-chip{padding:var(--space-5) var(--space-6);background:var(--color-surface-solid);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;justify-content:center;margin-bottom:var(--space-5)}.login-brand h1{margin:0 0 6px;font-size:var(--font-size-3xl);font-weight:900;text-shadow:0 2px 14px rgba(0,0,0,.25)}.login-brand-tagline{margin:0 0 var(--space-5);color:var(--color-brand-yellow);font-weight:800;font-size:var(--font-size-md);letter-spacing:1.5px;text-transform:uppercase}.login-brand-intro{margin:0 0 var(--space-6);font-size:var(--font-size-base);color:#ffffffe6;line-height:1.65;max-width:46ch}.login-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.login-features li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#ffffff1a;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-md)}.login-feature-icon{width:36px;height:36px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:#ffffff29;color:var(--color-brand-yellow)}.login-features li div{display:flex;flex-direction:column}.login-features li strong{color:#fff;font-size:var(--font-size-base)}.login-features li span{color:#ffffffb8;font-size:var(--font-size-xs)}.login-brand-foot{margin-top:var(--space-6);font-size:var(--font-size-xs);color:#ffffffa6}.login-panel{display:grid;place-items:center;padding:var(--space-6)}.login-card{width:100%;max-width:440px;background:var(--color-surface-solid);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-strong);position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--gradient-accent)}.login-card-head{margin-bottom:var(--space-6)}.login-card-head h2{margin:0 0 4px;color:var(--color-brand-blue);font-size:var(--font-size-xl);font-weight:800}.login-card-head p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.login-card label{display:block;margin:var(--space-4) 0 6px;font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.login-card input{width:100%;padding:12px 14px;border-radius:var(--radius-md);border:1.5px solid var(--color-border);font-size:var(--font-size-md);background:var(--color-bg);transition:all var(--transition-fast)}.login-card input:focus{outline:none;border-color:var(--color-brand-blue);background:var(--color-white);box-shadow:var(--shadow-glow-blue)}.pw-wrap{position:relative}.pw-wrap input{padding-right:46px}.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:transparent;color:var(--color-text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.pw-toggle:hover{color:var(--color-brand-blue)}.btn-login{width:100%;padding:13px;margin-top:var(--space-6);border:0;border-radius:var(--radius-md);background:var(--gradient-primary);color:var(--color-text-inverse);font-size:var(--font-size-md);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 16px #0e4a8e59;transition:all var(--transition-fast)}.btn-login:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #0e4a8e73}.btn-login:disabled{opacity:.6;cursor:progress}.btn-login-icon{margin-right:2px}.spinner{width:17px;height:17px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-card .hint{margin-top:var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);font-size:var(--font-size-sm);color:#ffffffeb}.breadcrumb a{color:#ffffffeb;text-decoration:none;font-weight:600;padding:3px 9px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;transition:all var(--transition-fast)}.breadcrumb a:hover{color:var(--color-brand-yellow);background:#ffffff1f}.breadcrumb .sep{color:#ffffff6b}.breadcrumb .current{color:#fff;font-weight:700}.back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-md);background:var(--color-white);color:var(--color-brand-blue);text-decoration:none;font-size:var(--font-size-sm);font-weight:700;box-shadow:var(--shadow-sm);border:1.5px solid rgba(14,74,142,.18);transition:all var(--transition-fast)}.back-btn:hover{background:var(--color-brand-yellow);color:var(--color-brand-blue-dark);transform:translate(-2px)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin:var(--space-4) 0}.kpi{background:var(--color-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:all var(--transition-base)}.kpi:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.kpi:before{content:"";position:absolute;top:0;right:0;width:84px;height:84px;background:linear-gradient(135deg,var(--color-brand-yellow) 0%,transparent 70%);opacity:.16;border-radius:0 var(--radius-lg) 0 84px}.kpi:after{content:"";position:absolute;bottom:0;left:0;width:4px;height:100%;background:var(--gradient-primary)}.kpi-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);background:var(--color-brand-blue-50);color:var(--color-brand-blue);margin-bottom:var(--space-2)}.kpi-n{font-size:25px;font-weight:800;color:var(--color-brand-blue);letter-spacing:-.5px;line-height:1.1;font-variant-numeric:tabular-nums}.kpi-l{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:var(--space-1);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.card{background:var(--color-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);text-decoration:none;color:var(--color-text);transition:all var(--transition-base);position:relative;overflow:hidden}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#0e4a8e59}.card-title{display:flex;align-items:center;gap:10px;font-size:var(--font-size-md);font-weight:800;color:var(--color-brand-blue);letter-spacing:-.3px}.card-title-icon{width:32px;height:32px;padding:0;background:#0e4a8e14;border-radius:8px;box-sizing:border-box}.card-desc{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:var(--space-2) 0 var(--space-4);line-height:1.5}.card-cta{display:inline-flex;align-items:center;color:var(--color-brand-blue-light);font-weight:700;font-size:var(--font-size-sm);gap:6px}.card-cta:after{content:"→";transition:transform var(--transition-fast)}.card:hover .card-cta:after{transform:translate(4px)}.tone-rh{border-left:5px solid var(--color-brand-blue)}.tone-fi{border-left:5px solid var(--color-brand-yellow)}.tone-op{border-left:5px solid var(--color-brand-blue-light)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--color-text-muted)}.empty-state-icon{font-size:56px;margin-bottom:var(--space-4);opacity:.55}.empty-state h3{margin:0 0 var(--space-2);color:var(--color-brand-blue);font-size:var(--font-size-lg)}.empty-state p{margin:0 0 var(--space-4);font-size:var(--font-size-sm)}.placeholder{background:var(--color-surface);border:2px dashed var(--color-brand-blue-100);border-radius:var(--radius-lg);padding:var(--space-5);color:var(--color-text-muted);margin-top:var(--space-3)}.search-wrap{position:relative;display:inline-flex;align-items:center}.search-wrap:before{content:"";position:absolute;left:12px;width:16px;height:16px;color:var(--color-text-muted);pointer-events:none;z-index:1}.search-wrap .search-icon{position:absolute;left:12px;color:var(--color-text-muted);pointer-events:none;z-index:1}.search{padding:10px 14px 10px 38px;border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-white);min-width:250px;font-size:var(--font-size-base);transition:all var(--transition-fast);color:var(--color-text)}.search::placeholder{color:var(--color-text-muted)}.search:focus{outline:none;border-color:var(--color-brand-blue);box-shadow:var(--shadow-glow-blue)}.search:hover{border-color:var(--color-brand-blue-light)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 18px;border:0;border-radius:var(--radius-md);background:var(--gradient-primary);color:var(--color-text-inverse);font-weight:700;cursor:pointer;font-size:var(--font-size-base);box-shadow:0 4px 12px #0e4a8e4d;transition:all var(--transition-fast)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #0e4a8e6b}.btn-primary:disabled{opacity:.6;cursor:progress}.btn-accent{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 18px;border:0;border-radius:var(--radius-md);background:var(--gradient-accent);color:var(--color-brand-blue-dark);font-weight:800;cursor:pointer;font-size:var(--font-size-base);box-shadow:0 4px 12px #f5c51866;transition:all var(--transition-fast)}.btn-accent:hover:not(:disabled){transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 18px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-brand-blue);cursor:pointer;font-size:var(--font-size-base);font-weight:600;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--color-brand-blue-50);border-color:var(--color-brand-blue)}.btn-icon{width:36px;height:36px;border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-white);color:var(--color-brand-blue);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-icon:hover{background:var(--color-brand-yellow);border-color:var(--color-brand-yellow)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.badge-blue{background:var(--color-brand-blue-50);color:var(--color-brand-blue)}.badge-yellow{background:var(--color-brand-yellow-50);color:var(--color-brand-yellow-dark)}.badge-success{background:var(--color-success-50);color:var(--color-success)}.badge-warning{background:var(--color-warning-50);color:var(--color-warning)}.badge-danger{background:var(--color-danger-50);color:var(--color-danger)}.badge-info{background:var(--color-info-50);color:var(--color-info)}.table-card{display:flex;flex-direction:column;gap:var(--space-3)}.table-count{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted)}.table-count strong{color:var(--color-brand-blue)}.table-filtered{font-style:italic;color:var(--color-brand-blue-light)}.table-wrap{background:var(--color-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-lg);overflow:auto;box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.5)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.table th,.table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-border);vertical-align:middle}.table .actions-cell{width:1%;white-space:nowrap}.table th{background:linear-gradient(135deg,#0e4a8e14,#2a7bd60f);font-weight:800;color:var(--color-brand-blue);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.7px;position:sticky;top:0;z-index:1}.table tbody tr{transition:background var(--transition-fast);border-left:3px solid transparent}.table tbody tr:hover{background:#f5c51817}.table tbody tr:last-child td{border-bottom:0}.table .empty{text-align:center;color:var(--color-text-muted);padding:var(--space-8);font-style:italic}.icon-btn{width:30px;height:30px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-white);color:var(--color-brand-blue);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.icon-btn:hover{background:var(--color-brand-blue);color:var(--color-text-inverse);border-color:var(--color-brand-blue)}.danger-icon:hover{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.table .actions{display:flex;gap:6px;flex-wrap:wrap}.table .actions button{padding:6px 11px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-white);cursor:pointer;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text);transition:all var(--transition-fast)}.table .actions button:hover{background:var(--color-brand-blue);color:var(--color-text-inverse);border-color:var(--color-brand-blue)}.table .actions button.danger:hover{background:var(--color-danger);border-color:var(--color-danger)}.table .actions button.accent{border-color:var(--color-brand-yellow);color:var(--color-brand-yellow-dark)}.table .actions button.accent:hover{background:var(--color-brand-yellow);color:var(--color-brand-blue-dark)}.skel{padding:0}.skel span{display:block;height:14px;margin:var(--space-2) var(--space-4);border-radius:6px;background:var(--skeleton-gradient);background-size:200% 100%;animation:shimmer 1.2s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.page-btn{width:34px;height:34px;border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-white);color:var(--color-brand-blue);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.page-btn:disabled{opacity:.35;cursor:not-allowed}.page-btn:not(:disabled):hover{background:var(--color-brand-blue-50);border-color:var(--color-brand-blue)}.page-info{font-size:var(--font-size-sm);color:var(--color-text-muted)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:var(--space-4);z-index:50;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-white);border-radius:var(--radius-xl);width:100%;max-width:780px;max-height:90vh;overflow:auto;box-shadow:var(--shadow-lg);animation:slideUp .2s ease}.modal-wide{max-width:960px}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);background:var(--gradient-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;position:relative;overflow:hidden;color:var(--color-text-inverse)}.modal-head:after{content:"";position:absolute;top:-30px;right:-30px;width:100px;height:100px;background:var(--color-brand-yellow);opacity:.16;border-radius:50%}.modal-head h2{margin:0;font-size:var(--font-size-lg);font-weight:800;position:relative;z-index:1}.modal-head .close{background:#fff3;width:34px;height:34px;border-radius:50%;border:0;cursor:pointer;color:var(--color-text-inverse);display:grid;place-items:center;transition:background var(--transition-fast);position:relative;z-index:1}.modal-head .close:hover{background:#ffffff52}.modal form{padding:var(--space-5) var(--space-6) var(--space-6)}.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-3) var(--space-4)}.form-grid .full{grid-column:1 / -1}.form-grid label{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:6px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:11px 12px;border-radius:var(--radius-md);border:1.5px solid var(--color-border);font-size:var(--font-size-base);font-family:inherit;background:var(--color-bg);transition:all var(--transition-fast)}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:none;border-color:var(--color-brand-blue);background:var(--color-white);box-shadow:var(--shadow-glow-blue)}.form-grid textarea{resize:vertical}.form-grid select{background-image:linear-gradient(45deg,transparent 50%,var(--color-brand-blue) 50%),linear-gradient(135deg,var(--color-brand-blue) 50%,transparent 50%);background-position:calc(100% - 18px) calc(1em - 2px),calc(100% - 13px) calc(1em - 2px);background-size:5px 5px;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.calc-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-top:var(--space-3);background:linear-gradient(135deg,var(--color-brand-yellow-50),rgba(245,197,24,.02));border-left:4px solid var(--color-brand-yellow);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text);font-size:var(--font-size-sm)}.calc-banner strong{color:var(--color-brand-blue)}.err{display:flex;align-items:center;gap:8px;margin:var(--space-2) 0;padding:var(--space-3) var(--space-4);background:var(--color-danger-50);color:var(--color-danger);border-radius:var(--radius-md);font-size:var(--font-size-sm);border-left:3px solid var(--color-danger)}.toast-stack{position:fixed;top:var(--space-6);right:var(--space-6);z-index:100;display:flex;flex-direction:column;gap:var(--space-3);max-width:360px;animation:fadeIn .2s ease}.toast{display:flex;align-items:center;gap:var(--space-3);background:var(--color-white);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border-left:4px solid var(--color-brand-blue);animation:slideIn .2s ease}.toast-icon{flex-shrink:0}.toast-msg{flex:1;font-size:var(--font-size-sm);color:var(--color-text)}.toast-close{width:22px;height:22px;border-radius:50%;border:0;background:transparent;color:var(--color-text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.toast-close:hover{background:var(--color-brand-blue-50);color:var(--color-brand-blue)}.toast-success{border-left-color:var(--color-success)}.toast-success .toast-icon{color:var(--color-success)}.toast-danger{border-left-color:var(--color-danger)}.toast-danger .toast-icon{color:var(--color-danger)}.toast-warning{border-left-color:var(--color-warning)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-info{border-left-color:var(--color-brand-blue)}.toast-info .toast-icon{color:var(--color-brand-blue)}@keyframes slideIn{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}.landing{min-height:100vh;display:flex;flex-direction:column}.landing-hero{padding:var(--space-10) var(--space-6) var(--space-8);text-align:center}.landing-hero-inner{max-width:720px;margin:0 auto}.landing-logo{width:110px;height:110px;border-radius:50%;object-fit:cover;box-shadow:var(--shadow-lg);border:3px solid #fff;margin-bottom:var(--space-5)}.landing-hero h1{color:#fff;font-size:clamp(30px,6vw,54px);font-weight:900;margin:0 0 10px;text-shadow:0 3px 16px rgba(0,0,0,.3);letter-spacing:-1px}.landing-tag{color:var(--color-brand-yellow);font-weight:800;letter-spacing:.5px;margin:0 0 var(--space-4)}.landing-desc{color:#ffffffeb;max-width:640px;margin:0 auto var(--space-6);font-size:var(--font-size-md);line-height:1.7}.landing-cta{display:inline-flex;align-items:center;gap:8px;padding:14px 36px;border-radius:var(--radius-md);background:var(--gradient-accent);color:var(--color-brand-blue-dark);font-weight:800;font-size:var(--font-size-md);text-decoration:none;box-shadow:0 8px 24px #f5c51873;transition:all .18s ease}.landing-cta:hover{transform:translateY(-2px);box-shadow:0 10px 30px #f5c5188c}.landing-hint{color:#fff9;font-size:var(--font-size-xs);margin-top:var(--space-4)}.landing-login{max-width:380px;margin:var(--space-5) auto 0;background:var(--color-surface-solid);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-lg);text-align:left}.landing-login label{display:block;font-size:11px;color:var(--color-text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.landing-login input{width:100%;padding:11px 12px;border-radius:var(--radius-md);border:1.5px solid var(--color-border);font-size:var(--font-size-base);background:var(--color-bg);box-sizing:border-box}.landing-login input:focus{outline:none;border-color:var(--color-brand-blue);background:#fff;box-shadow:var(--shadow-glow-blue)}.landing-login-row{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-3)}.landing-eye{border:0;background:transparent;color:var(--color-text-muted);cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:11px}.landing-login .pw-wrap{margin-top:6px}.landing-login-btn{width:100%;padding:12px;margin-top:var(--space-4);border:0;border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;font-weight:700;cursor:pointer}.landing-login-btn:disabled{opacity:.6;cursor:progress}.landing-login-hint{margin-top:var(--space-3);font-size:11px;color:var(--color-text-muted);text-align:center}.landing-login .err{margin:0 0 var(--space-3)}.landing-body{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:var(--space-5);padding:0 var(--space-6) var(--space-8);max-width:1200px;width:100%;margin:0 auto}.landing-section{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);border-top:4px solid var(--color-brand-blue)}.landing-section:nth-child(2){border-top-color:var(--color-brand-yellow)}.landing-section.low{grid-column:1 / -1}.landing-section-head{display:flex;align-items:center;gap:var(--space-3)}.landing-section-icon{width:42px;height:42px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;background:var(--color-brand-blue-50);color:var(--color-brand-blue)}.landing-section h2{margin:0;color:var(--color-brand-blue);font-size:var(--font-size-lg)}.landing-section-desc{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.6;margin:var(--space-3) 0}.landing-section-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.landing-section-items li{display:flex;align-items:center;gap:8px;font-size:var(--font-size-sm)}.landing-section-items svg{color:var(--color-success);flex-shrink:0}.landing-foot{text-align:center;padding:var(--space-5);color:#ffffff8c;font-size:var(--font-size-xs)}.empty-state{background:#ffffffeb;border-radius:var(--radius-lg);margin-top:var(--space-3);box-shadow:var(--shadow-sm)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-5)}.settings-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.5)}.settings-card.full-row{grid-column:1 / -1}.settings-title{display:flex;align-items:center;gap:8px;margin:0 0 4px;color:var(--color-brand-blue);font-size:var(--font-size-md)}.settings-sub{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0 0 var(--space-4)}.settings-label{display:block;font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-muted);margin:var(--space-3) 0 6px;text-transform:uppercase;letter-spacing:.4px}.settings-card select,.settings-card input{width:100%;padding:11px 12px;border-radius:var(--radius-md);border:1.5px solid var(--color-border);font-size:var(--font-size-base);background:var(--color-bg);transition:all var(--transition-fast)}.settings-card input:focus,.settings-card select:focus{outline:none;border-color:var(--color-brand-blue);background:#fff;box-shadow:var(--shadow-glow-blue)}.settings-card select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.settings-actions{max-width:400px}.tag-editor{margin-top:var(--space-4)}.tag-editor h4{margin:0 0 var(--space-2);font-size:var(--font-size-sm);color:var(--color-text)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.tag{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-full);background:var(--color-brand-blue-50);color:var(--color-brand-blue);font-size:var(--font-size-xs);font-weight:600}.tag-remove{border:0;background:transparent;color:var(--color-brand-blue-light);cursor:pointer;display:inline-flex;padding:0}.tag-add{display:flex;gap:var(--space-2)}.tag-add input{flex:1}.ph-top{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.page-back{margin-bottom:0}.filter-select{padding:9px 12px;border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-white);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer}.filter-select:hover{border-color:var(--color-brand-blue-light)}.table-tools{display:inline-flex;align-items:center;gap:var(--space-3);margin-left:auto;flex-wrap:wrap}.image-field{display:flex;flex-direction:column;gap:8px}.image-field input[type=file]{padding:8px;font-size:var(--font-size-xs)}.image-preview{width:88px;height:88px;object-fit:cover;border-radius:50%;border:3px solid var(--color-brand-blue-50)}.image-empty{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.btn-sm{padding:6px 12px;font-size:var(--font-size-xs)}.emp-photo{width:34px;height:34px;border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;background:var(--color-brand-blue-50)}.emp-photo-empty{color:var(--color-text-muted);font-size:var(--font-size-xs)}.alert-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:6px 0 4px;border-radius:var(--radius-md);background:#fffffff5;box-shadow:var(--shadow-sm);font-size:var(--font-size-sm);color:#1f2937;border-left:5px solid var(--color-danger)}.alert-banner svg{flex-shrink:0}.fin-bars{display:flex;flex-direction:column;gap:3px}.fin-bar{height:8px;border-radius:4px;min-width:2px;transition:width .4s ease}.fin-bar-green{background:linear-gradient(90deg,#16a34a,#4ade80)}.fin-bar-red{background:linear-gradient(90deg,#dc2626,#f87171)}.text-danger{color:#dc2626}.client-picker{display:flex;flex-direction:column;gap:8px}.client-picker-input{position:relative}.client-picker-input .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.client-picker-input input{width:100%;padding:11px 34px 11px 38px;border-radius:var(--radius-md);border:1.5px solid var(--color-border);font-size:var(--font-size-base);background:var(--color-bg)}.client-picker-input input:focus{outline:none;border-color:var(--color-brand-blue);background:#fff;box-shadow:var(--shadow-glow-blue)}.client-picker-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--color-text-muted);cursor:pointer;display:inline-flex}.client-picker-list{position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-md);overflow:hidden}.client-picker-item{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;padding:9px 12px;border:0;border-bottom:1px solid var(--color-border);background:#fff;cursor:pointer}.client-picker-item:hover{background:var(--color-brand-blue-50)}.cp-name{font-weight:600;color:var(--color-text)}.cp-meta{font-size:11px;color:var(--color-text-muted)}.client-picker-new{display:flex;align-items:center;gap:6px;width:100%;text-align:left;padding:10px 12px;border:0;background:var(--color-brand-yellow-50);color:var(--color-brand-blue-dark);font-weight:700;cursor:pointer}.client-picker-new:hover{background:var(--color-brand-yellow-100)}.client-picker-create{border:1.5px dashed var(--color-brand-blue-100);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-bg)}.cp-create-head{font-weight:700;color:var(--color-brand-blue);margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.client-picker-create .form-actions{margin-top:var(--space-2);padding-top:var(--space-2)}@media (max-width: 1100px){.content{padding:var(--space-5)}.form-grid{grid-template-columns:1fr 1fr}}@media (max-width: 900px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;width:292px;height:100vh;transform:translate(-100%);transition:transform var(--transition-slow);z-index:21}.shell.sidebar-open .sidebar{transform:translate(0);box-shadow:12px 0 40px #0e4a8e40}.topbar-burger{display:inline-flex}.topbar-date{display:none}.api-status{display:inline-flex}}@media (max-width: 640px){.content{padding:var(--space-3) var(--space-4)}.form-grid{grid-template-columns:1fr}.page-header,.page-head{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.page-header .logo-mini{display:none}.kpis,.grid{grid-template-columns:1fr}.topbar{padding:0 var(--space-3)}.topbar-brand-tag{display:none}.kpi-n{font-size:20px}.pagination{width:100%;justify-content:space-between}}