:root{font-family:Inter,system-ui,sans-serif;color:#101510;background:#f4f7f2;line-height:1.45}*{box-sizing:border-box}body{margin:0}.topbar{height:68px;background:#06130b;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1120px)/2));border-bottom:3px solid #8ce000}.brand{color:#9aef18;text-decoration:none;font-size:1.4rem;font-weight:900}.shell{max-width:1120px;margin:auto;padding:48px 20px}.auth-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center;min-height:calc(100vh - 164px)}.eyebrow{color:#4e8b00;text-transform:uppercase;font-weight:800;font-size:.78rem;letter-spacing:.08em}.intro h1,.dashboard-head h1{font-size:clamp(2rem,5vw,4rem);line-height:1;margin:.2em 0}.intro p{font-size:1.1rem;color:#4e584f;max-width:620px}.intro li{margin:.7rem 0}.auth-box,.metrics article,.table-section,.notice{background:#fff;border:1px solid #dce4d8;border-radius:8px}.auth-box{padding:28px;box-shadow:0 18px 50px #19300b14}.tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:24px;border-bottom:1px solid #dce4d8}.tabs button{border:0;background:transparent;padding:12px;font-weight:800}.tabs button.active{color:#397700;border-bottom:3px solid #7bd900}form{display:grid;gap:16px}label{font-size:.85rem;font-weight:750;display:grid;gap:6px}input,select{width:100%;border:1px solid #cbd6c7;border-radius:6px;padding:13px;font:inherit}.primary,.secondary{border:0;border-radius:6px;padding:13px 18px;font-weight:850;cursor:pointer}.primary{background:#83e000;color:#071008}.secondary{background:#e8eee5}.message{min-height:24px;color:#b32222}.dashboard-head{display:flex;justify-content:space-between;align-items:center}.notice{padding:16px;margin:22px 0;border-left:5px solid #76c800}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metrics article{padding:22px;display:grid;gap:5px}.metrics span{color:#637064}.metrics strong{font-size:1.75rem}.text-button{width:max-content;border:0;background:transparent;color:#3f7d00;padding:0;font-weight:800}.table-section{padding:22px;margin-top:20px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:13px;border-bottom:1px solid #e4e9e1;font-size:.9rem}.status{font-weight:800;text-transform:capitalize}.status-paid{color:#187039}.status-canceled{color:#a22}@media(max-width:720px){.shell{padding:28px 16px}.auth-layout{grid-template-columns:1fr;gap:28px;min-height:auto}.intro h1{font-size:2.4rem}.metrics{grid-template-columns:1fr}.dashboard-head{align-items:flex-start}.table-section{padding:14px}.topbar{padding:0 16px}}