:root{font-family:Inter,Arial,Helvetica,sans-serif;color:#172033;background:#f4f7fb}body{margin:0}.topbar{background:#0f172a;color:white;padding:18px 28px;display:flex;gap:16px;align-items:center}.topbar h1{font-size:22px;margin:0}.topbar p{margin:4px 0 0;color:#cbd5e1}.topbar>div:first-child{flex:1}main{max-width:1240px;margin:24px auto;padding:0 16px}.card{background:white;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 1px 8px #0f172a0d;margin-bottom:18px}.narrow{max-width:420px;margin:40px auto}.hidden{display:none!important}label{display:block;font-weight:700;margin:10px 0 6px}small{display:block;color:#64748b;margin-top:4px}input,select,textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:10px;padding:10px;margin-top:5px;background:white;font:inherit}button{border:0;border-radius:10px;padding:10px 14px;background:#2563eb;color:white;font-weight:800;cursor:pointer;margin:6px 6px 6px 0}button.secondary{background:#64748b}button.danger{background:#dc2626}button.outline{background:white;color:#1e293b;border:1px solid #cbd5e1}.tabs,.wizard{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tabs button,.wizard button{background:white;color:#1e293b;border:1px solid #cbd5e1}.tabs button:hover,.wizard button:hover,.wizard button.active{background:#2563eb;color:white}.row,.toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;align-items:end}.toolbar{margin-bottom:14px}.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.metric{border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff;padding:16px}.metric strong{font-size:30px}.ticket{border:1px solid #e2e8f0;border-radius:14px;padding:14px;margin:10px 0;display:grid;grid-template-columns:1fr auto;gap:10px;background:#fff}.badge{display:inline-block;border-radius:999px;background:#e0e7ff;color:#3730a3;padding:4px 10px;font-size:12px;font-weight:800}.comment{border-left:4px solid #bfdbfe;margin:8px 0;padding:8px;background:#f8fafc}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:12px}.wide{grid-column:1/-1}.msg{font-weight:700;color:#0f766e}dialog{border:0;border-radius:16px;max-width:960px;width:92%;box-shadow:0 12px 40px #0004}table{width:100%;border-collapse:collapse;margin-top:14px;background:white}td,th{border-bottom:1px solid #e5e7eb;padding:10px;text-align:left;vertical-align:top}th{background:#f8fafc}.actions{white-space:nowrap}.pill{display:inline-block;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:999px;padding:3px 8px;margin:2px;font-size:12px}.setup-header p{font-size:16px}.adminStep h3{margin-top:0}@media(max-width:820px){.two,.form-grid,.ticket{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}}
.date-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.date-tabs button.active,.wizard button.active{background:#111827;color:white}.stacked{display:block}.switch-row{display:flex;align-items:center;gap:.5rem}.token-note{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:.75rem}.toolbar .row{margin-top:.5rem}