:root{color-scheme:light;--ink: #14251c;--muted: #68766e;--line: #dce5df;--canvas: #f3f7f4;--surface: #ffffff;--surface-2: #eaf2ed;--green: #157347;--green-dark: #0b4d2d;--green-bright: #45d483;--amber: #f6b73c;--red: #d34848;--blue: #2e70d1;--shadow: 0 18px 55px rgba(26, 54, 38, .1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--canvas);min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.eyebrow{margin:0 0 7px;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.15em}.muted{color:var(--muted)}.brand-mark{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;color:#092819;background:var(--green-bright);font-size:30px;font-weight:900;box-shadow:0 10px 30px #45d4833d}.brand-mark.small{width:42px;height:42px;border-radius:13px;font-size:21px}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(420px,.85fr)}.login-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,8vw,120px);color:#eaf8ef;background:radial-gradient(circle at 75% 20%,rgba(69,212,131,.18),transparent 30%),linear-gradient(145deg,#07140d,#103322 62%,#0b2518)}.login-brand:after{content:"";position:absolute;width:520px;height:520px;right:-280px;bottom:-240px;border:1px solid rgba(118,238,167,.2);border-radius:50%;box-shadow:0 0 0 70px #45d48308,0 0 0 150px #45d48306}.login-brand .brand-mark{margin-bottom:44px}.login-brand .eyebrow{color:#70e49e}.login-brand h1{max-width:700px;margin:0;font-size:clamp(50px,6vw,88px);line-height:.98;letter-spacing:-.055em}.login-brand h1 span{color:#70e49e}.login-brand>p:not(.eyebrow){max-width:610px;color:#abc4b5;font-size:18px;line-height:1.7}.login-stat-row{display:flex;gap:36px;margin-top:54px}.login-stat-row div{display:flex;flex-direction:column;gap:4px}.login-stat-row strong{color:#fff;font-size:17px}.login-stat-row span{color:#8dac99;font-size:12px}.login-panel{display:grid;place-items:center;padding:34px;background:#edf4ef}.login-card{width:min(430px,100%);padding:42px;background:var(--surface);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}.login-card h2{margin:0;font-size:30px;letter-spacing:-.03em}.login-card>.muted{margin:8px 0 30px}.mobile-brand{display:none;align-items:center;gap:12px;margin-bottom:32px}label{display:grid;gap:7px;margin-bottom:16px;color:#34463c;font-size:13px;font-weight:700}input,select,textarea{width:100%;min-height:44px;padding:10px 12px;color:var(--ink);background:#fbfdfb;border:1px solid #cdd9d1;border-radius:10px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #1573471f}textarea{min-height:84px;resize:vertical}.button{min-height:42px;padding:9px 16px;border:0;border-radius:10px;font-weight:750}.button.primary{color:#fff;background:var(--green)}.button.primary:hover{background:var(--green-dark)}.button.secondary{color:var(--green-dark);background:#dff3e6}.button.danger{color:#9f2424;background:#fde8e8}.button.ghost{color:var(--ink);background:transparent;border:1px solid var(--line)}.button.full{width:100%;margin-top:8px}.button:disabled{opacity:.5;cursor:not-allowed}.form-error{min-height:20px;color:var(--red);font-size:13px}.app-shell{min-height:100vh;display:grid;grid-template-columns:245px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:24px 16px;color:#d9eee1;background:#0b1b12}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px}.sidebar-brand>div:last-child{display:flex;flex-direction:column}.sidebar-brand b{font-size:18px}.sidebar-brand span{color:#789686;font-size:11px}nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;padding:12px 14px;color:#91aa9b;background:transparent;border:0;border-radius:11px;text-align:left;font-weight:700}.nav-item span{display:grid;place-items:center;width:25px;font-size:20px}.nav-item:hover,.nav-item.active{color:#effaf2;background:#183626}.nav-item.active{box-shadow:inset 3px 0 var(--green-bright)}.sidebar-foot{display:flex;align-items:center;gap:11px;margin-top:auto;padding:14px;background:#122a1d;border-radius:12px}.sidebar-foot div{display:flex;flex-direction:column;font-size:12px}.sidebar-foot small{color:#719080}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--green-bright);box-shadow:0 0 0 5px #45d4831f}.workspace{min-width:0}.topbar{position:sticky;z-index:5;top:0;display:flex;align-items:center;height:78px;padding:0 28px;background:#ffffffe6;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.topbar h2{margin:0;font-size:22px;letter-spacing:-.025em}.topbar .eyebrow{margin-bottom:2px}.topbar-actions{position:relative;display:flex;align-items:center;gap:8px;margin-left:auto}.icon-button{display:grid;place-items:center;width:40px;height:40px;padding:0;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:10px;font-size:20px}.user-pill{display:flex;align-items:center;gap:9px;padding:5px 10px 5px 5px;background:#f4f8f5;border:1px solid var(--line);border-radius:12px}.user-pill>span:first-child{display:grid;place-items:center;width:34px;height:34px;color:#fff;background:var(--green);border-radius:9px;font-weight:800}.user-pill>span:last-child{display:flex;flex-direction:column;align-items:flex-start}.user-pill b{font-size:12px}.user-pill small{color:var(--muted);font-size:10px}.user-menu{position:absolute;right:0;top:52px;width:150px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.user-menu button{width:100%;padding:9px;color:var(--red);background:transparent;border:0;border-radius:7px;text-align:left}.content{padding:26px 28px 42px}.page-head{display:flex;align-items:flex-end;gap:18px;margin-bottom:20px}.page-head h1{margin:0;font-size:clamp(28px,4vw,38px);letter-spacing:-.045em}.page-head p{margin:6px 0 0;color:var(--muted)}.page-actions{display:flex;gap:8px;margin-left:auto}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:14px}.metric-card{position:relative;overflow:hidden;padding:19px;background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:0 7px 23px #1e412b0a}.metric-card:before{content:"";position:absolute;right:-20px;top:-28px;width:90px;height:90px;border-radius:50%;background:var(--tone, #e6f3ea)}.metric-card span{position:relative;color:var(--muted);font-size:12px;font-weight:700}.metric-card strong{position:relative;display:block;margin-top:9px;font-size:28px;letter-spacing:-.035em}.metric-card small{position:relative;display:block;margin-top:5px;color:#819088}.grid-two{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr);gap:16px;margin-top:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:0 7px 23px #1e412b0a}.card-head{display:flex;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.card-head h3{margin:0;font-size:15px}.card-head>:last-child{margin-left:auto}.card-body{padding:18px 20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{padding:11px 14px;color:var(--muted);background:#f7faf8;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap}td{padding:13px 14px;border-bottom:1px solid #edf2ef;font-size:13px;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:#f8fbf9}.table-link{padding:0;color:var(--green);background:none;border:0;font-weight:800;text-align:left}.badge{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;background:#e8f5ec;color:var(--green-dark);font-size:11px;font-weight:800;white-space:nowrap}.badge.warn{color:#82580b;background:#fff1cf}.badge.danger{color:#9e2929;background:#fde7e7}.badge.neutral{color:#53625a;background:#edf1ef}.badge.blue{color:#235599;background:#e7effb}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.search{position:relative;flex:1;max-width:480px}.search input{padding-left:38px;background:#fff}.search:before{content:"⌕";position:absolute;z-index:1;left:13px;top:10px;color:var(--muted)}.empty{padding:45px 20px;color:var(--muted);text-align:center}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.detail-stat{padding:15px;background:var(--surface-2);border-radius:12px}.detail-stat span{display:block;color:var(--muted);font-size:11px}.detail-stat strong{display:block;margin-top:5px;font-size:16px}.section-stack{display:grid;gap:16px}.tabs{display:flex;gap:4px;padding:5px;margin-bottom:15px;background:#e8efea;border-radius:11px;overflow-x:auto}.tabs button{padding:9px 14px;color:var(--muted);background:transparent;border:0;border-radius:8px;white-space:nowrap;font-weight:700}.tabs button.active{color:var(--ink);background:#fff;box-shadow:0 3px 10px #183c2714}.sync-health{display:flex;align-items:center;gap:8px}.sync-health .status-dot.offline{background:#9aa59e;box-shadow:none}.chart{display:flex;align-items:end;gap:5px;height:230px;padding:20px 5px 0;border-bottom:1px solid var(--line)}.chart-bar{position:relative;flex:1;min-width:5px;max-width:28px;height:var(--height);background:linear-gradient(#49d786,#167348);border-radius:5px 5px 0 0}.chart-bar:hover:after{content:attr(data-label);position:absolute;left:50%;bottom:calc(100% + 7px);transform:translate(-50%);padding:5px 7px;color:#fff;background:#10271a;border-radius:6px;font-size:10px;white-space:nowrap}.split-bars{display:grid;gap:12px}.split-row{display:grid;grid-template-columns:90px 1fr 90px;align-items:center;gap:10px;font-size:12px}.bar-track{height:9px;background:#e6eee9;border-radius:8px;overflow:hidden}.bar-fill{height:100%;background:var(--green);border-radius:inherit}.modal{width:min(680px,calc(100vw - 28px));max-height:calc(100vh - 36px);padding:0;color:var(--ink);background:#fff;border:0;border-radius:18px;box-shadow:0 30px 90px #00000040}.modal::backdrop{background:#05120a99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal header{display:flex;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line)}.modal h2{margin:0;font-size:21px}.modal header .icon-button{margin-left:auto}.modal-content{max-height:calc(100vh - 190px);padding:21px 22px;overflow:auto}.modal footer{display:flex;justify-content:flex-end;gap:8px;padding:15px 22px;border-top:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.form-grid .wide{grid-column:1 / -1}.activation-key{padding:15px;overflow-wrap:anywhere;color:#d9f6e4;background:#10281a;border-radius:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.toast{position:fixed;z-index:50;right:22px;bottom:22px;max-width:400px;padding:13px 17px;color:#fff;background:#173424;border-radius:11px;box-shadow:var(--shadow);opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{background:#a62c2c}.mobile-only{display:none}@media(max-width:1050px){.metric-grid,.detail-grid{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh;padding:18px}.mobile-brand{display:flex}.app-shell{display:block}.sidebar{position:fixed;z-index:20;left:-260px;width:245px;transition:left .2s}.sidebar.open{left:0;box-shadow:20px 0 60px #00000040}.mobile-only{display:grid}.topbar{height:70px;padding:0 14px;gap:11px}.topbar .eyebrow{display:none}.topbar h2{font-size:18px}.user-pill>span:last-child{display:none}.content{padding:20px 14px 35px}.page-head{align-items:flex-start;flex-direction:column}.page-actions{margin-left:0;width:100%;overflow-x:auto}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:15px}.metric-card strong{font-size:22px}.detail-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.toolbar{align-items:stretch;flex-direction:column}.search{max-width:none}}@media(max-width:430px){.metric-grid,.detail-grid{grid-template-columns:1fr}.login-card{padding:27px 22px}.content{padding-left:10px;padding-right:10px}}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--ink: #edf7f0;--muted: #9aaba1;--line: #2b4134;--canvas: #0e1712;--surface: #14221a;--surface-2: #1a2c21;--shadow: 0 18px 55px rgba(0,0,0,.25)}.login-panel,.login-card,.topbar,.card,.metric-card,.modal{background:var(--surface)}.login-card{border-color:var(--line)}.mobile-brand{color:var(--ink)}input,select,textarea{color:var(--ink);background:#102018;border-color:var(--line)}.user-pill,.tabs button.active{background:#1b3023}.topbar{background:#14221ae6}.nav-item.active{background:#193828}th{background:#192a20}tbody tr:hover{background:#17281e}.search input{background:var(--surface)}.button.ghost{color:var(--ink)}}