:root{--bg:#f4f6fb;--surface:#fff;--surface-2:#f7f8fc;--surface-3:#eef1f7;--ink:#111138;--ink-2:#4d5759;--ink-3:#7c8495;--border:#e4e7ef;--border-2:#d4d9e4;--accent:#2380ff;--accent-2:#1b64c6;--accent-bg:#ebf3ff;--lime:#d0d91d;--mint:#50ddaf;--violet:#5025c3;--red:#fa0034;--good:#16845b;--good-bg:#e2f8ef;--warn:#a06a00;--warn-bg:#fff5d7;--bad:#c92743;--bad-bg:#ffe9ee;--shadow:0 12px 35px rgba(17,17,56,.07);--radius:22px;--sidebar:252px;--gradient:linear-gradient(135deg,#50ddaf 0%,#5591d6 48%,#5025c3 100%)}
:root[data-theme="dark"]{--bg:#0e1020;--surface:#171a2d;--surface-2:#1d2137;--surface-3:#262b44;--ink:#f7f8ff;--ink-2:#c2c7d7;--ink-3:#8d95aa;--border:#2a3049;--border-2:#3a4260;--accent:#5d9dff;--accent-2:#8ebaff;--accent-bg:#202e4d;--good:#56d69e;--good-bg:#17372c;--warn:#ffd166;--warn-bg:#3d3218;--bad:#ff7d95;--bad-bg:#411f2a;--shadow:0 14px 38px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Inter,"Segoe UI",Arial,sans-serif;min-height:100vh}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;padding:20px 16px;background:var(--ink);color:white;display:flex;flex-direction:column;z-index:100}.brand{display:flex;align-items:center;gap:11px;color:white;padding:4px 9px 20px}.brand-mark{width:38px;height:38px;border-radius:13px;background:var(--gradient);display:grid;place-items:center;font-weight:900;font-size:19px;box-shadow:0 10px 24px rgba(80,37,195,.28)}.wm{font-weight:800;font-size:16px;line-height:1.05;letter-spacing:.02em}.brand small{display:block;font-weight:500;color:#aeb5d0;font-size:10px;margin-top:4px;letter-spacing:.08em}.erp-nav{display:flex;flex-direction:column;gap:4px;overflow-y:auto;padding:4px}.erp-nav a{color:#cfd4e5;padding:10px 12px;border-radius:12px;font-size:13px;font-weight:650;display:flex;align-items:center;gap:10px;transition:.16s}.erp-nav a:hover{background:rgba(255,255,255,.08);color:white}.erp-nav a.on{background:var(--gradient);color:white;box-shadow:0 8px 22px rgba(35,128,255,.2)}.nav-icon{width:19px;text-align:center;font-size:15px}.nav-group{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#747c99;padding:18px 12px 6px;font-weight:800}
.sidebar-foot{margin-top:auto;padding:14px 8px 4px;border-top:1px solid rgba(255,255,255,.1)}.user-row{display:flex;gap:10px;align-items:center}.avatar{width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-weight:800}.user-meta{min-width:0;flex:1}.user-name{font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:10px;color:#8f97b3}.side-actions{display:flex;gap:5px;margin-top:10px}.side-actions a,.side-actions button{flex:1;border:0;border-radius:9px;background:rgba(255,255,255,.08);color:#d8dced;font-size:11px;padding:7px}.side-actions a{text-align:center}.main-column{min-width:0;display:flex;flex-direction:column;min-height:100vh}.mobile-head{display:none}.top-strip{height:7px;background:var(--gradient)}
.tabbar{background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.tabbar-inner{max-width:1420px;margin:auto;padding:0 30px;display:flex;gap:6px;overflow-x:auto}.tabbar a{padding:14px 14px 12px;font-size:13px;font-weight:700;color:var(--ink-3);border-bottom:3px solid transparent;white-space:nowrap}.tabbar a.on{color:var(--accent-2);border-bottom-color:var(--accent)}main{width:100%;max-width:1420px;margin:0 auto;padding:34px 34px 70px;flex:1}h1{font-size:30px;line-height:1.12;margin:0;letter-spacing:-.035em}h2{font-size:17px;margin:0 0 14px}.sub{color:var(--ink-3);font-size:14px;margin:7px 0 25px}
.hero{position:relative;overflow:hidden;padding:30px;border-radius:28px;background:var(--gradient);color:white;margin-bottom:22px;box-shadow:0 18px 40px rgba(80,37,195,.15)}.hero:after{content:"";position:absolute;width:260px;height:260px;border:52px solid rgba(255,255,255,.12);border-radius:50%;right:-80px;top:-120px}.hero h1{font-size:34px;position:relative;z-index:1}.hero p{max-width:700px;margin:10px 0 0;color:rgba(255,255,255,.88);position:relative;z-index:1}.hero-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;margin-bottom:10px;opacity:.85}.panel,.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:22px}.panel+.panel{margin-top:16px}.card{padding:19px;color:var(--ink);transition:.16s}.card:hover{transform:translateY(-2px);border-color:#b8cef3}.card .icon{font-size:21px}.card .name{font-weight:800;margin:8px 0 3px}.card .desc{font-size:13px;color:var(--ink-3);margin:0}.grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.grid-3{display:grid;gap:15px;grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{display:grid;gap:15px;grid-template-columns:repeat(4,minmax(0,1fr))}.stat{position:relative;overflow:hidden;min-height:122px}.stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--accent)}.stat:nth-child(2):before{background:var(--mint)}.stat:nth-child(3):before{background:var(--violet)}.stat:nth-child(4):before{background:var(--lime)}.stat .val{font-size:31px;font-weight:850;letter-spacing:-.04em;line-height:1}.stat .label{color:var(--ink-3);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-top:10px}.stat .delta{font-size:12px;font-weight:700;margin-top:5px}.delta.up{color:var(--good)}.delta.down{color:var(--bad)}
.section-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.section-link{position:relative;min-height:128px;overflow:hidden}.section-link:after{content:"→";position:absolute;right:16px;bottom:13px;color:var(--accent);font-weight:800}.section-link .bubble{width:38px;height:38px;border-radius:13px;background:var(--accent-bg);display:grid;place-items:center}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 11px;border-bottom:1px solid var(--border);font-size:13px;vertical-align:middle}th{color:var(--ink-3);font-weight:800;font-size:10px;text-transform:uppercase;letter-spacing:.08em}tbody tr:hover td{background:var(--surface-2)}tbody tr:last-child td{border-bottom:0}
input,select,textarea{width:100%;padding:11px 13px;border:1px solid var(--border-2);border-radius:12px;background:var(--surface);color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(35,128,255,.12)}label{display:block;font-size:10px;color:var(--ink-3);margin:14px 0 6px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.form-hint{font-size:12px;color:var(--ink-3);margin-top:5px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 14px}button,.btn{background:var(--accent);color:white;border:0;border-radius:999px;padding:11px 18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover,button:hover{background:var(--accent-2)}.btn-outline{background:transparent;color:var(--ink-2);border:1px solid var(--border-2)}.btn-block{width:100%}.btn-sm{padding:7px 13px;font-size:12px}.alert{padding:12px 15px;border-radius:13px;font-size:13px;margin-bottom:16px}.alert-error{background:var(--bad-bg);color:var(--bad)}.alert-warn{background:var(--warn-bg);color:var(--warn)}.alert-ok{background:var(--good-bg);color:var(--good)}.alert-info{background:var(--accent-bg);color:var(--accent-2)}.badge{font-size:10px;padding:4px 9px;border-radius:999px;background:var(--surface-3);color:var(--ink-2);font-weight:800;display:inline-block}.badge-good{background:var(--good-bg);color:var(--good)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-bad{background:var(--bad-bg);color:var(--bad)}.badge-accent{background:var(--accent-bg);color:var(--accent-2)}
.score{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;font-weight:900;background:conic-gradient(var(--accent) calc(var(--score)*1%),var(--surface-3) 0);position:relative}.score:after{content:"";position:absolute;inset:5px;background:var(--surface);border-radius:50%}.score span{z-index:1;font-size:11px}.progress-bar{height:8px;background:var(--surface-3);border-radius:999px;overflow:hidden}.progress-bar .fill{height:100%;background:var(--gradient)}.progress-bar .fill.good{background:var(--good)}.erp-foot{padding:20px 34px;border-top:1px solid var(--border);color:var(--ink-3);font-size:11px}.foot-in{max-width:1420px;margin:auto;display:flex;justify-content:space-between;gap:15px}.api-flag{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;padding:5px 10px;border-radius:999px;background:var(--surface-3)}.api-flag i{width:7px;height:7px;border-radius:50%;background:currentColor}.f-good{color:var(--good);background:var(--good-bg)}
.center-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,rgba(80,221,175,.2),transparent 32%),radial-gradient(circle at 85% 15%,rgba(80,37,195,.18),transparent 30%),var(--bg)}.center-box{width:100%;max-width:430px}.center-box .panel{padding:28px}.brand-lg{display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:8px}.brand-lg .brand-mark{width:48px;height:48px}.brand-lg .wm{font-size:22px}
.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.flex{display:flex}.flex-gap{gap:12px}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.text-muted{color:var(--ink-3)}.text-sm{font-size:12px}.text-xs{font-size:10px}.fw-700{font-weight:700}.fw-800{font-weight:800}.w-full{width:100%}
 .wm-bar{width:9px;height:50px;border-radius:5px;background:var(--gradient);display:inline-block}
@media(max-width:1100px){.grid-4,.section-grid{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 1fr}}@media(max-width:820px){.app-shell{display:block}.sidebar{display:none}.mobile-head{display:flex;position:sticky;top:0;z-index:100;align-items:center;justify-content:space-between;padding:11px 16px;background:var(--ink);color:white}.mobile-head .brand{padding:0}.mobile-menu{position:fixed;inset:60px 0 auto;background:var(--ink);padding:12px 16px 20px;display:none;z-index:99}.mobile-menu.open{display:flex}.mobile-menu .erp-nav{max-height:70vh}.menu-toggle{background:rgba(255,255,255,.1);padding:8px 12px;border-radius:10px}main{padding:25px 16px 55px}.tabbar-inner{padding:0 12px}.hero{padding:24px}.hero h1{font-size:27px}.grid-4,.section-grid,.form-grid{grid-template-columns:1fr}.flex.justify-between{align-items:flex-start;gap:14px;flex-wrap:wrap}.erp-foot{padding:18px 16px}.foot-in{flex-direction:column}.panel{padding:18px}}