*{margin:0;padding:0;box-sizing:border-box}
:root{
    --bg:#f8f5ff;--bg-card:#ffffff;--bg-sidebar:#fefefe;--bg-input:#faf8ff;
    --border:#e8e0f0;--border-focus:#d0c4f0;
    --text:#2d2b3a;--text-muted:#9892a6;--text-bright:#1a1828;
    --accent:#ff4d8a;--accent2:#6c63ff;--accent3:#36d7b7;
    --grad:linear-gradient(135deg,#ff4d8a,#c44dff);
    --grad2:linear-gradient(135deg,#6c63ff,#36d7b7);
    --shadow:0 2px 12px rgba(108,99,255,.08);
    --shadow-lg:0 8px 32px rgba(108,99,255,.12);
}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow:hidden}
body::before{content:'';position:fixed;inset:0;background:radial-gradient(circle at 15% 25%,rgba(108,99,255,.03) 0,transparent 50%),radial-gradient(circle at 85% 75%,rgba(255,77,138,.03) 0,transparent 50%);pointer-events:none;z-index:0}
body::after{content:'';position:fixed;inset:0;background-image:radial-gradient(circle,rgba(108,99,255,.06) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;z-index:0}
.layout{display:flex;min-height:100vh;position:relative;z-index:1}

.sidebar{width:240px;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:10;box-shadow:1px 0 8px rgba(108,99,255,.04)}
.sidebar-brand{padding:20px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}
.sidebar-brand-icon{width:26px;height:26px;color:var(--accent);filter:drop-shadow(0 2px 4px rgba(255,77,138,.25))}
.sidebar-brand-text{font-size:16px;font-weight:700;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.sidebar-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px}
.sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:600;transition:.15s;border:1px solid transparent}
.sidebar-link:hover{background:rgba(108,99,255,.04);color:var(--text)}
.sidebar-link.active{background:var(--grad);color:#fff;box-shadow:0 2px 10px rgba(255,77,138,.2)}
.sidebar-link svg{width:18px;height:18px}
.sidebar-bottom{padding:12px 10px;border-top:1px solid var(--border)}

.main-content{flex:1;margin-left:240px;display:flex;flex-direction:column;height:100vh;overflow:hidden}
.top-bar{background:var(--bg-card);border-bottom:1px solid var(--border);padding:0 28px;height:60px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 6px rgba(108,99,255,.04)}
.page-title{font-size:18px;font-weight:700;color:var(--text-bright)}
.top-actions{display:flex;gap:8px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 18px;border:none;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;transition:.2s}
.btn-primary{background:var(--grad);color:#fff;box-shadow:0 2px 8px rgba(255,77,138,.2)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(255,77,138,.3)}
.btn-danger{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.28)}

.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}
.theme-card{border:2px solid var(--border);border-radius:12px;padding:10px;cursor:pointer;transition:.15s;background:var(--bg-card);user-select:none}
.theme-card:hover{border-color:var(--border-focus);transform:translateY(-2px)}
.theme-card.active{border-color:var(--accent2);box-shadow:0 2px 12px rgba(108,99,255,.18)}
.theme-preview{position:relative;height:58px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:8px}
.theme-card .tp-bubble{width:34px;height:16px;border-radius:9px;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.theme-card .tp-dot{width:8px;height:8px;border-radius:50%;opacity:.85}
.theme-card .tp-check{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;background:var(--accent2);color:#fff;display:none;align-items:center;justify-content:center}
.theme-card .tp-check svg{width:10px;height:10px}
.theme-card.active .tp-check{display:flex}
.theme-card-info{display:flex;align-items:center;justify-content:space-between;padding:0 2px}
.theme-card .theme-name{font-size:13px;font-weight:700;color:var(--text)}
.theme-card .theme-mode{font-size:11px;color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:1px 7px}
@media(max-width:640px){.theme-grid{grid-template-columns:repeat(2,1fr)}}
.btn-danger:hover{background:#ef4444;color:#fff;border-color:#ef4444}
.btn-warning{background:rgba(249,115,22,.1);color:#f97316;border:1px solid rgba(249,115,22,.28)}
.btn-warning:hover{background:#f97316;color:#fff;border-color:#f97316}
.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}
.btn-ghost:hover{border-color:var(--accent2);color:var(--accent2)}

.content{flex:1;overflow-y:auto;padding:24px 28px;scrollbar-width:thin;scrollbar-color:var(--border-focus) transparent}
.content::-webkit-scrollbar{width:6px}
.content::-webkit-scrollbar-thumb{background:var(--border-focus);border-radius:3px}
.content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}
.content::-webkit-scrollbar-track{background:transparent}

.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.room-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px;position:relative;transition:.2s;box-shadow:var(--shadow)}
.room-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.room-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:8px}
.room-card-name{font-size:16px;font-weight:700;color:var(--text-bright)}
.room-card-code{font-size:11px;color:var(--text-muted);font-weight:600;background:rgba(108,99,255,.06);padding:3px 10px;border-radius:8px;letter-spacing:.5px;white-space:nowrap}
.room-card-delete{background:transparent;border:none;cursor:pointer;color:#ff4d8a;padding:4px;border-radius:6px;transition:.2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.room-card-delete:hover{color:#ff2d6b;background:rgba(255,45,107,.1)}
.room-card-delete:hover svg{transform:rotate(90deg)}
.room-card-delete svg{transition:transform .3s ease;width:15px;height:15px}
.room-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.room-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}
.room-card-name{font-size:16px;font-weight:700;color:var(--text-bright)}
.room-card-code{font-size:11px;color:var(--text-muted);font-weight:600;background:rgba(108,99,255,.06);padding:3px 10px;border-radius:8px;letter-spacing:.5px}
.room-card-meta{display:flex;gap:12px;font-size:13px;color:var(--text-muted);margin-bottom:14px}
.room-card-actions{display:flex;gap:6px}
.room-card-actions .btn{font-size:12px;padding:5px 12px;border-radius:8px}
.room-card-retention{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.room-card-retention label{font-size:12px;color:var(--text-muted);flex-shrink:0}
.retention-select{flex:1;height:30px;padding:0 8px;border:1px solid var(--border);border-radius:8px;background:var(--bg-input);color:var(--text);font-size:12px;cursor:pointer;outline:none;transition:.2s}
.retention-select:hover{border-color:var(--border-focus)}
.retention-select:focus{border-color:var(--accent)}

.room-card-empty{border:2px dashed var(--border);background:transparent;box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:160px;cursor:pointer;transition:.2s}
.room-card-empty:hover{border-color:var(--accent);background:rgba(255,77,138,.02)}
.room-card-empty svg{width:28px;height:28px;color:var(--text-muted);margin-bottom:8px}
.room-card-empty span{font-size:14px;font-weight:600;color:var(--text-muted)}

.modal-overlay{position:fixed;inset:0;background:rgba(45,43,58,.3);display:flex;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(6px)}
.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:28px;width:90%;max-width:420px;position:relative;box-shadow:var(--shadow-lg);overflow:hidden}
.modal::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad)}
.modal h3{font-size:18px;font-weight:700;margin-bottom:6px;color:var(--text-bright)}
.modal-desc{font-size:14px;color:var(--text-muted);margin-bottom:16px}
.modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:none;background:rgba(108,99,255,.06);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:22px;line-height:1;transition:transform .3s,background .2s,color .2s}
.modal-close:hover{background:rgba(255,77,138,.08);color:var(--accent);transform:rotate(90deg)}

