:root{--bg-primary:#000;--bg-secondary:#121212;--text-primary:#fff;--text-secondary:#b0b0b0;--accent-green:#4caf50;--accent-red:#f44336;--border-color:#333;--button-bg:#1a1a1a;--button-hover:#2a2a2a;--danger:#d32f2f;--danger-hover:#f44336}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow-x:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:16px;line-height:1.5}#app{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;outline:none;font-family:inherit}input,select{font-family:inherit;font-size:inherit;color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-color);width:100%;border-radius:8px;padding:12px 16px}input:focus,select:focus{outline:2px solid var(--accent-green);outline-offset:2px}.theme-select{cursor:pointer}label{color:var(--text-secondary);margin-bottom:8px;font-weight:500;display:block}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.end-0{inset-inline-end:0}.top-0{top:0}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.flex{display:flex}.size-4{width:1rem;height:1rem}.h-10{height:2.5rem}.h-16{height:4rem}.h-full{height:100%}.h-px{height:1px}.w-10{width:2.5rem}.w-56{width:14rem}.w-full{width:100%}.min-w-\[120px\]{min-width:120px}.max-w-7xl{max-width:80rem}.max-w-\[200px\]{max-width:200px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\[var\(--accent-green\)\]{border-color:var(--accent-green)}.border-\[var\(--border-color\)\]{border-color:var(--border-color)}.bg-\[rgba\(255\,59\,48\,0\.1\)\]{background-color:#ff3b301a}.bg-\[var\(--accent-green\)\]{background-color:var(--accent-green)}.bg-\[var\(--bg-primary\)\]{background-color:var(--bg-primary)}.bg-\[var\(--bg-secondary\)\]{background-color:var(--bg-secondary)}.bg-\[var\(--border-color\)\]{background-color:var(--border-color)}.bg-\[var\(--card-bg\)\]{background-color:var(--card-bg)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\[var\(--accent-green\)\]{color:var(--accent-green)}.text-\[var\(--bg-primary\)\]{color:var(--bg-primary)}.text-\[var\(--danger\)\]{color:var(--danger)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.opacity-40{opacity:.4}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 #0000000d;--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.blur{--tw-blur:blur(8px);filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.filter{filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-\[var\(--card-bg-hover\)\]:hover{background-color:var(--card-bg-hover)}.hover\:text-\[var\(--text-primary\)\]:hover{color:var(--text-primary)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-\[var\(--accent-green\)\]:focus{--tw-ring-color:var(--accent-green)}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x:.98;--tw-scale-y:.98;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.md\:flex{display:flex}.md\:items-center{align-items:center}.md\:gap-12{gap:3rem}}@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}.uplot,.uplot *,.uplot :before,.uplot :after{box-sizing:border-box}.uplot{width:min-content;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{-webkit-user-select:none;user-select:none;position:relative}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{width:100%;height:100%;display:block;position:relative}.u-axis{position:absolute}.u-legend{text-align:center;margin:auto;font-size:14px}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{pointer-events:none;background:#00000012;position:absolute}.u-cursor-x,.u-cursor-y{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.u-hz .u-cursor-x,.u-vt .u-cursor-y{border-right:1px dashed #607d8b;height:100%}.u-hz .u-cursor-y,.u-vt .u-cursor-x{border-bottom:1px dashed #607d8b;width:100%}.u-cursor-pt{pointer-events:none;will-change:transform;border:0 solid;border-radius:50%;position:absolute;top:0;left:0;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}.app{min-height:100vh;background-color:var(--bg-primary);flex-direction:column;min-height:100dvh;display:flex}.time-bar{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:center;align-items:center;width:100%;height:25px;display:flex}.time-bar-content{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:100%;padding:0 20px;display:flex}.time-display{color:var(--text-secondary);font-size:13px;font-weight:600}.date-display{color:var(--text-secondary);margin-left:auto;font-size:13px;font-weight:600}.time-bar-list-name{color:var(--text-primary);pointer-events:none;font-size:13px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.settings-button{background-color:var(--settings-button-bg);color:var(--text-secondary);z-index:100;border:1px solid var(--settings-button-border);width:36px;height:36px;box-shadow:0 1px 4px var(--settings-button-shadow);border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;position:fixed;bottom:16px;left:16px}.settings-button svg{width:20px;height:20px;display:block}.settings-button:active{background-color:var(--settings-button-bg-active);transform:scale(.95)}.settings-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex;position:sticky;top:0}.settings-header-left{flex:1;justify-content:flex-start;align-items:center;display:flex}.settings-header-center{flex:1;justify-content:center;align-items:center;display:flex}.settings-header-center h1{color:var(--text-secondary);margin:0;font-size:18px;font-weight:500}.settings-header-right{flex:1;justify-content:flex-end;align-items:center;display:flex}.show-dashboard-button{background-color:var(--accent-green);color:var(--text-primary);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 20px;font-size:16px;font-weight:600;transition:all .2s}.show-dashboard-button:active{background-color:var(--accent-green-dark);transform:scale(.98)}.login-button{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;white-space:nowrap;border-radius:8px;padding:10px 20px;font-size:16px;font-weight:600;transition:all .2s}.login-button:active:not(:disabled){background-color:var(--button-hover);transform:scale(.98)}.login-button:disabled{opacity:.5;cursor:not-allowed}.logout-button{color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;white-space:nowrap;background-color:#0000;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.logout-button:active{background-color:var(--button-hover);transform:scale(.98)}.user-avatar-container{position:relative}.user-avatar-button{background-color:var(--accent-green);width:40px;height:40px;color:var(--text-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;overflow:hidden}.user-avatar-button:active{transform:scale(.95)}.user-avatar-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.user-avatar-initials{color:var(--text-primary);font-size:16px;font-weight:600}.user-dropdown{background-color:var(--bg-secondary);border:1px solid var(--border-color);z-index:1000;border-radius:8px;min-width:200px;padding:12px 0;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 4px 12px #00000026}.user-dropdown-name{color:var(--text-primary);padding:8px 16px;font-size:14px;font-weight:600}.user-dropdown-divider{background-color:var(--border-color);height:1px;margin:8px 0}.user-dropdown-logout{color:var(--text-secondary);cursor:pointer;padding:8px 16px;font-size:14px;transition:background-color .2s}.user-dropdown-logout:hover,.user-dropdown-logout:active{background-color:var(--button-hover)}.header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.header h1{text-align:center;color:var(--text-secondary);flex:1;font-size:18px;font-weight:500}.icon-button{color:var(--text-primary);background:0 0;border-radius:8px;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:8px;transition:background-color .2s;display:flex}.icon-button:active{background-color:var(--button-hover)}.panel-indicators{background:var(--bg-primary);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:center;gap:8px;padding:12px;display:flex}.indicator{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;opacity:.5;background:0 0;border-radius:16px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s}.indicator:hover{opacity:.8}.indicator.active{opacity:1;background:var(--accent-green);color:var(--text-primary);border-color:var(--accent-green)}.dashboard-swipe-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;display:flex;overflow-x:scroll}.dashboard-swipe-container::-webkit-scrollbar{display:none}.dashboard-panel{scroll-snap-align:start;scroll-snap-stop:always;min-width:100vw}.dashboard{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:60vh;display:flex}.empty-state p{color:var(--text-secondary);font-size:18px}.app-title{color:var(--text-primary);margin-bottom:.5em;font-size:2em;font-weight:600}.app-description{color:var(--text-secondary);opacity:.8;margin-bottom:1em;font-size:1.1em}.empty-state-footer{color:var(--text-secondary);margin-top:2em;font-size:.85em}.empty-state-footer a{color:var(--text-secondary);text-decoration:none;transition:opacity .2s}.empty-state-footer a:hover{opacity:.7}.footer-separator{opacity:.5;margin:0 12px}.task-list{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden auto}.task-card{background-color:var(--bg-primary);border:none;border-bottom:2px dashed var(--border-color);outline:none;flex-direction:row;flex:1 1 0;align-items:center;width:100%;min-height:0;padding:10px;transition:background-color .2s;display:flex;position:relative}.task-card:focus{outline:none}.task-card:last-child{border-bottom:none}.task-card:active{background-color:var(--button-hover)}.task-card.overdue{background-color:var(--overdue-bg)}.task-card.overdue:active{background-color:var(--overdue-bg-active)}.task-name{color:var(--text-primary);-webkit-hyphens:auto;hyphens:auto;text-align:center;flex:.95;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;margin:0;padding:0 5px;font-weight:400;line-height:1.3;display:flex;white-space:normal!important}.task-name>*{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.task-name-overdue{color:var(--text-primary);-webkit-hyphens:auto;hyphens:auto;text-align:center;flex:.95;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;margin:0;padding:0 10px;font-weight:400;line-height:1.3;display:flex;white-space:normal!important}.task-name-overdue>*{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.task-time{align-items:left;color:var(--text-primary);background-color:var(--task-time-bg);border:1px solid var(--task-time-border);white-space:nowrap;border-radius:6px;flex:.05 0;justify-content:flex-start;padding:3px 8px;font-family:Courier New,Courier,monospace;font-size:20px;font-weight:600;display:flex}.task-due-date{color:var(--task-due-date-color);font-size:clamp(11px,2vw,14px);font-weight:400;position:absolute;bottom:7px;right:7px}.button-primary{background-color:var(--accent-green);color:var(--text-primary);border-radius:12px;width:100%;padding:16px 24px;font-size:18px;font-weight:600;transition:all .2s}.button-primary:active:not(:disabled){background-color:var(--accent-green-dark);transform:scale(.98)}.button-primary:disabled{opacity:.5;cursor:not-allowed}.button-action{border:1px solid var(--border-color);background-color:#0000;border-radius:6px;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:8px;transition:all .2s;display:flex}.button-action:active:not(:disabled){background-color:var(--button-hover)}.button-action:disabled{opacity:.3;cursor:not-allowed}.button-reorder{color:var(--text-secondary)}.button-danger{color:var(--danger)}.button-danger:active{background-color:var(--button-danger-active-bg)}.setup{flex:1;width:100%;max-width:600px;margin:0 auto;padding:20px;overflow-y:auto}.settings-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:32px;padding:24px}.settings-section h2{color:var(--text-primary);margin-bottom:20px;font-size:20px;font-weight:600}.task-form{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:32px;padding:24px}.task-form h2{color:var(--text-primary);margin-bottom:20px;font-size:20px;font-weight:600}.form-group{margin-bottom:20px}.form-hint{color:var(--text-secondary);margin-top:4px;font-size:12px;display:block}.task-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:20px;display:flex}.task-item-actions{align-items:center;gap:8px;display:flex}.task-item-content{flex:1}.task-item-content h3{color:var(--text-primary);margin-bottom:4px;font-size:18px;font-weight:600}.task-item-content p{color:var(--text-secondary);font-size:14px}.task-item-editing{border-color:var(--accent-orange)}.task-item-editing .task-item-content{margin-right:16px}.task-edit-input{border:1px solid var(--border-color);background-color:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:6px;margin-bottom:8px;padding:8px 12px;font-family:inherit;font-size:16px}.task-edit-input:focus{border-color:var(--accent-green);outline:none}.task-edit-input-number{width:80px;margin-left:8px}.task-edit-period{color:var(--text-secondary);align-items:center;font-size:14px;display:flex}.task-edit-period label{margin-right:8px}.button-edit{color:#ffc107}.button-save{color:var(--accent-green)}.button-cancel{color:var(--accent-red)}.empty-message{text-align:center;color:var(--text-secondary);padding:40px 20px;font-size:16px}.magic-link-container{align-items:stretch;gap:8px;display:flex}.magic-link-input{border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;flex:1;padding:12px 16px;font-family:inherit;font-size:14px;overflow:hidden}.magic-link-input:focus{border-color:var(--accent-green);outline:none}.button-copy{background-color:var(--accent-green);color:var(--text-primary);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}.button-copy:hover{background-color:var(--button-hover);transform:translateY(-1px)}.button-copy:active{transform:translateY(0)}.button-copy.copied{background-color:var(--accent-green);opacity:.8}.time-adjust-popup-backdrop{z-index:999;background-color:#0000;position:fixed;inset:0}.time-adjust-popup{background-color:var(--bg-secondary);border:1px solid var(--border-color);z-index:1000;border-radius:12px;gap:8px;margin-top:-8px;padding:8px;display:flex;position:fixed;transform:translate(-50%,-100%);box-shadow:0 4px 12px #0000004d}.time-adjust-button{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:8px;outline:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:24px;font-weight:600;transition:all .2s;display:flex}@media (hover:hover){.time-adjust-button:hover{background-color:var(--button-hover);border-color:var(--accent-green)}}.time-adjust-button:active{background-color:var(--accent-green);transform:scale(.95)}.time-adjust-button:focus{border-color:var(--border-color);outline:none}.time-adjust-button:focus:not(:active){border-color:var(--border-color);background-color:var(--bg-primary)}.undo-toast-backdrop{z-index:999;background-color:#0000;position:fixed;inset:0}.undo-toast{z-index:1000;pointer-events:none;width:100%;max-width:400px;padding:0 20px;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.undo-toast-content{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 4px 12px var(--toast-shadow);pointer-events:auto;border-radius:12px;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex;position:relative;overflow:hidden}.undo-toast-text{color:var(--text-primary);flex:1;font-size:16px}.undo-button{background-color:var(--accent-orange);color:var(--text-primary);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;height:44px;padding:8px 16px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.undo-button:active{background-color:var(--accent-green-dark);transform:scale(.95)}.undo-progress-bar{background-color:var(--progress-bar-bg);height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.undo-progress-fill{background-color:var(--accent-green);transform-origin:0;width:100%;height:100%;animation:3s linear forwards undoProgress}@keyframes undoProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.popup-backdrop{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup{background-color:var(--bg-secondary);border:1px solid var(--border-color);z-index:1001;border-radius:16px;width:90%;max-width:400px;padding:24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0000004d}.popup-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.popup-header h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:600}.popup-close{color:var(--text-secondary);cursor:pointer;background-color:#0000;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:8px;transition:all .2s;display:flex}.popup-close:active{background-color:var(--button-hover)}.popup-message{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.5}.popup-actions{flex-direction:column;gap:12px;display:flex}.popup-actions .button-primary{width:100%}.popup-actions .button-secondary{color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;background-color:#0000;border-radius:8px;width:100%;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}.popup-actions .button-secondary:active{background-color:var(--button-hover)}.popup-actions .button-danger{color:var(--danger);border:1px solid var(--border-color);cursor:pointer;background-color:#0000;border-radius:8px;width:100%;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}.popup-actions .button-danger:active{background-color:var(--button-danger-active-bg)}.task-description-backdrop{z-index:1000;background-color:#00000080;position:fixed;inset:0}.task-description-popup{background:var(--bg-primary);z-index:1001;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.task-description-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.task-description-header h2{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;padding-right:12px;font-size:18px;font-weight:600;overflow:hidden}.task-description-close{color:var(--text-secondary);cursor:pointer;background-color:#0000;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:8px;transition:all .2s;display:flex}.task-description-close:active{background-color:var(--button-hover)}.task-description-content{flex-direction:column;flex:1;padding:20px;display:flex;overflow-y:auto}.task-description-text{color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;font-size:16px;line-height:1.6}.task-description-empty{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;display:flex}.task-description-empty p{color:var(--text-secondary);margin:0;font-size:16px}.task-description-empty button{background-color:var(--accent-green);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.task-description-empty button:active{background-color:var(--accent-green-dark)}.task-description-content textarea{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;min-height:200px;color:var(--text-primary);resize:vertical;border-radius:8px;padding:12px;font-family:inherit;font-size:16px;line-height:1.6}.task-description-content textarea:focus{border-color:var(--accent-green);outline:none}.task-description-content textarea:disabled{opacity:.6;cursor:not-allowed}.task-description-footer{border-top:1px solid var(--border-color);flex-shrink:0;gap:12px;padding:16px 20px;display:flex}.task-description-footer button{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.task-description-footer button:first-child{background-color:var(--accent-green);color:#fff}.task-description-footer button:first-child:active{background-color:var(--accent-green-dark)}.task-description-footer button:last-child:not(:first-child){color:var(--text-primary);border:1px solid var(--border-color);background-color:#0000}.task-description-footer button:last-child:not(:first-child):active{background-color:var(--button-hover)}.task-description-footer button:disabled{opacity:.6;cursor:not-allowed}@media (min-width:768px){.task-description-popup{border:1px solid var(--border-color);border-radius:16px;width:90%;max-width:600px;max-height:80vh;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0000004d}.task-description-header h2{font-size:20px}.header h1{font-size:28px}.settings-header-center h1{font-size:24px}.task-card{min-height:100px;padding:24px}}@media (max-width:640px){.settings-header{gap:8px;padding:10px 12px}.settings-header-center h1{font-size:16px}.show-dashboard-button,.login-button{padding:8px 12px;font-size:14px}.user-avatar-button{width:36px;height:36px}.user-avatar-initials{font-size:14px}.user-dropdown{min-width:180px}}.stats-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px;padding:24px}.stats-section h2{color:var(--text-primary);margin-bottom:20px;font-size:20px;font-weight:600}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px;display:grid}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:16px}.stat-label{color:var(--text-secondary);opacity:.7;margin-bottom:8px;font-size:12px}.stat-value-row{align-items:baseline;gap:8px;display:flex}.stat-value{color:var(--text-primary);font-size:24px;font-weight:700}.stat-subtitle{color:var(--text-secondary);opacity:.7;font-size:14px;font-weight:700}.stats-suggestion{background-color:rgba(var(--accent-green-rgb),.1);border:1px solid var(--accent-green);border-radius:8px;margin-top:16px;padding:16px}.stats-suggestion p{color:var(--text-primary);margin:0;font-size:14px}.chart-placeholder{background-color:var(--bg-primary);border:1px dashed var(--border-color);text-align:center;border-radius:8px;justify-content:center;align-items:center;min-height:300px;padding:48px;display:flex}.task-stats-list{flex-direction:column;gap:8px;display:flex}.task-stat-item{background-color:var(--bg-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.task-stat-item:hover{background-color:var(--button-hover);opacity:.9}.task-stat-info{flex:1}.task-stat-name{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:600}.task-stat-subtitle{color:var(--text-secondary);opacity:.7;font-size:14px}.task-stat-metrics{text-align:right}.task-stat-delay{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600}.text-center{text-align:center}.py-8{padding-top:32px;padding-bottom:32px}