.theme-toggle{width:38px;height:38px;padding:8px;background:#EDF3FF;color:#235CB8;border:1px solid #D8E6FF;border-radius:12px;flex-shrink:0}
.theme-toggle:hover{background:#DFEAFE}
.sync-indicator{padding:4px 7px;background:transparent;color:#16815D;font-size:11px;font-weight:500;gap:6px;white-space:nowrap}
.sync-indicator:before{content:'';width:6px;height:6px;background:currentColor;border-radius:50%}
.sync-indicator:hover{background:#E8F5EE}.sync-indicator.pending{color:#AC6C10}
button.icon.text-danger{color:#BE354A}button.icon:hover{background:#EDF3FB}
.account-actions{white-space:nowrap}.table-wrap td:last-child{min-width:120px}
:root[data-theme=dark]{color-scheme:dark;--navy:#E0EDFF;--secondary:#9DC7FF;--blue:#397DFF;--bg:#071426;--ink:#DCE9FC;--muted:#96ABC8;--border:#233C5B;--green:#4CDCB0;--shadow:0 12px 36px #020A1755}
[data-theme=dark] body{background:radial-gradient(ellipse at 90% 0,#112E504D,transparent 60%),#071426}
[data-theme=dark] .app-main{background:transparent}
[data-theme=dark] .filters,[data-theme=dark] .task-card,[data-theme=dark] .modal-header{background:#10263F;border-color:var(--border)}
[data-theme=dark] .auth-story{background:linear-gradient(150deg,#0A2546,#08172B)}
[data-theme=dark] .notice{background:#142F50;color:#B0D1FB;border-color:#315377}
[data-theme=dark] .status-badge{background:color-mix(in srgb,var(--color) 18%,#0D2139);color:color-mix(in srgb,var(--color) 65%,white)}
[data-theme=dark] .sidebar{background:linear-gradient(165deg,#0A203D,#081A31);border-right:1px solid #24405F}
[data-theme=dark] .topbar{background:#0B1E35;border-color:var(--border)}
[data-theme=dark] .panel,[data-theme=dark] .kpi,[data-theme=dark] .status-count,[data-theme=dark] dialog,[data-theme=dark] .kanban-card,[data-theme=dark] .calendar-day,[data-theme=dark] .auth-form-wrap{background:#0F233C;border-color:var(--border);box-shadow:0 5px 25px #01081222}
[data-theme=dark] .panel{background:linear-gradient(135deg,#102740,#0D2037)}
[data-theme=dark] .kpi.blue{border-top-color:#5DA4FF;box-shadow:0 -2px 15px #268DFF0D}
[data-theme=dark] .kpi-icon,[data-theme=dark] .avatar{background:#193F6B;color:#B9D9FF}
[data-theme=dark] .side-nav a.active{background:#183F6B;box-shadow:inset 3px 0 #60B7FF,0 0 20px #268DFF0A}
[data-theme=dark] .trial-card{background:#102D4C;border-color:#2B4C70}
[data-theme=dark] th,[data-theme=dark] thead,[data-theme=dark] .calendar-weekday,[data-theme=dark] .kanban-column,[data-theme=dark] .data-steps{background:#10263F;color:#A7C0E0}
[data-theme=dark] td,[data-theme=dark] th,[data-theme=dark] .panel-head,[data-theme=dark] .modal-header,[data-theme=dark] .table-footer{border-color:#223953}
[data-theme=dark] tbody tr:hover,[data-theme=dark] .calendar-day.today{background:#153355}
[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#091B31;color:#E1EDFF;border-color:#304C6D}
[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#7992B1}
[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{border-color:#54A5FF;box-shadow:0 0 0 3px #268DFF20}
[data-theme=dark] .button.outline,[data-theme=dark] button.secondary{background:#132E4D;color:#C7DCFA;border-color:#355577}
[data-theme=dark] .button.outline:hover,[data-theme=dark] button.secondary:hover,[data-theme=dark] button.icon:hover{background:#1B3B60}
[data-theme=dark] .badge{background:#193653;color:#B1CCEA}
[data-theme=dark] .badge.green,[data-theme=dark] .notice.success{background:#103C39;color:#6EE3BB}
[data-theme=dark] .notice.warning{background:#3C301D;color:#F3CB88}
[data-theme=dark] .error-message{background:#482433;color:#FFB3BF;border-color:#76364B}
[data-theme=dark] .theme-toggle{background:#17385E;border-color:#335C89;color:#8CC9FF;box-shadow:0 0 16px #359BFF12}
[data-theme=dark] .theme-toggle:hover{background:#214B77}
[data-theme=dark] .sync-indicator{color:#6DD9B6}
[data-theme=dark] .sync-indicator:hover{background:#123832}
[data-theme=dark] .sync-indicator.pending{color:#F0C381}
[data-theme=dark] button.icon.text-danger{color:#FF97AC}
[data-theme=dark] .drop-zone,[data-theme=dark] .user-checkboxes,[data-theme=dark] .task-comment,[data-theme=dark] .comment,[data-theme=dark] .attachment{background:#0D2139;border-color:#2B4566}
[data-theme=dark] .calendar-task{background:#1C4270;color:#D4E5FF}
[data-theme=dark] .progress{background:#25415F}
[data-theme=dark] dialog::backdrop{background:#020916B8;backdrop-filter:blur(4px)}
[data-theme=dark] .muted,[data-theme=dark] .breadcrumb,[data-theme=dark] .date-label{color:var(--muted)}
[data-theme=dark] .page-heading h1,[data-theme=dark] .panel h3,[data-theme=dark] .kpi strong,[data-theme=dark] .modal-header h2{color:#E7F0FF}
@media(max-width:640px){.topbar-right{gap:7px}.sync-indicator{font-size:0;padding:5px}.sync-indicator:before{width:7px;height:7px}.theme-toggle{width:34px;height:34px}.heading-actions{flex-wrap:wrap}.account-actions{white-space:normal}}