.form-group{margin-bottom:14px}
.form-label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:6px}
.form-input{width:100%;padding:9px 13px;border:1px solid var(--border);border-radius:10px;font-size:14px;outline:none;transition:.2s;background:var(--bg-input);color:var(--text)}
.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,77,138,.06)}
.form-hint{font-size:12px;color:var(--text-muted);margin-top:4px}

.toast{position:fixed;top:24px;left:50%;transform:translateX(-50%);align-items:center;gap:10px;padding:12px 22px;background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:14px;font-size:14px;font-weight:600;display:none;z-index:200;box-shadow:0 8px 32px rgba(108,99,255,.18);backdrop-filter:blur(8px)}
.toast.show{display:flex;animation:toastIn .3s cubic-bezier(.34,1.4,.64,1)}
.toast-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.toast-icon svg{width:14px;height:14px}
.toast.success{border-color:rgba(54,215,183,.35)}
.toast.success .toast-icon{background:var(--accent3);color:#fff}
.toast.error{border-color:rgba(255,77,138,.35)}
.toast.error .toast-icon{background:var(--accent);color:#fff}
@keyframes toastIn{from{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%,0)}}

::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}

@media(max-width:1024px){
    .sidebar{width:64px}
    .sidebar-brand-text,.sidebar-link span{display:none}
    .sidebar-brand{justify-content:center;padding:16px 0}
    .sidebar-link{justify-content:center;padding:10px}
    .main-content{margin-left:64px}
    .room-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
}
@media(max-width:768px){
    .sidebar{transform:translateX(-100%);width:240px;transition:.3s}
    .sidebar.show{transform:translateX(0)}
    .sidebar-brand-text,.sidebar-link span{display:block}
    .sidebar-brand{justify-content:flex-start;padding:20px 18px}
    .sidebar-link{justify-content:flex-start;padding:10px 14px}
    .main-content{margin-left:0}
    .top-bar{padding:0 16px}
    .content{padding:20px 16px}
    .room-grid{grid-template-columns:1fr}
    .menu-toggle{display:flex!important}
}
.menu-toggle{display:none;width:36px;height:36px;border:1px solid var(--border);background:var(--bg-card);border-radius:10px;cursor:pointer;align-items:center;justify-content:center;color:var(--text-muted);transition:.2s}
.menu-toggle:hover{border-color:var(--accent2);color:var(--accent2)}
.menu-toggle svg{width:18px;height:18px}

