:root{--bg: #14161A;--surface: #1E2126;--surface-2: #262A31;--amber: #F2A93B;--green: #3FBF8F;--red: #E2564F;--text: #F5F3EE;--text-dim: #9AA0AA;--border: #33383F}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--border);background:var(--surface)}.brand{display:flex;align-items:center;font-weight:700;font-size:18px}.brand img{height:26px;width:26px;margin-right:8px;object-fit:contain}.brand .tag{color:var(--text-dim);font-weight:500;font-size:12px;margin-left:10px;padding:2px 8px;border:1px solid var(--border);border-radius:999px}.nav{display:flex;gap:4px;background:var(--surface);border-radius:999px;padding:3px;border:1px solid var(--border)}.nav button{border:none;background:transparent;color:var(--text-dim);font-weight:600;font-size:12.5px;padding:8px 16px;border-radius:999px;cursor:pointer}.nav button.active{background:var(--amber);color:#1a1200}.btn{border:none;border-radius:10px;padding:8px 14px;font-size:12.5px;font-weight:600;cursor:pointer}.btn-primary{background:var(--amber);color:#1a1200}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text-dim)}.btn-danger{background:#e2564f26;color:var(--red);border:1px solid rgba(226,86,79,.4)}.btn:disabled{opacity:.5;cursor:default}.content{padding:24px;max-width:1200px;margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;margin-bottom:16px}.card h3{margin:0 0 14px;font-size:15px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px}.stat-card .label{color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.03em}.stat-card .value{font-size:26px;font-weight:700;margin-top:6px}.split{display:flex;gap:16px;align-items:flex-start}.split>div{flex:1;min-width:0}input,textarea{width:100%;padding:10px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-size:13px;font-family:inherit}.row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid var(--border);cursor:pointer}.row:first-child{border-top:none}.row-title{font-weight:600;font-size:13px}.row-sub{color:var(--text-dim);font-size:11.5px;margin-top:3px}.pill{font-size:10px;text-transform:uppercase;font-weight:700;padding:2px 8px;border-radius:999px}.pill.open{background:#e2564f26;color:var(--red)}.pill.in_progress{background:#f2a93b26;color:var(--amber)}.pill.resolved{background:#3fbf8f26;color:var(--green)}.pill.blocked{background:#e2564f26;color:var(--red)}.pill.approved{background:#3fbf8f26;color:var(--green)}.pill.suspended{background:#e2564f26;color:var(--red)}.pill.pending{background:#f2a93b26;color:var(--amber)}.pill.agent_verified{background:#5b8def26;color:#5b8def}.pill.rejected{background:#e2564f26;color:var(--red)}.field-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;margin:12px 0 6px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{width:340px}.error-text{color:var(--red);font-size:12px;margin-top:8px}.empty{color:var(--text-dim);font-size:12.5px}