@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Inter:wght@400..600&display=swap";:root{--font-display:"Chakra Petch", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--color-bg:#05050a;--color-panel:#0a0a14;--color-inset:#101018;--color-text:#f2f4ff;--color-text-muted:#8b8fae;--color-text-dim:#5a5f7a;--color-accent-cyan:#22e8ff;--color-accent-cyan-hover:#5ef0ff;--color-accent-magenta:#ff2fb0;--color-accent-lime:#baff29;--color-accent-amber:#ffc93c;--color-unlocked:var(--color-accent-lime);--color-locked:var(--color-accent-magenta);--color-danger-bg:#2a1215;--color-danger-border:#5c2b2e;--color-danger-text:#ff8a80;--gradient-primary:linear-gradient(90deg, var(--color-accent-cyan), var(--color-accent-magenta));--radius-panel:14px;--radius-control:8px;--radius-pill:6px;--radius-chip:4px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:14px}a{color:var(--color-accent-cyan)}a:hover{color:var(--color-accent-cyan-hover)}::selection{background:var(--color-accent-magenta);color:var(--color-bg)}.login__field{min-width:0}.label-caps{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);font-size:11px;font-weight:700}.panel{background:var(--color-panel);border-radius:var(--radius-panel);padding:var(--space-4);border:1px solid #22e8ff1f}.status-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);font-family:var(--font-display);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:700;display:inline-flex}.status-badge--unlocked{border:1px solid var(--color-unlocked);color:var(--color-unlocked)}.status-badge--locked{border:1px solid var(--color-locked);color:var(--color-locked)}.status-badge--pending{border:1px solid var(--color-accent-amber);color:var(--color-accent-amber)}.status-badge--neutral{border:1px solid var(--color-text-dim);color:var(--color-text-dim)}.btn-primary{background:var(--gradient-primary);color:var(--color-bg);border-radius:var(--radius-control);letter-spacing:1px;text-transform:uppercase;padding:var(--space-3) var(--space-4);cursor:pointer;border:none;font-size:12.5px;font-weight:700}.btn-secondary{color:var(--color-accent-cyan);border-radius:var(--radius-control);letter-spacing:.5px;text-transform:uppercase;padding:var(--space-3) var(--space-4);cursor:pointer;background:0 0;border:1px solid #22e8ff59;font-size:12.5px;font-weight:700}.btn-primary:disabled,.btn-secondary:disabled{opacity:.35;cursor:not-allowed}.btn-danger{background:var(--color-locked);color:var(--color-bg);border-radius:var(--radius-control);letter-spacing:1px;text-transform:uppercase;padding:var(--space-3) var(--space-4);cursor:pointer;border:none;font-size:12.5px;font-weight:700}input,select{background:var(--color-inset);color:var(--color-text);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);font-family:var(--font-body);border:1px solid #ffffff1a;font-size:13px}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}*{scrollbar-width:thin;scrollbar-color:#ffffff1f transparent}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#fff3}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;padding:var(--space-2) var(--space-3);font-family:var(--font-display);letter-spacing:.5px;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid #ffffff14;font-size:11px;font-weight:700}td{padding:var(--space-2) var(--space-3);border-bottom:1px solid #ffffff0d;font-size:13px}tr:hover td{background:#ffffff05}.login{justify-content:center;align-items:center;height:100%;display:flex}.login__card{flex-direction:column;gap:14px;width:340px;display:flex}.login__brand{justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:8px;display:flex}.login__logo{width:22px;height:22px;filter:drop-shadow(0 0 6px var(--color-accent-cyan))}.login__wordmark{font-family:var(--font-display);letter-spacing:2px;font-size:16px;font-weight:700}.login__google-btn{color:#1f1f1f;border-radius:var(--radius-control);cursor:pointer;background:#fff;border:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:10px;font-size:13px;font-weight:600;display:flex}.login__divider{color:var(--color-text-dim);text-transform:uppercase;align-items:center;gap:10px;font-size:11px;display:flex}.login__divider:before,.login__divider:after{content:"";background:#ffffff1a;flex:1;height:1px}.login__field{flex-direction:column;gap:6px;display:flex}.login__error{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger-text);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);font-size:12px}.login__message{color:var(--color-text-muted);font-size:13px;line-height:1.5}.staff-shell{height:100%;display:flex}.staff-shell__sidebar{width:190px;padding:var(--space-4) var(--space-3);border-right:1px solid #22e8ff1f;flex-direction:column;flex-shrink:0;display:flex}.staff-shell__brand{align-items:center;gap:var(--space-2);padding:0 var(--space-2);margin-bottom:var(--space-5);display:flex}.staff-shell__logo{width:20px;height:20px;filter:drop-shadow(0 0 6px var(--color-accent-cyan))}.staff-shell__wordmark{font-family:var(--font-display);letter-spacing:1.5px;font-size:13px;font-weight:700}.staff-shell__nav{flex-direction:column;gap:2px;display:flex}.staff-shell__nav-item{text-align:left;border-radius:var(--radius-control);padding:10px var(--space-2);font-family:var(--font-display);letter-spacing:.5px;text-transform:uppercase;color:var(--color-text-dim);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600}.staff-shell__nav-item:hover{color:var(--color-text-muted)}.staff-shell__nav-item--active{color:var(--color-accent-cyan);background:#22e8ff1a}.staff-shell__spacer{flex:1}.staff-shell__profile{padding:0 var(--space-2);margin-bottom:var(--space-3);flex-direction:column;align-items:flex-start;gap:6px;display:flex}.staff-shell__role-badge{font-size:10px}.staff-shell__profile-email{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.staff-shell__logout{color:var(--color-text-dim);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px}.staff-shell__logout:hover{color:var(--color-locked)}.staff-shell__content{padding:var(--space-5);flex:1;overflow:auto}.users__header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.users__detail-header{justify-content:space-between;align-items:flex-start;display:flex}.users__filter-chip{color:var(--color-text-muted);margin-bottom:var(--space-3);align-items:center;gap:8px;font-size:12px;display:flex}.users__filter-chip button{color:var(--color-accent-cyan);cursor:pointer;background:0 0;border:none;padding:0}.users__error{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger-text);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);font-size:12px}.confirm-dialog__backdrop{z-index:100;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{flex-direction:column;gap:12px;width:320px;display:flex}.confirm-dialog__message{color:var(--color-text-muted);font-size:13px}.confirm-dialog__actions{gap:8px;display:flex}.confirm-dialog__actions button{flex:1}.confirm-dialog__danger-btn{background:var(--color-locked);color:var(--color-bg);border-radius:var(--radius-control);letter-spacing:1px;text-transform:uppercase;padding:var(--space-3) var(--space-4);cursor:pointer;border:none;flex:1;font-size:12.5px;font-weight:700}.plans__header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.plans__field{flex-direction:column;gap:6px;display:flex}.plans__subscriber-link{color:var(--color-accent-cyan);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.plans__subscriber-link:hover{color:var(--color-accent-cyan-hover)}.plans__error{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger-text);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);font-size:12px}.promotions__header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.promotions__field{flex-direction:column;gap:6px;display:flex}.promotions__redemption-link{color:var(--color-accent-cyan);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.promotions__redemption-link:hover{color:var(--color-accent-cyan-hover)}.promotions__redemption-row{padding:var(--space-2) 0;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;font-size:13px;display:flex}.promotions__redemption-row:last-child{border-bottom:none}.promotions__plan-checklist{border-radius:var(--radius-control);max-height:160px;padding:var(--space-2) var(--space-3);border:1px solid #ffffff1a;flex-direction:column;gap:6px;display:flex;overflow-y:auto}.promotions__plan-check{align-items:center;gap:8px;font-size:13px;display:flex}.promotions__error{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger-text);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);font-size:12px}.dashboard__cards{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.dashboard__card{flex-direction:column;gap:6px;display:flex}.dashboard__card-value{font-family:var(--font-display);font-size:28px;font-weight:700}.dashboard__approx-note{color:var(--color-text-dim);font-size:11px}.dashboard__breakdown{color:var(--color-text-muted);font-size:12px}.dashboard__delta--good{color:var(--color-unlocked);font-size:12px;font-weight:600}.dashboard__delta--bad{color:var(--color-locked);font-size:12px;font-weight:600}.dashboard__delta--neutral{color:var(--color-text-dim);font-size:12px}.dashboard__log-header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.dashboard__user-link{color:var(--color-accent-cyan);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.dashboard__user-link:hover{color:var(--color-accent-cyan-hover)}.finance__header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.finance__affiliate-card{margin-bottom:var(--space-3)}.finance__affiliate-header{justify-content:space-between;align-items:center;display:flex}.finance__error{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger-text);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);font-size:12px}.tickets__filters{gap:8px;margin-bottom:12px;display:flex}.tickets__filter{border-radius:var(--radius-control);color:var(--color-text-muted);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #ffffff24;padding:8px 14px;font-size:11px;font-weight:700}.tickets__filter--active{border-color:var(--color-accent-cyan);color:var(--color-accent-cyan)}.tickets__row{cursor:pointer}.tickets__message-cell{text-overflow:ellipsis;white-space:nowrap;max-width:320px;overflow:hidden}.ticket-detail{flex-direction:column;gap:14px;width:480px;display:flex}.ticket-detail__message{color:var(--color-text-muted);white-space:pre-wrap;word-break:break-word;max-height:240px;font-size:13px;overflow-y:auto}.ticket-detail__meta{color:var(--color-text-dim);font-size:11px}.ticket-detail__actions{flex-wrap:wrap;gap:8px;display:flex}