/* 移动端侧栏收起按钮（品牌文字右侧） */
.sidebar-collapse{display:none;width:28px;height:28px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0;margin-left:6px;transition:.2s}
.sidebar-collapse svg{width:16px;height:16px}
.sidebar-collapse:hover{color:var(--accent);background:var(--bg-input)}
@media(max-width:768px){
    .sidebar-collapse{display:flex;margin-left:auto}
}
.btn-icon{width:36px;height:36px;padding:0;border:1px solid var(--border);background:var(--bg-card);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);text-decoration:none;cursor:pointer;transition:.2s}
.btn-icon:hover{border-color:var(--accent);color:var(--accent)}
.btn-icon svg{width:18px;height:18px}

/* 房间类型卡片式单选（虚线边框） */
.type-option{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 10px;border:1.5px dashed var(--border);border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-muted);transition:.2s;user-select:none}
.type-option input{display:none}
.type-option:hover{border-color:var(--border-focus);color:var(--text)}
.type-option.active{border-style:solid;border-color:var(--accent2);color:var(--accent2);background:var(--bg-input)}
.type-option.active:hover{border-color:var(--accent2);color:var(--accent2)}

/* 删除确认弹窗（美化） */
.del-modal{text-align:center;max-width:340px;padding:30px 26px 24px}
.del-icon{width:60px;height:60px;margin:0 auto 16px;border-radius:50%;background:rgba(239,68,68,.1);color:#ef4444;display:flex;align-items:center;justify-content:center}
.del-icon svg{width:28px;height:28px}
.del-title{font-size:17px;font-weight:700;color:var(--text-bright);margin-bottom:8px}
.del-text{font-size:13.5px;line-height:1.7;color:var(--text-muted);margin-bottom:22px;word-break:break-all}
.del-text b{color:#ef4444;font-weight:700}
.del-actions{display:flex;gap:10px}
.del-cancel{flex:1;height:42px;border-radius:12px;background:var(--bg-input);border:1px solid var(--border);color:var(--text-muted);font-size:14px;font-weight:700;cursor:pointer;transition:.2s}
.del-cancel:hover{color:var(--text);border-color:var(--border-focus)}
.del-confirm{flex:1;height:42px;border-radius:12px;border:none;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px rgba(239,68,68,.3);transition:.2s}
.del-confirm:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}
@media(max-width:480px){.del-modal{max-width:88vw;padding:26px 20px 20px}.del-actions{flex-direction:column-reverse}.del-cancel,.del-confirm{width:100%}}

/* ===== 后台主题跟随（与聊天室主题一致） ===== */
body[data-theme="breeze"]{
    --bg:#eff6fb;--bg-card:#ffffff;--bg-sidebar:#ffffff;--bg-input:#f6fbfe;
    --border:#d8e6ef;--border-focus:#b3d4ea;
    --text:#22303c;--text-muted:#7f93a3;--text-bright:#13202b;
    --accent:#0ea5e9;--accent2:#2563eb;--accent3:#14b8a6;
    --grad:linear-gradient(135deg,#0ea5e9,#2563eb);
    --grad2:linear-gradient(135deg,#2563eb,#14b8a6);
    --shadow:0 2px 12px rgba(37,99,235,.08);--shadow-lg:0 8px 32px rgba(37,99,235,.12);
}
body[data-theme="sunrise"]{
    --bg:#fdf6ef;--bg-card:#ffffff;--bg-sidebar:#ffffff;--bg-input:#fdf9f4;
    --border:#f0e2d3;--border-focus:#e8c9a8;
    --text:#3c2f25;--text-muted:#a08d7a;--text-bright:#2a1f16;
    --accent:#f97316;--accent2:#0d9488;--accent3:#f59e0b;
    --grad:linear-gradient(135deg,#f97316,#ef4444);
    --grad2:linear-gradient(135deg,#0d9488,#f59e0b);
    --shadow:0 2px 12px rgba(249,115,22,.08);--shadow-lg:0 8px 32px rgba(249,115,22,.12);
}
body[data-theme="midnight"]{
    --bg:#14121f;--bg-card:#1e1b2e;--bg-sidebar:#181526;--bg-input:#181526;
    --border:#2e2942;--border-focus:#4a4166;
    --text:#c9c4d8;--text-muted:#7c7691;--text-bright:#ece9f6;
    --accent:#ff5c9d;--accent2:#7c6cff;--accent3:#2dd4bf;
    --grad:linear-gradient(135deg,#ff5c9d,#b44dff);
    --grad2:linear-gradient(135deg,#7c6cff,#2dd4bf);
    --shadow:0 2px 12px rgba(0,0,0,.35);--shadow-lg:0 8px 32px rgba(0,0,0,.45);
}
body[data-theme="forest"]{
    --bg:#0f1714;--bg-card:#16211c;--bg-sidebar:#131c17;--bg-input:#131c17;
    --border:#24352d;--border-focus:#3a5448;
    --text:#c4d2ca;--text-muted:#75877d;--text-bright:#e4efe8;
    --accent:#34d399;--accent2:#0ea5a5;--accent3:#a3e635;
    --grad:linear-gradient(135deg,#34d399,#0ea5a5);
    --grad2:linear-gradient(135deg,#0ea5a5,#a3e635);
    --shadow:0 2px 12px rgba(0,0,0,.35);--shadow-lg:0 8px 32px rgba(0,0,0,.45);
}
body[data-theme="graphite"]{
    --bg:#111214;--bg-card:#1a1b1e;--bg-sidebar:#151619;--bg-input:#151619;
    --border:#2a2c31;--border-focus:#43464d;
    --text:#c9ccd1;--text-muted:#7e838b;--text-bright:#eceded;
    --accent:#5b8def;--accent2:#8a6cf5;--accent3:#3ecfb2;
    --grad:linear-gradient(135deg,#5b8def,#8a6cf5);
    --grad2:linear-gradient(135deg,#8a6cf5,#3ecfb2);
    --shadow:0 2px 12px rgba(0,0,0,.35);--shadow-lg:0 8px 32px rgba(0,0,0,.45);
}
body[data-theme="sakura"]{
    --bg:#f7fbef;--bg-card:#ffffff;--bg-sidebar:#ffffff;--bg-input:#f9fcf3;
    --border:#e2edd2;--border-focus:#c8e0a4;
    --text:#2f3a22;--text-muted:#8a966f;--text-bright:#1c2412;
    --accent:#84cc16;--accent2:#65a30d;--accent3:#facc15;
    --grad:linear-gradient(135deg,#84cc16,#65a30d);
    --grad2:linear-gradient(135deg,#65a30d,#facc15);
    --shadow:0 2px 12px rgba(132,204,22,.08);--shadow-lg:0 8px 32px rgba(132,204,22,.12);
}
body[data-theme="obsidian"]{
    --bg:#08090b;--bg-card:#101215;--bg-sidebar:#0d0f12;--bg-input:#0d0f12;
    --border:#22262c;--border-focus:#39424e;
    --text:#c8cdd4;--text-muted:#7a828c;--text-bright:#f2f4f6;
    --accent:#00e5cf;--accent2:#00b0ff;--accent3:#a3ff12;
    --grad:linear-gradient(135deg,#00e5cf,#00b0ff);
    --grad2:linear-gradient(135deg,#00b0ff,#a3ff12);
    --shadow:0 2px 12px rgba(0,0,0,.4);--shadow-lg:0 8px 32px rgba(0,0,0,.55);
}
body[data-theme="rose"]{
    --bg:#fff1f2;--bg-card:#ffffff;--bg-sidebar:#ffffff;--bg-input:#fff8f9;
    --border:#fddde2;--border-focus:#f9b4be;
    --text:#4a2633;--text-muted:#b07888;--text-bright:#2d1520;
    --accent:#fb7185;--accent2:#f43f5e;--accent3:#fda4af;
    --grad:linear-gradient(135deg,#fb7185,#f43f5e);
    --grad2:linear-gradient(135deg,#f43f5e,#fb923c);
    --shadow:0 2px 12px rgba(244,63,94,.08);--shadow-lg:0 8px 32px rgba(244,63,94,.12);
}
body[data-theme="violet"]{
    --bg:#faf5ff;--bg-card:#ffffff;--bg-sidebar:#ffffff;--bg-input:#faf7ff;
    --border:#e9d5ff;--border-focus:#c4b5fd;
    --text:#3b2d56;--text-muted:#8b6fa8;--text-bright:#241638;
    --accent:#a78bfa;--accent2:#8b5cf6;--accent3:#c4b5fd;
    --grad:linear-gradient(135deg,#a78bfa,#8b5cf6);
    --grad2:linear-gradient(135deg,#8b5cf6,#a855f7);
    --shadow:0 2px 12px rgba(139,92,246,.08);--shadow-lg:0 8px 32px rgba(139,92,246,.12);
}
body[data-theme="ocean"]{
    --bg:#ecfeff;--bg-card:#ffffff;--bg-sidebar:#ffffff;--bg-input:#f0fafb;
    --border:#cffafe;--border-focus:#a5f3fc;
    --text:#164e63;--text-muted:#5eacc2;--text-bright:#0c3d4f;
    --accent:#06b6d4;--accent2:#0891b2;--accent3:#67e8f9;
    --grad:linear-gradient(135deg,#06b6d4,#0891b2);
    --grad2:linear-gradient(135deg,#0891b2,#0ea5e9);
    --shadow:0 2px 12px rgba(8,145,178,.08);--shadow-lg:0 8px 32px rgba(8,145,178,.12);
}
body[data-theme="honey"]{
    --bg:#fefce8;--bg-card:#ffffff;--bg-sidebar:#ffffff;--bg-input:#fef9e6;
    --border:#fef08a;--border-focus:#fde047;
    --text:#4a3f0a;--text-muted:#a08c52;--text-bright:#2d2506;
    --accent:#fbbf24;--accent2:#f59e0b;--accent3:#fcd34d;
    --grad:linear-gradient(135deg,#fbbf24,#f59e0b);
    --grad2:linear-gradient(135deg,#f59e0b,#f97316);
    --shadow:0 2px 12px rgba(245,158,11,.08);--shadow-lg:0 8px 32px rgba(245,158,11,.12);
}
body[data-theme="crimson"]{
    --bg:#1a0f0f;--bg-card:#220f0f;--bg-sidebar:#1c0d0d;--bg-input:#1c0d0d;
    --border:#3d1a1a;--border-focus:#5c2c2c;
    --text:#d4b8b8;--text-muted:#8c6e6e;--text-bright:#f0dada;
    --accent:#f87171;--accent2:#dc2626;--accent3:#fca5a5;
    --grad:linear-gradient(135deg,#f87171,#dc2626);
    --grad2:linear-gradient(135deg,#dc2626,#b91c1c);
    --shadow:0 2px 12px rgba(220,38,38,.25);--shadow-lg:0 8px 32px rgba(220,38,38,.35);
}
body[data-theme="aurora"]{
    --bg:#0c0f1a;--bg-card:#111527;--bg-sidebar:#0e1120;--bg-input:#0e1120;
    --border:#1e2540;--border-focus:#2d3860;
    --text:#c4cce8;--text-muted:#6e789a;--text-bright:#e2e7f6;
    --accent:#22d3ee;--accent2:#818cf8;--accent3:#a5b4fc;
    --grad:linear-gradient(135deg,#22d3ee,#818cf8);
    --grad2:linear-gradient(135deg,#818cf8,#c084fc);
    --shadow:0 2px 12px rgba(34,211,238,.12);--shadow-lg:0 8px 32px rgba(129,140,248,.2);
}
body[data-theme="slate"]{
    --bg:#0f1117;--bg-card:#16181e;--bg-sidebar:#121418;--bg-input:#121418;
    --border:#22262f;--border-focus:#333a47;
    --text:#c8cdd4;--text-muted:#7a828c;--text-bright:#f2f4f6;
    --accent:#94a3b8;--accent2:#64748b;--accent3:#cbd5e1;
    --grad:linear-gradient(135deg,#94a3b8,#64748b);
    --grad2:linear-gradient(135deg,#64748b,#475569);
    --shadow:0 2px 12px rgba(0,0,0,.35);--shadow-lg:0 8px 32px rgba(0,0,0,.45);
}
body[data-theme="emerald"]{
    --bg:#0a1210;--bg-card:#0f1a15;--bg-sidebar:#0d1612;--bg-input:#0d1612;
    --border:#1a3028;--border-focus:#284d3e;
    --text:#b8d4ca;--text-muted:#6e8880;--text-bright:#e4f2ec;
    --accent:#10b981;--accent2:#059669;--accent3:#6ee7b7;
    --grad:linear-gradient(135deg,#10b981,#059669);
    --grad2:linear-gradient(135deg,#059669,#047857);
    --shadow:0 2px 12px rgba(5,150,105,.2);--shadow-lg:0 8px 32px rgba(5,150,105,.3);
}