.theme-toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer;user-select:none}.theme-toggle-checkbox{position:absolute;opacity:0;width:0;height:0}.theme-toggle-label{display:flex;align-items:center;justify-content:space-between;width:60px;height:30px;background:var(--color-border);border-radius:var(--radius-full);padding:3px;cursor:pointer;transition:background-color var(--transition-base);position:relative}.theme-toggle-checkbox:checked+.theme-toggle-label{background:var(--color-primary)}.theme-toggle-slider{position:absolute;top:3px;left:3px;width:24px;height:24px;background:var(--color-bg-secondary);border-radius:50%;transition:transform var(--transition-base);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.theme-toggle-checkbox:checked+.theme-toggle-label .theme-toggle-slider{transform:translateX(30px)}.theme-toggle-icon{width:16px;height:16px;color:var(--color-text-secondary)}.theme-toggle-moon,.theme-toggle-sun{position:absolute;width:14px;height:14px;transition:opacity var(--transition-fast)}.theme-toggle-sun{opacity:1;color:#f59e0b}.theme-toggle-moon{opacity:0;color:#818cf8}.theme-toggle-checkbox:checked~.theme-toggle-sun{opacity:0}.theme-toggle-checkbox:checked~.theme-toggle-moon{opacity:1}[data-theme=dark] body{background:var(--color-bg-primary);color:var(--color-text-secondary)}[data-theme=dark] .card,[data-theme=dark] .statbox,[data-theme=dark] .widget{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .header-container,[data-theme=dark] .navbar{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}[data-theme=dark] .widget-content-area{background:var(--color-bg-secondary)}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--color-text-primary)}[data-theme=dark] .card-modern{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .breadcrumb{background:var(--color-bg-tertiary)}[data-theme=dark] .dropdown-menu{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .dropdown-item{color:var(--color-text-secondary)}[data-theme=dark] .dropdown-item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{background:var(--color-bg-secondary);border-color:var(--color-primary)}[data-theme=dark] img:not(.no-dark-filter){opacity:.9;transition:opacity var(--transition-base)}[data-theme=dark] img:not(.no-dark-filter):hover{opacity:1}.card,.dropdown-menu,.header-container,.navbar,.widget,body,input,select,textarea{transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) body{background:var(--color-bg-primary);color:var(--color-text-secondary)}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}.theme-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-full)}