:root{
    --bg:#0a0a0c; --panel:#111114; --panel2:#1a1a1e; --border:#1e1e22; --border2:#26262c;
    --text:#e6e6e9; --muted:#8a8a92; --muted2:#6a6a72; --teal:#5eead4; --teal2:#2dd4bf;
    --red:#f87171; --green:#22c55e;
  }
  *{box-sizing:border-box}
  body{margin:0;background:var(--bg);font-family:'Inter',system-ui,sans-serif;color:var(--text)}
  ::-webkit-scrollbar{width:10px;height:10px}
  ::-webkit-scrollbar-thumb{background:#2a2a30;border-radius:6px}
  ::-webkit-scrollbar-track{background:transparent}
  a{color:inherit}
  .hidden{display:none !important}
  .badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;white-space:nowrap}
  .btn{cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;border-radius:8px;background:var(--panel2);border:1px solid var(--border2);color:#c7c7cd;white-space:nowrap;user-select:none}
  .btn:hover{background:#212126}
  .btn.teal{color:var(--teal);border-color:#1f3d38;background:rgba(45,212,191,.08)}
  .btn.green{background:var(--green);color:#0a0a0c;border-color:var(--green)}
  .btn.red{color:var(--red)}
  .icon-btn{cursor:pointer;width:36px;height:36px;border-radius:8px;background:var(--panel2);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;color:#9a9aa2;font-size:15px}
  input,.inp{background:var(--panel2);border:1px solid var(--border2);border-radius:8px;padding:9px 12px;color:var(--text);font-size:13.5px;outline:none;font-family:inherit}
  .card{background:var(--panel);border:1px solid var(--border);border-radius:14px}
  .row-hover:hover{background:#151518}
  .chip{font-size:12.5px;color:var(--muted);background:var(--panel2);border:1px solid var(--border2);padding:3px 10px;border-radius:20px}
  .modal-bg{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center}
  .drop{position:absolute;top:34px;left:0;z-index:50;width:230px;background:#18181c;border:1px solid #2a2a30;border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.5);padding:10px}
  label.opt{display:flex;align-items:center;gap:8px;padding:5px 4px;border-radius:5px;cursor:pointer;font-size:12.5px;color:#d4d4d8}
  label.opt:hover{background:#212126}
  input[type=checkbox]{accent-color:var(--teal2);width:14px;height:14px;cursor:pointer}
  th{user-select:none}