:root{--app-bg: #eef2f7;--app-bg-muted: #f6f8fb;--surface: #ffffff;--surface-elevated: #f8fafc;--surface-strong: #eef2f7;--surface-contrast: #0f172a;--border-soft: rgba(148, 163, 184, .16);--border-strong: rgba(148, 163, 184, .28);--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--shadow-soft: 0 12px 32px rgba(15, 23, 42, .08);--shadow-strong: 0 24px 64px rgba(15, 23, 42, .12);--hover-surface: rgba(148, 163, 184, .12);--accent: #16a34a;--accent-soft: rgba(22, 163, 74, .14);--danger-soft: rgba(239, 68, 68, .16)}html[data-theme=dark]{--app-bg: #09131d;--app-bg-muted: #0d1723;--surface: #101b29;--surface-elevated: #142131;--surface-strong: #1b2a3d;--surface-contrast: #e5eef8;--border-soft: rgba(148, 163, 184, .14);--border-strong: rgba(148, 163, 184, .24);--text-primary: #e5eef8;--text-secondary: #b8c4d4;--text-muted: #7f8da3;--shadow-soft: 0 18px 42px rgba(2, 8, 23, .34);--shadow-strong: 0 28px 90px rgba(2, 8, 23, .52);--hover-surface: rgba(148, 163, 184, .14);--accent-soft: rgba(34, 197, 94, .16);--danger-soft: rgba(248, 113, 113, .18)}html,body{background:var(--app-bg);color:var(--text-primary)}body,input,textarea,select,button{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}body,input,textarea,select{color:var(--text-primary)}.app-body,.theme-page{background:var(--app-bg);color:var(--text-primary)}.theme-panel{background:var(--surface);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft)}.theme-toggle{display:inline-flex;align-items:center;gap:.75rem;cursor:pointer;border-radius:9999px;border:1px solid var(--border-soft);background:var(--surface);color:var(--text-secondary);padding:.4rem .8rem;box-shadow:var(--shadow-soft)}.theme-toggle:hover{background:var(--surface-elevated);color:var(--text-primary)}.theme-toggle__track{position:relative;width:2.35rem;height:1.35rem;border-radius:9999px;background:var(--surface-strong);border:1px solid var(--border-soft);flex-shrink:0}.theme-toggle__thumb{position:absolute;top:50%;left:.14rem;width:.95rem;height:.95rem;border-radius:9999px;background:linear-gradient(135deg,#facc15,#f59e0b);box-shadow:0 4px 12px #0f172a2e;transform:translateY(-50%)}html[data-theme=dark] .theme-toggle__thumb{left:1.08rem;background:linear-gradient(135deg,#22c55e,#14b8a6)}html[data-theme=dark] .bg-white{background-color:var(--surface)!important}html[data-theme=dark] .bg-gray-50{background-color:var(--surface-elevated)!important}html[data-theme=dark] .bg-gray-100{background-color:var(--surface-strong)!important}html[data-theme=dark] .bg-gray-200{background-color:#243244!important}html[data-theme=dark] .bg-gray-900{background-color:#0b1220!important}html[data-theme=dark] .text-gray-800{color:var(--text-primary)!important}html[data-theme=dark] .text-gray-700,html[data-theme=dark] .text-gray-600{color:var(--text-secondary)!important}html[data-theme=dark] .text-gray-500,html[data-theme=dark] .text-gray-400{color:var(--text-muted)!important}html[data-theme=dark] .border-gray-50,html[data-theme=dark] .border-gray-100,html[data-theme=dark] .border-gray-200,html[data-theme=dark] .border-gray-300{border-color:var(--border-soft)!important}html[data-theme=dark] .hover\:bg-gray-50:hover,html[data-theme=dark] .hover\:bg-gray-100:hover,html[data-theme=dark] .hover\:bg-gray-200:hover{background-color:var(--hover-surface)!important}html[data-theme=dark] .hover\:text-gray-700:hover,html[data-theme=dark] .hover\:text-gray-800:hover{color:var(--text-primary)!important}html[data-theme=dark] .focus\:bg-white:focus{background-color:var(--surface)!important}html[data-theme=dark] .placeholder-gray-400::-moz-placeholder{color:var(--text-muted)!important;opacity:1}html[data-theme=dark] .placeholder-gray-400::placeholder{color:var(--text-muted)!important;opacity:1}html[data-theme=dark] .shadow-sm,html[data-theme=dark] .shadow,html[data-theme=dark] .shadow-xl,html[data-theme=dark] .shadow-2xl,html[data-theme=dark] .shadow-lg{box-shadow:var(--shadow-soft)!important}html[data-theme=dark] .bg-purple-100{background-color:#a855f729!important}html[data-theme=dark] .text-purple-500{color:#d8b4fe!important}html[data-theme=dark] .bg-orange-100{background-color:#f9731629!important}html[data-theme=dark] .text-orange-500{color:#fdba74!important}html[data-theme=dark] .bg-green-100{background-color:var(--accent-soft)!important}html[data-theme=dark] .text-green-700{color:#86efac!important}html[data-theme=dark] .text-green-600{color:#4ade80!important}html[data-theme=dark] .bg-blue-400{background-color:#60a5fa!important}html[data-theme=dark] .bg-red-50{background-color:var(--danger-soft)!important}html[data-theme=dark] canvas{filter:saturate(1.05)}