:root{color:#0f172a;font-synthesis:none;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 100% 0,#3659ff17,#0000 30rem),#f5f7fb;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fffffff0;border:1px solid #e7ebf2;border-radius:28px;width:min(440px,100%);padding:36px;box-shadow:0 24px 70px #0f172a1a}.brand-mark{color:#fff;background:#0b1324;border-radius:16px;place-items:center;width:54px;height:54px;margin-bottom:20px;font-size:24px;font-weight:800;display:grid}.eyebrow{color:#64748b;letter-spacing:.16em;font-size:11px;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:10px;font-size:clamp(28px,5vw,38px)}h2{letter-spacing:-.03em;margin-bottom:0;font-size:22px}.muted{color:#64748b;line-height:1.6}.form{gap:17px;margin-top:30px;display:grid}.form label{color:#334155;gap:8px;font-size:13px;font-weight:700;display:grid}.form input{background:#fbfcfe;border:1px solid #d9e0ea;border-radius:14px;outline:none;width:100%;padding:14px 15px}.form input:focus{border-color:#94a3b8;box-shadow:0 0 0 4px #0f172a0d}.primary-button,.secondary-button{border:0;border-radius:14px;padding:14px 18px;font-weight:800}.primary-button{color:#fff;background:#0b1324;margin-top:7px}.secondary-button{color:#fff;background:#ffffff1f;border:1px solid #ffffff38}.auth-footer{color:#94a3b8;justify-content:space-between;gap:12px;margin-top:26px;font-size:11px;display:flex}.status-dot{align-items:center;gap:7px;display:inline-flex}.status-dot i,.presence-pill i{background:#22c55e;border-radius:999px;width:8px;height:8px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{color:#fff;background:#0b1324;justify-content:space-between;align-items:center;padding:20px max(20px,50vw - 520px);display:flex}.icon-button{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;width:40px;height:40px}.content{width:min(1040px,100%);margin:0 auto;padding:28px 20px 120px}.welcome{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.welcome h1{margin:3px 0 0;font-size:30px}.presence-pill{color:#166534;background:#ecfdf3;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;font-weight:800;display:inline-flex}.hero-card{color:#fff;background:linear-gradient(135deg,#101a31,#17233f);border-radius:28px;padding:28px;box-shadow:0 22px 50px #0f172a29}.hero-label{color:#a8b4cb;letter-spacing:.12em;margin-bottom:12px;font-size:11px;font-weight:800}.hero-title{letter-spacing:-.04em;margin-bottom:10px;font-size:clamp(24px,5vw,34px);font-weight:800}.hero-card p{color:#cbd5e1;max-width:620px;margin-bottom:22px;line-height:1.6}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.info-card,.action-card{background:#fff;border:1px solid #e5eaf1;box-shadow:0 10px 28px #0f172a0d}.info-card{border-radius:20px;align-items:center;gap:14px;padding:18px;display:flex}.card-icon{color:#0f172a;background:#eff3f9;border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.info-card small,.action-card small{color:#94a3b8;font-size:11px;font-weight:700;display:block}.info-card strong{margin-top:4px;font-size:14px;display:block}.section{margin-top:34px}.section-heading{margin-bottom:15px}.actions-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.action-card{text-align:left;color:#0f172a;border-radius:20px;gap:8px;padding:18px;display:grid}.action-card span{font-size:22px}.action-card b{font-size:14px}.bottom-nav{padding:10px 15px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border-top:1px solid #e5eaf1;justify-content:center;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:#94a3b8;background:0 0;border:0;min-width:74px;font-size:10px;font-weight:800}.nav-item span{margin-bottom:4px;font-size:17px;display:block}.nav-item.active{color:#0b1324}@media (width<=700px){.auth-card{border-radius:24px;padding:28px 22px}.content{padding:22px 16px 110px}.grid,.actions-grid{grid-template-columns:1fr 1fr}.hero-card{border-radius:23px;padding:22px}}@media (width<=430px){.grid,.actions-grid{grid-template-columns:1fr}.welcome{flex-direction:column;align-items:flex-start}}