@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Bebas+Neue&display=swap");:root{--brand:#f97316;--brand-dark:#ea6c0e;--bg:#0f0f0f;--surface:#1a1a1a;--surface-2:#222;--border:#2a2a2a;--text:#f1f1f1;--text-muted:#888}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#2a2a2a transparent}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px}body{background-color:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh;margin:0}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff;font-weight:600;padding:10px 20px;border-radius:12px;font-size:14px;border:none;cursor:pointer;box-shadow:0 4px 20px rgba(249,115,22,.25);transition:all .2s}.btn-primary:hover{background:var(--brand-dark);transform:scale(1.02)}.btn-primary:active{transform:scale(.98)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:#222;color:#fff;font-weight:500;padding:10px 20px;border-radius:12px;font-size:14px;border:1px solid hsla(0,0%,100%,.1);cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#2a2a2a}.btn-danger{display:inline-flex;align-items:center;gap:8px;background:rgba(220,38,38,.15);color:#f87171;font-weight:500;padding:8px 16px;border-radius:12px;font-size:14px;border:1px solid rgba(220,38,38,.3);cursor:pointer;transition:all .2s}.btn-danger:hover{background:rgba(220,38,38,.25)}.card{background:var(--surface);border-radius:16px;border:1px solid hsla(0,0%,100%,.05);padding:24px}.input{width:100%;background:#141414;border:1px solid hsla(0,0%,100%,.1);color:#fff;border-radius:12px;padding:12px 16px;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(249,115,22,.15)}.input::placeholder{color:#666}select.input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.label{display:block;font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.badge-active{background:rgba(34,197,94,.12);color:#4ade80}.badge-active,.badge-inactive{display:inline-flex;font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px}.badge-inactive{background:rgba(239,68,68,.12);color:#f87171}.badge-paid{background:rgba(34,197,94,.12);color:#4ade80}.badge-paid,.badge-pending{display:inline-flex;font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px}.badge-pending{background:rgba(234,179,8,.12);color:#facc15}.stat-card{background:var(--surface);border-radius:16px;border:1px solid hsla(0,0%,100%,.05);padding:20px;display:flex;align-items:center;gap:16px;transition:border-color .3s}.stat-card:hover{border-color:rgba(249,115,22,.2)}.table-row{border-bottom:1px solid hsla(0,0%,100%,.05);transition:background .15s}.table-row:hover{background:hsla(0,0%,100%,.02)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal-box{background:var(--surface);border-radius:16px;border:1px solid hsla(0,0%,100%,.1);padding:24px;width:100%;max-width:512px;box-shadow:0 25px 60px rgba(0,0,0,.6);max-height:90vh;overflow-y:auto}