:root{--bg:#090f1b;--panel:#121c2c;--border:#263148;--muted:#93a1b5;--text:#f1f6ff;--accent:#ff6c56;--second:#7c6dfa;--r:18px;font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{background:radial-gradient(circle at 85% 0,#1f2137 0,transparent 33%),#090f1b}button,input,textarea,select{font:inherit}button,a{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button{border:0}a{color:inherit}a:not(.btn):hover{color:#fff}.hidden{display:none!important}.eyebrow{color:#ffb18f;font-size:11px;letter-spacing:2.2px;font-weight:800;margin-bottom:14px}.muted{color:var(--muted)}.smallprint{font-size:12px;line-height:1.6}.brand-mark{background:linear-gradient(135deg,#fd9577,#ff4f80);color:#101725;width:68px;height:68px;border-radius:22px;display:grid;place-items:center;font-size:29px;font-weight:1000;box-shadow:0 15px 35px #ff6c5635;letter-spacing:-5px;transform:rotate(-4deg)}.brand-mark span{color:white}.brand-mark.small{width:42px;height:42px;border-radius:12px;font-size:20px;letter-spacing:-3px;flex-shrink:0}.login-screen{min-height:100vh;display:grid;place-items:center;padding:22px}.login-card{width:min(100%,440px);padding:44px;border:1px solid var(--border);background:linear-gradient(140deg,#172139,#101725);border-radius:26px;box-shadow:0 25px 70px #0007}.login-card .brand-mark{margin-bottom:32px}.login-card h1{font-size:30px;margin:5px 0}.login-card p{color:var(--muted);line-height:1.5;margin-bottom:28px}.login-card small{color:#738399;display:block;margin-top:20px;line-height:1.6}.login-card label{margin-bottom:8px;display:block}.login-card input{margin-bottom:16px}.error{color:#ffaaa5;margin-top:10px}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;flex:0 0 260px;border-right:1px solid #273147;background:#101929;min-height:100vh;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:25;transition:transform .25s}.side-top{display:flex;align-items:center;justify-content:space-between;padding:25px 17px 30px}.brand-row{display:flex;gap:13px;align-items:center}.brand-row strong{font-size:14px;letter-spacing:.9px;display:block}.brand-row span{display:block;font-size:9px;color:#8da0b5;letter-spacing:2px;margin-top:4px}.iconbtn{background:transparent;color:#96a4bb;font-size:25px}.side-label{padding:0 24px;font-size:10px;color:#7788a4;font-weight:750;letter-spacing:1.7px;margin:16px 0 11px}.sidebar nav{padding:0 12px;flex:1;overflow:auto}.sidebar nav .side-label{padding-left:12px;margin-top:30px}.navitem{display:flex;align-items:center;gap:16px;width:100%;padding:14px 14px;margin-bottom:4px;text-align:left;border-radius:11px;color:#9aa9bc;background:transparent;font-size:13px;font-weight:650}.navitem span{font-size:19px;width:22px;text-align:center}.navitem:hover{background:#202c42;color:white}.navitem.active{background:linear-gradient(100deg,#f76957 0,#ea4a7a 100%);color:white;box-shadow:0 5px 24px #ef655b40}.side-footer{padding:18px 16px;display:flex;align-items:center;gap:8px;font-size:11px;color:#93a2b3;border-top:1px solid var(--border)}.system-dot{width:7px;height:7px;border-radius:50%;background:#54d9ad}.side-footer span{flex:1}.plainbtn{background:transparent;color:#abb8c9}.main-shell{width:calc(100% - 260px);min-width:0;flex:1}.topbar{height:86px;border-bottom:1px solid #263148;display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:10px}.top-left,.top-right{display:flex;align-items:center;gap:22px}.hamburger{width:41px;height:41px;border:1px solid var(--border);border-radius:10px;background:#171e2f;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.hamburger i{height:2px;width:16px;border-radius:5px;background:#dce5f3}.crumb{display:flex;align-items:center;gap:10px;font-size:13px}.crumb span{color:#8496b1}.crumb b{font-weight:750}.status-pill{border:1px solid #255648;background:#16372f;padding:9px 13px;border-radius:30px;color:#69d9a5;font-size:11px}.outline-link{font-size:12px;text-decoration:none;border:1px solid var(--border);padding:10px 14px;border-radius:9px}.avatar{width:38px;height:38px;display:grid;place-items:center;background:linear-gradient(135deg,#6659d7,#c0529e);border-radius:12px;font-size:12px;font-weight:900}.page{padding:32px;max-width:1550px;margin:auto}.view{display:block}.hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:306px;padding:34px 42px;background:radial-gradient(circle at 75% 50%,#5742a1 0,transparent 35%),linear-gradient(115deg,#292045,#161d35 85%);border:1px solid #403854;border-radius:20px;margin-bottom:22px}.hero h1{font-size:clamp(30px,3.1vw,50px);line-height:1.15;margin:0 0 14px;letter-spacing:-1.5px}.hero h1 em{font-style:normal;color:#ff947d}.hero p{color:#b9c0d6;max-width:430px;font-size:14px;line-height:1.7}.hero-visual{width:32%;height:205px;display:grid;place-items:center;position:relative}.orb{position:absolute;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle at 33% 30%,#fd8e71,#f24891 45%,#622aae 75%);box-shadow:0 0 90px #d05bb680}.hero-screen{position:relative;text-align:center;transform:rotate(-8deg);font-weight:1000;font-size:54px;text-shadow:0 8px 30px #0009}.hero-screen span{color:#fda68b}.hero-screen small{display:block;font-size:11px;letter-spacing:2px;color:#fff;text-shadow:none;margin-top:-7px}.btn{border-radius:11px;display:inline-flex;gap:22px;align-items:center;justify-content:center;padding:13px 19px;font-weight:750;font-size:13px;transition:transform .15s,filter .15s}.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn.primary{color:white;background:linear-gradient(115deg,#ff7357,#f54d85);box-shadow:0 8px 20px #f54d8530}.btn.ghost{background:#263449;color:#cddbed}.btn.full{width:100%}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat,.panel{border:1px solid var(--border);background:#131e2e;border-radius:16px}.stat{padding:22px;min-height:136px}.stat-label{display:flex;justify-content:space-between;color:#a5b4c6;font-size:12px;font-weight:700;gap:8px}.stat-label span{color:#f7798c;font-size:19px}.stat-number{font-size:36px;font-weight:850;margin:12px 0 2px;font-variant-numeric:tabular-nums}.stat small{color:#70869c;font-size:11px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:23px;min-width:0}.panel h2{font-size:16px;margin:0 0 20px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-header .muted{font-size:12px;margin-bottom:20px}.activity-row{border-top:1px solid #293347;padding:14px 0;display:flex;gap:12px;align-items:flex-start}.activity-icon{width:34px;height:34px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;background:#2b3158;color:#d5c5ff}.activity-row strong{font-size:12px;font-weight:750}.activity-row p{font-size:11px;color:#8694aa;margin:4px 0}.activity-row time{margin-left:auto;font-size:10px;color:#65778f;white-space:nowrap}.empty{padding:24px;text-align:center;color:#8091a9;font-size:13px}.health-panel .detail-line{border-top:1px solid #293347}.page-intro{display:flex;justify-content:space-between;margin-bottom:24px}.page-intro h1{font-size:32px;margin:0 0 9px;letter-spacing:-.6px}.page-intro p{color:var(--muted);font-size:13px;margin:0;line-height:1.5}.form-stack{display:flex;flex-direction:column;gap:15px}.form-stack h2{margin-bottom:3px}.form-stack label,.login-card label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#c1d0e3;font-weight:700}.form-stack input,.form-stack select,.form-stack textarea,.login-card input{border:1px solid #334259;border-radius:10px;background:#0e1625;color:#e7effc;outline:none;width:100%;padding:13px 14px;font-size:13px;min-height:44px}.form-stack input:focus,.form-stack textarea:focus,.login-card input:focus{border-color:#fa7b77;box-shadow:0 0 0 3px #ff6c5620}.form-stack textarea{resize:vertical;line-height:1.5}.form-stack input[type=color]{padding:5px;width:100%;height:46px}.form-stack input[type=checkbox]{width:16px;min-height:16px;accent-color:#fc6e77}.form-stack .inline-check,.switches label{display:flex;flex-direction:row;align-items:center;gap:11px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.switches{display:flex;flex-direction:column;gap:11px}.preview-panel{position:relative}.preview-device{max-width:440px;margin:18px auto;border:9px solid #070a12;border-radius:30px;overflow:hidden;box-shadow:0 30px 45px #0004}.preview-cover{background:linear-gradient(145deg,#262b51,#111827 66%);height:440px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;background-size:cover;background-position:center}.preview-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#adbacb}.preview-body{background:#101929bc;border-radius:20px;padding:26px}.preview-greeting{color:#ff9e89;font-size:13px;font-weight:800;margin-bottom:12px}.preview-body strong{font-size:26px;line-height:1.1}.preview-body p{color:#aab8c9;font-size:12px}.preview-buttons{display:flex;gap:10px;font-size:11px}.preview-buttons span{background:#f97966;border-radius:8px;padding:10px 13px;color:white;font-weight:750}.preview-buttons span+span{background:#2b3952}.card-list{display:flex;flex-direction:column;gap:10px}.data-item{border:1px solid #2c3a52;border-radius:12px;padding:15px;background:#101b2d}.data-item .item-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.data-item .item-top strong{font-size:13px}.data-item p{color:#8fa0b6;font-size:12px;margin:7px 0}.data-item .price{color:#ffa58e;font-weight:900;font-size:18px}.data-item .item-actions{display:flex;gap:8px;margin-top:11px}.mini-btn{color:#c8d6e9;background:#26364c;padding:7px 10px;border-radius:7px;font-size:11px;font-weight:700}.mini-btn.danger{color:#ffaaa1;background:#442933}.button-row{display:flex;gap:9px;flex-wrap:wrap}.scroll-x{overflow:auto}.data-table{border-collapse:collapse;width:100%;text-align:left;font-size:12px;min-width:750px}.data-table th,.data-table td{padding:13px;border-bottom:1px solid #293347;white-space:nowrap}.data-table th{font-size:11px;text-transform:uppercase;color:#8fa1b9}.data-table td{color:#d7e0ef}.detail-line{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:15px;font-size:13px;border-bottom:1px solid #2b3449}.detail-line span{color:#90a5bc}.detail-line strong{font-size:12px}.panel code{background:#0b1422;border:1px solid #2e3b50;padding:11px;border-radius:9px;display:block;color:#cde0f7;font-size:12px;overflow:auto}.toast{position:fixed;right:24px;top:94px;z-index:40;border:1px solid #547a7a;background:#20383d;color:#dbfffc;padding:15px 20px;border-radius:12px;max-width:380px;box-shadow:0 9px 30px #0006;font-size:13px}.toast.error{background:#4a2633;color:#ffced2;border-color:#9e4b64}.shade{display:none}@media(max-width:1180px){.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;transform:translateX(-110%);box-shadow:20px 0 55px #0007}.sidebar.open{transform:translateX(0)}.shade.show{display:block;position:fixed;inset:0;background:#0009;z-index:20}.main-shell{width:100%}}@media(max-width:620px){.topbar{padding:0 16px;height:72px}.top-right{gap:8px}.crumb span,.outline-link,.status-pill{display:none}.page{padding:17px}.hero{padding:28px 24px;min-height:270px}.hero-visual{display:none}.stats-grid{gap:10px}.stat{padding:15px;min-height:125px}.stat-number{font-size:30px}.page-intro h1{font-size:25px}.panel{padding:16px}.two-cols{grid-template-columns:1fr}.top-left{gap:10px}.preview-cover{height:350px}.login-card{padding:30px 23px}}