:root{--bg:#050713;--panel:#11131fdd;--panel2:#1b1c29ee;--line:#2d3146;--cyan:#00eaff;--green:#36ff72;--orange:#ff7a18;--red:#ff365c;--text:#f6f7ff;--muted:#8b90a8}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,system-ui,Arial,sans-serif;background:#050713;color:var(--text);overflow-x:hidden}.bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 20% 20%,#143cff55,transparent 30%),radial-gradient(circle at 80% 15%,#ff5b003a,transparent 25%),radial-gradient(circle at 50% 90%,#00eaff30,transparent 35%),linear-gradient(135deg,#050713,#070b16 55%,#02030a)}.gridfx{position:fixed;inset:0;z-index:-1;opacity:.17;background-image:linear-gradient(#00eaff22 1px,transparent 1px),linear-gradient(90deg,#00eaff22 1px,transparent 1px);background-size:42px 42px;transform:perspective(600px) rotateX(58deg) scale(1.7);transform-origin:center bottom;animation:grid 8s linear infinite}@keyframes grid{from{background-position:0 0}to{background-position:0 42px}}.scan{position:fixed;inset:0;pointer-events:none;background:linear-gradient(transparent,rgba(0,234,255,.05),transparent);animation:scan 5s linear infinite}@keyframes scan{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}.wrap{max-width:1220px;margin:auto;padding:28px}.hero{min-height:100vh;display:grid;place-items:center}.login-card{width:min(560px,94vw);padding:30px;border-radius:32px;background:linear-gradient(145deg,#12131ddd,#080a12ee);border:1px solid #ffffff18;box-shadow:0 0 60px #00eaff22,0 20px 80px #000}.brand{display:flex;align-items:center;gap:14px;margin-bottom:22px}.logo{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--cyan),#3157ff);display:grid;place-items:center;color:#001;font-weight:1000;font-size:24px;box-shadow:0 0 30px #00eaff88}.title{font-size:34px;font-weight:1000;letter-spacing:.08em}.badge{display:inline-flex;gap:8px;align-items:center;background:#18202e;border:1px solid #293349;padding:9px 14px;border-radius:999px;color:#b8c3d9}.input{width:100%;height:60px;border-radius:18px;background:#090d17;border:1px solid #2c3750;color:white;padding:0 18px;font-size:18px;outline:0}.input:focus{border-color:var(--cyan);box-shadow:0 0 0 4px #00eaff1f}.btn{height:58px;border:0;border-radius:18px;padding:0 22px;font-weight:1000;font-size:16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:.22s}.btn:hover{transform:translateY(-2px);filter:brightness(1.12)}.btn-cyan{background:linear-gradient(135deg,var(--cyan),#4e68ff);color:#001}.btn-orange{background:linear-gradient(135deg,var(--orange),#ffb13b);color:#111}.btn-dark{background:#1b2130;color:white;border:1px solid #343c52}.row{display:flex;gap:12px;flex-wrap:wrap}.msg{margin:14px 0;color:#ffb13b}.app{display:grid;grid-template-columns:260px 1fr;gap:22px;min-height:100vh}.sidebar{border-radius:30px;background:#11131fe8;border:1px solid #ffffff18;padding:22px;height:calc(100vh - 56px);position:sticky;top:28px}.navitem{display:flex;align-items:center;gap:13px;padding:15px;border-radius:16px;color:#a5abc0;margin:7px 0;font-weight:800}.navitem.active{background:#2a2b39;color:white;box-shadow:inset 3px 0 var(--cyan)}.mainpanel{border-radius:34px;background:#151722e8;border:1px solid #ffffff18;padding:24px;box-shadow:0 20px 70px #0008}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.page-title{font-size:34px;font-weight:1000}.notify{background:#6b3b25;color:#fff;border:1px solid #ff9b5e66;border-radius:16px;padding:12px 18px;font-weight:900}.exit{background:#4a1f29;color:#ffd4dc;border:1px solid #ff365c55;border-radius:16px;padding:12px 18px;font-weight:900;text-decoration:none}.status-card{display:grid;grid-template-columns:1.1fr 1fr;gap:16px}.white-card{background:white;color:#06070b;border-radius:22px;padding:18px 22px;font-weight:900}.green-dot{float:right;background:var(--green);border-radius:50%;padding:9px}.settings{display:flex;gap:12px;flex-wrap:wrap}.pill{background:#2b2d3c;border:1px solid #464b60;color:#fff;border-radius:17px;padding:14px 18px;font-weight:900}.pill.on{border-color:var(--green);box-shadow:0 0 18px #36ff7240}.features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.feature{min-height:105px;border-radius:18px;background:linear-gradient(145deg,#2a2b36,#1a1b25);border:1px solid #46495a;padding:14px;position:relative;overflow:hidden;transition:.22s}.feature:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,transparent,#00eaff33,transparent);opacity:0}.feature:hover{transform:translateY(-3px)}.feature:hover:before{opacity:1}.feature.on{border-color:var(--green);box-shadow:0 0 20px #36ff7233}.feature.locked{filter:grayscale(.6);opacity:.55}.feature.orange{border-color:#ff962e;box-shadow:0 0 20px #ff962e30}.feature .small{color:#aeb4c6;font-size:13px}.feature .name{font-size:21px;font-weight:1000;margin-top:4px}.feature .ico{position:absolute;right:14px;bottom:12px;font-size:32px}.lockveil{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#0009;z-index:5}.lockbox{width:min(420px,92vw);padding:28px;background:#151722;border:1px solid #00eaff55;border-radius:28px;text-align:center;box-shadow:0 0 60px #00eaff35}.admin{max-width:1180px;margin:auto;padding:30px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{background:#151722;border:1px solid #ffffff18;border-radius:22px;padding:20px}.stat b{font-size:34px}.table{width:100%;border-collapse:collapse;background:#12141f;border-radius:20px;overflow:hidden;margin-top:20px}th,td{padding:13px;border-bottom:1px solid #2d3146;text-align:left}th{color:#00eaff}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.features{grid-template-columns:repeat(2,1fr)}.status-card,.cards{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.page-title{font-size:28px}}@media(max-width:520px){.features{grid-template-columns:1fr}.row .btn{width:100%}.title{font-size:28px}}