:root{--bg:#071120;--panel:#0d1b30;--panel2:#10233d;--line:#203955;--text:#eef6ff;--muted:#91a7bd;--blue:#00bafc;--blue2:#237cff;--silver:#cbd8e5;--danger:#ff6b7a;--success:#4fe0a0;--shadow:0 22px 60px rgba(0,0,0,.28)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}body{background-image:radial-gradient(circle at 70% 0,rgba(0,174,239,.12),transparent 32%)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:20px 14px;background:rgba(4,13,27,.94);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.brand{display:block;padding:6px 7px 22px}.brand img{width:100%;max-height:74px;object-fit:contain}.sidebar nav{display:grid;gap:5px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:#b8c9d9;font-size:14px}.nav-link:hover{background:#10233d;color:#fff}.nav-link b{margin-left:auto;font-size:9px;text-transform:uppercase;color:#62caf5}.nav-link.disabled{opacity:.64;cursor:not-allowed}.sidebar-user{margin-top:auto;border-top:1px solid var(--line);padding:17px 8px 4px;display:flex;align-items:center;gap:10px}.sidebar-user div{display:grid;min-width:0}.sidebar-user strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{color:var(--muted);font-size:11px}.avatar{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--blue),var(--blue2));display:grid;place-items:center;font-weight:800}.main{min-width:0}.topbar{min-height:92px;padding:18px 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;background:rgba(7,17,32,.82);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.topbar h1{font-size:23px;margin:2px 0}.topbar form{margin-left:auto}.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#5fd4ff;font-weight:800}.menu{display:none;background:none;color:#fff;border:0;font-size:23px}.content{padding:28px;max-width:1500px;margin:auto}.alert{padding:13px 15px;border-radius:12px;margin-bottom:18px;font-size:13px}.alert.success{background:rgba(79,224,160,.12);border:1px solid rgba(79,224,160,.35);color:#b5f5d5}.alert.error{background:rgba(255,107,122,.12);border:1px solid rgba(255,107,122,.35);color:#ffc6cc}.btn{border:1px solid var(--line);background:#14253a;color:#fff;padding:10px 15px;border-radius:10px;cursor:pointer;font-weight:700;font-size:13px}.btn.primary{border:0;background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:0 10px 26px rgba(0,150,255,.2)}.btn.ghost{background:transparent}.btn.wide{width:100%;padding:13px}.btn:disabled{opacity:.55;cursor:not-allowed}.hero-panel,.panel{background:linear-gradient(145deg,rgba(16,35,61,.96),rgba(10,24,43,.96));border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.hero-panel{padding:26px;display:flex;justify-content:space-between;align-items:center;gap:20px}.hero-panel h2{margin:5px 0 7px;font-size:28px}.hero-panel p{margin:0;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.metric{padding:21px;background:linear-gradient(145deg,#10233d,#0b192c);border:1px solid var(--line);border-radius:16px;display:grid;gap:10px}.metric>span{font-size:12px;color:var(--muted)}.metric strong{font-size:31px}.metric strong small{font-size:13px;color:var(--muted);margin-left:4px}.metric em{font-size:11px;color:#7190aa;font-style:normal}.two-col{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.panel{padding:23px}.panel h3{margin:5px 0 18px;font-size:19px}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.status-dot{font-size:10px;color:var(--success);padding:6px 9px;border:1px solid rgba(79,224,160,.25);border-radius:999px}.empty{padding:34px 10px;text-align:center;color:var(--muted)}.empty strong{color:#fff}.recommendations{display:grid;gap:11px}.recommendations article{display:flex;gap:12px;padding:14px;border:1px solid var(--line);background:rgba(4,13,27,.35);border-radius:12px}.recommendations p{margin:4px 0 0;color:var(--muted);font-size:12px}.recommendations small{display:block;color:#58cfff;margin-top:2px}.priority{height:max-content;font-size:9px;text-transform:uppercase;padding:5px 7px;border-radius:7px;background:#23405d}.priority.high{background:rgba(255,107,122,.16);color:#ff9ba6}.priority.medium{background:rgba(255,190,91,.15);color:#ffd28d}.integration-list{display:grid}.integration-list>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.integration-list b{color:var(--muted);text-align:right}.page-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding:11px;border-bottom:1px solid var(--line)}td{padding:14px 11px;border-bottom:1px solid rgba(32,57,85,.65)}td strong,td small{display:block}td small{color:var(--muted);margin-top:3px}.pill{display:inline-block;padding:5px 8px;border-radius:999px;background:rgba(79,224,160,.12);color:#8ff0bf;font-size:10px}.empty-cell{text-align:center;color:var(--muted);padding:40px}.stack{display:grid;gap:14px}.stack label{display:grid;gap:7px;color:#b9cad9;font-size:12px}.stack input,.stack select{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;background:#081526;color:#fff;outline:none}.stack input:focus,.stack select:focus{border-color:var(--blue)}.plans{display:grid;gap:12px}.plans article{display:grid;gap:5px;padding:14px;border:1px solid var(--line);border-radius:12px}.plans span{color:#5fd4ff;font-weight:700}.plans small{color:var(--muted)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at center,rgba(0,96,220,.19),transparent 37%),#030a16}.auth-wrap{width:min(1020px,100%);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:55px}.auth-brand{text-align:center}.auth-brand img{width:100%;max-width:620px}.auth-brand p{color:#7fa3c1;letter-spacing:.08em}.login-card{background:rgba(12,28,49,.92);border:1px solid #24415f;border-radius:22px;padding:30px;box-shadow:0 30px 90px rgba(0,0,0,.45)}.login-card h1{margin:7px 0 8px}.login-card>p{color:var(--muted);font-size:13px;margin:0 0 23px}.security-note{margin-top:18px;padding-top:17px;border-top:1px solid var(--line);font-size:10px;color:#7792a9;text-align:center}@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.two-col,.page-grid{grid-template-columns:1fr}.auth-wrap{grid-template-columns:1fr;gap:10px}.auth-brand img{max-width:430px}.auth-brand p{display:none}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:-280px;width:260px;transition:.22s}.sidebar-open .sidebar{left:0}.menu{display:block}.topbar{padding:15px 18px;min-height:78px}.topbar .btn{padding:8px 10px}.content{padding:18px}.metric-grid{grid-template-columns:1fr 1fr}.hero-panel{align-items:flex-start;flex-direction:column}.auth-shell{padding:14px}.login-card{padding:22px}}@media(max-width:480px){.metric-grid{grid-template-columns:1fr}.topbar h1{font-size:19px}.topbar .eyebrow{display:none}}