:root{--bg:#f4f7fb;--card:#fff;--ink:#172033;--muted:#738099;--line:#e5eaf2;--nav:#111c2f;--nav2:#1b2941;--red:#e94747;--orange:#ff8a3d;--green:#18a877;--blue:#2677f4;--shadow:0 12px 35px rgba(26,40,70,.08)}*{box-sizing:border-box}body{margin:0;font-family:Tahoma,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;right:0;top:0;bottom:0;width:250px;background:linear-gradient(180deg,var(--nav),#0c1525);color:#fff;padding:24px 16px;z-index:30;display:flex;flex-direction:column}.sidebar-brand{display:flex;gap:12px;align-items:center;padding:0 10px 24px;border-bottom:1px solid #ffffff18}.sidebar-brand strong{display:block;font-size:19px}.sidebar-brand small{display:block;color:#93a2bd;margin-top:3px}.logo-mark{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:linear-gradient(135deg,var(--red),var(--orange));color:white;font-size:32px;font-weight:900;box-shadow:0 10px 28px #e9474744}.logo-mark.small{width:42px;height:42px;border-radius:13px;font-size:21px}.sidebar nav{padding-top:20px;display:grid;gap:6px}.sidebar nav button{border:0;background:transparent;color:#9eacc2;padding:13px 14px;border-radius:11px;text-align:right;display:flex;gap:13px;align-items:center}.sidebar nav button span{font-size:18px}.sidebar nav button:hover,.sidebar nav button.active{background:var(--nav2);color:#fff}.sidebar nav button.active{box-shadow:inset -3px 0 var(--orange)}.sidebar-foot{margin-top:auto;color:#a9b5c8;font-size:13px;border-top:1px solid #ffffff18;padding:18px 10px 0}.sidebar-foot small{display:block;margin-top:8px}.status-dot{display:inline-block;width:8px;height:8px;background:#21d898;border-radius:50%;margin-left:7px;box-shadow:0 0 0 4px #21d89818}.main{margin-right:250px;min-height:100vh}.topbar{height:91px;background:#fff;border-bottom:1px solid var(--line);padding:17px 30px;display:flex;align-items:center;gap:17px;position:sticky;top:0;z-index:20}.topbar h1{margin:0;font-size:22px}.topbar p{margin:5px 0 0;color:var(--muted);font-size:13px}.icon-btn{border:0;background:#f0f3f8;width:38px;height:38px;border-radius:10px;color:var(--ink)}#menuBtn{display:none}.user-menu{margin-right:auto;display:flex;align-items:center;gap:10px}.user-menu small{display:block;color:var(--muted);margin-top:3px}.avatar{width:42px;height:42px;border-radius:13px;background:#fff0e8;color:var(--red);display:grid;place-items:center;font-weight:bold}.content{padding:28px;max-width:1500px;margin:auto}.hero{background:linear-gradient(125deg,#18263e,#263d62);color:white;border-radius:20px;padding:25px 28px;margin-bottom:22px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:220px;height:220px;border:40px solid #ffffff09;border-radius:50%;left:-55px;top:-95px}.hero h2{margin:0 0 8px;font-size:24px}.hero p{margin:0;color:#c4d0e2}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px}.stat-card,.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.stat-card{padding:19px;display:flex;align-items:center;gap:15px}.stat-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-size:22px}.stat-icon.blue{background:#eaf2ff;color:var(--blue)}.stat-icon.green{background:#e9f9f3;color:var(--green)}.stat-icon.orange{background:#fff2e9;color:var(--orange)}.stat-icon.red{background:#fff0f0;color:var(--red)}.stat-card small{display:block;color:var(--muted);margin-bottom:7px}.stat-card strong{font-size:25px}.panel{padding:20px}.panel-head,.page-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.panel h3{margin:0}.btn{border:1px solid var(--line);background:white;color:var(--ink);padding:10px 16px;border-radius:10px}.btn.primary{background:linear-gradient(135deg,var(--red),#f16a42);border-color:transparent;color:white;box-shadow:0 8px 20px #e9474730}.btn.danger{color:#c92d2d;background:#fff2f2;border-color:#ffdada}.btn.small{padding:7px 10px;font-size:12px}.wide{width:100%;padding:13px}.search{border:1px solid var(--line);border-radius:10px;padding:10px 13px;min-width:250px;background:#fff}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;white-space:nowrap;background:white}th,td{padding:13px 14px;text-align:right;border-bottom:1px solid var(--line);font-size:13px}th{background:#f8fafc;color:#65728a;font-weight:600}tr:last-child td{border-bottom:0}.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:20px;font-size:11px;background:#eef2f7;color:#617088}.badge.active,.badge.completed{background:#e8f8f2;color:#12855f}.badge.inactive,.badge.cancelled,.badge.offline{background:#fff0f0;color:#c03939}.badge.pending,.badge.expired{background:#fff4e8;color:#bd681f}.actions{display:flex;gap:6px}.empty{text-align:center;padding:55px 20px;color:var(--muted)}.activity{display:grid;gap:10px}.activity-item{padding:12px 14px;background:#f8fafc;border-radius:11px;display:flex;justify-content:space-between;gap:12px}.activity-item small{color:var(--muted)}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:#07101fcc;backdrop-filter:blur(3px)}.modal-card{position:relative;background:white;width:min(720px,100%);max-height:90vh;overflow:auto;border-radius:18px;padding:22px;box-shadow:0 25px 80px #0004}.modal-card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-card h2{margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label,.stack label{display:grid;gap:7px;color:#4d5b72;font-size:13px}.form-grid input,.form-grid select,.form-grid textarea,.stack input{width:100%;border:1px solid #dce2eb;border-radius:10px;padding:11px;background:white;color:var(--ink)}.form-grid textarea{min-height:90px;resize:vertical}.form-grid .full{grid-column:1/-1}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;margin-top:8px}.toast{position:fixed;left:25px;bottom:25px;z-index:100;background:#162238;color:white;padding:13px 18px;border-radius:11px;box-shadow:var(--shadow)}.toast.error{background:#b52f35}.loading{padding:70px;text-align:center;color:var(--muted)}.login-page{min-height:100vh;background:#f4f6fa;display:grid;place-items:center;padding:25px}.login-shell{width:min(960px,100%);min-height:590px;background:white;border-radius:25px;box-shadow:0 30px 80px #2436531c;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.brand-panel{padding:70px 55px;background:linear-gradient(145deg,#111d31,#263e62);color:white;position:relative;overflow:hidden}.brand-panel:after{content:"";position:absolute;width:300px;height:300px;border:55px solid #ffffff07;border-radius:50%;left:-120px;bottom:-130px}.eyebrow{letter-spacing:3px;color:#ffad7d;margin-top:35px;font-size:12px}.brand-panel h1{font-size:40px;line-height:1.35;margin:18px 0}.brand-panel>p:last-child{color:#becade;line-height:1.9}.login-card{align-self:center;padding:65px}.login-card h2{font-size:29px;margin:0 0 8px}.muted{color:var(--muted)}.stack{display:grid;gap:18px;margin-top:30px}.alert{padding:11px 13px;border-radius:9px;margin-top:18px}.alert.error{background:#fff0f0;color:#b83232}.secure-note{text-align:center;color:#9aa5b8;font-size:12px;margin-top:24px}.mobile-brand{display:none}.admin-only.hidden{display:none!important}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{transform:translateX(110%);transition:.2s}.sidebar.open{transform:none}.main{margin-right:0}.topbar{padding:15px;height:80px}.topbar h1{font-size:18px}#menuBtn{display:block}.user-menu>div:nth-child(2){display:none}.content{padding:17px}.cards{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px}.stat-card strong{font-size:20px}.page-actions{align-items:stretch;flex-direction:column}.search{min-width:0;width:100%}.form-grid{grid-template-columns:1fr}.form-grid .full,.form-actions{grid-column:1}.login-shell{grid-template-columns:1fr;min-height:auto}.brand-panel{display:none}.login-card{padding:38px 25px}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:35px;font-weight:bold;font-size:20px}}@media(max-width:430px){.cards{grid-template-columns:1fr}.topbar p{display:none}}

/* v12.13.4 Dark/Neon visual language */
:root{--bg:#05050c;--card:#12121f;--ink:#f8f8fc;--muted:#9298a8;--line:#ffffff13;--nav:#070710;--nav2:#171326;--red:#ef4444;--orange:#ff7900;--green:#22c55e;--blue:#4c6fff;--pink:#e90069;--cyan:#22d3ee;--amber:#f5b800;--shadow:0 18px 50px #00000055}body{background:radial-gradient(circle at 70% -10%,#390724 0,transparent 28%),linear-gradient(#05050c,#0a0814 45%,#05050c);background-attachment:fixed;color:var(--ink)}.sidebar{background:#080812;border-left:1px solid var(--line)}.logo-mark{background:linear-gradient(135deg,var(--pink),var(--orange));box-shadow:0 0 26px #e9006955}.sidebar nav button:hover,.sidebar nav button.active{background:#e9006914;color:#fff}.sidebar nav button.active{box-shadow:inset -3px 0 var(--pink);color:var(--pink)}.topbar{background:#090911ee;border-color:var(--line);backdrop-filter:blur(16px)}.icon-btn{background:#ffffff0a;color:white;border:1px solid var(--line)}.avatar{background:#e900691c;color:#ff4f9e;border:1px solid #e9006940}.hero{background:linear-gradient(110deg,#241028,#5e0835,#b00057);border:1px solid #e9006945;box-shadow:0 18px 55px #e9006928;padding:30px}.hero .eyebrow{margin:0 0 10px;color:#ff9ac8}.hero-live{position:absolute;left:25px;top:22px;background:#05050c66;border:1px solid #ffffff20;padding:7px 11px;border-radius:30px;font-size:11px}.cards.neon-cards{grid-template-columns:repeat(3,1fr)}.stat-card,.panel{background:linear-gradient(145deg,#151522,#0e0e18);border-color:var(--line)}.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:75px;height:75px;border-radius:50%;background:currentColor;filter:blur(50px);opacity:.12;left:-15px;bottom:-30px}.stat-icon{border:1px solid currentColor}.stat-icon.blue{background:#4c6fff14;color:var(--blue)}.stat-icon.green{background:#22c55e12;color:var(--green)}.stat-icon.orange{background:#ff790014;color:var(--orange)}.stat-icon.red{background:#ef444414;color:var(--red)}.stat-icon.amber{background:#f5b80014;color:var(--amber)}.panel{border-radius:22px}.btn{background:#ffffff08;color:var(--ink);border-color:var(--line)}.btn.primary{background:linear-gradient(135deg,var(--pink),#ff5438);box-shadow:0 8px 25px #e9006940}.btn.danger{background:#ef444414;border-color:#ef444438;color:#ff7878}.search,.form-grid input,.form-grid select,.form-grid textarea,.stack input{background:#0c0d18;color:white;border-color:#ffffff18}.table-wrap{border-color:var(--line)}table{background:#0e0e18}th{background:#161622;color:#9ea4b5}th,td{border-color:var(--line)}tr:hover td{background:#ffffff025}.badge{background:#ffffff0a;color:#aeb4c4;border:1px solid #ffffff12}.badge.active,.badge.completed{background:#22c55e14;color:#4ade80;border-color:#22c55e36}.badge.inactive,.badge.cancelled,.badge.offline{background:#ef444414;color:#fb7185;border-color:#ef444436}.badge.pending,.badge.expired{background:#f5b80014;color:#facc15;border-color:#f5b80036}.activity-item{background:#ffffff05;border:1px solid #ffffff09}.modal-card{background:#11111d;border:1px solid #ffffff15}.form-grid label,.stack label{color:#b8bdca}.dashboard-grid{display:grid;grid-template-columns:minmax(280px,.8fr) 1.2fr;gap:17px}.health-panel{text-align:center}.health-ring{width:150px;height:150px;margin:10px auto 20px;border-radius:50%;display:grid;place-content:center;background:radial-gradient(circle,#11111d 57%,transparent 59%),conic-gradient(var(--green) 0 88%,#ffffff0c 88%);box-shadow:0 0 38px #22c55e20}.health-ring strong{font-size:30px}.health-ring small{color:var(--muted);margin-top:3px}.mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-metrics span{background:#ffffff05;border:1px solid var(--line);padding:11px;border-radius:14px;color:var(--muted);font-size:12px}.mini-metrics b{color:white;font-size:18px;display:block;margin-bottom:3px}.login-page{background:radial-gradient(circle at 15% 20%,#5e083555,transparent 30%),#05050c}.login-shell{background:#10101b;border:1px solid #ffffff12;box-shadow:0 35px 100px #0008}.brand-panel{background:linear-gradient(145deg,#180d20,#5e0835 60%,#b00057)}.login-card h2{color:white}.secure-note{color:#777d8e}@media(max-width:1000px){.cards.neon-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){body{padding-bottom:82px}.sidebar{transform:none;top:auto;right:10px;left:10px;bottom:7px;width:auto;height:68px;padding:4px 5px;border:1px solid #ffffff18;border-radius:22px;background:#0a0a13f2;backdrop-filter:blur(18px);overflow-x:auto}.sidebar-brand,.sidebar-foot{display:none}.sidebar nav{padding:0;display:flex;height:100%;gap:2px}.sidebar nav button{min-width:76px;padding:7px 8px;justify-content:center;flex-direction:column;gap:2px;font-size:9px;text-align:center}.sidebar nav button span{font-size:18px}.sidebar nav button.active{box-shadow:none;background:#e9006918;color:var(--pink)}#menuBtn{display:none}.topbar{height:73px}.content{padding:14px}.hero{padding:23px 19px}.hero-live{left:15px;top:15px}.hero h2{font-size:21px}.dashboard-grid{grid-template-columns:1fr}.modal{padding:10px}.cards.neon-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:430px){.cards.neon-cards{grid-template-columns:repeat(2,1fr)}.stat-card{padding:12px;gap:10px}.stat-icon{width:42px;height:42px}.hero .eyebrow{font-size:9px}.hero-live{font-size:9px}}