*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0e0f11;--bg2: #16181c;--bg3: #1e2127;--border: #2a2d35;--border2: #363a44;--text: #e8eaf0;--text2: #8a8f9e;--text3: #555a68;--accent: #00d4aa;--accent-dim: #00d4aa22;--accent-hover: #00f0c2;--red: #ff4d6a;--red-dim: #ff4d6a18;--amber: #ffb84d;--amber-dim: #ffb84d18;--mono: "IBM Plex Mono", monospace;--sans: "IBM Plex Sans", sans-serif}body{font-family:var(--sans);background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.toast{position:fixed;right:16px;bottom:16px;z-index:999;padding:10px 12px;border-radius:10px;font-size:12px;border:1px solid var(--border2);background:var(--bg2);color:var(--text);display:none;max-width:320px}.toast.show{display:block}.toast.ok{border-color:var(--accent);color:var(--accent)}.toast.err{border-color:var(--red);color:var(--red)}header{border-bottom:1px solid var(--border);padding:0 1rem;height:56px;display:flex;align-items:center;gap:12px;position:sticky;top:0;background:var(--bg);z-index:100}.logo-mark{width:28px;height:28px;background:var(--accent);border-radius:6px;display:flex;align-items:center;justify-content:center}.logo-mark svg{width:16px;height:16px}header h1{font-family:var(--mono);font-size:15px;font-weight:500;letter-spacing:-.3px;color:var(--text)}.header-badge{font-family:var(--mono);font-size:11px;color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent);padding:2px 10px;border-radius:20px;opacity:.8}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:12px;flex-wrap:wrap}.header-actions .btn-secondary{padding:6px 12px;font-size:11px}.menu-toggle{display:none;background:transparent;border:1px solid var(--border2);color:var(--text);padding:6px 10px;border-radius:8px;cursor:pointer}.shell{display:grid;grid-template-columns:320px 1fr;height:calc(100vh - 56px)}aside{border-right:1px solid var(--border);padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto}.section-label{font-family:var(--mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text3);margin-bottom:6px}.field{display:flex;flex-direction:column;gap:6px}label{font-size:12px;color:var(--text2);font-weight:500}input[type=text],input[type=number],input[type=email],input[type=password],select{background:var(--bg2);border:1px solid var(--border2);color:var(--text);font-family:var(--sans);font-size:13px;padding:8px 12px;border-radius:8px;outline:none;width:100%;transition:border-color .15s}input:focus,select:focus{border-color:var(--accent)}input::placeholder{color:var(--text3)}.hint{font-size:11px;color:var(--text3);font-family:var(--mono)}.divider{border:none;border-top:1px solid var(--border)}.btn-primary{background:var(--accent);color:var(--bg);border:none;font-family:var(--mono);font-size:13px;font-weight:500;padding:10px 16px;border-radius:8px;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,opacity .15s}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--text2);border:1px solid var(--border2);font-family:var(--mono);font-size:12px;padding:8px 14px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:border-color .15s,color .15s}.btn-secondary:hover{border-color:var(--text2);color:var(--text)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary.active{border-color:var(--accent);color:var(--accent)}.export-row{display:flex;gap:8px}.export-row .btn-secondary{flex:1;justify-content:center}.status-bar{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-family:var(--mono);font-size:12px;color:var(--text2);display:flex;align-items:center;gap:8px;min-height:42px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--text3);flex-shrink:0;transition:background .3s}.status-dot.loading{background:var(--amber);animation:pulse 1s infinite}.status-dot.success{background:var(--accent)}.status-dot.error{background:var(--red)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}main{display:flex;flex-direction:column;overflow:hidden}.stats-row{display:grid;grid-template-columns:repeat(8,1fr);gap:1px;border-bottom:1px solid var(--border);background:var(--border)}.stat{background:var(--bg);padding:14px 20px;display:flex;flex-direction:column;gap:2px;min-width:0}.stat-val{font-family:var(--mono);font-size:22px;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis}.stat-lbl{font-size:11px;color:var(--text3);font-family:var(--mono);letter-spacing:.5px}.table-wrap{flex:1;overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}thead{position:sticky;top:0;z-index:10}thead th{background:var(--bg2);border-bottom:1px solid var(--border);padding:10px 16px;text-align:left;font-family:var(--mono);font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--text3);white-space:nowrap;font-weight:400}tbody tr{border-bottom:1px solid var(--border);transition:background .1s}tbody tr:hover{background:var(--bg2)}td{padding:11px 16px;color:var(--text);vertical-align:middle}td.mono{font-family:var(--mono);font-size:12px;color:var(--text2)}.pill{display:inline-block;padding:2px 8px;border-radius:20px;font-family:var(--mono);font-size:11px}.pill-green{background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent)}.pill-gray{background:var(--bg3);color:var(--text3);border:1px solid var(--border2)}.pill-amber{background:var(--amber-dim);color:var(--amber);border:1px solid var(--amber)}a.link{color:var(--accent);text-decoration:none;font-family:var(--mono);font-size:12px}a.link:hover{text-decoration:underline}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:var(--text3);font-family:var(--mono);font-size:13px;text-align:center;padding:2rem}.empty-state .big{font-size:36px}.empty-state.err{color:var(--red)}.loader-overlay{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:#0e0f11b3;align-items:center;justify-content:center;flex-direction:column;gap:12px;z-index:50;font-family:var(--mono);font-size:13px;color:var(--text2)}.loader-overlay.active{display:flex}.spinner{width:32px;height:32px;border:2px solid var(--border2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.main-rel{position:relative;flex:1;display:flex;flex-direction:column;overflow:hidden}.tabs-bar{display:flex;gap:8px;padding:8px 16px;border-bottom:1px solid var(--border);background:var(--bg2);flex-wrap:wrap}.table-controls{display:grid;grid-template-columns:1.2fr 1.2fr .9fr 1fr .9fr .9fr;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg);align-items:end}.table-controls .field{gap:4px}.table-controls .field label{font-size:11px}.bulk-row{display:flex;gap:8px;padding:8px 16px;border-bottom:1px solid var(--border);background:var(--bg2);flex-wrap:wrap;align-items:center}.bulk-row .btn-secondary{padding:6px 10px;font-size:11px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip{font-family:var(--mono);font-size:11px;padding:4px 10px;border-radius:20px;background:var(--bg3);border:1px solid var(--border2);cursor:pointer;color:var(--text2)}.chip:hover{border-color:var(--accent);color:var(--accent)}.modal-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:200;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal-box{background:var(--bg2);border:1px solid var(--border2);border-radius:12px;max-width:520px;width:100%;padding:1.25rem;display:flex;flex-direction:column;gap:12px}.modal-box textarea{min-height:120px;resize:vertical;width:100%;background:var(--bg);border:1px solid var(--border2);color:var(--text);border-radius:8px;padding:10px;font-family:var(--sans);font-size:13px}details.advanced{margin-top:8px;font-size:12px;color:var(--text3)}@media (max-width: 1100px){.stats-row{grid-template-columns:repeat(4,1fr)}}@media (max-width: 900px){.shell{grid-template-columns:1fr;height:auto}aside{border-right:none;border-bottom:1px solid var(--border);overflow:visible}aside.collapsed{display:none}.menu-toggle{display:inline-flex}main{height:auto}.table-controls{grid-template-columns:1fr 1fr}.stats-row{grid-template-columns:repeat(2,1fr)}.stat{padding:10px 14px}.stat-val{font-size:18px}header{padding:0 12px}}@media (max-width: 480px){.table-controls{grid-template-columns:1fr}.header-badge{display:none}td,thead th{padding:8px 10px}}