*{box-sizing:border-box}html{overflow-y:scroll;scrollbar-gutter:stable;-webkit-text-size-adjust:100%}html,body{margin:0;min-height:100%;background:#f5f3ee;color:#26302e;font-family:Trebuchet MS,Segoe UI,sans-serif}body{overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}img,svg,video{max-width:100%;height:auto}@media(max-width:700px){html{overflow-y:auto;scrollbar-gutter:auto}input,select,textarea{font-size:16px}}.themed-area{--area-bg: #f5f7f5;--area-panel: #ffffff;--area-ink: #24302f;--area-muted: #75817d;--area-line: #dfe5e0;--area-accent: #d06945;--area-font: system-ui, sans-serif}:root[data-theme=dark] .themed-area{--area-bg: var(--dark-bg);--area-panel: var(--dark-panel);--area-ink: var(--dark-ink);--area-muted: var(--dark-muted);--area-line: var(--dark-line)}:root[data-accent=olive]{--accent: #7f8f4a;--accent-hover: #6c7a3d;--accent-soft: #eef1e2;--accent-ink: #55632a;--accent-glow: rgba(127, 143, 74, .2);--accent-dark-ink: #c9d69a}:root[data-accent=slate]{--accent: #577f9c;--accent-hover: #486b85;--accent-soft: #e6eef4;--accent-ink: #35547a;--accent-glow: rgba(87, 127, 156, .2);--accent-dark-ink: #9ec1e0}:root[data-accent=plum]{--accent: #8b5f8a;--accent-hover: #764f75;--accent-soft: #f0e6f0;--accent-ink: #5f3f5e;--accent-glow: rgba(139, 95, 138, .2);--accent-dark-ink: #d9b5d8}:root[data-accent=teal]{--accent: #4e9a8c;--accent-hover: #418378;--accent-soft: #e2f0ed;--accent-ink: #2f6a5f;--accent-glow: rgba(78, 154, 140, .2);--accent-dark-ink: #9fd8cc}:root[data-accent] .app-shell .side-nav .nav-item.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink);box-shadow:inset 3px 0 0 var(--accent),0 4px 12px var(--accent-glow)}:root[data-accent] .app-shell .side-nav .nav-item.active i{background:var(--accent-soft);color:var(--accent)}:root[data-accent] .app-shell .side-nav .view-item.active{background:var(--accent-soft);color:var(--accent-ink)}:root[data-accent] .app-shell .side-nav .view-item.active i{color:var(--accent)}:root[data-accent] .app-shell .side-nav .theme-switch.on{background:var(--accent)}:root[data-accent] .app-shell .side-nav .user-menu .avatar{background:var(--accent-soft);color:var(--accent-ink)}:root[data-accent] .app-shell .mobile-nav-toggle:hover,:root[data-accent] .app-shell.mobile-nav-open .mobile-nav-toggle{color:var(--accent);border-color:var(--accent)}:root[data-accent] .app-shell .settings-page .section-item.active{background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}:root[data-accent] .app-shell .settings-page .section-item.active i{background:var(--accent-soft);color:var(--accent)}:root[data-accent] .app-shell .settings-page .btn-primary,:root[data-accent] .app-shell .tickets-page .btn-primary{background:var(--accent);border-color:var(--accent)}:root[data-accent] .app-shell .settings-page .btn-primary:hover,:root[data-accent] .app-shell .tickets-page .btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}:root[data-accent] .app-shell .settings-page .check-row input[type=checkbox]{accent-color:var(--accent)}:root[data-accent] .app-shell .settings-page .swatch.is-selected{border-color:var(--accent-ink)}:root[data-accent] .app-shell .tickets-page .filter-tabs button.active .count{background:var(--accent-soft);color:var(--accent-ink)}:root[data-accent] .app-shell .ticket-save,:root[data-accent] .app-shell .thread-send{background:var(--accent);border-color:var(--accent-hover)}:root[data-accent] .app-shell .ticket-save:hover:not(:disabled),:root[data-accent] .app-shell .thread-send:hover:not(:disabled){background:var(--accent-hover)}:root[data-accent] .app-shell .kind-option.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}:root[data-accent] .app-shell .kind-option.selected i{color:var(--accent)}:root[data-accent] .app-shell .thread-item.is-team{border-left-color:var(--accent);background:var(--accent-soft)}:root[data-accent] .app-shell .thread-badge{background:var(--accent-soft);color:var(--accent-ink)}:root[data-accent] .app-shell .area-editor-save{background:var(--accent);border-color:var(--accent)}:root[data-accent] .app-shell .area-filter-add:hover{color:var(--accent);border-color:var(--accent)}:root[data-accent] .app-shell .area-chip-wrap:hover .area-chip-edit,:root[data-accent] .app-shell .area-chip-edit:focus-visible{color:var(--accent)}:root[data-accent] .app-shell .area-chip-wrap.drop-target:before{background:var(--accent)}:root[data-density=compact] .app-shell .task-row{padding:8px 10px;gap:10px}:root[data-density=compact] .app-shell .task-row .task-body{gap:2px}:root[data-density=compact] .app-shell .task-row .task-photo-open{width:44px;height:44px}:root[data-density=compact] .app-shell .people-list{gap:8px}:root[data-density=compact] .app-shell .calendar-chip{padding:0 4px;line-height:1.25}:root[data-density=roomy] .app-shell .task-row{padding:24px 12px;gap:16px}:root[data-density=roomy] .app-shell .task-row .task-body{gap:7px}:root[data-density=roomy] .app-shell .task-row .task-body .task-title{font-size:13px}:root[data-density=roomy] .app-shell .task-row .task-body .task-note{font-size:11px}:root[data-density=roomy] .app-shell .people-list{gap:18px}:root[data-density=roomy] .app-shell .calendar-chip{padding:3px 6px}:root[data-theme=dark]{color-scheme:dark;--dark-bg: #00122e;--dark-panel: #061d42;--dark-elevated: #0d2955;--dark-hover: #143467;--dark-line: #1c3d75;--dark-line-soft:#12305f;--dark-line-strong: #2a4f8f;--dark-ink: #e8eefb;--dark-ink-2: #c7d3ec;--dark-muted: #8598bf;--dark-icon-bg: rgba(120, 160, 230, .18);--dark-icon-ink: #a9c4f0;--dark-switch: #2a4478;--dark-accent: #d06945;--dark-accent-soft: rgba(208, 105, 69, .18)}:root[data-theme=dark] body{background:var(--dark-bg);color:var(--dark-ink)}:root[data-theme=dark] .app-shell{background:var(--dark-bg);color:var(--dark-ink);--ink: var(--dark-ink);--muted: var(--dark-muted);--line: var(--dark-line);--panel: var(--dark-panel)}:root[data-theme=dark] .sticky-composer{background:var(--dark-panel);border-bottom-color:var(--dark-line);box-shadow:0 4px 14px #00000059}:root[data-theme=dark] .area-filter-add{border-color:var(--dark-line-strong);color:var(--dark-ink-2)}:root[data-theme=dark] .area-filter-add:hover{background:var(--dark-panel);color:#ffb494;border-color:var(--dark-accent)}:root[data-theme=dark] .area-chip-edit{color:var(--dark-muted)}:root[data-theme=dark] .app-shell .area-chip-wrap:hover .area-chip-edit,:root[data-theme=dark] .app-shell .area-chip-edit:focus-visible{color:#ffb494;border-color:var(--dark-line);background:var(--dark-panel)}:root[data-theme=dark] .mobile-nav-toggle{background:var(--dark-panel);border-color:var(--dark-line);color:var(--dark-ink);box-shadow:0 4px 14px #0006}:root[data-theme=dark] .mobile-nav-toggle:hover{background:var(--dark-hover);color:#ffb494}:root[data-theme=dark] body .app-shell.mobile-nav-open .mobile-nav-toggle{color:#ffb494;border-color:var(--dark-accent)}:root[data-theme=dark] .mobile-nav-scrim{background:#0000008c}:root[data-theme=dark] .settings-page .page-header .eyebrow{color:var(--dark-muted)}:root[data-theme=dark] .settings-page .page-header h1{color:var(--dark-ink)}:root[data-theme=dark] .settings-page .page-header .subtitle{color:var(--dark-muted)}:root[data-theme=dark] .settings-page .section-nav{background:var(--dark-panel);border-color:var(--dark-line)}:root[data-theme=dark] .settings-page .section-item{color:var(--dark-ink)}:root[data-theme=dark] .settings-page .section-item:hover{background:var(--dark-hover);border-color:var(--dark-line)}:root[data-theme=dark] .settings-page .section-item.active{background:var(--accent-glow, var(--dark-icon-bg));border-color:var(--accent, var(--dark-line-strong));box-shadow:inset 3px 0 0 var(--accent, var(--dark-icon-ink))}:root[data-theme=dark] .settings-page .section-item i{background:var(--dark-icon-bg);color:var(--dark-icon-ink)}:root[data-theme=dark] .settings-page .section-item.active i{background:var(--accent-glow, var(--dark-line-strong));color:var(--accent-dark-ink, var(--dark-ink))}:root[data-theme=dark] .app-shell .settings-page .section-item .section-label strong{color:var(--dark-ink)}:root[data-theme=dark] .app-shell .settings-page .section-item .section-label small{color:var(--dark-muted)}:root[data-theme=dark] .settings-page .panel{background:var(--dark-panel);border-color:var(--dark-line)}:root[data-theme=dark] .settings-page .panel h2{color:var(--dark-ink)}:root[data-theme=dark] .settings-page .panel-hint,:root[data-theme=dark] .settings-page .action-copy small{color:var(--dark-muted)}:root[data-theme=dark] .settings-page .panel-danger{border-color:#7a3a2c}:root[data-theme=dark] .settings-page .panel-danger h2{color:#ff9a7a}:root[data-theme=dark] .settings-page .field-row{border-top-color:var(--dark-line-soft)}:root[data-theme=dark] .app-shell .settings-page .field-row label>span,:root[data-theme=dark] .settings-page .field-title{color:var(--dark-ink-2)}:root[data-theme=dark] .settings-page .field-row input[type=text],:root[data-theme=dark] .settings-page .field-row input[type=email],:root[data-theme=dark] .settings-page .field-row input[type=password],:root[data-theme=dark] .settings-page .field-row input[type=number],:root[data-theme=dark] .settings-page .field-row select{background:var(--dark-elevated);border-color:var(--dark-line);color:var(--dark-ink)}:root[data-theme=dark] .app-shell .settings-page .check-row span strong{color:var(--dark-ink)}:root[data-theme=dark] .app-shell .settings-page .check-row span small{color:var(--dark-muted)}:root[data-theme=dark] .settings-page .action-copy strong{color:var(--dark-ink)}:root[data-theme=dark] .settings-page .action-row,:root[data-theme=dark] .settings-page .panel-actions{border-top-color:var(--dark-line-soft)}:root[data-theme=dark] .settings-page .segment{background:var(--dark-elevated);border-color:var(--dark-line)}:root[data-theme=dark] .settings-page .segment button{color:var(--dark-ink-2)}:root[data-theme=dark] .settings-page .segment button.active{background:var(--dark-panel);color:var(--dark-ink);box-shadow:0 1px 2px #00000059}:root[data-theme=dark] .settings-page .btn-ghost{background:var(--dark-elevated);color:var(--dark-ink);border-color:var(--dark-line)}:root[data-theme=dark] .settings-page .btn-ghost:hover{background:var(--dark-hover);border-color:var(--dark-line-strong)}:root[data-theme=dark] .settings-page .btn-warning{background:#d0694524;color:#ffb494;border-color:#7a3a2c}:root[data-theme=dark] .settings-page .btn-warning:hover{background:#d0694538;border-color:#a24d33}:root[data-theme=dark] .settings-page .field-row input[type=time],:root[data-theme=dark] .settings-page .confirm-box input[type=password]{background:var(--dark-elevated);border-color:var(--dark-line);color:var(--dark-ink)}:root[data-theme=dark] .settings-page .current-value{color:var(--dark-ink)}:root[data-theme=dark] .settings-page .current-value i,:root[data-theme=dark] .settings-page .inline-hint,:root[data-theme=dark] .settings-page .field-hint,:root[data-theme=dark] .settings-page .inline-sep{color:var(--dark-muted)}:root[data-theme=dark] .settings-page .notice-row{color:#8fd0a6}:root[data-theme=dark] .settings-page .pending-box,:root[data-theme=dark] .settings-page .confirm-box{background:#d069451f;border-color:#7a3a2c;color:var(--dark-ink-2)}:root[data-theme=dark] .settings-page .confirm-box.confirm-danger{background:#a0332338;border-color:#a24d33}:root[data-theme=dark] .settings-page .pending-box strong{color:#ffb494}:root[data-theme=dark] .settings-page .pending-box small,:root[data-theme=dark] .app-shell .settings-page .confirm-box label>span{color:var(--dark-muted)}:root[data-theme=dark] .auth-shell{background:var(--dark-bg);color:var(--dark-ink)}:root[data-theme=dark] .auth-brand,:root[data-theme=dark] .auth-shell .auth-panel h1{color:var(--dark-ink)}:root[data-theme=dark] .eyebrow,:root[data-theme=dark] .auth-subtitle,:root[data-theme=dark] .auth-switch{color:var(--dark-muted)}:root[data-theme=dark] .auth-shell .auth-form label{color:var(--dark-ink-2)}:root[data-theme=dark] .auth-shell .auth-form input{background:var(--dark-panel);border-color:var(--dark-line);color:var(--dark-ink);box-shadow:inset 0 1px 2px #0000004d}:root[data-theme=dark] .auth-error{background:#d069451f;color:#ffb494}:root[data-theme=dark] .app-shell .tickets-page .page-header .eyebrow,:root[data-theme=dark] .app-shell .tickets-page .page-header .subtitle,:root[data-theme=dark] .app-shell .tickets-page .ticket-meta,:root[data-theme=dark] .app-shell .tickets-page .empty{color:var(--dark-muted)}:root[data-theme=dark] .app-shell .tickets-page .page-header h1,:root[data-theme=dark] .app-shell .tickets-page .ticket-title-row h3{color:var(--dark-ink)}:root[data-theme=dark] .app-shell .tickets-page .ticket-card,:root[data-theme=dark] .app-shell .tickets-page .refresh,:root[data-theme=dark] .app-shell .tickets-page .btn-ghost{background:var(--dark-panel);border-color:var(--dark-line);color:var(--dark-ink)}:root[data-theme=dark] .app-shell .tickets-page .ticket-desc{color:var(--dark-ink-2)}:root[data-theme=dark] .app-shell .tickets-page .empty{border-color:var(--dark-line)}:root[data-theme=dark] .app-shell .tickets-page .filter-tabs{background:var(--dark-elevated);border-color:var(--dark-line)}:root[data-theme=dark] .app-shell .tickets-page .filter-tabs button{color:var(--dark-ink-2)}:root[data-theme=dark] .app-shell .tickets-page .filter-tabs button.active{background:var(--dark-panel);color:var(--dark-ink)}:root[data-theme=dark] .app-shell .tickets-page .filter-tabs .count{background:var(--dark-line);color:var(--dark-ink-2)}:root[data-theme=dark] .app-shell .tickets-page .filter-tabs button.active .count{background:var(--accent-glow, var(--dark-icon-bg));color:var(--accent-dark-ink, var(--dark-icon-ink))}:root[data-theme=dark] .app-shell .tickets-page .status-pill{background:var(--dark-elevated);border-color:var(--dark-line)}:root[data-theme=dark] .app-shell .ticket-thread{border-top-color:var(--dark-line)}:root[data-theme=dark] .app-shell .thread-item{background:var(--dark-elevated);border-color:var(--dark-line)}:root[data-theme=dark] .app-shell .thread-item.is-team{background:#d069451f}:root[data-theme=dark] .app-shell .thread-head{color:var(--dark-muted)}:root[data-theme=dark] .app-shell .thread-head strong{color:var(--dark-ink)}:root[data-theme=dark] .app-shell .thread-body{color:var(--dark-ink-2)}:root[data-theme=dark] .app-shell .thread-form textarea{background:var(--dark-elevated);border-color:var(--dark-line);color:var(--dark-ink)}:root[data-theme=dark] .app-shell .thread-hint{color:var(--dark-muted)}:root[data-theme=dark] .app-shell .task-row .overdue-badge{background:#b83a2a47;color:#ff9a7a}:root[data-theme=dark] .app-shell .settings-page .swatch.is-selected{border-color:var(--dark-ink)}:root[data-theme=dark] .app-shell input:not(.task-composer-bar input):not([type=color]):not([type=checkbox]):not([type=radio]):not([type=range]),:root[data-theme=dark] .app-shell select:not(.task-composer-bar select),:root[data-theme=dark] .app-shell textarea:not(.task-composer-bar textarea){color-scheme:dark}