:root{color-scheme:dark;--bg:#080f1d;--surface:#101e32;--surface2:#15263d;--stroke:rgba(170,199,237,.14);--text:#f2f7ff;--muted:#94a9c3;--blue:#398fff;--cyan:#49d7fa;--good:#44d9a5;--bad:#ff7c92;--warn:#f9c86a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font:15px/1.48 system-ui,-apple-system,'Segoe UI',sans-serif;background:radial-gradient(ellipse 90% 70% at -10% -20%,#123d63 0,transparent 67%),radial-gradient(ellipse 80% 65% at 110% 0%,#192751 0,transparent 70%),var(--bg);min-height:100vh}button,input,select,textarea{font:inherit}a{color:#8dccff;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.boot{padding:16vh 20px;text-align:center;color:var(--muted)}
.shell{min-height:100vh;display:grid;grid-template-columns:256px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:26px 15px;background:rgba(10,20,35,.83);border-right:1px solid var(--stroke);display:flex;flex-direction:column;backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:790;letter-spacing:-.6px;padding:4px 8px 23px}.brand em{font-style:normal;color:#55b0ff}.logo-icon{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#288aff,#37d9fd);display:grid;place-items:center;color:#061328;font-size:21px;box-shadow:0 8px 23px #1559a665}.nav{display:grid;gap:3px;overflow:auto}.nav button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid transparent;color:var(--muted);background:transparent;padding:11px 12px;border-radius:12px;font-weight:620;font-size:13.5px}.nav button:hover,.nav button.active{color:#fff;background:#1c3554;border-color:#315b84}.nav .glyph{width:20px;text-align:center;font-size:19px}.side-bottom{margin-top:auto;border-top:1px solid var(--stroke);padding:16px 7px 5px;display:flex;gap:10px;align-items:center}.side-bottom small{color:var(--muted);display:block}.side-bottom button{border:none;background:transparent;color:var(--muted);margin-left:auto}.initial{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#2c5990;color:#e4f6ff;font-weight:850;flex-shrink:0}
.main{max-width:1550px;padding:28px clamp(16px,3.5vw,56px) 90px;min-width:0;width:100%;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:26px}.topbar h1{font-size:24px;margin:0;letter-spacing:-.5px}.eyebrow{letter-spacing:1.7px;text-transform:uppercase;color:var(--cyan);font-weight:750;font-size:11px}.top-right{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:13px}.glass{background:linear-gradient(125deg,rgba(32,60,93,.65),rgba(16,30,50,.77));border:1px solid var(--stroke);box-shadow:0 15px 50px rgba(0,0,0,.14),inset 0 1px 0 #ffffff0a;border-radius:21px;backdrop-filter:blur(16px)}.hero{padding:27px 30px;min-height:162px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;overflow:hidden}.hero::after{content:'';pointer-events:none;position:absolute;right:-65px;top:-145px;width:340px;height:340px;background:radial-gradient(circle,#268ae144,transparent 65%);border-radius:50%}.hero h2{font-size:clamp(24px,3.5vw,34px);margin:6px 0 9px;line-height:1.15;letter-spacing:-.8px}.hero p{max-width:570px;margin:0;color:var(--muted)}.btn{border:1px solid #345170;border-radius:12px;padding:10px 15px;background:#213956;color:#edf6ff;font-weight:680;font-size:13px;transition:background .16s,transform .16s;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:normal;line-height:1.2}.btn:hover{background:#2c4a6c}.btn:active{transform:scale(.99)}.btn.primary{background:linear-gradient(110deg,#186cda,#3299ff);border-color:#62b0ff;box-shadow:0 8px 22px #0b58aa55}.btn.primary:hover{background:#2d8ffa}.btn.danger{color:#ffb8c4;background:#5d2834;border-color:#864653}.btn.outline{background:transparent}.btn.small{font-size:12px;padding:7px 10px}.btn.full{width:100%}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.between{justify-content:space-between}.spaced{margin:22px 0 12px}.heading{font-size:19px;margin:0;font-weight:790}.muted,.hint{color:var(--muted)}.hint{font-size:12px;margin:8px 0}.pills{display:flex;gap:7px;flex-wrap:wrap}.pill{background:#284769;color:#b3d9ff;border:1px solid #355a82;padding:4px 9px;border-radius:20px;font-size:11px;font-weight:650}.pill.green{background:#123c39;color:#79ead5;border-color:#2d736d}.pill.red{background:#422735;color:#ffb9c0;border-color:#804453}.pill.amber{background:#493d2c;color:#fada8a;border-color:#756041}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:10px}.stat .num{font-size:32px;font-weight:780;letter-spacing:-1px}.stat .label{color:var(--muted);font-size:12px}.stat .symbol{font-size:24px}.card{padding:20px;min-width:0}.card h3{font-size:17px;margin:0 0 9px;letter-spacing:-.2px}.card p{color:var(--muted);margin:6px 0 12px}.meta{color:var(--muted);font-size:12px}.card-head{display:flex;align-items:start;justify-content:space-between;gap:8px}.stack{display:grid;gap:12px}.activity{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--stroke);padding:11px 0;gap:10px}.activity:last-child{border:0}.controls{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:16px 0}.field{display:block;width:100%;padding:12px;border-radius:12px;border:1px solid #35516d;background:#0d1d31;color:#eff7ff;outline:none;min-width:0}.field:focus{border-color:#57b1ff;box-shadow:0 0 0 2px #3895ef35}input[type=checkbox]{accent-color:#3498ff}label{font-weight:670;font-size:12px;color:#c6d5e7;display:block;margin:0 0 6px}.form-row{margin:12px 0}.form-row small{color:var(--muted)}textarea.field{min-height:85px;resize:vertical}.form-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.empty{padding:44px 22px;border:1px dashed #345071;border-radius:18px;text-align:center;color:var(--muted)}.empty strong{font-size:17px;color:#d9e8fc;display:block;margin-bottom:7px}.table-scroll{overflow-x:auto}.table{width:100%;border-collapse:collapse;min-width:570px;font-size:13px}.table th{text-align:left;color:#97b1cf;font-weight:630;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.table td,.table th{padding:13px 10px;border-bottom:1px solid var(--stroke)}.table tr:last-child td{border-bottom:0}.table td{overflow-wrap:anywhere}.table .actions{display:flex;gap:7px;flex-wrap:wrap}.progress{background:#2c415d;height:7px;border-radius:99px;overflow:hidden}.progress>div{background:linear-gradient(90deg,#2578fc,#46dafe);height:100%;border-radius:99px}.login{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr)}.login-left{padding:clamp(25px,6vw,80px);display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 80% 45%,#104d9b55,transparent 48%)}.login-left h1{font-size:clamp(36px,5vw,64px);line-height:1.05;margin:15px 0}.accent{color:#58c9fb}.login-left p{max-width:480px;color:#a7bdd7;font-size:16px}.login-right{display:flex;align-items:center;justify-content:center;padding:22px}.login-card{padding:clamp(22px,3.5vw,40px);width:min(440px,100%)}.login-card h2{font-size:26px;margin:12px 0 5px}.login-card p{color:var(--muted);font-size:13px}.login-orbit{height:280px;width:280px;border:1px solid #6cc9ff22;box-shadow:0 0 65px #168afd44,inset 0 0 75px #2589fd28;border-radius:100%;display:grid;place-items:center;margin:22px auto;font-size:80px;color:#4cb8fc;background:radial-gradient(circle,#2486c125,transparent 67%)}
.bottom-nav{display:none}.modal-overlay{position:fixed;z-index:50;inset:0;background:#040a14d9;display:flex;align-items:center;justify-content:center;padding:18px}.modal{max-width:610px;width:100%;max-height:90vh;overflow-y:auto;padding:22px 25px;background:#122239;border:1px solid #345277;border-radius:21px;box-shadow:0 25px 90px #0009}.modal h2{margin:0 0 9px}.modal-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:16px;flex-wrap:wrap}.avatar{width:58px;height:58px;border-radius:16px;background:#294f7b;display:grid;place-items:center;font-size:22px;font-weight:760;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.member-card{display:flex;gap:14px;align-items:flex-start}.member-card .grow{flex:1;min-width:0}.banner{padding:15px 18px;border:1px solid #31577a;background:#15324d;border-radius:13px;color:#bde1fb;margin:13px 0}.banner.warn{border-color:#755b42;color:#f4dcb2;background:#362a24}.qrarea{background:#fff;padding:14px;border-radius:15px;display:inline-block}.qrarea img{width:175px;height:175px;display:block}.kv{display:grid;grid-template-columns:110px 1fr;gap:7px;font-size:13px}.kv dt{color:var(--muted)}.kv dd{margin:0}.click{cursor:pointer}.click:hover{border-color:#4d88bc}.tag{background:#123d3a;color:#7eebd1;padding:5px 8px;border-radius:8px;font-size:12px}#toast{position:fixed;z-index:100;bottom:25px;right:26px;background:#133b4a;color:#d7fffc;border:1px solid #33969f;padding:12px 17px;border-radius:12px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none;max-width:410px;box-shadow:0 8px 25px #0007}#toast.show{opacity:1;transform:none}#toast.error{background:#46242d;color:#ffcece;border-color:#a4535d}.small{font-size:12px}.subtitle{margin:5px 0 0;color:var(--muted)}.sr-only{position:absolute;left:-9999px}.separator{border:0;border-top:1px solid var(--stroke);margin:16px 0}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:214px}.shell{grid-template-columns:214px minmax(0,1fr)}}
@media(max-width:720px){.shell{display:block}.sidebar{display:none}.main{padding:18px 13px 92px}.topbar{margin-bottom:17px}.topbar h1{font-size:19px}.grid,.grid.two{grid-template-columns:1fr}.hero{padding:22px 19px;min-height:0;flex-direction:column;align-items:flex-start;gap:16px}.hero h2{font-size:27px}.bottom-nav{display:flex;position:fixed;z-index:25;bottom:0;left:0;right:0;background:#0b182bf2;border-top:1px solid #315375;padding:9px 7px calc(9px + env(safe-area-inset-bottom));justify-content:space-around;backdrop-filter:blur(18px)}.bottom-nav button{background:none;color:#9db6d1;border:0;display:grid;place-items:center;gap:3px;font-size:10px;min-width:54px;padding:4px}.bottom-nav button span{font-size:22px}.bottom-nav button.active{color:#67c6ff}.login{display:block}.login-left{padding:22px 24px}.login-left h1{font-size:30px}.login-left .login-orbit{display:none}.login-right{padding:7px 17px 42px;display:block}.login-card{width:100%}.form-cols{grid-template-columns:1fr}.top-right .hide-mobile{display:none}.modal{padding:17px;max-height:88vh}.qrarea img{width:160px;height:160px}#toast{bottom:85px;left:14px;right:14px}}