:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f7fb;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 0 0,#dbeafe 0,#f8fafc 34%,#eef2ff 100%);min-height:100vh;margin:0}button,input,select{font:inherit}button{color:#fff;cursor:pointer;background:#172033;border:0;border-radius:14px;padding:12px 16px;font-weight:750;box-shadow:0 10px 18px #17203322}button:active{transform:translateY(1px)}input,select{color:#172033;background:#fff;border:1px solid #d7deeb;border-radius:14px;width:100%;padding:12px 14px}label{color:#526071;gap:7px;font-size:14px;font-weight:700;display:grid}main{width:min(1180px,100%);margin:0 auto;padding:28px}.hero{grid-template-columns:1fr 220px;align-items:stretch;gap:22px;margin-bottom:22px;display:grid}.eyebrow{color:#2563eb;text-transform:uppercase;letter-spacing:.18em;margin:0 0 8px;font-size:12px;font-weight:900}.hero h1{color:#0f172a;max-width:820px;margin:0;font-size:clamp(34px,6vw,64px);line-height:.95}.subtitle{color:#526071;max-width:680px;font-size:18px}.status-card,.panel,.notice{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd9;border:1px solid #e2e8f0;border-radius:26px;box-shadow:0 24px 70px #1e293b14}.status-card{align-content:center;gap:8px;padding:18px;display:grid}.status-card strong{font-size:44px;line-height:1}.status-card small,.muted{color:#64748b}.pill{border-radius:999px;justify-content:center;align-items:center;width:max-content;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.online{color:#166534;background:#dcfce7}.offline{color:#991b1b;background:#fee2e2}.pending{color:#92400e;background:#fef3c7}.notice{color:#1e3a8a;background:#eff6ff;margin-bottom:18px;padding:14px 18px}.layout{grid-template-columns:340px 1fr;gap:22px;display:grid}.panel{padding:20px}.sidebar{align-self:start;position:sticky;top:16px}.panel h2,.panel h3{color:#111827;margin:0 0 14px}.stack{gap:12px;display:grid}.group-list{gap:10px;margin-top:18px;display:grid}.group-row{color:#172033;box-shadow:none;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;justify-content:space-between;align-items:center;display:flex}.group-row.active{color:#fff;background:#172033}.group-row small{opacity:.7}.content{min-height:620px}.empty{text-align:center;color:#64748b;place-content:center;min-height:520px;display:grid}.group-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.group-header h2{margin-bottom:4px;font-size:34px}.cards{grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0;display:grid}.mini-card{color:#fff;background:linear-gradient(160deg,#172033,#334155);border-radius:20px;gap:8px;padding:18px;display:grid}.mini-card span{color:#cbd5e1}.mini-card strong{font-size:28px}.forms-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:22px;grid-template-columns:1.2fr .8fr;gap:18px;margin:18px 0;padding:18px;display:grid}.columns{grid-template-columns:1fr 1fr;gap:18px;display:grid}.clean-list,.expense-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.clean-list li,.expense-list li{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.positive{color:#15803d}.negative{color:#b91c1c}.expense-list small{color:#64748b;margin-top:3px;display:block}code{color:#3730a3;background:#eef2ff;border-radius:8px;padding:3px 7px;font-size:12px}.invite-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.invite-line p{margin:0}.icon-button{color:#172033;width:38px;height:38px;box-shadow:none;background:#eef2ff;border:1px solid #dbeafe;border-radius:12px;place-items:center;padding:0;font-size:18px;display:inline-grid}@media (width<=860px){main{padding:16px}.hero,.layout,.forms-grid,.columns{grid-template-columns:1fr}.sidebar{position:static}.status-card{grid-template-columns:auto 1fr;align-items:center}.status-card button{grid-column:1/-1}.content{min-height:auto}.cards{grid-template-columns:1fr}.group-header{display:grid}.hero h1{font-size:38px}}@media (display-mode:standalone){body{background:#f8fafc}main{padding-top:max(16px,env(safe-area-inset-top))}}