:root{--primary:#1e8a4f;--primary-dark:#0d3d22;--primary-hover:#166d3f;--accent:#d97706;--accent-hover:#b45309;--accent-dark:#7a3e00;--accent-muted:#fde8c0;--background:#f0faf4;--foreground:#0d1f12;--muted:#e8f5ee;--muted-foreground:#3a5c44;--border:#b6dfc5;--border-light:#c8e6d0;--nav-active-bg:#c2ecd4;--shadow:0 20px 48px rgba(13,61,34,0.10);--shadow-soft:0 10px 28px rgba(13,61,34,0.08);--font-sans:"Montserrat",Arial,sans-serif;--font-display:"Be Vietnam Pro","Montserrat",Arial,sans-serif}html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark;--primary:#35b86f;--primary-dark:#e5f8ec;--primary-hover:#43c97f;--accent:#e2a242;--accent-hover:#f0b65a;--accent-dark:#ffe2a3;--accent-muted:rgba(226,162,66,0.16);--background:#13261b;--foreground:#eef8f1;--muted:#1c3426;--muted-foreground:#bad2c2;--border:#4d7c5d;--border-light:rgba(146,190,158,0.34);--nav-active-bg:rgba(82,171,111,0.24);--shadow:0 20px 48px rgba(5,20,10,0.30);--shadow-soft:0 10px 28px rgba(5,20,10,0.22)}*{box-sizing:border-box;margin:0;padding:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{min-height:100vh;font-family:var(--font-sans);color:var(--foreground);background:radial-gradient(circle at 8% 12%,rgba(198,236,212,.76),transparent 28%),radial-gradient(circle at 88% 14%,rgba(253,232,192,.6),transparent 28%),linear-gradient(180deg,#f8fcfa 0,var(--background) 100%);-webkit-font-smoothing:antialiased}html[data-theme=dark] body{background:radial-gradient(circle at 8% 12%,rgba(76,150,98,.3),transparent 30%),radial-gradient(circle at 88% 14%,rgba(226,162,66,.2),transparent 28%),linear-gradient(180deg,#193121 0,var(--background) 100%)}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}.topbar{height:72px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border-light);position:-webkit-sticky;position:sticky;top:0;z-index:50}.topbar-inner{width:min(1500px,calc(100% - 2.4rem));height:100%;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:1rem;gap:1rem}.brand{display:flex;align-items:center;gap:.72rem;width:-moz-fit-content;width:fit-content}.brand-logo{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#48bd78);color:#fff;font-weight:900;box-shadow:0 12px 24px rgba(30,138,79,.2);transition:.25s ease}.brand:hover .brand-logo{transform:rotate(-6deg) scale(1.05)}.brand-name{font-family:var(--font-display);color:var(--primary-dark);font-size:1.05rem;font-weight:900;letter-spacing:-.04em}.nav-tabs{display:flex;gap:.18rem;padding:.28rem;background:var(--muted);border:1px solid rgba(182,223,197,.86);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.nav-tab,.nav-tabs{align-items:center;border-radius:999px}.nav-tab{display:inline-flex;gap:.42rem;padding:.56rem .94rem;color:var(--muted-foreground);font-size:.78rem;font-weight:900;white-space:nowrap;border:0;background:transparent}.nav-tab.active{background:var(--nav-active-bg);color:var(--primary-dark)}.nav-actions{justify-self:end;display:flex;align-items:center;gap:.55rem}.avatar-menu{display:inline-flex;align-items:center;gap:.42rem;cursor:pointer;padding:.3rem .5rem .3rem .3rem;border-radius:999px;transition:.15s ease}.avatar-menu:hover{background:rgba(255,255,255,.7)}.avatar-menu:hover .avatar-chevron{animation:chevronBob .6s ease-in-out infinite}.avatar-chevron{width:14px;height:14px;color:var(--muted-foreground)}.avatar{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;background:var(--nav-active-bg);color:var(--primary-dark);font-weight:900;border:1px solid var(--border)}.page{width:min(1500px,calc(100% - 2.4rem));margin:0 auto;padding:1.4rem 0 3rem}.app-shell{min-height:100vh}.back-link{display:inline-flex;align-items:center;gap:.35rem;font-weight:800;color:var(--muted-foreground);font-size:.86rem;margin-bottom:1.1rem;opacity:0;animation:fadeUp .4s ease forwards;transition:.18s ease}.back-link span{transition:.18s ease;display:inline-block}.back-link:hover span{transform:translateX(-3px)}.back-link:hover{color:var(--primary-dark)}.page-head{margin-bottom:1.4rem}.page-head h1{font-family:var(--font-display);font-weight:900;letter-spacing:-.03em;font-size:clamp(1.4rem,2vw,1.8rem);margin-bottom:.4rem;opacity:0;animation:fadeUp .45s ease .05s forwards}.page-head p{color:var(--muted-foreground);line-height:1.65;font-size:.92rem;opacity:0;animation:fadeUp .45s ease .1s forwards}.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.4rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:0 1.2rem;border-radius:14px;border:1.5px solid var(--border);background:#fff;color:var(--primary-dark);font-weight:900;font-size:.86rem;transition:.18s ease;font-family:var(--font-sans)}.btn:hover{transform:translateY(-1px)}.btn.primary,.btn:hover{border-color:var(--primary)}.btn.primary{background:var(--primary);color:#fff;box-shadow:0 12px 24px rgba(30,138,79,.2)}.btn.primary:hover{background:var(--primary-hover)}.btn.accent{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 12px 24px rgba(217,119,6,.2)}.btn.accent:hover{background:var(--accent-hover)}.btn.ghost{background:rgba(255,255,255,.7);border-color:var(--border-light);color:var(--primary-dark)}.btn.ghost:hover{border-color:var(--primary)}.btn.danger{background:#fff;border-color:#f0a9a6;color:#c0362c}.btn.danger:hover{background:#fff5f5;border-color:#c0362c}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.small-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--border-light);background:#fff;color:var(--primary-dark);padding:.38rem .75rem;font-size:.74rem;font-weight:900;transition:.15s ease}.small-btn:hover{transform:translateY(-1px);border-color:var(--primary)}.small-btn.fill{background:var(--primary);border-color:var(--primary);color:#fff}.small-btn.fill:hover{background:var(--primary-hover)}.card{background:rgba(255,255,255,.92);border:1px solid var(--border-light);border-radius:22px;box-shadow:var(--shadow-soft);overflow:hidden;animation:riseIn .5s ease both}.card+.card{margin-top:1rem}.card-head{padding:1rem 1.2rem;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;gap:.8rem}.card-head h2{font-family:var(--font-display);font-size:1rem;color:var(--primary-dark);letter-spacing:-.02em}.card-body{padding:1.2rem}.card-body.flush{padding:0}.pill{display:inline-flex;align-items:center;border-radius:999px;background:var(--muted);color:var(--primary-dark);font-weight:900;font-size:.72rem;border:1px solid var(--border-light);padding:.38rem .7rem;white-space:nowrap}.pill.orange{background:var(--accent-muted);color:var(--accent-dark);border-color:rgba(217,119,6,.25)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.7rem;gap:.7rem}.stat-card{border:1px solid var(--border-light);background:#fff;border-radius:16px;padding:.85rem;opacity:0;animation:popIn .4s ease forwards;transition:.18s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.stat-card:hover .stat-icon{transform:scale(1.12) rotate(-5deg)}.stat-card:first-child{animation-delay:.05s}.stat-card:nth-child(2){animation-delay:.12s}.stat-card:nth-child(3){animation-delay:.19s}.stat-card:nth-child(4){animation-delay:.26s}.stat-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;margin-bottom:.5rem;background:var(--muted);color:var(--primary);font-weight:900;font-size:.68rem;transition:.22s ease}.stat-icon.accent{background:var(--accent-muted);color:var(--accent-dark)}.stat-label{color:var(--muted-foreground);font-weight:900;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem}.stat-value{font-family:var(--font-display);font-size:1.4rem;font-weight:900;color:var(--foreground)}.stat-sub{color:var(--muted-foreground);font-size:.68rem;font-weight:700;margin-top:.1rem}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.82rem}.data-table th{text-align:left;color:var(--muted-foreground);font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;font-weight:900;padding:.8rem 1rem;border-bottom:1px solid var(--border-light);background:var(--muted)}.data-table td{padding:.85rem 1rem;border-bottom:1px solid rgba(200,230,208,.6);color:var(--foreground);font-weight:600;vertical-align:middle}.data-table tbody tr{animation:fadeUp .4s ease both;transition:background .15s ease}.data-table tbody tr:hover{background:var(--muted)}.data-table tbody tr:first-child{animation-delay:.05s}.data-table tbody tr:nth-child(2){animation-delay:.1s}.data-table tbody tr:nth-child(3){animation-delay:.15s}.data-table tbody tr:nth-child(4){animation-delay:.2s}.data-table tbody tr:nth-child(5){animation-delay:.25s}.mode-tag{background:var(--muted);border-radius:999px;padding:.3rem .65rem;font-weight:900;color:var(--primary-dark);font-size:.72rem;white-space:nowrap;display:inline-flex;align-items:center}.score-good{color:var(--primary)}.score-bad,.score-good{font-weight:900;font-family:var(--font-display)}.score-bad{color:#c0362c}.bar{height:8px;border-radius:999px;background:var(--muted);overflow:hidden}.bar-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#4fc07f);width:0;animation:growBar .9s ease .3s forwards}.bar-fill.accent{background:linear-gradient(90deg,var(--accent),#f59e0b)}.badge{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;padding:.32rem .6rem;font-size:.68rem;font-weight:900}.badge:before{content:"";width:6px;height:6px;border-radius:999px}.badge.ok{background:var(--muted);color:var(--primary-dark)}.badge.ok:before{background:var(--primary)}.badge.warn{background:var(--accent-muted);color:var(--accent-dark)}.badge.warn:before{background:var(--accent)}.badge.error{background:#fef2f2;color:#c0362c}.badge.error:before{background:#c0362c}.badge.inactive{background:#f5f5f5;color:#888}.badge.inactive:before{background:#bbb}.badge.processing{background:var(--accent-muted);color:var(--accent-dark)}.badge.processing:before{background:var(--accent);animation:pulseDot 1.6s ease-in-out infinite}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes growBar{0%{width:0}}@keyframes chevronBob{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulseCTA{0%,to{box-shadow:0 12px 24px rgba(217,119,6,.22),0 0 0 0 rgba(217,119,6,.35)}50%{box-shadow:0 12px 24px rgba(217,119,6,.22),0 0 0 8px rgba(217,119,6,0)}}.btn.accent.cta-pulse{animation:pulseCTA 2.2s ease-in-out infinite}@media (max-width:980px){.topbar-inner{grid-template-columns:1fr;height:auto;padding:.6rem 0;justify-items:center}.topbar{height:auto}.nav-actions{justify-self:center}.stats-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.page{width:calc(100% - 1.6rem)}.nav-tabs{overflow-x:auto;max-width:100%}.stats-grid{grid-template-columns:1fr 1fr}.table-wrap{overflow-x:auto}.data-table{min-width:600px}}.settings-logout-modal-backdrop{z-index:160;background:rgba(8,35,22,.34);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-logout-modal{width:min(560px,calc(100% - 2rem));padding:1.35rem 1.45rem}.settings-logout-modal p{line-height:1.55;font-weight:750}.settings-logout-modal-actions{gap:.7rem;margin-top:1.25rem}.settings-logout-modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:1rem;background:rgba(8,35,22,.38);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.settings-logout-modal{width:min(560px,calc(100vw - 2rem));border:1px solid #f0a9a6;border-radius:28px;background:#fff;padding:1.45rem 1.55rem 1.35rem;box-shadow:0 28px 80px rgba(80,20,18,.24)}.settings-logout-modal h3{margin:0 0 .45rem;color:#991b1b;font-family:var(--font-display);font-size:1.28rem;line-height:1.25}.settings-logout-modal p{margin:0;color:#9f3a35;font-size:.98rem;line-height:1.5;font-weight:800}.settings-logout-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.35rem;flex-wrap:nowrap}.settings-logout-modal-actions .btn{min-width:176px;justify-content:center;white-space:nowrap}@media (max-width:640px){.settings-logout-modal{width:min(100%,420px);padding:1.1rem 1rem;border-radius:24px}.settings-logout-modal h3{font-size:1.12rem}.settings-logout-modal p{font-size:.9rem}.settings-logout-modal-actions{flex-direction:column-reverse;align-items:stretch}.settings-logout-modal-actions .btn{width:100%;min-width:0}}html[data-theme=dark] .topbar{background:rgba(20,43,29,.92);border-bottom-color:var(--border-light)}html[data-theme=dark] .brand-logo{box-shadow:0 12px 24px rgba(0,0,0,.34)}html[data-theme=dark] .btn,html[data-theme=dark] .card,html[data-theme=dark] .nav-tabs,html[data-theme=dark] .password-eye-btn,html[data-theme=dark] .settings-field input,html[data-theme=dark] .settings-note,html[data-theme=dark] .settings-select,html[data-theme=dark] .small-btn,html[data-theme=dark] .stat-card{background-color:rgba(10,31,19,.92)}html[data-theme=dark] .card{background:rgba(24,48,34,.92)}html[data-theme=dark] .card-head,html[data-theme=dark] .data-table td,html[data-theme=dark] .data-table th,html[data-theme=dark] .settings-row{border-color:var(--border-light)}html[data-theme=dark] .bar,html[data-theme=dark] .data-table tbody tr:hover,html[data-theme=dark] .data-table th,html[data-theme=dark] .mode-tag,html[data-theme=dark] .pill{background:var(--muted)}html[data-theme=dark] .settings-select{background:linear-gradient(135deg,rgba(10,31,19,.96),rgba(16,40,27,.92));color:var(--foreground)}html[data-theme=dark] .settings-field input{color:var(--foreground)}html[data-theme=dark] .settings-field input:focus,html[data-theme=dark] .settings-select:focus{box-shadow:0 0 0 3px rgba(74,222,128,.16)}html[data-theme=dark] .btn.primary{background:#1f9d55;border-color:#1f9d55;color:#fff}html[data-theme=dark] .btn.primary:hover{background:#22c55e}html[data-theme=dark] .btn.ghost{background:rgba(10,31,19,.74);color:var(--primary-dark)}html[data-theme=dark] .btn.danger,html[data-theme=dark] .btn.danger-soft{background:rgba(127,29,29,.26);border-color:rgba(248,113,113,.48);color:#fecaca}html[data-theme=dark] .btn.danger-soft:hover,html[data-theme=dark] .btn.danger:hover{background:rgba(127,29,29,.36);border-color:#fca5a5}html[data-theme=dark] .badge.error,html[data-theme=dark] .settings-error{background:rgba(127,29,29,.28);color:#fecaca;border-color:rgba(248,113,113,.48)}html[data-theme=dark] .settings-logout-modal,html[data-theme=dark] .settings-toast{background:rgba(10,31,19,.98)}html[data-theme=dark] .settings-logout-modal h3{color:#fecaca}html[data-theme=dark] .settings-logout-modal p{color:#fca5a5}html[data-theme=dark] option,html[data-theme=dark] select{background:#f8fcfa;color:#0d3d22}html[data-theme=dark] .settings-select{background:linear-gradient(135deg,rgba(242,250,245,.96),rgba(220,239,226,.92));color:#0d3d22;border-color:rgba(150,205,166,.7)}html[data-theme=dark] .settings-select-wrap:after{color:#0d3d22}