:root{--bg: #0a0a0a;--surface: #141414;--surface-2: #1a1a1a;--border: #262626;--text: #ffffff;--text-dim: #a1a1a1;--text-muted: #6b6b6b;--accent: #f09d22;--accent-2: #ef7b16;--success: #22c55e;--danger: #ef4444;--gradient: linear-gradient(135deg, #f09d22, #ef7b16)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter Tight,system-ui,-apple-system,sans-serif;background-color:var(--bg);background-image:radial-gradient(ellipse at top left,rgba(240,157,34,.12) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(239,123,22,.08) 0%,transparent 50%);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(240,157,34,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(240,157,34,.03) 1px,transparent 1px);background-size:50px 50px;opacity:.5;z-index:0;pointer-events:none}#root{position:relative;z-index:1}a{color:var(--accent);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,select,textarea{font-family:inherit;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px;width:100%;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}.btn{padding:10px 16px;border-radius:8px;background:var(--gradient);color:#000;font-weight:600;font-size:14px;transition:transform .1s,box-shadow .2s}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #f09d224d}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--accent);background:var(--surface);box-shadow:none}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--border)}.btn-danger:hover{border-color:var(--danger);background:#ef444414;box-shadow:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:10px 14px;border-radius:8px;font-size:13px}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-admin{background:#f09d2226;color:var(--accent)}.badge-manager{background:#3b82f626;color:#60a5fa}.badge-sales_rep{background:#22c55e26;color:#4ade80}.badge-viewer{background:#a1a1a126;color:var(--text-dim)}table{width:100%;border-collapse:collapse}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border);font-size:13px}th{font-weight:600;color:var(--text-dim);text-transform:uppercase;font-size:11px;letter-spacing:.04em;background:var(--surface-2)}tr:hover td{background:var(--surface-2)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px;width:100%;max-width:440px}