*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--red:#c0392b;--red-dark:#922b21;--red-light:#e74c3c;--bg:#f4f4f4;--bg2:#fff;--bg3:#f0f0f0;--bg4:#e8e8e8;--border:#e2e2e2;--border2:#d0d0d0;--text:#1a1a1a;--text2:#444;--text3:#888;--text4:#bbb;--font-display:"Plus Jakarta Sans", sans-serif;--font-mono:"Plus Jakarta Sans", sans-serif;--green:#27ae60;--amber:#e67e22;--blue:#2980b9;--purple:#8e44ad;--sidebar-bg:#1e1e1e;--sidebar-border:#2a2a2a;--sidebar-text:#ccc;--sidebar-text-active:#fff}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-mono);font-size:15px;line-height:1.5}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg3)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}a{color:inherit;text-decoration:none}input,select,textarea,button{font-family:var(--font-mono)}input,select,textarea{background:var(--bg2);border:1px solid var(--border2);color:var(--text);border-radius:4px;outline:none;width:100%;padding:8px 10px;font-size:14px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--red)}input::placeholder,textarea::placeholder{color:var(--text4)}select option{background:var(--bg2)}button{cursor:pointer;border:none;border-radius:4px;font-size:14px;transition:all .15s}.btn-primary{background:var(--red);color:#fff;padding:8px 20px;font-weight:600}.btn-primary:hover{background:var(--red-light)}.btn-ghost{border:1px solid var(--border2);color:var(--text2);background:0 0;padding:7px 14px}.btn-ghost:hover{border-color:var(--text3);color:var(--text);background:var(--bg3)}.btn-danger{color:#c0392b;background:0 0;border:1px solid #f5c6c6;padding:4px 10px;font-size:12px}.btn-danger:hover{background:#fdf0f0}.btn-sm{padding:5px 12px;font-size:13px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:20px;box-shadow:0 1px 3px #0000000d}.label{color:var(--text3);letter-spacing:.5px;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.grid2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.grid3{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.full{grid-column:1/-1}.modal-overlay{z-index:200;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--bg2);border:1px solid var(--border);border-top:3px solid var(--red);border-radius:8px;width:100%;max-width:600px;max-height:90vh;padding:28px;overflow-y:auto;box-shadow:0 8px 32px #00000026}.modal-title{font-family:var(--font-display);letter-spacing:2px;color:var(--red);text-transform:uppercase;margin-bottom:22px;font-size:18px;font-weight:700}.modal-footer{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--text3);letter-spacing:.5px;text-transform:uppercase;border-bottom:2px solid var(--border);background:var(--bg3);white-space:nowrap;padding:10px 12px;font-size:11px;font-weight:700}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}tr:hover td{background:#fafafa}@media (width<=768px){.grid2,.grid3{grid-template-columns:1fr}.full{grid-column:1}.hide-mobile{display:none!important}.modal{border-radius:0;max-height:100vh;padding:16px}.modal-overlay{align-items:flex-end;padding:0}.card{padding:14px}}