:root{
  --bg:#0a0a0b; --panel:#131315; --panel2:#18181b; --panel3:#1d1d21;
  --line:#232327; --line2:#2f2f35;
  --txt:#eceae6; --mut:#8a8a93; --dim:#5a5a63;
  --acc:#c8b99a; --accd:rgba(200,185,154,.12);
  --ok:#5fbf8f; --warn:#e0a33e; --bad:#e0655f; --info:#7fa8c9;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--txt);
  font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  -webkit-font-smoothing:antialiased}
.num{font-variant-numeric:tabular-nums}
button{font:inherit;cursor:pointer;border:none;transition:.15s}
a{color:var(--acc);text-decoration:none}
input,select,textarea{font:inherit}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--line2);border-radius:5px}
::-webkit-scrollbar-thumb:hover{background:#3a3a42}

/* ---------- Grundbausteine ---------- */
.btn{background:var(--acc);color:#0a0a0b;padding:9px 16px;font-size:12.5px;font-weight:600;border-radius:4px}
.btn:hover{background:#d9cbae}
.btg{background:transparent;border:1px solid var(--line2);color:var(--mut);padding:8px 14px;font-size:12.5px;border-radius:4px}
.btg:hover{border-color:var(--acc);color:var(--acc)}
.btx{background:transparent;color:var(--dim);padding:4px 7px;font-size:15px;line-height:1;border-radius:3px}
.btx:hover{color:var(--bad);background:rgba(224,101,95,.1)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:6px}
.ch{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;
  justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.ct{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);font-weight:600}
.cb{padding:16px 18px}
.pill{display:inline-block;padding:2.5px 9px;border-radius:11px;font-size:10.5px;font-weight:600;white-space:nowrap}
.inp{background:var(--bg);border:1px solid var(--line2);color:var(--txt);
  padding:9px 11px;font-size:13px;border-radius:4px;width:100%}
.inp:focus{outline:none;border-color:var(--acc)}
label.fl{display:block;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--mut);margin-bottom:5px}
.fg{margin-bottom:13px}
.row{display:flex;gap:11px}
.row>*{flex:1}
.empty{padding:44px 20px;text-align:center;color:var(--dim);font-size:13.5px}
.sl{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--dim);
  margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid var(--line)}