:root{--green: #1db954;--green-hover: #1ed760;--red: #e53935;--red-alt: #e74c3c;--red-alt-hover: #c0392b;--bg: #121212;--bg-secondary: #1a1a1a;--bg-sidebar: #0d0d0d;--bg-btn: #2a2a2a;--text: #ffffff;--text-muted: #9e9e9e;--text-dim: #b3b3b3;--border: #2a2a2a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);font-family:Roboto,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}.loading{color:var(--text-muted);font-size:13px;text-align:center;padding:12px}.confirm-overlay{position:fixed;inset:0;background:#000000bf;z-index:300;display:flex;align-items:center;justify-content:center}.confirm-dialog{background:var(--bg-secondary);border-radius:12px;padding:24px;max-width:320px;width:90%;display:flex;flex-direction:column;gap:12px}.confirm-title{color:var(--text);font-size:16px;font-weight:600}.confirm-message{color:var(--text-muted);font-size:14px;line-height:1.4}.confirm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.confirm-btn{padding:8px 18px;border-radius:20px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.confirm-btn:active{transform:scale(.96)}.confirm-btn--cancel{background:#333;color:var(--text)}.confirm-btn--cancel:hover{background:#444}.confirm-btn--delete{background:var(--red-alt);color:var(--text)}.confirm-btn--delete:hover{background:var(--red-alt-hover)}