:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f1e8;--panel:#fffdfa;--panel-strong:#fff;--line:#d9d0c1;--text:#201a15;--muted:#6f665d;--accent:#0d5c63;--accent-soft:#d9ecee;--success:#1f7a4d;--warn:#b26a00;--danger:#9e2a2b}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top, #fffdf6 0%, var(--bg) 55%, #ebe4d8 100%);min-height:100%;color:var(--text);margin:0;font-family:Segoe UI,Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.page-shell{min-height:100vh;padding:32px 20px 48px}.page-grid{gap:20px;max-width:1380px;margin:0 auto;display:grid}.hero{color:#f9f7f2;background:linear-gradient(135deg,#10242a 0%,#0d5c63 45%,#d9ecee 130%);border:1px solid #ffffff29;border-radius:28px;padding:28px;box-shadow:0 24px 50px #10242a29}.hero-row,.toolbar,.account-head,.stat-row,.login-card,.support-card,.account-card{gap:16px;display:flex}.hero-row,.toolbar,.account-head{justify-content:space-between;align-items:center}.hero-title{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1}.hero-copy,.muted,.field-help,.empty-state{color:#f9f7f2c7}.hero-copy{max-width:820px;margin:12px 0 0;font-size:1rem;line-height:1.6}.badge{color:#f9f7f2;letter-spacing:.02em;background:#ffffff24;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-weight:700;display:inline-flex}.panel,.login-panel{background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 26px #241c1214}.panel{padding:22px}.stat-grid,.accounts-grid,.support-grid{gap:16px;display:grid}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.accounts-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.support-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.stat-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:20px;padding:18px}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.82rem}.stat-value{margin:10px 0 4px;font-size:2rem;font-weight:800}.stat-note{color:var(--muted);margin:0;font-size:.92rem}.toolbar{flex-wrap:wrap}.field-group{gap:8px;display:grid}.field-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700}.field,.field-textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:14px;padding:12px 14px}.field:focus,.field-textarea:focus{border-color:var(--accent);outline:2px solid #0d5c6333}.field-textarea{resize:vertical;min-height:84px}.button,.button-secondary,.button-danger{border:0;border-radius:14px;padding:12px 16px;font-weight:700;transition:transform .12s,opacity .12s,background .12s}.button:hover,.button-secondary:hover,.button-danger:hover{transform:translateY(-1px)}.button{background:var(--accent);color:#fff}.button-secondary{background:var(--accent-soft);color:var(--accent)}.button-danger{color:var(--danger);background:#f8dddd}.button:disabled,.button-secondary:disabled,.button-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}.account-card,.support-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:22px;flex-direction:column;padding:18px}.account-name,.panel-title,.support-subject{margin:0;font-weight:800}.panel-title{font-size:1.25rem}.account-name{font-size:1.2rem}.account-meta,.support-meta,.tiny{color:var(--muted);font-size:.92rem;line-height:1.5}.mini-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mini-card{background:#f9f4ec;border:1px solid #eadfcf;border-radius:16px;padding:14px}.mini-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.75rem}.mini-value{margin:6px 0 0;font-size:1.2rem;font-weight:800}.status-pill{border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.84rem;font-weight:700;display:inline-flex}.status-paid{color:var(--success);background:#ddf4e5}.status-unpaid{color:var(--warn);background:#fff0d6}.status-open{color:var(--danger);background:#fce5e5}.status-resolved{color:var(--success);background:#e7f2ea}.message,.message-error,.message-success{border:1px solid;border-radius:14px;padding:12px 14px;font-size:.95rem}.message{color:var(--accent);background:#eff7f8;border-color:#c7e1e4}.message-error{color:var(--danger);background:#fff0f0;border-color:#f4c4c4}.message-success{color:var(--success);background:#ecf8ef;border-color:#cde8d4}.login-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{width:min(100%,460px);padding:28px}.login-card{flex-direction:column}.login-title{margin:0;font-size:2rem}.login-copy{color:var(--muted);margin:10px 0 0;line-height:1.6}@media (max-width:840px){.hero-row,.toolbar,.account-head{flex-direction:column;align-items:flex-start}.mini-stats{grid-template-columns:1fr}}