:root[data-theme="dark"] { color-scheme: dark; --panel-bg:#0b1220; --panel-ink:#eef2ff; --panel-muted:#a3acc2; --panel-border:#293247; }
:root[data-theme="dark"] body.panel-body { background:#0b1220; color:var(--panel-ink); }
:root[data-theme="dark"] .panel-topbar { background:rgba(15,23,42,.94); }
:root[data-theme="dark"] .panel-card, :root[data-theme="dark"] .card, :root[data-theme="dark"] .account-dropdown, :root[data-theme="dark"] .panel-home, :root[data-theme="dark"] .panel-toggle, :root[data-theme="dark"] .panel-cache-button, :root[data-theme="dark"] .form-control, :root[data-theme="dark"] .form-select, :root[data-theme="dark"] .select2-container--default .select2-selection--single, :root[data-theme="dark"] .modal-content, :root[data-theme="dark"] .dropdown-menu { background:#111a2c!important; color:#eef2ff!important; border-color:#2b364d!important; }
:root[data-theme="dark"] .table { --bs-table-bg:transparent; --bs-table-color:#e7ebf6; --bs-table-border-color:#2b364d; }
:root[data-theme="dark"] .text-dark, :root[data-theme="dark"] h1, :root[data-theme="dark"] h2, :root[data-theme="dark"] h3, :root[data-theme="dark"] h4, :root[data-theme="dark"] h5, :root[data-theme="dark"] label { color:#eef2ff!important; }
:root[data-theme="dark"] .text-muted, :root[data-theme="dark"] small { color:#a3acc2!important; }
:root[data-theme="dark"] .account-trigger:hover, :root[data-theme="dark"] .panel-account.open .account-trigger, :root[data-theme="dark"] .account-dropdown a:hover { background:#1a2539; }
.panel-preference-actions { display:flex; align-items:center; gap:8px; }
.panel-preference-button { width:40px; height:40px; display:grid; place-items:center; border:1px solid var(--panel-border); border-radius:10px; background:#fff; color:var(--panel-ink); font-weight:800; cursor:pointer; }
:root[data-theme="dark"] .panel-preference-button { background:#111a2c; }
.app-toast-region { position:fixed; z-index:2000; top:18px; right:18px; width:min(390px,calc(100vw - 28px)); display:grid; gap:10px; pointer-events:none; }
.app-toast { pointer-events:auto; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:11px; padding:13px 14px; color:#fff; background:#334155; border-radius:12px; box-shadow:0 16px 38px rgba(15,23,42,.25); opacity:0; transform:translateY(-10px); transition:.22s ease; }
.app-toast.show { opacity:1; transform:none; }.app-toast-success{background:#15803d}.app-toast-danger{background:#b91c1c}.app-toast-info{background:#1d4ed8}
.app-toast button { border:0; background:transparent; color:inherit; font-size:22px; line-height:1; }
.field-validation-error { display:block; margin-top:5px; color:#dc2626!important; font-size:12px; font-weight:600; animation:validation-in .18s ease; }
@keyframes validation-in { from { opacity:0; transform:translateY(-3px) } }
@media(max-width:575.98px){.panel-preference-actions{gap:5px}.panel-preference-button{width:36px;height:36px}.app-toast-region{top:10px;right:10px}.panel-header-tools{gap:6px!important}}
.site-preference-actions{position:fixed;right:16px;bottom:18px;z-index:1050;display:flex;gap:8px;padding:7px;border:1px solid var(--panel-border,#e5e7eb);border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 12px 30px rgba(15,23,42,.16);backdrop-filter:blur(12px)}
:root[data-theme="dark"] body:not(.panel-body){background:#0b1220;color:#e8edf7}:root[data-theme="dark"] body:not(.panel-body) .site-preference-actions,:root[data-theme="dark"] body:not(.panel-body) .contact-card,:root[data-theme="dark"] body:not(.panel-body) .single_ins,:root[data-theme="dark"] body:not(.panel-body) .card,:root[data-theme="dark"] body:not(.panel-body) .form-control,:root[data-theme="dark"] body:not(.panel-body) .form-select,:root[data-theme="dark"] body:not(.panel-body) .modal-content{background:#111a2c!important;color:#eef2ff!important;border-color:#2b364d!important}:root[data-theme="dark"] body:not(.panel-body) h1,:root[data-theme="dark"] body:not(.panel-body) h2,:root[data-theme="dark"] body:not(.panel-body) h3,:root[data-theme="dark"] body:not(.panel-body) h4,:root[data-theme="dark"] body:not(.panel-body) h5,:root[data-theme="dark"] body:not(.panel-body) label{color:#eef2ff!important}:root[data-theme="dark"] body:not(.panel-body) p,:root[data-theme="dark"] body:not(.panel-body) .text-muted{color:#a8b2c7!important}