.landing{max-width:1080px;margin:0 auto;padding:22px 20px 70px}.landing-top{justify-content:space-between;align-items:center;padding:6px 2px 26px;display:flex}.hero{text-align:center;padding:26px 10px 8px}.hero .pill{letter-spacing:1.5px;text-transform:uppercase;color:var(--brand2);background:#16c79a1a;border:1px solid #16c79a40;border-radius:999px;margin-bottom:18px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-block}.hero h1{background:linear-gradient(#fff,#bcd2ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 14px;font-size:clamp(30px,5vw,48px);font-weight:850;line-height:1.12}.hero p{max-width:660px;color:var(--muted);margin:0 auto;font-size:17px}.hero .hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.apps{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=760px){.apps{grid-template-columns:1fr}}.app-card{flex-direction:column;gap:14px;display:flex;position:relative;overflow:hidden}.app-card .head{align-items:center;gap:16px;display:flex}.app-card .icon{object-fit:cover;border:1px solid var(--line);background:#fff;border-radius:18px;width:72px;height:72px;box-shadow:0 10px 24px #0006}.app-card .head h3{font-size:19px}.app-card .head .tag{color:var(--brand2);font-size:12.5px;font-weight:700}.app-card .desc{color:var(--muted);flex:1;margin:0;font-size:14.5px}.app-card .actions{flex-wrap:wrap;gap:10px;display:flex}.dl{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:9px;padding:10px 15px;font-size:13.5px;font-weight:700;display:inline-flex}.dl small{color:var(--muted);letter-spacing:.4px;text-transform:uppercase;font-size:10px;font-weight:600;display:block}.dl-apk{background:linear-gradient(135deg, var(--brand), #0f6fd1);color:#fff}.dl-win{border:1px solid var(--line);color:#fff;background:linear-gradient(135deg,#2b3a55,#1c2740)}.dl-play{border:1px solid var(--line);color:var(--text);background:#0c1426}.landing-foot{text-align:center;color:var(--muted);margin-top:56px;font-size:13px}.landing-foot a{margin:0 8px}.landing-foot a:hover{color:var(--text)}:root{--bg:#0b1220;--bg2:#0f1b30;--card:#121e36;--card2:#16243f;--line:#23314f;--text:#e8eefc;--muted:#9fb0cf;--brand:#1f8fff;--brand2:#16c79a;--gold:#ffc24b;--danger:#ff6b6b;--ok:#16c79a;--warn:#ffb020;--radius:16px;--radius-sm:11px;--shadow:0 18px 50px #00000073;--sidebar-w:248px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{color:var(--text);background:radial-gradient(1200px 600px at 80% -10%, #1f8fff2e, transparent 60%), radial-gradient(1000px 500px at -10% 10%, #16c79a24, transparent 55%), linear-gradient(180deg, var(--bg), var(--bg2));background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button{font-family:inherit}h1,h2,h3,h4{margin:0;font-weight:800}.brand{letter-spacing:.3px;align-items:center;gap:12px;font-weight:800;display:flex}.brand .mark{background:linear-gradient(135deg, var(--brand), var(--brand2));width:38px;height:38px;box-shadow:var(--shadow);border-radius:10px;place-items:center;font-size:20px;display:grid}.btn{cursor:pointer;white-space:nowrap;color:#fff;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:11px 16px;font-size:14px;font-weight:700;transition:transform .12s,filter .12s,border-color .15s;display:inline-flex}.btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:default;filter:none;transform:none}.btn-primary{background:linear-gradient(135deg, var(--brand), var(--brand2))}.btn-block{width:100%}.btn-ghost{border:1px solid var(--line);color:var(--text);background:0 0}.btn-ghost:hover{border-color:var(--brand)}.btn-dark{border:1px solid var(--line);background:linear-gradient(135deg,#2b3a55,#1c2740)}.card{background:linear-gradient(180deg, var(--card), var(--card2));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.muted{color:var(--muted)}.section-title{align-items:center;gap:12px;margin:14px 0 18px;display:flex}.section-title h2{font-size:20px}.section-title .ln{background:var(--line);flex:1;height:1px}.field{margin-bottom:14px}.field label{color:var(--muted);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.input{border:1px solid var(--line);width:100%;color:var(--text);background:#0a1222;border-radius:11px;outline:none;padding:12px 13px;font-size:15px;transition:border-color .15s}.input:focus{border-color:var(--brand)}.input-prefix{align-items:stretch;display:flex}.input-prefix .pfx{border:1px solid var(--line);color:var(--muted);background:#0c1830;border-right:none;border-radius:11px 0 0 11px;align-items:center;padding:0 12px;font-size:15px;font-weight:700;display:flex}.input-prefix .input{border-radius:0 11px 11px 0}.notice{border:1px solid var(--line);background:#0c1426;border-radius:12px;margin-top:14px;padding:13px 15px;font-size:14px}.notice.err{color:#ffd2d2;background:#ff6b6b14;border-color:#ff6b6b73}.notice.soon{background:#ffc24b14;border-color:#ffc24b66}.notice.ok{background:#16c79a14;border-color:#16c79a66}.auth-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{width:100%;max-width:420px}.auth-head{text-align:center;margin-bottom:18px}.auth-head .brand{justify-content:center;margin-bottom:14px}.auth-head h1{font-size:22px}.auth-head p{color:var(--muted);margin:6px 0 0;font-size:14px}.qr-box{place-items:center;gap:14px;padding:18px 0;display:grid}.qr-box .qr{background:#fff;border-radius:14px;padding:14px}.secret-key{letter-spacing:2px;border:1px solid var(--line);color:#bcd2ff;word-break:break-all;text-align:center;background:#0c1830;border-radius:9px;padding:8px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.otp-input{text-align:center;letter-spacing:10px;font-size:22px;font-weight:700}.push-number{letter-spacing:4px;color:var(--brand);border:1px solid var(--line);background:#0c1830;border-radius:14px;padding:10px 26px;font-size:44px;font-weight:850}.opt-row{border:1px solid var(--line);cursor:pointer;color:var(--text);text-align:left;font:inherit;background:#0c1426;border-radius:12px;align-items:flex-start;gap:12px;padding:14px;transition:border-color .15s,background .15s;display:flex}.opt-row:hover{border-color:var(--brand)}.opt-row+.opt-row{margin-top:10px}.opt-row.active{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand) inset;background:#11203a}.opt-row input{margin-top:3px}.opt-row .opt-body b{font-size:14.5px;display:block}.opt-row .opt-body small{color:var(--muted);font-size:12.5px}.link-btn{color:var(--brand);cursor:pointer;background:0 0;border:none;padding:0;font-size:13.5px;font-weight:600}.auth-foot{text-align:center;color:var(--muted);margin-top:18px;font-size:12.5px}.shell{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#080e1ab8;flex-direction:column;gap:6px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.sidebar .brand{padding:6px 8px 16px}.nav-link{color:var(--muted);border-radius:11px;align-items:center;gap:12px;padding:11px 13px;font-size:14.5px;font-weight:600;transition:background .15s,color .15s;display:flex}.nav-link:hover{color:var(--text);background:#11203a}.nav-link.active{color:var(--text);box-shadow:0 0 0 1px var(--brand) inset;background:#11203a}.nav-link .ico{text-align:center;width:20px}.nav-sep{letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);opacity:.7;margin:12px 8px 6px;font-size:11px}.sidebar .spacer{flex:1}.main{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1220d9;align-items:center;gap:14px;padding:14px 22px;display:flex;position:sticky;top:0}.topbar .title{font-size:16px;font-weight:800}.topbar .spacer{flex:1}.hamburger{border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:9px;padding:7px 11px;display:none}.avatar{background:linear-gradient(135deg, var(--brand), var(--brand2));color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:grid}.user-chip{align-items:center;gap:10px;display:flex}.user-chip .who{line-height:1.15}.user-chip .who b{font-size:13.5px}.user-chip .who small{color:var(--muted);font-size:11.5px}.content{width:100%;max-width:1080px;margin:0 auto;padding:22px}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:11px 12px}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:12.5px;font-weight:600}.table tbody tr:hover{background:#11203a}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.badge{border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge.ok{color:var(--ok);background:#16c79a1a;border-color:#16c79a59}.badge.warn{color:var(--warn);background:#ffb0201a;border-color:#ffb02059}.badge.danger{color:var(--danger);background:#ff6b6b1a;border-color:#ff6b6b59}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.stat{padding:18px}.stat .k{color:var(--muted);font-size:13px;font-weight:600}.stat .v{margin-top:6px;font-size:26px;font-weight:850}.spinner{border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.full-spin{place-items:center;min-height:100vh;display:grid}.empty{text-align:center;color:var(--muted);padding:40px 20px}.page-head{margin-bottom:18px}.page-head h1{font-size:22px}.page-head p{color:var(--muted);margin:4px 0 0;font-size:14px}.scrim{z-index:30;background:#00000080;display:none;position:fixed;inset:0}.avatar.lg{flex:none;width:48px;height:48px;font-size:16px}.ellipsis{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.dir-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.dir-card{align-items:center;gap:14px;padding:16px;display:flex}.dir-contact{flex-direction:column;gap:2px;margin-top:6px;font-size:12.5px;display:flex}.dir-contact a{color:var(--brand)}.dir-contact a:hover{text-decoration:underline}.bcast-list{flex-direction:column;gap:14px;display:flex}.bcast.unread{box-shadow:var(--shadow), 0 0 0 1px var(--brand) inset}.bcast-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bcast-head h3{flex:1;min-width:0;font-size:16px}.bcast-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:12.5px;display:flex}@media (width<=900px){.shell{grid-template-columns:1fr}.sidebar{z-index:40;width:var(--sidebar-w);transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-100%)}.shell.drawer-open .sidebar{transform:translate(0)}.shell.drawer-open .scrim{display:block}.hamburger{display:inline-flex}.content{padding:16px}}