:root{--bg:#0d1015;--card:#181d25;--line:#2c3441;--text:#f6f7fa;--muted:#a7b0bf;--pink:#e33d68;--green:#30c47b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px system-ui,sans-serif}a{color:inherit;text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#0d1015ee}header>a{font-size:18px;font-weight:800}header b{background:var(--pink);padding:8px;border-radius:10px}nav{display:flex;gap:16px;color:var(--muted)}main{max-width:1120px;margin:auto;padding:24px 16px 60px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px}.head,.row,.actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.head{margin-bottom:18px}.row{padding:14px 0;border-bottom:1px solid var(--line)}.row:last-child{border:0}.row p,p{color:var(--muted);margin:5px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.stats strong{font-size:28px;display:block}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cols{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:14px}.actions{justify-content:flex-end;flex-wrap:wrap}button,.button{border:1px solid var(--line);background:#252c37;color:white;padding:10px 13px;border-radius:10px;font-weight:750;cursor:pointer;display:inline-block}button{background:var(--pink)}button.green{background:var(--green);color:#061b10}.badge{padding:5px 9px;border-radius:99px;background:#303744;text-transform:uppercase;font-size:11px}.badge.paid{color:#70e7a9}.badge.unpaid{color:#ffd273}.badge.void{color:#aaa}.form,.auth{max-width:620px;margin:5vh auto}.auth{max-width:460px}form{display:flex;flex-direction:column;gap:13px}label{display:flex;flex-direction:column;gap:6px;font-weight:650}input,textarea,select{padding:12px;background:#0f1319;border:1px solid var(--line);border-radius:10px;color:white;font:inherit}.check{flex-direction:row;align-items:center}.check input{width:auto}.flash{padding:12px;border-radius:10px;margin-bottom:14px}.flash.success{background:#153d2a}.flash.error{background:#552033}.total{font-size:35px;font-weight:900;margin:20px 0}.break{word-break:break-all}.success-text{color:#70e7a9}
@media(max-width:760px){.stats{grid-template-columns:1fr 1fr}.grid,.cols{grid-template-columns:1fr}.head,.row{align-items:flex-start;flex-direction:column}.actions{width:100%;justify-content:flex-start}.actions form,.actions button{flex:1}nav a:first-child{display:none}}