:root{--color-primary: oklch(.48 .18 280);--color-on-primary: oklch(1 0 0);--color-primary-container: oklch(.9 .05 280);--color-on-primary-container: oklch(.15 .04 280);--color-error: oklch(.5 .2 25);--color-on-error: oklch(1 0 0);--color-error-container: oklch(.92 .08 25);--color-success: oklch(.5 .18 145);--color-on-success: oklch(1 0 0);--color-warning: oklch(.7 .18 75);--color-on-warning: oklch(.2 .02 75);--color-warning-text: oklch(.5 .18 75);--bg: oklch(.98 .005 280);--bg-secondary: oklch(.95 .008 280);--bg-tertiary: oklch(.9 .01 280);--text: oklch(.15 .02 280);--text-secondary: oklch(.45 .02 280);--text-tertiary: oklch(.5 .02 280);--border: oklch(.85 .01 280);--priority-high: var(--color-error);--priority-medium: var(--color-primary);--priority-low: var(--color-success);--shadow-sm: 0 1px 2px oklch(0 0 0 / .06), 0 1px 1px oklch(0 0 0 / .04);--shadow-md: 0 4px 6px oklch(0 0 0 / .07), 0 2px 4px oklch(0 0 0 / .06);--shadow-lg: 0 10px 15px oklch(0 0 0 / .1), 0 4px 6px oklch(0 0 0 / .05);--shadow-xl: 0 20px 25px oklch(0 0 0 / .15), 0 8px 10px oklch(0 0 0 / .1);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--font-sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--leading-tight: 1.1;--leading-normal: 1.5;--leading-relaxed: 1.6;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--sidebar-width: 240px;--toolbar-height: 56px;--content-max-width: 960px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-primary: oklch(.7 .15 280);--color-on-primary: oklch(.1 .02 280);--color-primary-container: oklch(.25 .08 280);--color-on-primary-container: oklch(.9 .05 280);--color-error: oklch(.65 .18 25);--color-on-error: oklch(.15 .03 25);--color-error-container: oklch(.3 .1 25);--color-success: oklch(.65 .15 145);--color-on-success: oklch(.15 .02 145);--color-warning: oklch(.75 .15 75);--color-on-warning: oklch(.2 .02 75);--color-warning-text: oklch(.75 .15 75);--bg: oklch(.12 .01 280);--bg-secondary: oklch(.16 .015 280);--bg-tertiary: oklch(.2 .02 280);--text: oklch(.92 .01 280);--text-secondary: oklch(.65 .015 280);--text-tertiary: oklch(.6 .015 280);--border: oklch(.25 .02 280);--shadow-sm: 0 1px 2px oklch(0 0 0 / .3), 0 1px 1px oklch(0 0 0 / .2);--shadow-md: 0 4px 6px oklch(0 0 0 / .35), 0 2px 4px oklch(0 0 0 / .3);--shadow-lg: 0 10px 15px oklch(0 0 0 / .4), 0 4px 6px oklch(0 0 0 / .35);--shadow-xl: 0 20px 25px oklch(0 0 0 / .5), 0 8px 10px oklch(0 0 0 / .4)}}:root[data-theme=dark]{--color-primary: oklch(.7 .15 280);--color-on-primary: oklch(.1 .02 280);--color-primary-container: oklch(.25 .08 280);--color-on-primary-container: oklch(.9 .05 280);--color-error: oklch(.65 .18 25);--color-on-error: oklch(.15 .03 25);--color-error-container: oklch(.3 .1 25);--color-success: oklch(.65 .15 145);--color-on-success: oklch(.15 .02 145);--color-warning: oklch(.75 .15 75);--color-on-warning: oklch(.2 .02 75);--color-warning-text: oklch(.75 .15 75);--bg: oklch(.12 .01 280);--bg-secondary: oklch(.16 .015 280);--bg-tertiary: oklch(.2 .02 280);--text: oklch(.92 .01 280);--text-secondary: oklch(.65 .015 280);--text-tertiary: oklch(.6 .015 280);--border: oklch(.25 .02 280);--shadow-sm: 0 1px 2px oklch(0 0 0 / .3), 0 1px 1px oklch(0 0 0 / .2);--shadow-md: 0 4px 6px oklch(0 0 0 / .35), 0 2px 4px oklch(0 0 0 / .3);--shadow-lg: 0 10px 15px oklch(0 0 0 / .4), 0 4px 6px oklch(0 0 0 / .35);--shadow-xl: 0 20px 25px oklch(0 0 0 / .5), 0 8px 10px oklch(0 0 0 / .4)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text);background:var(--bg);overflow:hidden}.app{display:flex;height:100vh;height:100dvh;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-inline-end:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;transition:transform var(--transition-normal)}.sidebar-header{padding:var(--space-lg);font-size:var(--text-lg);font-weight:var(--weight-bold);border-block-end:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.sidebar-user{padding:var(--space-sm) var(--space-md);border-block-end:1px solid var(--border);font-size:var(--text-sm)}.sidebar-user-name{font-weight:var(--weight-semibold);margin-block-end:var(--space-xs)}.sidebar-user-detail{color:var(--text-secondary);font-size:var(--text-xs)}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-sm)}.nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background var(--transition-fast),color var(--transition-fast);border:none;background:none;width:100%;text-align:start;min-height:40px}.nav-item:hover{background:var(--bg-tertiary)}.nav-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.nav-item.active{background:var(--color-primary-container);color:var(--color-on-primary-container)}.nav-icon{font-size:var(--text-md);width:24px;text-align:center;flex-shrink:0}.sidebar-user-email{margin-block-start:2px}.sidebar-footer{padding:var(--space-md);border-block-start:1px solid var(--border)}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.toolbar{padding:var(--space-sm) var(--space-lg);border-block-end:1px solid var(--border);display:flex;align-items:center;gap:var(--space-md);background:var(--bg);min-height:var(--toolbar-height)}.toolbar h2{font-size:var(--text-xl);font-weight:var(--weight-semibold);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.offline-queue-badge{padding:2px var(--space-sm);border-radius:var(--space-sm);font-size:var(--text-sm);white-space:nowrap;color:var(--color-warning-text);background:color-mix(in oklab,var(--color-warning) 12%,transparent);border:1px solid color-mix(in oklab,var(--color-warning) 40%,transparent)}.search-input{padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text);font-size:var(--text-sm);width:200px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-container)}.search-input::placeholder{color:var(--text-tertiary)}.content{flex:1;overflow-y:auto;padding:var(--space-xl);max-width:var(--content-max-width);width:100%;margin-inline:auto}.card{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:var(--space-lg);margin-block-end:var(--space-sm);transition:box-shadow var(--transition-fast),opacity var(--transition-fast);border:1px solid transparent}.card.clickable{cursor:pointer}.card:hover{box-shadow:var(--shadow-sm);border-color:var(--border)}.card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.card.completed{opacity:.55}.card-title{font-size:var(--text-base);font-weight:var(--weight-medium);margin-block-end:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs)}.card-meta{font-size:var(--text-xs);color:var(--text-secondary);display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:center;margin-block-start:var(--space-xs)}.priority-high{border-inline-start:3px solid var(--priority-high)}.priority-medium{border-inline-start:3px solid var(--priority-medium)}.priority-low{border-inline-start:3px solid var(--priority-low)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:inherit;line-height:1;transition:background var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);min-height:36px;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover{opacity:.9}.btn-danger{background:var(--color-error);color:var(--color-on-error)}.btn-danger:hover{opacity:.9}.btn-ghost{background:var(--bg-tertiary);color:var(--text)}.btn-ghost:hover{background:var(--border)}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);min-height:28px}.btn-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:var(--bg-tertiary);cursor:pointer;font-size:var(--text-md);color:var(--text);transition:background var(--transition-fast),transform var(--transition-fast)}.btn-icon:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-icon:active{transform:scale(.96)}.btn-icon:hover{background:var(--border)}.input,.textarea,.select{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:var(--text-base);font-family:inherit;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);line-height:var(--leading-normal)}.input:focus,.textarea:focus,.select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-container)}.input::placeholder,.textarea::placeholder{color:var(--text-tertiary)}.textarea{resize:vertical;min-height:80px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-inline-end:32px;cursor:pointer}.form-group{margin-block-end:var(--space-lg)}.form-label{display:block;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);margin-block-end:var(--space-xs);text-transform:uppercase;letter-spacing:.5px}.password-wrapper{position:relative}.password-wrapper .input{padding-inline-end:44px}.password-toggle{position:absolute;inset-inline-end:4px;top:50%;transform:translateY(-50%);padding:4px 8px;min-height:auto;font-size:var(--text-md);line-height:1;border:none;background:none;cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-xs)}.password-toggle:hover{color:var(--text)}.password-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.input-error{border-color:var(--color-error)!important;box-shadow:0 0 0 2px #bb061e26!important}.field-error{display:block;font-size:var(--text-xs);color:var(--color-error);margin-block-start:var(--space-xs)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .15s ease-out;overscroll-behavior:contain}.modal{background:var(--bg);border-radius:var(--radius-md);padding:var(--space-xl);width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:modalEnter .2s ease-out}@keyframes modalEnter{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-block-end:var(--space-lg)}.modal-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-block-start:var(--space-xl)}.tag{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-xs);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.4;min-height:24px}.auth-screen{display:flex;align-items:center;justify-content:center;height:100vh;height:100dvh;background:var(--bg)}.auth-box{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-2xl);width:min(340px,90vw);text-align:center;box-shadow:var(--shadow-md)}.auth-box h1{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-block-end:var(--space-sm)}.auth-box p{color:var(--text-secondary);margin-block-end:var(--space-xl);font-size:var(--text-sm)}.auth-error{color:var(--color-error);font-size:var(--text-sm);margin-block-end:var(--space-md);padding:var(--space-sm);background:var(--color-error-container);border-radius:var(--radius-sm)}.error-boundary-box{text-align:center}.error-boundary-title{font-size:var(--text-xl);margin-block-end:var(--space-sm)}.error-boundary-text{color:var(--text-secondary);margin:12px 0;font-size:var(--text-md)}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl);color:var(--text-secondary)}.empty-state-icon{font-size:3rem;margin-block-end:var(--space-md);display:block}.empty-state h3{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-block-end:var(--space-sm);color:var(--text)}.empty-state p{font-size:var(--text-sm);margin-block-end:var(--space-lg);max-width:320px;margin-inline:auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-md);margin-block-end:var(--space-xl)}.stat-card{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:var(--space-xl);text-align:center;border:1px solid var(--border)}.stat-value{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-primary);line-height:var(--leading-tight)}.stat-label{font-size:var(--text-xs);color:var(--text-secondary);margin-block-start:var(--space-xs);text-transform:uppercase;letter-spacing:.5px}.settings-section{margin-block-end:var(--space-xl)}.settings-section h3{font-size:var(--text-md);font-weight:var(--weight-semibold);margin-block-end:var(--space-md);padding-block-end:var(--space-sm);border-block-end:1px solid var(--border)}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;border-block-end:1px solid var(--border);gap:var(--space-md)}.setting-row:last-child{border-block-end:none}.setting-label{font-size:var(--text-sm)}.setting-desc{font-size:var(--text-xs);color:var(--text-secondary);margin-block-start:2px}.toggle{width:44px;height:24px;border-radius:var(--radius-full);background:var(--border);cursor:pointer;position:relative;transition:background var(--transition-normal);border:none;flex-shrink:0}.toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.toggle.on{background:var(--color-primary)}.toggle-slider{width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;top:2px;inset-inline-start:2px;transition:inset-inline-start var(--transition-normal)}.toggle.on .toggle-slider{inset-inline-start:22px}.toggle input[type=checkbox]{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.color-options{display:flex;gap:var(--space-xs);flex-wrap:wrap}.color-dot{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:border-color var(--transition-fast),transform var(--transition-fast)}.color-dot:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.color-dot.selected{border-color:var(--color-primary);transform:scale(1.15)}.color-dot-sm{width:20px;height:20px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:border-color var(--transition-fast),transform var(--transition-fast)}.color-dot-sm:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.color-dot-sm.selected{border-color:var(--color-primary);transform:scale(1.2)}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .15s ease-out}.confirm-box{background:var(--bg);border-radius:var(--radius-md);padding:var(--space-xl);width:340px;text-align:center;box-shadow:var(--shadow-xl);animation:modalEnter .2s ease-out}.confirm-box p{margin-block-end:var(--space-xl);font-size:var(--text-base);line-height:var(--leading-normal)}.confirm-actions{display:flex;gap:var(--space-sm);justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toastEnter{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.toast-container{position:fixed;inset-block-end:var(--space-xl);inset-inline-end:var(--space-xl);z-index:300;display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none}.toast{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;box-shadow:var(--shadow-lg);animation:toastEnter .2s ease-out;max-width:340px;pointer-events:auto;line-height:var(--leading-normal)}.toast-success{background:var(--color-success);color:var(--color-on-success)}.toast-error{background:var(--color-error);color:var(--color-on-error)}.toast-info{background:var(--color-primary);color:var(--color-on-primary)}.progress-bar{height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:2px;transition:width var(--transition-slow)}.badge{display:inline-flex;align-items:center;padding:1px var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1.4}.hamburger{display:none;width:36px;height:36px;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:var(--bg-secondary);cursor:pointer;font-size:var(--text-md);color:var(--text)}.hamburger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.help-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);cursor:pointer;font-size:var(--text-md);font-weight:600;color:var(--text);margin-inline-start:auto;transition:background .15s ease}.help-button:hover{background:var(--bg-tertiary)}.help-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.help-modal .help-content{max-width:560px;margin-block-end:16px}.help-modal .help-screen-title{font-size:var(--text-lg);font-weight:600;margin-block-end:12px;color:var(--text)}.help-modal .help-text{font-size:var(--text-md);line-height:1.6;color:var(--text-secondary);white-space:pre-line}.help-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-block-end:8px}.help-category{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.help-catalog-toolbar{display:flex;gap:8px;margin-block-end:12px;flex-wrap:wrap}.help-search{flex:1;min-width:180px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:var(--text-md)}.help-category-select{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text)}.help-catalog{list-style:none;margin:0;padding:0;max-height:320px;overflow-y:auto}.help-catalog-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;border:none;border-block-end:1px solid var(--border);background:none;cursor:pointer;text-align:start;border-radius:var(--radius-sm)}.help-catalog-item:hover{background:var(--bg-secondary)}.help-catalog-title{font-size:var(--text-md);color:var(--text)}.help-catalog-cat{font-size:12px;color:var(--text-secondary);white-space:nowrap}.help-empty{color:var(--text-secondary);padding:16px 0;text-align:center}.help-related{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-block-start:16px;padding-block-start:12px;border-block-start:1px solid var(--border)}.help-related-label{font-size:12px;color:var(--text-secondary)}.help-related-chip{padding:4px 10px;border:1px solid var(--border);border-radius:999px;background:var(--bg-secondary);color:var(--color-primary, #2563eb);font-size:12px;cursor:pointer}.help-related-chip:hover{border-color:var(--color-primary, #2563eb)}.help-tip{display:inline-flex;align-items:center;position:relative;margin-inline-start:6px;vertical-align:middle}.help-tip-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1px solid var(--border);background:var(--bg-secondary);color:var(--color-primary, #2563eb);font-size:12px;font-weight:600;cursor:pointer;line-height:1}.help-tip-btn:hover{border-color:var(--color-primary, #2563eb)}.help-tip-popover{position:absolute;z-index:90;inset-block-start:calc(100% + 8px);inset-inline-start:0;width:min(320px,80vw);padding:12px 32px 12px 14px;background:var(--surface, #fff);border:1px solid var(--border);border-radius:var(--radius-md, 12px);box-shadow:0 8px 24px #0000002e;display:flex;flex-direction:column;gap:6px;text-align:start}.help-tip-title{font-weight:600;font-size:13px;color:var(--text)}.help-tip-body{font-size:12px;line-height:1.5;color:var(--text-secondary)}.help-tip-close{position:absolute;inset-block-start:6px;inset-inline-end:6px;border:none;background:none;cursor:pointer;color:var(--text-secondary);font-size:12px}.help-tip-compact .help-tip-popover{inset-inline-end:0;inset-inline-start:auto}@media (max-width: 768px){.hamburger{display:inline-flex}.sidebar{position:fixed;inset-inline-start:0;inset-block-start:0;z-index:50;height:100vh;height:100dvh;transform:translate(calc(-100% - 1px));transition:transform var(--transition-normal)}.sidebar.open{transform:translate(0)}.search-input{width:120px}.content{padding:var(--space-lg)}}.toolbar-actions{margin-block-end:var(--space-md);display:flex;gap:var(--space-sm);flex-wrap:wrap}.tasks-toolbar{margin-block-end:var(--space-md);display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:center}.tasks-toolbar .select{width:auto;min-width:150px}.tasks-toolbar .search-input{flex:1 1 200px}.section{margin-block-end:var(--space-xl)}.section-title,.section-title-overdue{margin-block-end:var(--space-sm);font-size:var(--text-md);font-weight:var(--weight-semibold)}.section-title-overdue{color:var(--color-error)}.recurrence-builder,.smart-criteria{padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-block-end:var(--space-lg)}.chip-grid{display:flex;gap:var(--space-xs);flex-wrap:wrap}.subtask-row{padding:var(--space-sm) var(--space-md);margin-block-end:var(--space-xs)}.subtask-row-inner{display:flex;justify-content:space-between;align-items:center}.subtask-title{font-size:var(--text-sm)}.subtask-time{font-size:var(--text-xs);color:var(--text-secondary)}.quick-add-modal{max-width:600px}.quick-add-input{font-size:var(--text-md);padding:10px var(--space-md)}.quick-add-input-wrap{position:relative}.quick-add-suggest{position:absolute;top:calc(100% + 4px);left:0;right:0;margin:0;padding:4px;list-style:none;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:30;max-height:240px;overflow-y:auto}.quick-add-suggest li{display:flex;align-items:center;gap:var(--space-sm);padding:6px 10px;border-radius:var(--radius-xs);cursor:pointer;font-size:var(--text-sm)}.quick-add-suggest li.is-active{background:var(--color-primary-container);color:var(--color-primary)}.quick-add-suggest .marker{color:var(--text-secondary);font-weight:var(--weight-semibold);min-width:1em}.quick-add-suggest .dot{width:10px;height:10px;border-radius:50%;flex:none}.quick-add-hint{font-size:var(--text-xs);color:var(--text-secondary);margin-block-start:var(--space-xs)}.quick-add-preview{padding:10px var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-block-end:var(--space-lg);font-size:var(--text-sm);display:flex;flex-direction:column;gap:var(--space-xs)}.quick-add-preview-title{font-weight:var(--weight-semibold);font-size:var(--text-md)}.quick-add-preview-detail{color:var(--text-secondary);font-size:var(--text-xs)}.entity-form-row{display:flex;gap:var(--space-sm);margin-block-end:var(--space-xl);flex-wrap:wrap;align-items:center}.input-flex{flex:1 1 200px}.card-row{display:flex;justify-content:space-between;align-items:center}.card-actions{display:flex;gap:var(--space-xs);align-items:center}.color-options-sm{gap:3px}.tags-list{display:flex;gap:var(--space-sm);flex-wrap:wrap}.tag-card{padding:var(--space-sm) var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.confirm-note{font-size:var(--text-sm);color:var(--text-secondary)}.stats-section-title{margin-block-end:var(--space-md);font-size:var(--text-md);font-weight:var(--weight-semibold)}.stats-chart{display:flex;flex-direction:column;gap:6px}.stat-bar-row{padding:var(--space-sm) 14px}.stat-bar-inner{display:flex;align-items:center;gap:var(--space-md)}.stat-bar-label{min-width:100px;font-size:var(--text-sm);color:var(--text-secondary)}.stat-bar-track{flex:1;height:20px;border-radius:var(--radius-sm)}.stat-bar-fill{height:100%;border-radius:var(--radius-sm);background:var(--color-primary);display:flex;align-items:center;padding-inline-start:var(--space-sm);min-width:40px;transition:width var(--transition-normal)}.stat-bar-count{font-size:var(--text-xs);color:var(--color-on-primary);font-weight:var(--weight-semibold)}.stat-bar-icon{font-size:var(--text-xs);color:var(--text-secondary);min-width:20px;text-align:end}.pomodoro-timer-area{text-align:center;padding:var(--space-3xl) 0}.pomodoro-phase-label{font-size:var(--text-sm);color:var(--text-secondary);margin-block-end:var(--space-sm)}.pomodoro-timer{font-size:64px;font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;margin-block-end:var(--space-xl)}.pomodoro-task-wrapper{margin-block-end:var(--space-lg)}.pomodoro-task-select{max-width:300px}.pomodoro-controls{display:flex;gap:var(--space-sm);justify-content:center}.pomodoro-count{font-size:var(--text-xs);color:var(--text-secondary);margin-block-start:var(--space-sm)}.pomodoro-session-card{padding:10px 14px}.pomodoro-session-inner{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.pomodoro-session-time{color:var(--text-secondary);font-size:var(--text-xs);margin-left:auto}.settings-saved{position:fixed;top:var(--space-md);inset-inline-end:var(--space-md);z-index:200;background:var(--color-success);color:var(--color-on-success);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-size:var(--text-sm);box-shadow:var(--shadow-md)}.settings-theme-select{width:160px}.settings-num-input{width:80px}.settings-time-select{width:120px}.admin-user-form{display:flex;gap:var(--space-sm);margin-block-end:var(--space-sm);flex-wrap:wrap}.input-flex-150{flex:1 1 150px}.input-flex-200{flex:1 1 200px}.admin-role-select{width:140px}.admin-user-card{padding:var(--space-md) var(--space-lg)}.admin-user-name{font-weight:var(--weight-semibold)}.admin-user-you{color:var(--color-primary);font-size:var(--text-xs);margin-inline-start:6px}.admin-user-meta{font-size:var(--text-xs);color:var(--text-secondary);margin-block-start:2px}.admin-role-select-sm{font-size:var(--text-xs);width:130px}.auth-submit{width:100%}.task-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm)}.task-card-main{flex:1;min-width:0}.task-card-expand{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--text-xs);width:14px;text-align:center;flex-shrink:0;color:var(--text-secondary)}.task-card-indicator{width:14px;flex-shrink:0;text-align:center;color:var(--text-secondary);font-size:var(--text-xs)}.task-card-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card.completed .task-card-title-text{text-decoration:line-through}.badge-parent{background:var(--bg-tertiary)}.badge-assignee{background:var(--color-primary-container);color:var(--color-on-primary-container)}.task-card-project{font-size:inherit}.task-card-smart-row{margin-block-start:6px;display:flex;align-items:center;gap:6px}.task-card-smart-label{font-size:11px;color:var(--text-secondary)}.task-card-progress-smart{max-width:100px}.task-card-progress-pct{font-size:var(--text-xs);color:var(--text-secondary)}.task-card-subtask-row{margin-block-start:6px;display:flex;align-items:center;gap:var(--space-sm)}.task-card-subtask-label{font-size:var(--text-xs);color:var(--text-secondary)}.task-card-progress-subtask{max-width:120px}.task-card-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.task-card-children{margin-block-start:var(--space-sm);margin-inline-start:var(--space-md);display:flex;flex-direction:column;gap:6px}.task-detail-modal{max-width:600px}.task-detail-header{margin-block-end:var(--space-lg)}.task-detail-header-row{display:flex;align-items:center;gap:var(--space-sm);margin-block-end:var(--space-xs)}.status-badge{padding:2px 10px;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--badge-color, var(--color-primary));background:color-mix(in srgb,var(--badge-color, var(--color-primary)) 12%,transparent)}.task-detail-project{font-size:var(--text-sm)}.task-detail-title{margin-block-end:0}.task-detail-description{margin-block-end:var(--space-lg);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-base);white-space:pre-wrap;line-height:var(--leading-relaxed)}.task-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-block-end:var(--space-lg);font-size:var(--text-sm)}@media (max-width: 768px){.task-info-grid{grid-template-columns:1fr}}.info-cell,.info-cell-full,.info-cell-primary,.info-cell-warning-full{padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.info-cell-full,.info-cell-warning-full{grid-column:1 / -1}.info-cell-primary{background:var(--color-primary-container)}.info-cell-warning-full{background:var(--color-warning);color:var(--color-on-warning);border:1px solid var(--color-warning)}.task-detail-parent-btn{margin-inline-start:var(--space-sm)}.task-detail-tag{margin-inline-end:var(--space-xs)}.smart-section{margin-block-end:var(--space-lg);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.smart-header{font-weight:var(--weight-semibold);margin-block-end:var(--space-sm);display:flex;align-items:center;gap:var(--space-sm)}.pct-badge{padding:1px var(--space-sm);border-radius:var(--space-sm);font-size:11px;color:var(--color-on-primary)}.smart-criterion{font-size:var(--text-sm);margin-block-end:var(--space-xs)}.smart-criterion:last-child{margin-block-end:0}.subtasks-section{margin-block-end:var(--space-lg)}.subtask-list-header{display:flex;justify-content:space-between;align-items:center;margin-block-end:var(--space-sm);padding-block-end:var(--space-sm);border-block-end:2px solid var(--border)}.subtask-title-row{font-weight:var(--weight-semibold);display:flex;align-items:center;gap:var(--space-sm)}.subtask-count{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--weight-normal)}.subtask-progress-track{height:4px;background:var(--bg-tertiary);border-radius:2px;margin-block-end:var(--space-sm)}.subtask-progress-fill{height:100%;border-radius:2px;transition:width var(--transition-slow)}.subtask-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);margin-block-end:var(--space-xs);background:var(--bg-secondary);border-radius:var(--radius-sm);cursor:pointer;border-left:3px solid var(--border)}.subtask-item-main{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0}.subtask-item-title{font-size:var(--text-sm)}.subtask-assignee-badge{font-size:11px;padding:1px 6px;border-radius:var(--radius-xs);background:var(--color-primary-container);color:var(--color-primary)}.subtask-item-actions{display:flex;gap:var(--space-xs);align-items:center;flex-shrink:0}.subtask-item-time{font-size:11px;color:var(--text-secondary)}.subtask-form{padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-block-start:var(--space-sm)}.form-actions{display:flex;gap:var(--space-sm)}.subtask-empty{text-align:center;padding:var(--space-lg) 0;color:var(--text-secondary);font-size:var(--text-sm)}.return-form{margin-block-end:var(--space-lg);padding:var(--space-md);background:var(--color-warning);color:var(--color-on-warning);border-radius:var(--radius-sm);border:1px solid var(--color-warning)}.task-detail-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;padding-block-start:var(--space-md);border-block-start:1px solid var(--border)}.btn-ml-auto{margin-inline-start:auto}.task-extras{margin-block-end:var(--space-lg)}.task-tabs{display:flex;gap:var(--space-xs);border-block-end:2px solid var(--border);margin-block-end:var(--space-md)}.task-tab{padding:var(--space-xs) var(--space-md);background:none;border:none;cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);border-block-end:2px solid transparent;margin-block-end:-2px}.task-tab-active{color:var(--color-primary);border-block-end-color:var(--color-primary);font-weight:var(--weight-semibold)}.extras-empty{text-align:center;padding:var(--space-lg) 0;color:var(--text-secondary);font-size:var(--text-sm)}.extras-item-time{font-size:11px;color:var(--text-secondary)}.extras-item-actions{margin-inline-start:auto;display:flex;gap:var(--space-xs)}.comment-item{padding:var(--space-sm) var(--space-md);margin-block-end:var(--space-xs);background:var(--bg-secondary);border-radius:var(--radius-sm)}.comment-item-header{display:flex;align-items:center;gap:var(--space-sm);margin-block-end:var(--space-xs);font-size:var(--text-sm)}.comment-text{font-size:var(--text-sm);white-space:pre-wrap;line-height:var(--leading-relaxed)}.comment-add-form,.comment-edit-form{margin-block-start:var(--space-sm)}.comment-add-form textarea,.comment-edit-form textarea{margin-block-end:var(--space-xs)}.activity-item{padding:var(--space-sm) var(--space-md);margin-block-end:var(--space-xs);background:var(--bg-secondary);border-radius:var(--radius-sm)}.activity-text{font-size:var(--text-sm);margin-block-end:2px}.worklog-summary{padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-sm);margin-block-end:var(--space-sm)}.worklog-add-form{margin-block-end:var(--space-sm)}.worklog-add-row{display:flex;gap:var(--space-sm);align-items:center}.worklog-add-row .input{flex:1;min-width:0}.worklog-minutes-input{max-width:110px}.worklog-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);margin-block-end:var(--space-xs);background:var(--bg-secondary);border-radius:var(--radius-sm)}.worklog-item-main{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0;font-size:var(--text-sm)}.worklog-minutes{font-size:11px;padding:1px 6px;border-radius:var(--radius-xs);background:var(--color-primary-container);color:var(--color-primary);flex-shrink:0}.worklog-note{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.worklog-item-side{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.worklog-total{text-align:end;font-size:var(--text-sm);color:var(--text-secondary);padding-block-start:var(--space-xs)}.settings-export-actions{display:flex;gap:var(--space-sm)}.api-key-created{border:1px solid var(--color-primary);background:var(--surface)}.api-key-value{font-family:monospace;font-size:var(--text-sm);word-break:break-all;-webkit-user-select:all;user-select:all}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.modal,.confirm-box,.toast{animation:none!important}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-list{display:flex;flex-direction:column;gap:var(--space-sm)}.skeleton-row{height:64px;border-radius:var(--radius-md)}mark{background:var(--color-warning-container, oklch(.9 .12 95));color:inherit;border-radius:2px;padding-inline:1px}.hotkeys-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm);font-size:var(--text-sm)}.hotkeys-list kbd{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-xs);padding:1px var(--space-xs);font-family:inherit;font-size:var(--text-xs)}.sidebar-pomodoro{display:flex;align-items:center;gap:var(--space-sm);margin:0 var(--space-md) var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-primary-container, var(--bg-tertiary));border-radius:var(--radius-sm);font-size:var(--text-sm)}.sidebar-pomodoro-time{font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold)}.show-more-btn{width:100%;margin-block-start:var(--space-sm)}.admin-user-field{display:flex;flex-direction:column}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.board{display:flex;gap:var(--space-md);align-items:flex-start;overflow-x:auto;padding-block-end:var(--space-md)}.board-column{flex:0 0 280px;width:280px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;max-height:calc(100vh - 160px)}.board-column.drag-over{outline:2px dashed var(--color-primary);outline-offset:-2px}.board-column-header{padding:var(--space-sm) var(--space-md);font-weight:600;font-size:var(--text-sm);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--space-xs)}.board-column-count{margin-inline-start:auto;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-full);padding:0 var(--space-xs);font-size:var(--text-xs)}.board-column-cards{padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm);overflow-y:auto;min-height:80px}.board-column-empty{color:var(--text-tertiary);font-size:var(--text-sm);text-align:center;padding:var(--space-md) 0}.board-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);cursor:grab;box-shadow:var(--shadow-sm);touch-action:manipulation}.board-card.not-draggable{cursor:pointer;opacity:.85}.board-card.dragging{opacity:.4}.board-card-overlay{cursor:grabbing;box-shadow:var(--shadow-lg)}.board-card-title{font-size:var(--text-sm);font-weight:500;border-inline-start:3px solid transparent;padding-inline-start:var(--space-xs);overflow:hidden;text-overflow:ellipsis}.board-card-title.priority-high{border-inline-start-color:var(--priority-high)}.board-card-title.priority-medium{border-inline-start-color:var(--priority-medium)}.board-card-title.priority-low{border-inline-start-color:var(--priority-low)}.board-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-sm);margin-top:var(--space-xs);font-size:var(--text-xs);color:var(--text-secondary)}@media (max-width: 768px){.board{flex-direction:column;overflow-x:visible}.board-column{flex:none;width:100%;max-height:none}}.task-card-select{inline-size:18px;block-size:18px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.task-card-select:disabled{cursor:not-allowed;opacity:.4}.bulk-bar{position:sticky;inset-block-end:var(--space-md);margin-top:var(--space-md);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:20}.bulk-bar-count{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.toast-action{margin-inline-start:var(--space-md);padding:var(--space-xs) var(--space-sm);border:1px solid currentColor;border-radius:var(--radius-xs);background:transparent;color:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer}.toast-action:hover{background:#ffffff26}.toast-action:focus-visible{outline:2px solid currentColor;outline-offset:1px}.notif-bell{position:relative;padding:var(--space-xs) var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);font-size:var(--text-lg);line-height:1;cursor:pointer}.notif-bell:hover{background:var(--bg-tertiary)}.notif-badge{position:absolute;inset-block-start:-6px;inset-inline-end:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:var(--radius-full);background:var(--color-error);color:var(--color-on-error);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.notif-modal{max-width:480px}.notif-toolbar{display:flex;justify-content:flex-end;margin-block-end:var(--space-sm)}.notif-list{display:flex;flex-direction:column;gap:var(--space-xs);max-height:60vh;overflow-y:auto}.notif-item{display:flex;align-items:flex-start;gap:var(--space-xs);border-radius:var(--radius-sm)}.notif-item-unread{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.notif-item-main{flex:1;display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm);border:none;background:transparent;text-align:start;font:inherit;color:inherit;cursor:pointer;border-radius:var(--radius-sm);min-width:0}.notif-item-main:hover{background:var(--bg-tertiary)}.notif-item-icon{flex-shrink:0}.notif-item-body{display:flex;flex-direction:column;gap:2px;min-width:0}.notif-item-unread .notif-item-message{font-weight:600}.notif-item-meta{font-size:var(--text-xs);color:var(--text-secondary)}.notif-item-delete{flex-shrink:0}.task-watchers-row{display:flex;align-items:center;gap:var(--space-md);margin-block:var(--space-sm);flex-wrap:wrap}.task-watchers-list{font-size:var(--text-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.links-section{display:flex;flex-direction:column;gap:var(--space-md)}.link-group-title{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-block-end:var(--space-xs)}.link-item{display:flex;align-items:center;gap:var(--space-xs)}.link-item-main{flex:1;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border:none;background:transparent;text-align:start;font:inherit;color:inherit;cursor:pointer;border-radius:var(--radius-sm);min-width:0}.link-item-main:hover{background:var(--bg-tertiary)}.link-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-add-form{border-block-start:1px solid var(--border);padding-block-start:var(--space-md)}.link-add-row{display:flex;gap:var(--space-sm)}.link-candidates{display:flex;flex-direction:column;margin-block-start:var(--space-xs);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.link-candidate{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border:none;background:var(--bg-secondary);text-align:start;font:inherit;color:inherit;cursor:pointer}.link-candidate:hover{background:var(--bg-tertiary)}.trash-list{display:flex;flex-direction:column;gap:var(--space-sm)}.trash-toolbar{display:flex;justify-content:flex-end}.trash-item{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.trash-item-main{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.trash-item-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trash-item-meta{font-size:var(--text-xs);color:var(--text-secondary)}.trash-item-actions{display:flex;gap:var(--space-sm);flex-shrink:0}.toast-warning{background:var(--color-warning);color:var(--color-on-warning)}.link-add-row .select{width:auto;flex-shrink:0}.sprint-card{margin-bottom:var(--space-md)}.sprint-card-title-row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.sprint-card-name{font-weight:600;font-size:var(--text-lg)}.sprint-card-dates{font-size:var(--text-xs);color:var(--text-secondary)}.sprint-card-goal{margin-top:var(--space-xs);font-size:var(--text-sm);color:var(--text-secondary)}.sprint-card-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap}.sprint-detail-modal{max-width:640px}.sprint-detail-goal{margin:0 0 var(--space-sm);font-size:var(--text-sm)}.sprint-detail-dates{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-md)}.sprint-velocity{font-size:var(--text-md);margin-bottom:var(--space-md)}.sprint-velocity-detail{color:var(--text-secondary);font-size:var(--text-sm);margin-left:var(--space-xs)}.sprint-section-title{margin:var(--space-md) 0 var(--space-sm);font-size:var(--text-md)}.sprint-report-loading,.sprint-burndown-empty{color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-md) 0}.sprint-burndown-chart{width:100%;height:auto;display:block}.chart-label{font-size:11px;fill:var(--text-secondary)}.chart-axis{stroke:var(--border);stroke-width:1}.chart-grid{stroke:var(--border);stroke-width:1;stroke-dasharray:3 3}.chart-line{fill:none;stroke:var(--color-primary);stroke-width:2}.chart-point{fill:var(--color-primary)}.report-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.report-table th,.report-table td{text-align:left;padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--border)}.report-table th{color:var(--text-secondary);font-weight:600;font-size:var(--text-xs)}.report-table tfoot td{font-weight:700;border-bottom:none;border-top:2px solid var(--border)}.report-task-link{background:none;border:none;padding:0;cursor:pointer;color:inherit;font:inherit;text-align:left}.report-task-link:hover{text-decoration:underline}.report-controls{display:flex;gap:var(--space-sm);align-items:flex-end;flex-wrap:wrap;margin-bottom:var(--space-md)}.report-controls .form-group{margin-bottom:0}.template-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--border)}.template-row-info{flex:1;min-width:0}.template-row-name{font-weight:600}.template-row-meta{font-size:var(--text-xs);color:var(--text-secondary)}.template-row-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.template-edit-form{flex:1;min-width:0}.template-edit-subtask{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.custom-field-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;border-bottom:1px solid var(--border)}.custom-field-row-info{flex:1;min-width:0}.custom-field-row-key{font-family:monospace;font-size:var(--text-xs);color:var(--text-secondary)}.custom-field-form{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-sm)}.attachment-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;border-bottom:1px solid var(--border)}.attachment-icon{font-size:var(--text-lg);flex-shrink:0}.attachment-info{flex:1;min-width:0}.attachment-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-meta{font-size:var(--text-xs);color:var(--text-secondary)}.attachment-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.attachment-upload-row{margin-bottom:var(--space-sm)}.command-palette-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh}.command-palette{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;width:90%;max-width:600px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.command-input{width:100%;padding:16px 20px;border:none;border-bottom:1px solid var(--border);background:transparent;color:var(--text);font-size:16px;outline:none}.command-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.command-results{max-height:400px;overflow-y:auto}.command-empty{padding:20px;text-align:center;color:var(--text-secondary)}.command-item{display:flex;align-items:center;gap:12px;padding:10px 20px;cursor:pointer;transition:background .1s}.command-item.selected{background:var(--color-primary);color:var(--color-on-primary)}.command-item-type{font-size:11px;text-transform:uppercase;opacity:.6;min-width:50px}.command-item-title{flex:1}.command-item-subtitle{font-size:12px;opacity:.5}.calendar-screen{padding:20px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-controls{display:flex;gap:8px;flex-wrap:wrap}.calendar-controls button{padding:8px 16px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);font-family:inherit;min-height:44px;display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.calendar-controls button:hover{background:var(--bg-tertiary)}.calendar-controls button.active{background:var(--color-primary);color:var(--color-on-primary)}.calendar-controls button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden}.calendar-day-header{padding:8px;text-align:center;font-weight:600;background:var(--bg-secondary);font-size:13px}.calendar-day{min-height:100px;padding:8px;background:var(--bg-secondary);display:flex;flex-direction:column;gap:4px}.calendar-day.today{background:var(--color-primary-container, color-mix(in oklab, var(--color-primary) 10%, transparent))}.calendar-day.other-month{opacity:.4}.calendar-day-number{font-weight:600;font-size:14px}.calendar-day-tasks{display:flex;flex-direction:column;gap:2px;overflow:hidden}.calendar-task{font-size:11px;padding:2px 6px;background:var(--bg);border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-task-more{font-size:11px;color:var(--text-secondary);padding:2px 6px}@media (max-width: 768px){.calendar-grid{grid-template-columns:repeat(7,minmax(60px,1fr))}.calendar-day{min-height:60px;padding:4px}.calendar-day-tasks{display:none}}.skip-link{position:absolute;top:-100px;left:0;z-index:9999;padding:var(--space-sm) var(--space-lg);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-sm);text-decoration:none;transition:top var(--transition-fast)}.skip-link:focus{top:0;outline:2px solid var(--color-primary);outline-offset:2px}.screen-skeleton{display:flex;flex-direction:column}.theme-toggle-group{display:flex;gap:var(--space-xs);flex-wrap:wrap}.activity-loading{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md) 0}.comment-reactions{display:flex;gap:var(--space-xs);margin-block-start:var(--space-xs)}.reaction-btn{display:inline-flex;align-items:center;gap:2px;padding:2px var(--space-xs);border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;font-size:var(--text-sm);cursor:pointer}.reaction-btn:hover{background:var(--bg-secondary)}.reaction-btn-active{border-color:var(--color-primary);background:var(--color-primary-alpha, rgba(0, 122, 255, .12))}.reaction-count{font-size:11px;color:var(--text-secondary)}.ai-panel{margin-block:var(--space-sm)}.ai-panel-body{margin-block-start:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-sm)}.ai-panel-actions{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.ai-error{margin-block-start:var(--space-xs);color:var(--color-error);font-size:var(--text-sm)}.ai-result{margin-block-start:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--text-sm)}.ai-result .btn{align-self:flex-start}.ai-reason{color:var(--text-secondary)}.ai-subtask-item{display:flex;align-items:center;gap:var(--space-xs)}.ai-summary{white-space:pre-wrap;line-height:var(--leading-relaxed)}.ai-keypoints-title{font-weight:var(--weight-semibold)}.ai-keypoints{margin:0;padding-inline-start:var(--space-lg)}.saved-filters-row,.saved-filter-form{display:flex;align-items:center;gap:var(--space-sm);margin-block-end:var(--space-sm)}.saved-filter-form .input{max-width:260px}.insights-summary{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.metric-card{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:110px;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-sm)}.metric-value{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.metric-label{font-size:11px;color:var(--text-secondary)}.bottom-nav{display:none}@media (max-width: 768px){.bottom-nav{position:fixed;inset-inline:0;inset-block-end:0;z-index:60;display:flex;justify-content:space-around;align-items:stretch;background:var(--bg-secondary, var(--surface));border-block-start:1px solid var(--border);padding-block:4px;padding-block-end:env(safe-area-inset-bottom,4px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border:none;background:none;color:var(--text-secondary);font-size:11px;cursor:pointer;border-radius:var(--radius-sm, 8px)}.bottom-nav-item.active{color:var(--color-primary, #2563eb);font-weight:var(--weight-semibold, 600)}.bottom-nav-icon{font-size:20px;line-height:1}.bottom-nav-label{line-height:1.1}.main{padding-block-end:64px}}.gantt-screen{overflow-x:auto}.gantt-controls{display:flex;align-items:center;gap:var(--space-sm);margin-block-end:var(--space-md)}.gantt-controls button{padding:6px 12px}.gantt-chart{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);overflow:hidden}.gantt-header{display:flex;align-items:stretch;border-block-end:1px solid var(--border);background:var(--bg-tertiary)}.gantt-task-label{flex:none;width:200px;display:flex;align-items:center;padding:0 var(--space-md);font-weight:var(--weight-semibold);font-size:var(--text-sm);border-inline-end:1px solid var(--border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--bg-tertiary)}.gantt-days-header{display:flex;flex:none}.gantt-day-header{flex:none;width:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:var(--text-xs);color:var(--text-secondary);padding:4px 0;border-inline-end:1px solid var(--border)}.gantt-day-date{font-weight:var(--weight-medium);line-height:1}.gantt-day-weekday{font-size:10px;line-height:1;opacity:.7;text-transform:uppercase}.gantt-day-header.weekend{background:color-mix(in srgb,var(--text-secondary) 6%,transparent)}.gantt-day-header.today{background:color-mix(in srgb,var(--color-primary) 14%,transparent);color:var(--color-primary)}.gantt-day-header.today .gantt-day-date{font-weight:var(--weight-bold)}.gantt-body{position:relative}.gantt-today-line{position:absolute;top:0;bottom:0;width:2px;background:var(--color-primary);opacity:.7;z-index:3;pointer-events:none}.gantt-row{position:absolute;left:0;right:0;display:flex;align-items:stretch;border-block-end:1px solid var(--border)}.gantt-row:nth-child(2n) .gantt-task-label{background:color-mix(in srgb,var(--text-secondary) 3%,transparent)}.gantt-bar-container{position:relative;display:flex;flex:none}.gantt-grid-cell{flex:none;width:40px;border-inline-end:1px solid var(--border)}.gantt-grid-cell.weekend{background:color-mix(in srgb,var(--text-secondary) 5%,transparent)}.gantt-bar{position:absolute;display:flex;align-items:center;padding:0 8px;border-radius:6px;color:#fff;cursor:grab;font-size:var(--text-xs);box-shadow:var(--shadow-sm);z-index:2}.gantt-bar-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-docs-link{display:block;margin:var(--space-lg) auto 0;padding:var(--space-xs) var(--space-md);background:none;border:none;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-sm);transition:color .15s,background .15s}.auth-docs-link:hover{color:var(--color-primary);background:var(--color-primary-container)}.docs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.docs-modal{display:flex;flex-direction:column;width:100%;max-width:960px;height:min(86vh,820px);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);overflow:hidden}.docs-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border);flex-wrap:wrap}.docs-title{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--text)}.docs-roles{display:flex;gap:var(--space-xs);margin-left:auto}.docs-role-tab{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.docs-role-tab:hover{color:var(--color-primary);border-color:var(--color-primary)}.docs-role-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.docs-close{flex:none;width:32px;height:32px;display:grid;place-items:center;background:none;border:none;border-radius:var(--radius-sm);font-size:var(--text-md);color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s}.docs-close:hover{background:var(--bg-tertiary);color:var(--text)}.docs-body{display:flex;flex:1;min-height:0}.docs-toc{flex:none;width:240px;padding:var(--space-xl) var(--space-lg);border-right:1px solid var(--border);overflow-y:auto;background:var(--bg-secondary)}.docs-toc-title{margin:0 0 var(--space-sm);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.docs-intro{margin:0 0 var(--space-md);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.docs-toc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.docs-toc-link{display:block;width:100%;text-align:left;padding:var(--space-xs) var(--space-sm);background:none;border:none;border-radius:var(--radius-xs);font-size:var(--text-sm);color:var(--text);cursor:pointer;transition:background .15s,color .15s}.docs-toc-link:hover{background:var(--color-primary-container);color:var(--color-primary)}.docs-content{flex:1;min-width:0;overflow-y:auto;padding:var(--space-xl);scroll-behavior:smooth}.docs-section{padding-bottom:var(--space-2xl);scroll-margin-top:var(--space-lg)}.docs-section+.docs-section{border-top:1px solid var(--border);padding-top:var(--space-xl)}.docs-h3{margin:0 0 var(--space-md);font-size:var(--text-md);font-weight:600;color:var(--text)}.docs-p{margin:0 0 var(--space-md);font-size:var(--text-base);line-height:1.6;color:var(--text-secondary)}.docs-list{margin:0 0 var(--space-md);padding-left:var(--space-xl);font-size:var(--text-base);line-height:1.7;color:var(--text-secondary)}.docs-list li+li{margin-top:var(--space-xs)}.docs-code{margin:0 0 var(--space-md);padding:var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:SF Mono,JetBrains Mono,ui-monospace,monospace;font-size:var(--text-sm);color:var(--text);overflow-x:auto;white-space:pre-wrap;word-break:break-word}.docs-kbd-table{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.docs-kbd-row{display:flex;align-items:baseline;gap:var(--space-md);font-size:var(--text-base)}.docs-kbd-key{flex:none;min-width:128px;padding:2px var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-xs);font-family:SF Mono,ui-monospace,monospace;font-size:var(--text-sm);color:var(--color-primary);text-align:center}.docs-kbd-desc{color:var(--text-secondary)}@media (max-width: 768px){.docs-toc{width:100%;border-right:none;border-bottom:1px solid var(--border)}.docs-body{flex-direction:column}.docs-content{padding:var(--space-lg)}}