:root{--ink:#101820;--muted:#65727c;--paper:#fff;--soft:#f5f7f7;--line:#dce3e6;--red:#a82b2b;--red-dark:#7f2020;--green:#2f7959;--amber:#a96e13;--radius:16px;--shadow:0 18px 50px #10182017}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:var(--ink);background:var(--soft);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{width:min(100% - 32px,1160px);margin:0 auto}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:18px;min-height:72px;display:flex}.brand{align-items:center;gap:11px;font-weight:850;display:inline-flex}.brand-mark{background:var(--red);color:#fff;border-radius:11px;place-items:center;width:42px;height:42px;font-size:.88rem;display:grid}.nav{align-items:center;gap:14px;display:flex}.nav-link{color:var(--muted);font-weight:650}.page{padding:58px 0 90px}.auth-card,.checkout-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);width:min(100% - 32px,500px);box-shadow:var(--shadow);margin:0 auto;padding:30px}.checkout-card{width:min(100% - 32px,680px)}h1,h2,h3{letter-spacing:-.025em;margin-top:0;line-height:1.15}h1{font-size:clamp(2rem,5vw,3.4rem)}p{color:var(--muted)}.form{gap:16px;margin-top:24px;display:grid}label{gap:7px;font-size:.9rem;font-weight:750;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:#fff;border-radius:9px;padding:11px 13px}input:focus,select:focus,textarea:focus{border-color:var(--red);outline:3px solid #a82b2b21}.button{border:1px solid var(--red);background:var(--red);color:#fff;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;min-height:48px;padding:0 19px;font-weight:800;display:inline-flex}.button:hover{background:var(--red-dark)}.button.secondary{border-color:var(--line);color:var(--ink);background:#fff}.button.secondary:hover{border-color:var(--red);color:var(--red)}.button.full{width:100%}.button:disabled{opacity:.55;cursor:not-allowed}.notice{color:#7f2020;background:#faeeee;border-radius:9px;margin:16px 0;padding:12px 14px}.notice.success{color:#245d45;background:#edf7f1}.help{text-align:center;margin:18px 0 0}.help a{color:var(--red);font-weight:750}.auth-links{justify-content:space-between;gap:15px;font-size:.88rem;display:flex}.dashboard-layout{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:26px;display:grid}.sidebar{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:16px;position:sticky;top:94px}.sidebar nav{gap:5px;display:grid}.sidebar a{color:var(--muted);border-radius:8px;padding:10px 12px;font-weight:700}.sidebar a:hover{background:var(--soft);color:var(--ink)}.dashboard-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px;display:flex}.dashboard-head h1{margin-bottom:4px}.dashboard-head p{margin:0}.grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:24px}.card.wide{grid-column:span 2}.metric span{color:var(--muted);font-size:.86rem}.metric strong{margin-top:4px;font-size:2rem;display:block}.status{color:var(--green);background:#edf7f1;border-radius:999px;padding:5px 10px;font-size:.75rem;font-weight:850;display:inline-flex}.empty{text-align:center;min-height:170px;color:var(--muted);place-content:center;display:grid}.summary{margin:24px 0;display:grid}.summary-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:13px 0;display:flex}.warning-box{color:#76500f;background:#fff7e8;border-radius:10px;margin-top:20px;padding:14px}.small{color:var(--muted);font-size:.86rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;padding:12px}th{color:var(--muted);font-size:.82rem}@media (max-width:850px){.dashboard-layout{grid-template-columns:1fr}.sidebar{position:static}.sidebar nav{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.card.wide{grid-column:auto}}@media (max-width:600px){.brand span:last-child,.nav-link{display:none}.dashboard-head{flex-direction:column;align-items:stretch}}