:root{
  --navy-950:#061426;--navy-900:#081a31;--navy-850:#0b1f39;--navy-800:#102844;
  --blue-700:#1456d9;--blue-600:#1d65f2;--blue-100:#eaf2ff;--teal-600:#138d85;
  --slate-950:#111827;--slate-800:#263244;--slate-700:#42516a;--slate-600:#5d6c82;--slate-500:#738096;
  --slate-300:#cbd5e1;--slate-200:#dde4ed;--slate-150:#e8edf3;--slate-100:#f2f5f8;--surface:#fff;--canvas:#f7f9fc;
  --green:#148a61;--green-bg:#e9f7f1;--orange:#d86d15;--orange-bg:#fff2e7;--red:#c93d4f;--red-bg:#fdecef;--purple:#6b55d8;--purple-bg:#f1efff;
  --shadow:0 10px 28px rgba(12,29,51,.08);--r:10px;--sidebar:252px;--topbar:66px;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--slate-950);background:var(--canvas)}
button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--slate-600)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.nowrap{white-space:nowrap}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,var(--navy-950),#071b31 75%,#08213d);color:#d9e2ef;border-right:1px solid rgba(255,255,255,.06);z-index:30;display:flex;flex-direction:column}
.brand{height:92px;display:flex;align-items:center;gap:12px;padding:20px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.brand img{width:40px;height:40px}.brand strong{font-size:22px;color:#fff;letter-spacing:-.02em}.brand small{display:block;color:#9eb0c8;margin-top:2px}
.nav{padding:14px 10px;display:grid;gap:5px}.nav a{display:flex;align-items:center;gap:12px;color:#d4deeb;text-decoration:none;padding:11px 12px;border-radius:7px;font-size:14px}.nav a:hover{background:rgba(255,255,255,.05)}.nav a.active{background:linear-gradient(90deg,#103c8b,#0d357b);color:#fff;box-shadow:inset 3px 0 0 #4e8fff}.nav-ico{width:18px;text-align:center;opacity:.9}
.sidebar-foot{margin-top:auto;padding:18px 20px 24px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#aebbd0}.sys-ok{color:#5bd2a2;margin-top:12px}.collapse-hint{margin-top:18px;padding-top:15px;border-top:1px solid rgba(255,255,255,.08)}
.topbar{position:fixed;left:var(--sidebar);right:0;top:0;height:var(--topbar);z-index:25;background:var(--navy-950);color:#fff;display:flex;align-items:center;gap:18px;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.08)}
.search-global{width:min(480px,42vw);position:relative}.search-global input{width:100%;background:#0c203a;border:1px solid #203956;color:#e8eef7;border-radius:7px;padding:10px 40px 10px 38px;outline:none}.search-global input:focus{border-color:#4d86e8}.search-global::before{content:'⌕';position:absolute;left:13px;top:7px;color:#b5c2d4;font-size:22px}.search-global kbd{position:absolute;right:10px;top:9px;color:#91a2b9;background:#132a46;border:1px solid #28425f;border-radius:5px;padding:2px 6px;font-size:11px}
.top-spacer{flex:1}.top-stat{font-size:11px;color:#9eb0c8}.top-stat b{display:block;color:#fff;font-size:13px;margin-top:2px}.user-menu{display:flex;gap:10px;align-items:center;padding-left:16px;border-left:1px solid #203650}.avatar{width:34px;height:34px;border-radius:50%;background:#31445f;color:#fff;display:grid;place-items:center;font-weight:700;font-size:12px}.user-menu strong{font-size:13px}.user-menu small{display:block;color:#9fb0c6;margin-top:2px}
.main{margin-left:var(--sidebar);padding-top:var(--topbar);min-height:100vh}.content{padding:24px 28px 38px;max-width:1680px;margin:0 auto}.page-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:20px}.page-title h1{margin:0;font-size:28px;letter-spacing:-.03em}.page-title p{margin:5px 0 0;color:var(--slate-600);font-size:14px}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.btn{border:1px solid var(--slate-200);background:#fff;color:var(--slate-800);border-radius:7px;padding:9px 13px;font-weight:650;font-size:13px;display:inline-flex;gap:7px;align-items:center;justify-content:center}.btn:hover{background:#f8fafc}.btn.primary{background:var(--blue-600);border-color:var(--blue-600);color:#fff}.btn.danger{border-color:#efb3ba;color:var(--red);background:#fff}.btn.warn{border-color:#f4bc86;color:var(--orange)}.btn.success{border-color:#a5d9c8;color:var(--green)}.btn.ghost{background:transparent}.btn:disabled{opacity:.48;cursor:not-allowed}
.card{background:var(--surface);border:1px solid var(--slate-200);border-radius:var(--r);box-shadow:0 1px 0 rgba(13,28,50,.02)}.card-head{padding:14px 16px;border-bottom:1px solid var(--slate-150);display:flex;justify-content:space-between;gap:14px;align-items:center}.card-head h2,.card-head h3{font-size:14px;margin:0}.card-body{padding:16px}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.kpi{padding:16px}.kpi-label{font-size:12px;color:var(--slate-600);font-weight:700}.kpi-value{font-size:29px;font-weight:780;margin-top:14px;letter-spacing:-.03em}.kpi-meta{font-size:12px;color:var(--slate-600);margin-top:4px}.kpi-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--blue-100);color:var(--blue-600);float:right}
.dashboard-grid{display:grid;grid-template-columns:1fr 1.75fr;gap:14px;margin-bottom:14px}.dashboard-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.status-ring{width:130px;height:130px;border-radius:50%;background:conic-gradient(#1fa878 0 78%,#e9a31b 78% 89%,#e76e28 89% 95%,#d74354 95%);position:relative;flex:0 0 auto}.status-ring::after{content:'';position:absolute;inset:25px;border-radius:50%;background:#fff}.status-ring-text{position:absolute;inset:0;display:grid;place-items:center;z-index:2;font-weight:800;font-size:20px}.status-flex{display:flex;gap:24px;align-items:center}.legend{display:grid;gap:10px;font-size:12px;width:100%}.legend-row{display:flex;justify-content:space-between;gap:20px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:7px}.green{background:var(--green)}.amber{background:#e4a017}.red{background:var(--red)}.blue{background:var(--blue-600)}.gray{background:#8c99aa}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:12.5px}.table th{padding:11px 12px;text-align:left;color:var(--slate-600);font-size:11px;font-weight:750;border-bottom:1px solid var(--slate-200);white-space:nowrap}.table td{padding:12px;border-bottom:1px solid var(--slate-150);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:#f9fbfd}.table .name{font-weight:700;color:var(--slate-950)}
.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700;background:#eef2f6;color:var(--slate-700);white-space:nowrap}.badge.active{background:var(--green-bg);color:var(--green)}.badge.suspended{background:var(--orange-bg);color:var(--orange)}.badge.trial,.badge.trialing{background:var(--blue-100);color:var(--blue-700)}.badge.inactive,.badge.expired,.badge.cancelled,.badge.superseded{background:#eef1f5;color:#68768a}.badge.override{background:#fff3da;color:#a66500}.badge.high{background:var(--red-bg);color:var(--red)}.badge.medium{background:var(--orange-bg);color:var(--orange)}.badge.low{background:var(--green-bg);color:var(--green)}
.filters{display:grid;grid-template-columns:minmax(260px,1.4fr) repeat(3,minmax(150px,.65fr)) auto;gap:10px;margin-bottom:18px}.field{display:grid;gap:6px}.field label{font-size:11px;color:var(--slate-600);font-weight:700}.input,.select,.textarea{width:100%;border:1px solid var(--slate-200);border-radius:7px;padding:10px 11px;background:#fff;color:var(--slate-950);outline:none}.input:focus,.select:focus,.textarea:focus{border-color:#6ea0f5;box-shadow:0 0 0 3px rgba(29,101,242,.08)}.textarea{min-height:90px;resize:vertical}
.company-cell{display:flex;gap:10px;align-items:center}.company-mark{width:34px;height:34px;border-radius:9px;background:#e6f4f1;color:#0e8179;display:grid;place-items:center;font-weight:800}.subline{font-size:11px;color:var(--slate-600);margin-top:3px}.owners{display:flex}.owner-mini{width:27px;height:27px;border-radius:50%;background:#edf1f6;border:2px solid #fff;margin-left:-5px;display:grid;place-items:center;font-size:10px;font-weight:700}.owner-mini:first-child{margin-left:0}
.tabs{display:flex;gap:25px;border-bottom:1px solid var(--slate-200);margin-bottom:16px}.tab{padding:10px 2px;border:none;background:transparent;color:var(--slate-600);font-weight:700;font-size:12px;border-bottom:2px solid transparent}.tab.active{color:var(--blue-700);border-color:var(--blue-600)}
.detail-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.detail-title{display:flex;gap:14px;align-items:center}.detail-logo{width:54px;height:54px;border-radius:13px;background:#dff2ef;color:#0a7f78;display:grid;place-items:center;font-size:20px;font-weight:800}.detail-title h1{margin:0 0 5px;font-size:25px}.detail-meta{font-size:12px;color:var(--slate-600);display:grid;gap:3px}.detail-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:14px;margin-bottom:14px}.kv{display:grid;grid-template-columns:145px 1fr;gap:8px 14px;font-size:12px}.kv dt{color:var(--slate-600)}.kv dd{margin:0}.owner-row{display:grid;grid-template-columns:1.4fr .8fr .45fr auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--slate-150)}.owner-row:last-child{border-bottom:none}.owner-id{display:flex;gap:10px;align-items:center}
.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.product-row{display:grid;grid-template-columns:1.4fr .7fr .6fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--slate-150)}.product-row:last-child{border-bottom:none}.product-icon{width:30px;height:30px;border-radius:8px;background:#e6f5f3;color:var(--teal-600);display:grid;place-items:center}
.empty{padding:32px;text-align:center;color:var(--slate-600)}.skeleton{height:12px;border-radius:5px;background:linear-gradient(90deg,#eef2f6,#f7f9fb,#eef2f6);background-size:220% 100%;animation:sh 1.2s infinite}@keyframes sh{to{background-position:-120% 0}}
.login-page{min-height:100vh;background:#07182d;display:grid;grid-template-columns:1.15fr .85fr}.login-art{padding:46px 6vw;position:relative;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.login-art::before{content:'';position:absolute;width:540px;height:540px;border:1px solid rgba(110,148,198,.14);border-radius:50%;left:-110px;bottom:-220px;box-shadow:0 0 0 90px rgba(30,69,116,.07),0 0 0 180px rgba(30,69,116,.04)}.login-brand{display:flex;gap:14px;align-items:center;position:relative}.login-brand img{width:46px}.login-brand strong{font-size:26px}.login-brand small{display:block;color:#9fb0c7}.login-copy{position:relative;max-width:620px;margin:80px 0}.login-copy h1{font-size:48px;line-height:1.02;letter-spacing:-.045em;margin:0 0 20px}.login-copy p{color:#aebed2;font-size:17px;line-height:1.6;max-width:560px}.login-signals{display:flex;gap:10px;flex-wrap:wrap;position:relative}.signal{border:1px solid #25415f;background:#0b213d;border-radius:8px;padding:10px 12px;font-size:12px;color:#b9c8da}.login-panel{background:#f8fafc;display:grid;place-items:center;padding:28px}.login-box{width:min(410px,100%);background:#fff;border:1px solid #dce4ee;border-radius:12px;padding:30px;box-shadow:0 24px 60px rgba(1,12,25,.22)}.login-box h2{font-size:24px;margin:0}.login-box p{color:var(--slate-600);font-size:13px;margin:7px 0 24px}.login-box .field{margin-bottom:14px}.login-box .btn{width:100%;padding:11px}.login-note{font-size:11px;color:var(--slate-500);margin-top:18px;text-align:center}
.modal-backdrop{position:fixed;inset:0;background:rgba(3,13,28,.58);z-index:80;display:grid;place-items:center;padding:18px}.modal{width:min(520px,100%);background:#fff;border-radius:12px;box-shadow:0 28px 80px rgba(0,0,0,.3);overflow:hidden}.modal-head{padding:17px 19px;border-bottom:1px solid var(--slate-200);display:flex;justify-content:space-between;align-items:center}.modal-head h3{margin:0;font-size:16px}.modal-body{padding:19px}.modal-foot{padding:14px 19px;border-top:1px solid var(--slate-200);display:flex;justify-content:flex-end;gap:9px}.icon-btn{border:0;background:transparent;font-size:18px;color:var(--slate-600)}
.toast-root{position:fixed;right:18px;bottom:18px;z-index:120;display:grid;gap:8px}.toast{min-width:290px;max-width:420px;background:#0d2038;color:#fff;padding:12px 14px;border-radius:8px;box-shadow:var(--shadow);font-size:12px;border-left:3px solid #4c8cff}.toast.error{border-left-color:#ef6675}.toast.success{border-left-color:#45c394}
.audit-detail{display:grid;grid-template-columns:320px 1fr;border-top:1px solid var(--slate-200)}.audit-meta{padding:16px;border-right:1px solid var(--slate-200)}.diff{padding:16px}.diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.codebox{background:#f7f9fc;border:1px solid var(--slate-200);border-radius:8px;padding:12px;white-space:pre-wrap;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;color:#2d4667;max-height:260px;overflow:auto}.read-only-banner{padding:10px 12px;background:#eef4ff;border:1px solid #ccdcfb;color:#2a569d;border-radius:8px;font-size:12px;margin-bottom:14px}
@media(max-width:1100px){:root{--sidebar:210px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-bottom,.detail-grid,.split{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.top-stat:nth-of-type(2){display:none}.audit-detail{grid-template-columns:1fr}.audit-meta{border-right:0;border-bottom:1px solid var(--slate-200)}}
@media(max-width:760px){:root{--sidebar:0px}.sidebar{display:none}.topbar{left:0;padding:0 12px}.search-global{width:60%}.top-stat{display:none}.user-menu div:last-child{display:none}.content{padding:18px 14px 30px}.page-head,.detail-hero{display:grid}.kpi-grid{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-panel{min-height:100vh}.owner-row,.product-row{grid-template-columns:1fr}.tabs{overflow:auto}.diff-grid{grid-template-columns:1fr}.table{min-width:780px}}