:root{--bg-level-0: #ffffff;--bg-level-1: #fafafa;--bg-level-2: #f5f5f5;--bg-level-3: #eeeeee;--bg-secondary: #fafafa;--bg-tertiary: #f5f5f5;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-tertiary: #6b6b6b;--text-quaternary: #9a9a9a;--border-primary: #e5e5e5;--border-secondary: #d4d4d4;--border-tertiary: #c4c4c4;--color-accent: #5e6ad2;--color-accent-hover: #828fff;--color-accent-tint: #eef0ff;--color-brand: #991B1B;--color-brand-hover: #7F1D1D;--color-brand-tint: #FEE2E2;--color-red: #DC2626;--color-red-bg: #fee2e2;--color-red-text: #991b1b;--color-orange: #fc7840;--color-orange-bg: #ffedd5;--color-orange-text: #9a3412;--color-yellow: #f2c94c;--color-yellow-bg: #fef9c3;--color-yellow-text: #854d0e;--color-green: #4cb782;--color-green-bg: #dcfce7;--color-green-text: #166534;--color-blue: #3b82f6;--color-blue-bg: #dbeafe;--color-blue-text: #1e40af;--color-purple: #a855f7;--color-purple-bg: #f3e8ff;--color-purple-text: #6b21a8;--overlay: rgba(0, 0, 0, 0.5)}.dark{--bg-level-0: #08090a;--bg-level-1: #0f1011;--bg-level-2: #141516;--bg-level-3: #191a1b;--bg-secondary: #1c1c1f;--bg-tertiary: #232326;--text-primary: #f7f8f8;--text-secondary: #d0d6e0;--text-tertiary: #8a8f98;--text-quaternary: #62666d;--border-primary: #23252a;--border-secondary: #34343a;--border-tertiary: #3e3e44;--color-accent-tint: #18182f;--color-brand: #DC2626;--color-brand-hover: #991B1B;--color-brand-tint: #450A0A;--color-red-bg: #7f1d1d;--color-red-text: #fca5a5;--color-orange-bg: #7c2d12;--color-orange-text: #fdba74;--color-yellow-bg: #713f12;--color-yellow-text: #fde047;--color-green-bg: #14532d;--color-green-text: #86efac;--color-blue-bg: #1e3a5f;--color-blue-text: #93c5fd;--color-purple-bg: #581c87;--color-purple-text: #d8b4fe}:root{--font-sans: Inter, SF Pro Display, -apple-system, system-ui, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;--font-mono: Berkeley Mono, ui-monospace, SF Mono, Menlo, monospace;--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--text-tiny: 0.625rem;--text-micro: 0.75rem;--text-mini: 0.8125rem;--text-small: 0.875rem;--text-regular: 0.9375rem;--text-base: 1rem;--text-large: 1.0625rem;--title-1: 1.0625rem;--title-2: 1.3125rem;--title-3: 1.5rem;--title-4: 2rem;--title-5: 2.5rem;--title-6: 3rem}:root{--border-hairline: 0.5px;--border-thin: 1px;--border-medium: 2px;--radius-none: 0;--radius-sm: 0.25rem;--radius-default: 0.375rem;--radius-md: 0.5rem;--radius-lg: 0.75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 1.875rem;--radius-full: 9999px;--radius-circle: 50%}:root{--shadow-none: none;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-default: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);--shadow-stack: 0 8px 2px 0 transparent, 0 5px 2px 0 rgba(0, 0, 0, 0.01), 0 3px 2px 0 rgba(0, 0, 0, 0.04), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08)}:root{--z-below: -1;--z-base: 0;--z-raised: 1;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-header: 40;--z-overlay: 50;--z-modal: 60;--z-popover: 70;--z-tooltip: 80;--z-toast: 90;--z-max: 9999}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;line-height:1.5;tab-size:4}body{font-family:var(--font-sans);font-size:1rem;line-height:1.5;color:var(--text-primary);background-color:var(--bg-level-0);min-height:100vh}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}ol,ul{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%}img,video{height:auto}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button;background-color:transparent;background-image:none;cursor:pointer;border:none}[disabled]{cursor:not-allowed}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type='number']{-moz-appearance:textfield}input[type='search']::-webkit-search-decoration,input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-results-button,input[type='search']::-webkit-search-results-decoration{-webkit-appearance:none}textarea{resize:vertical}::placeholder{color:var(--text-quaternary);opacity:1}table{text-indent:0;border-color:inherit;border-collapse:collapse}hr{height:0;color:inherit;border-top-width:1px}pre,code,kbd,samp{font-family:var(--font-mono);font-size:1em}summary{display:list-item;cursor:pointer}[hidden]{display:none !important}.h1,.heading-1{font-size:3rem;font-weight:700;line-height:1.1;letter-spacing:-0.022em;color:var(--text-primary)}.h2,.heading-2{font-size:2rem;font-weight:700;line-height:1.25;letter-spacing:-0.012em;color:var(--text-primary)}.h3,.heading-3{font-size:1.5rem;font-weight:700;line-height:1.25;letter-spacing:-0.012em;color:var(--text-primary)}.h4,.heading-4{font-size:1.3125rem;font-weight:600;line-height:1.4;letter-spacing:-0.011em;color:var(--text-primary)}.h5,.heading-5{font-size:1.0625rem;font-weight:600;line-height:1.4;color:var(--text-primary)}.h6,.heading-6{font-size:1rem;font-weight:600;line-height:1.4;color:var(--text-primary)}.text-body{font-size:0.9375rem;line-height:1.5;letter-spacing:-0.011em;color:var(--text-secondary)}.text-body-sm{font-size:0.875rem;line-height:1.5;color:var(--text-secondary)}.text-body-lg{font-size:1.0625rem;line-height:1.6;color:var(--text-secondary)}.text-caption{font-size:0.75rem;line-height:1.4;color:var(--text-tertiary)}.text-micro{font-size:0.625rem;line-height:1.4;color:var(--text-tertiary);text-transform:uppercase;font-weight:600;letter-spacing:0.025em}.link{color:var(--color-accent);text-decoration:none;transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.link:hover{color:var(--color-accent-hover);text-decoration:underline}.code{font-family:var(--font-mono);font-size:0.875em;padding:0.125rem 0.25rem;background-color:var(--bg-level-2);border-radius:0.25rem}.text-muted{color:var(--text-tertiary)}.text-subtle{color:var(--text-quaternary)}.prose p{margin-bottom:1rem}.prose ul,.prose ol{margin-bottom:1rem;padding-left:1.5rem}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose li{margin-bottom:0.5rem}.prose a{color:var(--color-accent);text-decoration:underline}.prose a:hover{color:var(--color-accent-hover)}.prose strong{font-weight:600}.prose em{font-style:italic}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.1);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.2)}::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,0.3)}.dark ::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1)}.dark ::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.2)}.dark ::-webkit-scrollbar-thumb:active{background:rgba(255,255,255,0.4)}html{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.1) transparent}.dark{scrollbar-color:rgba(255,255,255,0.1) transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.5rem 1.25rem;font-size:0.875rem;font-weight:500;line-height:1;text-decoration:none;border-radius:0.5rem;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.btn:focus{outline:none}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn:disabled,.btn.btn--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.btn i{font-size:1.125rem;line-height:1}.btn--primary{background-color:transparent;color:var(--text-primary);border-color:var(--border-secondary)}.btn--primary:hover{background-color:var(--bg-level-2);border-color:var(--border-tertiary)}.btn--primary:active{background-color:var(--bg-level-3)}.btn--blue{background-color:transparent;color:var(--text-primary);border-color:var(--border-secondary)}.btn--blue:hover{background-color:var(--bg-level-2);border-color:var(--border-tertiary)}.btn--purple{background-color:transparent;color:var(--text-primary);border-color:var(--border-secondary)}.btn--purple:hover{background-color:var(--bg-level-2);border-color:var(--border-tertiary)}.btn--green{background-color:transparent;color:var(--text-primary);border-color:var(--border-secondary)}.btn--green:hover{background-color:var(--bg-level-2);border-color:var(--border-tertiary)}.btn--danger{background-color:transparent;color:var(--color-brand);border-color:var(--color-brand)}.btn--danger:hover{background-color:var(--color-brand);border-color:var(--color-brand);color:#ffffff}.btn--brand{background-color:transparent;color:var(--color-brand);border-color:var(--color-brand)}.btn--brand:hover{background-color:var(--color-brand-tint);border-color:var(--color-brand-hover);color:var(--color-brand)}.btn--secondary{background-color:var(--bg-level-2);color:var(--text-primary);border-color:var(--border-primary)}.btn--secondary:hover{background-color:var(--bg-level-3);border-color:var(--border-secondary)}.btn--ghost{background-color:transparent;color:var(--text-secondary);border-color:transparent}.btn--ghost:hover{background-color:var(--bg-level-2);color:var(--text-primary)}.btn--icon{padding:0.5rem;width:2.5rem;height:2.5rem}.btn--icon.btn--sm{width:2rem;height:2rem;padding:0.25rem}.btn--icon.btn--lg{width:3rem;height:3rem;padding:0.75rem}.btn--square{width:2.5rem;height:2.5rem;padding:0;background-color:var(--bg-level-2);color:var(--text-secondary);border-color:transparent;transition:background-color 0.2s color 0.2s transform 0.2s}.btn--square:hover{background-color:var(--bg-level-3);color:var(--text-primary);transform:scale(1.05)}.btn--sm{padding:0.25rem 0.75rem;font-size:0.75rem;gap:0.25rem}.btn--sm i{font-size:0.875rem}.btn--lg{padding:0.75rem 1.5rem;font-size:1rem}.btn--lg i{font-size:1.25rem}.btn--block{width:100%}.btn-group{display:flex;gap:0.5rem}.btn-group--vertical{flex-direction:column}.btn--link{background:none;border:none;padding:0;color:var(--text-secondary);font-weight:400}.btn--link:hover{color:var(--color-brand);text-decoration:underline}.card{background-color:var(--bg-level-2);border:1px solid var(--border-primary);border-radius:0.75rem;padding:1.25rem;transition:box-shadow 0.2s border-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.card:hover{box-shadow:var(--shadow-md)}.card--static:hover{box-shadow:none}.card--compact{padding:0.75rem}.card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:0.5rem;margin-bottom:0.75rem}.card__title{font-size:1.0625rem;font-weight:700;color:var(--text-primary)}.card__title a{color:inherit;transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.card__title a:hover{color:var(--color-brand)}.card--compact .card__title{font-size:0.875rem}.card__body{color:var(--text-secondary);font-size:0.875rem}.card__footer{margin-top:0.75rem;padding-top:0.75rem;border-top:1px solid var(--border-primary)}.card__actions{display:flex;align-items:center;gap:0.25rem;flex-shrink:0}.card__action{padding:0.25rem;color:var(--text-tertiary);border-radius:0.25rem;transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.card__action:hover{color:var(--text-primary);background-color:var(--bg-level-3)}.card__action--success{color:var(--color-green)}.card__action--success:hover{color:#3c9468}.card__action--danger:hover{color:var(--color-red)}.card--stat .card__icon{width:2.5rem;height:2.5rem;border-radius:0.5rem;border:1px solid var(--border-secondary);background-color:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.card--stat .card__icon i{font-size:1.25rem}.card--stat .card__icon--blue,.card--stat .card__icon--red,.card--stat .card__icon--orange,.card--stat .card__icon--purple,.card--stat .card__icon--yellow,.card--stat .card__icon--green{background-color:transparent;color:var(--text-secondary);border-color:var(--border-secondary)}.card--stat .card__label{font-size:0.875rem;color:var(--text-tertiary);margin-bottom:0.25rem}.card--stat .card__value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.card--task.is-blocked{background-color:var(--bg-level-3);opacity:0.7}.card--task.has-border-danger{border-color:var(--color-red)}.card--empty{text-align:center;padding:2rem}.card--empty .card__icon{font-size:3rem;color:var(--text-quaternary);margin-bottom:1rem}.card--empty .card__text{color:var(--text-tertiary);margin-bottom:1rem}.card--link{cursor:pointer;transition:all 0.2s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.card--link:hover{border-color:var(--border-secondary)}.card--link:hover .card__title{color:var(--color-brand)}.card__space-y>*+*{margin-top:0.75rem}.kanban-card{background-color:var(--bg-level-2);border:1px solid var(--border-primary);border-radius:0.5rem;padding:0.75rem;transition:background-color 0.15s border-color 0.15s box-shadow 0.15s}.kanban-card:hover{background-color:var(--bg-level-3);border-color:var(--border-secondary)}.kanban-card:hover .kanban-card__actions{opacity:1}.kanban-card--blocked{opacity:0.6}.kanban-card--overdue{border-color:var(--color-red)}.kanban-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.375rem}.kanban-card__id{font-family:"Berkeley Mono", ui-monospace, "SF Mono", "Menlo", monospace;font-size:0.625rem;font-weight:500;color:var(--text-quaternary);letter-spacing:0.02em}.kanban-card__actions{display:flex;align-items:center;gap:0.125rem;opacity:0;transition:opacity 0.1s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.kanban-card__action{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;color:var(--text-tertiary);border-radius:0.25rem;background:transparent;border:none;cursor:pointer;transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.kanban-card__action:hover{color:var(--text-primary);background-color:var(--bg-translucent)}.kanban-card__action--success{color:var(--color-green)}.kanban-card__action--success:hover{color:var(--color-green);background-color:rgba(76,183,130,0.15)}.kanban-card__action--danger:hover{color:var(--color-red);background-color:rgba(220,38,38,0.15)}.kanban-card__title{font-size:0.875rem;font-weight:500;color:var(--text-primary);line-height:1.4;margin-bottom:0.5rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.kanban-card__title a{color:inherit;text-decoration:none;transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.kanban-card__title a:hover{color:var(--color-brand)}.kanban-card__alerts{display:flex;flex-wrap:wrap;gap:0.25rem;margin-bottom:0.5rem}.kanban-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-label{display:block;margin-bottom:0.5rem;font-size:0.875rem;font-weight:600;color:var(--text-secondary)}.form-label .required{color:var(--color-red);margin-left:0.125rem}.form-input,.form-textarea,.form-select{width:100%;padding:0.5rem 0.75rem;font-size:1rem;line-height:1.4;color:var(--text-primary);background-color:var(--bg-level-0);border:1px solid var(--border-primary);border-radius:0.5rem;transition:border-color 0.15s box-shadow 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.form-input::placeholder,.form-textarea::placeholder,.form-select::placeholder{color:var(--text-quaternary)}.form-input:hover,.form-textarea:hover,.form-select:hover{border-color:var(--border-secondary)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-tint)}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{background-color:var(--bg-level-2);color:var(--text-tertiary);cursor:not-allowed}.form-input.is-invalid,.form-textarea.is-invalid,.form-select.is-invalid{border-color:var(--color-red)}.form-input.is-invalid:focus,.form-textarea.is-invalid:focus,.form-select.is-invalid:focus{box-shadow:0 0 0 3px rgba(220,38,38,0.2)}.form-input.is-valid,.form-textarea.is-valid,.form-select.is-valid{border-color:var(--color-green)}.form-textarea{min-height:100px;resize:vertical}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%236b7280' d='M4.427 6.427l3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.396 6H4.604a.25.25 0 0 0-.177.427z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:1rem;padding-right:2.5rem}.form-check{display:flex;align-items:center;gap:0.5rem;cursor:pointer}.form-check__input{width:1rem;height:1rem;accent-color:var(--color-accent);cursor:pointer}.form-check__label{font-size:0.875rem;color:var(--text-secondary);cursor:pointer}.form-help{display:block;margin-top:0.25rem;font-size:0.75rem;color:var(--text-tertiary)}.form-error{display:block;margin-top:0.25rem;font-size:0.75rem;color:var(--color-red)}.form-input-icon{position:relative}.form-input-icon .form-input{padding-left:2.5rem}.form-input-icon__icon{position:absolute;left:0.75rem;top:50%;transform:translateY(-50%);color:var(--text-quaternary);pointer-events:none}.form-input-icon--right .form-input{padding-left:0.75rem;padding-right:2.5rem}.form-input-icon--right .form-input-icon__icon{left:auto;right:0.75rem}.form-actions{display:flex;gap:0.75rem;padding-top:1rem;border-top:1px solid var(--border-primary)}.form-actions--end{justify-content:flex-end}.form-actions--between{justify-content:space-between}.form-inline{display:flex;align-items:center;gap:0.75rem}.form-inline .form-group{margin-bottom:0}.form-search{position:relative}.form-search .form-input{padding-left:2.5rem;padding-right:2.5rem}.form-search__icon{position:absolute;left:0.75rem;top:50%;transform:translateY(-50%);color:var(--text-quaternary);pointer-events:none}.form-search__clear{position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);color:var(--text-quaternary);cursor:pointer;transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.form-search__clear:hover{color:var(--text-secondary)}.form-date::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0.6}.form-date::-webkit-calendar-picker-indicator:hover{opacity:1}.form-time::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0.6}.form-time::-webkit-calendar-picker-indicator:hover{opacity:1}.badge{display:inline-flex;align-items:center;gap:0.25rem;padding:0.25rem 0.5rem;font-size:0.75rem;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:0.025em;border-radius:0.25rem;white-space:nowrap;background-color:var(--bg-level-2);color:var(--text-secondary)}.badge--xs{padding:0.125rem 0.375rem;font-size:0.625rem}.badge--interactive{cursor:pointer;transition:opacity 0.15s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.badge--interactive:hover{opacity:0.8}.badge--pending{background-color:var(--bg-level-2);color:var(--text-tertiary)}.badge--started{background-color:var(--bg-level-2);color:var(--text-secondary);border:1px solid var(--border-primary)}.badge--in-progress{background-color:var(--bg-level-3);color:var(--text-secondary);border:1px solid var(--border-secondary)}.badge--delegated{background-color:var(--bg-level-2);color:var(--text-tertiary);border:1px solid var(--border-primary)}.badge--near-completion{background-color:var(--bg-level-3);color:var(--text-primary);border:1px solid var(--border-secondary)}.badge--completed{background-color:var(--bg-level-2);color:var(--text-tertiary);text-decoration:line-through}.badge--cancelled{background-color:transparent;color:var(--color-brand);border:1px solid var(--color-brand)}.badge--priority-low{background-color:var(--bg-level-2);color:var(--text-tertiary)}.badge--priority-mid{background-color:var(--bg-level-2);color:var(--text-secondary);border:1px solid var(--border-primary)}.badge--priority-high{background-color:transparent;color:var(--color-brand);border:1px solid var(--color-brand)}.badge--context{background-color:var(--bg-level-2);color:var(--text-secondary)}.badge--project{background-color:var(--bg-level-2);color:var(--text-secondary);border:1px solid var(--border-primary)}.badge--blocked{background-color:var(--color-brand);color:#ffffff}.badge--overdue{background-color:var(--color-brand);color:#ffffff}.badge--due-soon{background-color:transparent;color:var(--color-brand);border:1px solid var(--color-brand)}.badge--upcoming{background-color:var(--bg-level-2);color:var(--text-secondary);border:1px solid var(--border-primary)}.badge--add{background-color:var(--bg-level-2);color:var(--text-tertiary);transition:background-color 0.15s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);cursor:pointer}.badge--add:hover{background-color:var(--bg-level-3);color:var(--text-secondary)}.badge--delete{background-color:transparent;color:var(--color-brand);border:1px solid var(--color-brand);cursor:pointer;transition:background-color 0.15s color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.badge--delete:hover{background-color:var(--color-brand);color:#ffffff}.badge-group{display:flex;flex-wrap:wrap;gap:0.375rem;align-items:center}.badge--selected{box-shadow:0 0 0 2px var(--color-brand)}.chip{display:inline-flex;align-items:center;gap:0.25rem;padding:0;font-size:0.625rem;font-weight:500;line-height:1;color:var(--text-tertiary);background:transparent;border:none;border-radius:0;white-space:nowrap;cursor:pointer;transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.chip:hover{color:var(--text-secondary)}.chip i{opacity:0.7}.chip--priority-high i{color:var(--color-brand);opacity:1}.chip--priority-mid i{color:var(--text-secondary);opacity:1}.chip--priority-low i{color:var(--text-tertiary);opacity:1}.chip--alert{padding:0.125rem 0.375rem;border-radius:0.25rem;font-size:0.625rem;font-weight:700;text-transform:uppercase;letter-spacing:0.02em}.chip--blocked{background-color:rgba(153,27,27,0.15);color:var(--color-brand)}.chip--blocked i{color:inherit;opacity:1}.chip--overdue{background-color:rgba(153,27,27,0.15);color:var(--color-brand)}.chip--overdue i{color:inherit;opacity:1}.chip--due-soon{background-color:transparent;color:var(--color-brand);border:1px solid var(--color-brand)}.chip--due-soon i{color:inherit;opacity:1}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--overlay);z-index:60;display:flex;align-items:center;justify-content:center;padding:1rem}.modal.is-hidden{display:none}.modal__content{background-color:var(--bg-level-2);border-radius:0.75rem;box-shadow:var(--shadow-xl);max-width:28rem;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)}@keyframes modalSlideIn{from{opacity:0;transform:scale(0.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal__content--sm{max-width:20rem}.modal__content--lg{max-width:40rem}.modal__content--xl{max-width:56rem}.modal__inner{padding:1.5rem}.modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.modal__title{font-size:1.3125rem;font-weight:700;color:var(--text-primary)}.modal__close{color:var(--text-tertiary);font-size:1.5rem;font-weight:700;line-height:1;padding:0.25rem;margin:-0.25rem;transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.modal__close:hover{color:var(--text-secondary)}.modal__body{margin-bottom:1.5rem}.modal__description{color:var(--text-secondary);margin-bottom:1rem}.modal__footer{display:flex;gap:0.75rem;padding-top:1rem;border-top:1px solid var(--border-primary)}.modal__footer--end{justify-content:flex-end}.modal__footer .btn{flex:1}.modal__options{display:grid;grid-template-columns:repeat(2, 1fr);gap:0.5rem}.modal__option{padding:0.75rem;text-align:left;border-radius:0.5rem;border:1px solid var(--border-primary);background-color:var(--bg-level-3);color:var(--text-secondary);transition:background-color 0.15s border-color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.modal__option:hover{background-color:var(--bg-level-2);border-color:var(--border-secondary)}.modal__option.is-selected{border-color:var(--color-accent);background-color:var(--color-accent-tint);box-shadow:0 0 0 1px var(--color-accent)}.modal__option-title{font-weight:500;color:var(--text-primary);margin-bottom:0.125rem}.modal__option-desc{font-size:0.75rem;color:var(--text-tertiary)}.modal__quick-actions{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem}.modal__datetime{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;margin-bottom:1rem}.modal--linear{padding:1.5rem}.modal__content--linear{max-width:32rem;background-color:var(--bg-level-2);border:1px solid var(--border-primary);border-radius:0.75rem;overflow:visible}.modal__header-linear{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;border-bottom:1px solid var(--border-primary)}.modal__header-left{display:flex;align-items:center;gap:0.5rem}.modal__header-right{display:flex;align-items:center;gap:0.25rem}.modal__badge{display:inline-flex;align-items:center;gap:0.25rem;padding:0.25rem 0.5rem;background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-secondary);border-radius:0.25rem;font-size:0.75rem;font-weight:500}.modal__breadcrumb-sep{color:var(--text-quaternary);font-size:0.875rem}.modal__breadcrumb-text{color:var(--text-secondary);font-size:0.875rem;font-weight:500}.modal__header-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:0.25rem;color:var(--text-tertiary);transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.modal__header-btn:hover{background-color:var(--bg-level-3);color:var(--text-secondary)}.modal__body-linear{padding:1rem}.modal__input-title{width:100%;background:transparent;border:none;outline:none;font-size:1.0625rem;font-weight:500;color:var(--text-primary);padding:0;margin-bottom:0.75rem}.modal__input-title::placeholder{color:var(--text-quaternary)}.modal__input-title:focus{outline:none}.modal__input-description{width:100%;background:transparent;border:none;outline:none;font-size:0.875rem;color:var(--text-secondary);padding:0;resize:none;line-height:1.5;min-height:60px}.modal__input-description::placeholder{color:var(--text-quaternary)}.modal__input-description:focus{outline:none}.modal__attributes{display:flex;align-items:center;flex-wrap:wrap;gap:0.5rem;padding:0.75rem 1rem;border-top:1px solid var(--border-primary);position:relative}.modal__pill{display:inline-flex;align-items:center;gap:0.25rem;padding:0.25rem 0.5rem;background-color:var(--bg-level-3);border:1px solid var(--border-primary);border-radius:0.25rem;color:var(--text-tertiary);font-size:0.75rem;font-weight:500;cursor:pointer;transition:background-color 0.15s border-color 0.15s color 0.15s}.modal__pill:hover{background-color:var(--bg-level-2);border-color:var(--border-secondary);color:var(--text-secondary)}.modal__pill.is-active{border-color:var(--color-accent);color:var(--text-primary)}.modal__pill--icon{padding:0.25rem}.modal__dropdown{position:absolute;top:100%;left:1rem;margin-top:0.25rem;min-width:160px;background-color:var(--bg-level-3);border:1px solid var(--border-primary);border-radius:0.5rem;box-shadow:var(--shadow-xl);z-index:10;overflow:hidden;animation:modalSlideIn 0.15s cubic-bezier(0.165, 0.84, 0.44, 1)}.modal__dropdown.is-hidden{display:none}.modal__dropdown-item{display:flex;align-items:center;gap:0.5rem;width:100%;padding:0.5rem 0.75rem;text-align:left;color:var(--text-secondary);font-size:0.875rem;transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.modal__dropdown-item i{font-size:16px;color:var(--text-tertiary)}.modal__dropdown-item:hover{background-color:var(--bg-level-2);color:var(--text-primary)}.modal__footer-linear{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;border-top:1px solid var(--border-primary)}.modal__footer-left,.modal__footer-center,.modal__footer-right{display:flex;align-items:center}.modal__footer-left{flex:1}.modal__footer-center{flex:1;justify-content:center}.modal__footer-right{flex:1;justify-content:flex-end}.modal__footer-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:0.25rem;color:var(--text-tertiary);transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.modal__footer-btn:hover{background-color:var(--bg-level-3);color:var(--text-secondary)}.modal__toggle{display:inline-flex;align-items:center;gap:0.5rem;cursor:pointer}.modal__toggle input{position:absolute;opacity:0;width:0;height:0}.modal__toggle-switch{position:relative;width:32px;height:18px;background-color:var(--bg-level-3);border:1px solid var(--border-primary);border-radius:9px;transition:background-color 0.2s border-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.modal__toggle-switch::after{content:'';position:absolute;top:2px;left:2px;width:12px;height:12px;background-color:var(--text-tertiary);border-radius:50%;transition:transform 0.2s background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}input:checked+.modal__toggle-switch{background-color:var(--color-accent);border-color:var(--color-accent)}input:checked+.modal__toggle-switch::after{transform:translateX(14px);background-color:white}.modal__toggle-label{color:var(--text-tertiary);font-size:0.75rem;font-weight:500}.modal__submit-btn{padding:0.5rem 1rem;background-color:var(--color-brand);color:white;border:none;border-radius:0.5rem;font-size:0.875rem;font-weight:500;cursor:pointer;transition:background-color 0.15s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.modal__submit-btn:hover{background-color:var(--color-brand-hover)}.modal__submit-btn:disabled{opacity:0.5;cursor:not-allowed}.nav{position:sticky;top:0;z-index:40;background-color:var(--bg-level-0);border-bottom:1px solid var(--border-primary);box-shadow:var(--shadow-sm);background-color:rgba(255,255,255,0.8);backdrop-filter:blur(20px)}.dark .nav{background-color:rgba(11,11,11,0.8)}.nav__container{padding:0 1rem}@media (min-width: 640px){.nav__container{padding:0 1.5rem}}@media (min-width: 1024px){.nav__container{padding:0 2rem}}.nav__inner{display:flex;align-items:center;justify-content:space-between;height:4rem}.nav__brand{display:flex;align-items:center;gap:0.5rem;flex-shrink:0}.nav__brand:hover .nav__brand-image{transform:scale(1.05)}.nav__brand-image{width:2rem;height:2rem;transition:transform 0.2s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.nav__brand-text{font-size:1.3125rem;font-weight:700;color:var(--text-primary);display:none}@media (min-width: 640px){.nav__brand-text{display:inline}}.nav__menu{display:none;align-items:center;gap:0.25rem;flex:1;justify-content:center}@media (min-width: 768px){.nav__menu{display:flex}}.nav__link{position:relative;display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.75rem;font-size:0.875rem;font-weight:500;color:var(--text-secondary);border-radius:0.5rem;transition:all 0.2s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.nav__link:hover{color:var(--color-accent);background-color:var(--bg-level-2)}.nav__link.is-active{color:var(--color-accent);background-color:var(--color-accent-tint)}.nav__link.is-active::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:4px;height:4px;background-color:var(--color-accent);border-radius:9999px}.nav__link i{font-size:1.125rem}.nav__link-text{display:none}@media (min-width: 1024px){.nav__link-text{display:inline}}.nav__actions{display:flex;align-items:center;gap:0.5rem;margin-left:1rem}@media (min-width: 768px){.nav__mobile-toggle{display:none}}.nav__mobile-menu{display:none;padding:0.5rem;padding-bottom:0.75rem;border-top:1px solid var(--border-primary);animation:slideDown 0.2s ease-out}.nav__mobile-menu.is-open{display:block}@media (min-width: 768px){.nav__mobile-menu{display:none !important}}.nav__mobile-link{display:flex;align-items:center;gap:0.75rem;padding:0.5rem 0.75rem;font-size:1rem;font-weight:500;color:var(--text-secondary);border-radius:0.5rem;transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.nav__mobile-link:hover{color:var(--color-accent);background-color:var(--bg-level-2)}.nav__mobile-link.is-active{color:var(--color-accent);background-color:var(--color-accent-tint)}.nav__mobile-link i{font-size:1.125rem}.breadcrumb{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;font-size:0.875rem;color:var(--text-tertiary);background-color:var(--bg-level-1);border-bottom:1px solid var(--border-primary)}@media (min-width: 640px){.breadcrumb{padding:0.75rem 1.5rem}}@media (min-width: 1024px){.breadcrumb{padding:0.75rem 2rem}}.breadcrumb__item{display:flex;align-items:center;gap:0.5rem}.breadcrumb__item a{color:var(--text-tertiary);transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.breadcrumb__item a:hover{color:var(--color-accent)}.breadcrumb__separator{color:var(--text-quaternary)}.breadcrumb__current{color:var(--text-secondary);font-weight:500}.app-layout{display:flex;min-height:100vh;background-color:var(--bg-level-0)}.app-layout__sidebar{position:fixed;top:0;left:0;bottom:0;width:256px;z-index:40;transform:translateX(-100%);transition:transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}@media (min-width: 1024px){.app-layout__sidebar{transform:translateX(0)}}.app-layout__sidebar.is-open{transform:translateX(0)}.app-layout__main{flex:1;min-width:0;transition:margin-left 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);margin-left:0}@media (min-width: 1024px){.app-layout__main{margin-left:256px}}.app-layout__overlay{position:fixed;inset:0;background-color:rgba(0,0,0,0.5);z-index:39;opacity:0;visibility:hidden;transition:opacity 0.2s ease, visibility 0.2s ease}@media (min-width: 1024px){.app-layout__overlay{display:none}}.app-layout__overlay.is-visible{opacity:1;visibility:visible}.sidebar{display:flex;flex-direction:column;height:100%;background-color:var(--bg-level-1);border-right:1px solid var(--border-primary);overflow:hidden}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-primary);flex-shrink:0}.sidebar__brand{display:flex;align-items:center;gap:0.75rem;text-decoration:none}.sidebar__brand:hover .sidebar__brand-logo{transform:scale(1.05)}.sidebar__brand-logo{width:28px;height:28px;border-radius:0.5rem;transition:transform 0.2s ease}.sidebar__brand-name{font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:-0.01em}.sidebar__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:0.5rem;color:var(--text-tertiary);background:transparent;border:none;cursor:pointer;transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.sidebar__close:hover{background-color:var(--bg-level-2);color:var(--text-primary)}@media (min-width: 1024px){.sidebar__close{display:none}}.sidebar__search{padding:0.75rem 1rem;flex-shrink:0}.sidebar__search-input{display:flex;align-items:center;gap:0.5rem;width:100%;padding:0.5rem 0.75rem;background-color:var(--bg-level-2);border:1px solid transparent;border-radius:0.5rem;color:var(--text-tertiary);font-size:0.875rem;font-family:inherit;cursor:pointer;transition:all 0.15s ease 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.sidebar__search-input:hover{background-color:var(--bg-level-3);border-color:var(--border-secondary)}.sidebar__search-input:focus{outline:none;background-color:var(--bg-level-3);border-color:var(--border-secondary)}.sidebar__search-input i{font-size:16px;flex-shrink:0}.sidebar__search-input input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:inherit}.sidebar__search-input input::placeholder{color:var(--text-quaternary)}.sidebar__search-placeholder{flex:1;text-align:left;color:var(--text-quaternary)}.sidebar__search-shortcut{display:none;padding:2px 6px;background-color:var(--bg-level-3);border-radius:0.25rem;font-size:10px;font-weight:500;color:var(--text-quaternary)}@media (min-width: 768px){.sidebar__search-shortcut{display:block}}.sidebar__nav{flex:1;overflow-y:auto;padding:0.5rem 0}.sidebar__nav::-webkit-scrollbar{width:6px}.sidebar__nav::-webkit-scrollbar-track{background:transparent}.sidebar__nav::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}.sidebar__nav::-webkit-scrollbar-thumb:hover{background:var(--border-tertiary)}.sidebar__section{padding:0 0.5rem;margin-bottom:0.5rem}.sidebar__section-header{display:flex;align-items:center;justify-content:space-between;padding:0.5rem 0.5rem;margin-bottom:0.25rem}.sidebar__section-title{font-size:11px;font-weight:600;color:var(--text-quaternary);text-transform:uppercase;letter-spacing:0.05em}.sidebar__section-action{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:0.25rem;color:var(--text-quaternary);background:transparent;border:none;cursor:pointer;opacity:0;transition:opacity 0.15s ease, background-color 0.15s ease}.sidebar__section:hover .sidebar__section-action{opacity:1}.sidebar__section-action:hover{background-color:var(--bg-level-2);color:var(--text-secondary)}.sidebar__section-action i{font-size:14px}.sidebar__item{display:flex;align-items:center;gap:0.75rem;padding:0.5rem 0.75rem;margin:0 0.5rem;border-radius:0.5rem;color:var(--text-secondary);font-size:0.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all 0.12s ease 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.sidebar__item:hover{background-color:var(--bg-level-2);color:var(--text-primary)}.sidebar__item.is-active{background-color:var(--bg-level-2);color:var(--text-primary);border-left:2px solid var(--color-brand);margin-left:calc(0.5rem - 2px)}.sidebar__item.is-active i{color:var(--text-primary)}.sidebar__item i{font-size:18px;flex-shrink:0;color:var(--text-tertiary);transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.sidebar__item:hover i{color:var(--text-secondary)}.sidebar__item.is-active i{color:var(--text-primary)}.sidebar__item-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__item-badge{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background-color:var(--bg-level-3);border-radius:9999px;font-size:11px;font-weight:600;color:var(--text-tertiary)}.sidebar__item-badge.is-alert{background-color:var(--color-red);color:white}.sidebar__task{display:flex;align-items:flex-start;gap:0.5rem;padding:0.5rem 0.75rem;margin:0 0.5rem;border-radius:0.5rem;text-decoration:none;transition:all 0.12s ease 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.sidebar__task:hover{background-color:var(--bg-level-2)}.sidebar__task:hover .sidebar__task-title{color:var(--text-primary)}.sidebar__task-status{flex-shrink:0;width:14px;height:14px;margin-top:3px;border-radius:50%;border:2px solid var(--text-quaternary)}.sidebar__task-status.is-pending{border-color:var(--text-quaternary)}.sidebar__task-status.is-started{border-color:var(--text-secondary);background-color:transparent}.sidebar__task-status.is-in-progress{border-color:var(--text-secondary);background:linear-gradient(to top, var(--text-secondary) 50%, transparent 50%)}.sidebar__task-status.is-near-completion{border-color:var(--text-primary);background:linear-gradient(to top, var(--text-primary) 75%, transparent 25%)}.sidebar__task-status.is-completed{border-color:var(--text-tertiary);background-color:var(--text-tertiary);position:relative}.sidebar__task-status.is-completed::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(45deg);width:4px;height:6px;border:solid white;border-width:0 1.5px 1.5px 0;margin-top:-1px}.sidebar__task-status.is-blocked{border-color:var(--color-brand);background-color:var(--color-brand);position:relative}.sidebar__task-status.is-blocked::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:6px;height:2px;background-color:white;border-radius:1px}.sidebar__task-content{flex:1;min-width:0}.sidebar__task-title{font-size:0.875rem;font-weight:500;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.sidebar__task-meta{display:flex;align-items:center;gap:0.5rem;margin-top:2px;font-size:11px;color:var(--text-quaternary)}.sidebar__task-project{display:flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.sidebar__task-project i{font-size:10px}.sidebar__task-priority{display:flex;align-items:center}.sidebar__task-priority.is-high{color:var(--color-brand)}.sidebar__task-priority.is-mid{color:var(--text-secondary)}.sidebar__task-priority i{font-size:10px}.sidebar__footer{padding:0.75rem 0.5rem;border-top:1px solid var(--border-primary);flex-shrink:0}.sidebar__footer-actions{display:flex;align-items:center;justify-content:space-between;padding:0 0.5rem}.sidebar__footer-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:0.5rem;color:var(--text-tertiary);background:transparent;border:none;cursor:pointer;transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.sidebar__footer-btn:hover{background-color:var(--bg-level-2);color:var(--text-primary)}.sidebar__footer-btn i{font-size:18px}.sidebar-toggle{position:fixed;top:1rem;left:1rem;z-index:39;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--bg-level-1);border:1px solid var(--border-primary);border-radius:0.5rem;color:var(--text-secondary);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:all 0.2s ease 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.sidebar-toggle:hover{background-color:var(--bg-level-2);color:var(--text-primary)}@media (min-width: 1024px){.sidebar-toggle{display:none}}.sidebar-toggle i{font-size:20px}.sidebar__collapsible{overflow:hidden}.sidebar__collapsible-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0.5rem;background:transparent;border:none;cursor:pointer}.sidebar__collapsible-toggle:hover .sidebar__section-title{color:var(--text-tertiary)}.sidebar__collapsible-icon{color:var(--text-quaternary);font-size:12px;transition:transform 0.2s ease}.sidebar__collapsible.is-collapsed .sidebar__collapsible-icon{transform:rotate(-90deg)}.sidebar__collapsible-content{max-height:500px;transition:max-height 0.25s ease}.sidebar__collapsible.is-collapsed .sidebar__collapsible-content{max-height:0}.sidebar__empty{padding:1rem 0.75rem;text-align:center}.sidebar__empty i{font-size:24px;color:var(--text-quaternary);margin-bottom:0.5rem}.sidebar__empty p{font-size:0.875rem;color:var(--text-quaternary)}.sidebar__divider{height:1px;margin:0.5rem 1rem;background-color:var(--border-primary)}.panel{display:flex;flex-direction:column;min-height:calc(100vh - 3rem);background-color:var(--bg-level-0)}.panel__header{flex-shrink:0;padding:1rem 1.25rem;background-color:var(--bg-level-1);border-bottom:1px solid var(--border-primary)}@media (min-width: 768px){.panel__header{padding:1rem 1.5rem}}@media (min-width: 1024px){.panel__header{padding:1rem 2rem}}.panel__content{flex:1;overflow-y:auto;padding:1.25rem}@media (min-width: 768px){.panel__content{padding:1.5rem}}@media (min-width: 1024px){.panel__content{padding:2rem}}.panel__content--flush{padding:0}.panel__sidebar{flex-shrink:0;width:280px;border-right:1px solid var(--border-primary);background-color:var(--bg-level-1);overflow-y:auto}.panel__main{flex:1;overflow-y:auto}.notification-container{position:fixed;top:1rem;right:1rem;z-index:90;display:flex;flex-direction:column;gap:0.5rem}.notification{display:flex;align-items:center;gap:0.75rem;min-width:300px;max-width:28rem;padding:1rem 1.5rem;border-radius:0.75rem;box-shadow:var(--shadow-lg);animation:slideInRight 0.3s ease-out}.notification i{font-size:1.25rem;flex-shrink:0}.notification--success{background-color:#4cb782;color:#ffffff}.dark .notification--success{background-color:#3c9468}.notification--error{background-color:#DC2626;color:#ffffff}.dark .notification--error{background-color:#b21d1d}.notification--warning{background-color:#fc7840;color:#ffffff}.notification--info{background-color:#3b82f6;color:#ffffff}.notification__content{flex:1;font-size:0.875rem}.notification__close{color:inherit;opacity:0.8;transition:opacity 0.15s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.notification__close:hover{opacity:1}.notification--exit{animation:slideOutRight 0.3s ease-out forwards}.alert{display:flex;align-items:flex-start;gap:0.75rem;padding:0.75rem 1rem;border-radius:0.5rem;border:1px solid;font-size:0.875rem}.alert i{font-size:1.125rem;flex-shrink:0;margin-top:0.125rem}.alert--success{background-color:var(--color-green-bg);border-color:#4cb782;color:var(--color-green-text)}.alert--error{background-color:var(--color-red-bg);border-color:#DC2626;color:var(--color-red-text)}.alert--warning{background-color:var(--color-orange-bg);border-color:#fc7840;color:var(--color-orange-text)}.alert--info{background-color:var(--color-blue-bg);border-color:#3b82f6;color:var(--color-blue-text)}.dropdown{position:relative;display:inline-block}.dropdown__trigger{cursor:pointer}.dropdown__menu{position:absolute;top:100%;left:0;z-index:10;min-width:12rem;margin-top:0.25rem;padding:0.25rem;background-color:var(--bg-level-2);border:1px solid var(--border-primary);border-radius:0.75rem;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity 0.15s, transform 0.15s, visibility 0.15s}.dropdown__menu.is-open,.dropdown:hover>.dropdown__menu,.dropdown.is-open>.dropdown__menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown__menu--right{left:auto;right:0}.dropdown__item{display:flex;align-items:center;gap:0.5rem;width:100%;padding:0.5rem 0.75rem;font-size:0.875rem;color:var(--text-secondary);border-radius:0.5rem;text-align:left;transition:background-color 0.1s color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.dropdown__item:hover{background-color:var(--bg-level-3);color:var(--text-primary)}.dropdown__item.is-active{background-color:var(--color-accent-tint);color:var(--color-accent)}.dropdown__item i{font-size:1rem;width:1rem;text-align:center}.dropdown__divider{height:1px;margin:0.25rem 0;background-color:var(--border-primary)}.dropdown__header{padding:0.5rem 0.75rem;font-size:0.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0.025em}.sort-dropdown .dropdown__trigger{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.75rem;font-size:0.875rem;color:var(--text-secondary);background-color:var(--bg-level-2);border:1px solid var(--border-primary);border-radius:0.5rem;transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.sort-dropdown .dropdown__trigger:hover{background-color:var(--bg-level-3);color:var(--text-primary)}.sort-dropdown .dropdown__trigger i{font-size:1rem}.dropdown__item--check .dropdown__check{width:1rem;margin-left:auto;color:var(--color-accent);opacity:0}.is-active>.dropdown__item--check .dropdown__check{opacity:1}.timeline{display:flex;align-items:center;gap:0.5rem;font-size:0.75rem;padding-top:0.75rem;margin-top:0.75rem;position:relative}.timeline::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg, transparent 0%, var(--color-brand) 10%, #450A0A 50%, var(--color-brand) 90%, transparent 100%);opacity:0.6}.timeline--compact{padding-top:0.5rem;margin-top:0.5rem}.timeline--compact .timeline__item{font-size:0.625rem}.timeline--compact::before{height:1px}.timeline__item{display:flex;align-items:center;gap:0.25rem;color:var(--text-tertiary);white-space:nowrap}.timeline__item i{flex-shrink:0}.timeline__dot{width:4px;height:4px;border-radius:9999px;flex-shrink:0;position:relative;background-color:var(--text-quaternary)}.timeline__dot--target{background-color:var(--color-brand);box-shadow:0 0 4px var(--color-brand)}.timeline__dot--deadline{background-color:var(--color-brand);box-shadow:0 0 6px var(--color-brand)}.timeline__dot--empty{background-color:transparent;border:1px dashed var(--text-quaternary);box-shadow:none}.timeline__connector{flex:1;display:flex;align-items:center;min-width:0.75rem}.timeline__connector i{color:var(--text-quaternary);margin:0 auto;font-size:0.625rem;opacity:0.5}.timeline__action{display:flex;align-items:center;gap:0.25rem;color:var(--text-quaternary);cursor:pointer;transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.timeline__action:hover{color:var(--color-brand)}.timeline__action:hover .timeline__dot--empty{border-color:var(--color-brand)}.timeline__action--target:hover{color:var(--color-brand)}.timeline__action--target:hover .timeline__dot--empty{border-color:var(--color-brand)}.timeline__action--deadline:hover{color:var(--color-brand)}.timeline__action--deadline:hover .timeline__dot--empty{border-color:var(--color-brand);box-shadow:0 0 4px var(--color-brand)}.timeline__item--overdue{color:var(--color-brand);font-weight:500}.timeline__item--overdue .timeline__dot{box-shadow:0 0 8px var(--color-brand)}.timeline__item--due-soon{color:var(--color-brand);opacity:0.8}.timeline-inline{display:flex;align-items:center;gap:0.5rem;font-size:0.625rem;color:var(--text-tertiary);flex-wrap:wrap}.timeline-inline__separator{color:var(--text-quaternary)}.timeline-inline__item{display:flex;align-items:center;gap:0.25rem;white-space:nowrap}.timeline-inline__item i{font-size:0.625rem;flex-shrink:0}.timeline-inline__item--overdue{color:var(--color-brand);font-weight:500}.timeline-inline__item--due-soon{color:var(--color-brand);opacity:0.8}.alert{display:flex;align-items:flex-start;gap:0.75rem;padding:1rem;border-radius:0.5rem;border:1px solid;font-size:0.875rem;margin-bottom:1rem}.alert i{font-size:1.0625rem;flex-shrink:0;margin-top:0.125rem}.alert--success{background-color:var(--color-green-bg);border-color:var(--color-green);color:var(--color-green-text)}.alert--error{background-color:var(--color-red-bg);border-color:var(--color-red);color:var(--color-red-text)}.alert--warning{background-color:var(--color-orange-bg);border-color:var(--color-orange);color:var(--color-orange-text)}.alert--info{background-color:var(--color-blue-bg);border-color:var(--color-blue);color:var(--color-blue-text)}.calendar{background:var(--bg-level-1);border-radius:12px;border:0.5px solid var(--border-primary);overflow:hidden;display:flex;flex-direction:column;min-height:calc(100vh - 140px)}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:0.5px solid var(--border-primary);background:var(--bg-level-1);gap:16px;flex-wrap:wrap}.calendar-header__title{font-size:1.125rem;font-weight:600;color:var(--text-primary);letter-spacing:-0.02em;display:flex;align-items:center;gap:8px}.calendar-header__title i{color:var(--text-tertiary)}.calendar-header__controls{display:flex;align-items:center;gap:12px}.calendar-header__nav{display:flex;align-items:center;gap:4px}.calendar-header__nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;transition:all 0.15s ease}.calendar-header__nav-btn:hover{background:rgba(255,255,255,0.05);color:var(--text-primary)}.calendar-header__nav-btn i{font-size:14px}.calendar-header__date{min-width:160px;text-align:center;font-size:0.875rem;font-weight:500;color:var(--text-primary);letter-spacing:-0.01em}.calendar-header__actions{display:flex;align-items:center;gap:8px}.calendar-view-switcher{display:flex;align-items:center;background:var(--bg-level-2);border-radius:6px;padding:2px;border:0.5px solid var(--border-primary)}.calendar-view-switcher__btn{padding:6px 12px;border-radius:4px;font-size:0.75rem;font-weight:500;color:var(--text-tertiary);background:transparent;border:none;cursor:pointer;transition:all 0.15s ease;text-decoration:none}.calendar-view-switcher__btn:hover{color:var(--text-secondary)}.calendar-view-switcher__btn--active{background:var(--bg-level-3);color:var(--text-primary);box-shadow:0 1px 2px rgba(0,0,0,0.1)}.calendar-ghost-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:0.75rem;font-weight:500;color:var(--text-tertiary);background:transparent;border:0.5px solid transparent;cursor:pointer;transition:all 0.15s ease;text-decoration:none}.calendar-ghost-btn:hover{background:rgba(255,255,255,0.05);border-color:var(--border-primary);color:var(--text-secondary)}.calendar-ghost-btn i{font-size:12px}.calendar-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:transparent;border:0.5px solid transparent;color:var(--text-tertiary);cursor:pointer;transition:all 0.15s ease;position:relative}.calendar-icon-btn:hover{background:rgba(255,255,255,0.05);border-color:var(--border-primary);color:var(--text-secondary)}.calendar-icon-btn i{font-size:16px}.calendar-week{display:grid;grid-template-columns:repeat(7, 1fr);flex:1;min-height:0}@media (max-width: 768px){.calendar-week{grid-template-columns:1fr}}.calendar-day{display:flex;flex-direction:column;border-right:0.5px solid var(--border-primary);min-height:0}.calendar-day:last-child{border-right:none}@media (max-width: 768px){.calendar-day{border-right:none;border-bottom:0.5px solid var(--border-primary);min-height:200px}.calendar-day:last-child{border-bottom:none}}.calendar-day--today{background:rgba(94,106,210,0.03)}.calendar-day--today .calendar-day__header{border-bottom-color:var(--color-accent)}.calendar-day--today .calendar-day__number{color:var(--color-accent)}.calendar-day--weekend{background:rgba(255,255,255,0.01)}.calendar-day__header{padding:12px 10px;border-bottom:0.5px solid var(--border-primary);text-align:center;background:var(--bg-level-2)}@media (max-width: 768px){.calendar-day__header{display:flex;align-items:center;gap:12px;text-align:left}}.calendar-day__weekday{font-size:0.625rem;font-weight:500;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-quaternary);margin-bottom:2px}.calendar-day__number{font-size:1.25rem;font-weight:600;color:var(--text-primary);letter-spacing:-0.02em;line-height:1}@media (max-width: 768px){.calendar-day__number{font-size:1rem}}.calendar-day__month{font-size:0.625rem;font-weight:400;color:var(--text-quaternary);margin-top:2px}.calendar-day__content{flex:1;padding:8px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.calendar-day__content::-webkit-scrollbar{width:4px}.calendar-day__content::-webkit-scrollbar-track{background:transparent}.calendar-day__content::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:2px}.calendar-day__empty{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;color:var(--text-quaternary);font-size:0.75rem}.calendar-day__empty i{font-size:24px;margin-bottom:8px;opacity:0.5}.calendar-day--drag-over{background:rgba(94,106,210,0.08) !important}.calendar-day--drag-over .calendar-day__content{border:1px dashed var(--color-accent);border-radius:6px;margin:4px}.calendar-item{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:6px;background:var(--bg-level-3);border:0.5px solid var(--border-primary);cursor:grab;transition:all 0.15s ease}.calendar-item:hover{background:var(--bg-secondary);border-color:var(--border-secondary)}.calendar-item:hover .calendar-item__actions{opacity:1}.calendar-item:active{cursor:grabbing}.calendar-item--dragging{opacity:0.5;cursor:grabbing}.calendar-item--task{border-left:2px solid var(--color-accent)}.calendar-item--task.calendar-item--high{border-left-color:var(--color-red)}.calendar-item--task.calendar-item--mid{border-left-color:var(--color-yellow)}.calendar-item--task.calendar-item--low{border-left-color:var(--color-green)}.calendar-item--reminder{border-left:2px solid var(--color-purple);background:rgba(168,85,247,0.05)}.calendar-item--blocked{opacity:0.6;background:repeating-linear-gradient(45deg, var(--bg-level-3), var(--bg-level-3) 2px, rgba(255,255,255,0.02) 2px, rgba(255,255,255,0.02) 4px)}.calendar-item--overdue{border-left-color:var(--color-red);background:rgba(235,87,87,0.05)}.calendar-item__icon{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:12px;margin-top:1px}.calendar-item__content{flex:1;min-width:0}.calendar-item__title{font-size:0.75rem;font-weight:500;color:var(--text-primary);line-height:1.3;display:block;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-item__title:hover{color:var(--color-accent)}.calendar-item__meta{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:0.625rem;color:var(--text-quaternary)}.calendar-item__meta i{font-size:10px}.calendar-item__tag{display:inline-flex;align-items:center;gap:3px;padding:1px 4px;border-radius:3px;background:rgba(255,255,255,0.05);font-size:0.5625rem;font-weight:500;text-transform:uppercase;letter-spacing:0.02em}.calendar-item__actions{opacity:0;display:flex;gap:2px;transition:opacity 0.15s ease}@media (max-width: 768px){.calendar-item__actions{opacity:1}}.calendar-item__action{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;background:transparent;border:none;color:var(--text-quaternary);cursor:pointer;transition:all 0.1s ease;text-decoration:none}.calendar-item__action:hover{background:rgba(255,255,255,0.1);color:var(--text-secondary)}.calendar-item__action--success:hover{background:rgba(76,183,130,0.2);color:var(--color-green)}.calendar-item__action--danger:hover{background:rgba(235,87,87,0.2);color:var(--color-red)}.calendar-item__action i{font-size:11px}.calendar-month{flex:1;display:flex;flex-direction:column;min-height:0}.calendar-month__headers{display:grid;grid-template-columns:repeat(7, 1fr);border-bottom:0.5px solid var(--border-primary)}.calendar-month__header-cell{padding:10px;text-align:center;font-size:0.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-quaternary);background:var(--bg-level-2);border-right:0.5px solid var(--border-primary)}.calendar-month__header-cell:last-child{border-right:none}.calendar-month__grid{display:grid;grid-template-columns:repeat(7, 1fr);flex:1;min-height:0}.calendar-month-day{min-height:80px;border-right:0.5px solid var(--border-primary);border-bottom:0.5px solid var(--border-primary);padding:6px;background:var(--bg-level-1);transition:background 0.15s ease;cursor:pointer;display:flex;flex-direction:column}.calendar-month-day:nth-child(7n){border-right:none}.calendar-month-day:hover{background:var(--bg-level-2)}.calendar-month-day--other-month{background:var(--bg-level-0);opacity:0.5}.calendar-month-day--other-month:hover{opacity:0.7}.calendar-month-day--today{background:rgba(94,106,210,0.05)}.calendar-month-day--today .calendar-month-day__number{background:var(--color-accent);color:white;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.calendar-month-day--weekend{background:rgba(255,255,255,0.01)}.calendar-month-day--drag-over{background:rgba(94,106,210,0.1) !important;box-shadow:inset 0 0 0 1px var(--color-accent)}.calendar-month-day__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.calendar-month-day__number{font-size:0.75rem;font-weight:500;color:var(--text-secondary)}.calendar-month-day__dots{display:flex;gap:3px}.calendar-month-day__dot{width:5px;height:5px;border-radius:50%}.calendar-month-day__dot--task{background:var(--color-accent)}.calendar-month-day__dot--reminder{background:var(--color-purple)}.calendar-month-day__items{display:flex;flex-direction:column;gap:2px;flex:1;min-height:0;overflow:hidden}.calendar-month-day__item{font-size:0.625rem;padding:2px 4px;border-radius:3px;background:var(--bg-level-3);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:grab;transition:background 0.1s ease;text-decoration:none;display:block}.calendar-month-day__item:hover{background:var(--bg-secondary)}.calendar-month-day__item--task{border-left:2px solid var(--color-accent)}.calendar-month-day__item--reminder{border-left:2px solid var(--color-purple)}.calendar-month-day__item--dragging{opacity:0.5}.calendar-month-day__more{font-size:0.5625rem;color:var(--text-quaternary);text-align:center;padding:2px}.calendar-subscription-dropdown{position:absolute;top:100%;right:0;margin-top:8px;width:380px;background:var(--bg-level-3);border:0.5px solid var(--border-secondary);border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,0.3);z-index:100;padding:16px;display:none}.calendar-subscription-dropdown.is-open{display:block;animation:slideDown 0.15s ease}.calendar-subscription-dropdown__title{font-size:0.8125rem;font-weight:600;color:var(--text-primary);margin-bottom:8px;display:flex;align-items:center;gap:8px}.calendar-subscription-dropdown__title i{color:var(--text-tertiary)}.calendar-subscription-dropdown__desc{font-size:0.6875rem;color:var(--text-tertiary);margin-bottom:12px;line-height:1.5}.calendar-subscription-dropdown__input-group{display:flex;gap:8px;margin-bottom:12px}.calendar-subscription-dropdown__input{flex:1;padding:8px 10px;font-size:0.6875rem;background:var(--bg-level-2);border:0.5px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);font-family:monospace}.calendar-subscription-dropdown__input:focus{outline:none;border-color:var(--color-accent)}.calendar-subscription-dropdown__btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;font-size:0.6875rem;font-weight:500;cursor:pointer;transition:all 0.15s ease;border:none;text-decoration:none}.calendar-subscription-dropdown__btn--primary{background:var(--color-accent);color:white}.calendar-subscription-dropdown__btn--primary:hover{background:var(--color-accent-hover)}.calendar-subscription-dropdown__btn--secondary{background:var(--bg-level-2);color:var(--text-secondary);border:0.5px solid var(--border-primary)}.calendar-subscription-dropdown__btn--secondary:hover{background:var(--bg-secondary);border-color:var(--border-secondary)}.calendar-subscription-dropdown__btn i{font-size:12px}.calendar-subscription-dropdown__apps{display:flex;gap:12px;padding-top:12px;border-top:0.5px solid var(--border-primary)}.calendar-subscription-dropdown__apps span{display:flex;align-items:center;gap:4px;font-size:0.625rem;color:var(--text-quaternary)}.calendar-subscription-dropdown__apps span i{font-size:12px}.calendar-count{display:inline-flex;align-items:center;gap:6px}.calendar-count__badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:10px;font-size:0.625rem;font-weight:500}.calendar-count__badge--tasks{background:rgba(94,106,210,0.15);color:var(--color-accent)}.calendar-count__badge--reminders{background:rgba(168,85,247,0.15);color:var(--color-purple)}.task-show__header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-primary)}.task-show__back-link{display:inline-flex;align-items:center;gap:0.5rem}.task-title-section{margin-bottom:1.5rem;background-color:var(--bg-level-1)}.task-title-section__title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.3}.task-description{margin-bottom:1.5rem}.task-description__label{font-size:0.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-tertiary);margin-bottom:0.75rem}.task-description__content{color:var(--text-secondary);line-height:1.6}.task-info-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem;margin-bottom:1.5rem}@media (max-width: 768px){.task-info-grid{grid-template-columns:1fr}}.task-info-card{background-color:var(--bg-level-1)}.task-info-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem}.task-info-card__label{font-size:0.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-tertiary)}.task-info-card__sublabel{font-size:0.625rem;text-transform:uppercase;color:var(--text-quaternary);margin-bottom:0.25rem}.task-info-card__value{font-size:0.875rem;font-weight:500;color:var(--text-primary)}.task-info-card__value--warning{color:var(--color-orange)}.task-info-card__value--danger{color:var(--color-brand)}.task-info-card__value--muted{color:var(--text-quaternary)}.task-info-card__link{display:flex;align-items:center;gap:0.75rem}.task-info-card__link:hover{opacity:0.8}.task-info-card__icon-wrapper{width:2rem;height:2rem;border-radius:6px;background-color:var(--bg-level-3);border:1px solid var(--border-primary);display:flex;align-items:center;justify-content:center}.task-info-card__empty{text-align:center;padding:0.5rem 0}.task-info-card__empty-text{font-size:0.875rem;color:var(--text-tertiary);margin-bottom:0.75rem}.task-info-card__rows{display:flex;flex-direction:column;gap:0.75rem}.task-info-card__row{display:flex;flex-direction:column}.task-info-card__stat-row{display:flex;justify-content:space-between;align-items:center}.task-info-card__stat-label{font-size:0.875rem;color:var(--text-tertiary)}.task-info-card__stat-value{font-size:0.875rem;font-weight:600;color:var(--text-primary)}.task-info-card__divider{padding-top:0.5rem;border-top:1px solid var(--border-primary)}.task-section{margin-bottom:1.5rem}.task-section__header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1rem}.task-section__icon-wrapper{width:2rem;height:2rem;border-radius:6px;background-color:var(--bg-level-2);border:1px solid var(--border-primary);display:flex;align-items:center;justify-content:center}.task-section__title{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.task-section__count{background-color:var(--bg-level-2);color:var(--text-tertiary)}.task-section__container{padding:0;background-color:var(--bg-level-1)}.reminder-form{padding:1rem;border-bottom:1px solid var(--border-primary)}.reminder-form__row{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.reminder-form__field{flex:1;min-width:200px}.reminder-form__label{display:block;font-size:0.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-tertiary);margin-bottom:0.5rem}.reminder-form__time-controls{display:flex;align-items:center;gap:0.75rem}.reminder-form__days-input{display:flex;align-items:center;gap:0.5rem;background-color:var(--bg-level-2);border-radius:6px;padding:0.5rem 0.75rem}.reminder-form__days-text{font-size:0.875rem;color:var(--text-tertiary)}.reminder-form__days-number{width:3rem;background:transparent;text-align:center;font-size:0.875rem;font-weight:500;color:var(--text-primary);border:none;outline:none}.reminder-form__time-buttons{display:flex;gap:0.25rem}.reminder-form__preview{margin-top:0.5rem;font-size:0.75rem;color:var(--text-quaternary)}.reminder-time-btn{padding:0.5rem 0.75rem;font-size:0.75rem;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:all 0.15s;background-color:var(--bg-level-2);color:var(--text-tertiary)}.reminder-time-btn:hover{background-color:var(--bg-level-3)}.reminder-time-btn--active{background-color:var(--bg-level-3);color:var(--text-primary)}.reminder-item{padding:1rem;border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between}.reminder-item--overdue{background-color:var(--color-brand-tint)}.reminder-item--dismissed{opacity:0.6}.reminder-item__content{display:flex;align-items:center;gap:1rem}.reminder-item__icon{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-level-2)}.reminder-item__icon--overdue{background-color:rgba(220,38,38,0.15)}.reminder-item__details{display:flex;flex-direction:column}.reminder-item__time{display:flex;align-items:center;gap:0.5rem;font-weight:500;color:var(--text-primary)}.reminder-item__time--dismissed{color:var(--text-tertiary);text-decoration:line-through}.reminder-item__notes{font-size:0.875rem;color:var(--text-tertiary);margin-top:0.25rem}.dismissed-reminders{border-top:1px solid var(--border-primary)}.dismissed-reminders__summary{padding:0.75rem 1rem;font-size:0.875rem;color:var(--text-tertiary);cursor:pointer;user-select:none}.dismissed-reminders__label{margin-left:0.5rem}.task-empty-state{padding:2rem;text-align:center}.task-empty-state__icon{font-size:2rem;color:var(--text-quaternary)}.task-empty-state__text{margin-top:0.5rem;font-size:0.875rem;color:var(--text-quaternary)}.comment-item{padding:1rem;border-bottom:1px solid var(--border-primary)}.comment-item__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0.5rem}.comment-item__time{font-size:0.75rem;color:var(--text-quaternary)}.comment-item__delete{opacity:0;transition:opacity 0.15s}.comment-item:hover .comment-item__delete{opacity:1}.comment-item__body{color:var(--text-secondary);white-space:pre-wrap;line-height:1.5}.comment-form{padding:1rem;border-bottom:1px solid var(--border-primary)}.comment-form__row{display:flex;gap:1rem;align-items:flex-end}.comment-form__field{flex:1}.comment-form__textarea{min-height:60px;font-size:0.875rem}.kanban-board{gap:16px}.kanban-column{display:flex;flex-direction:column;width:300px;min-width:280px;max-height:100%;background:transparent;border:none}@media (max-width: 1024px){.kanban-column{width:280px;min-width:260px}}.kanban-column__header{display:block;flex-shrink:0;background:transparent;border:none;margin-bottom:8px;padding:0.5rem 0.75rem}.kanban-column__title{display:flex;align-items:center;gap:0.5rem}.kanban-column__count{font-family:var(--font-mono, ui-monospace, monospace)}.kanban-column-content{display:flex;flex-direction:column;flex:1;gap:6px;overflow-y:auto;padding:0.25rem}.kanban-column-content::-webkit-scrollbar{width:6px}.kanban-column-content::-webkit-scrollbar-track{background:transparent}.kanban-column-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, #cbd5e1);border-radius:3px}.dark .kanban-column-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-dark, #475569)}.kanban-column-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, #94a3b8)}.dark .kanban-column-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-dark, #64748b)}.kanban-task-item{cursor:move}.kanban-task-item:hover{transform:translateY(-1px);transition:transform 0.15s ease-out}.kanban-card{background-color:var(--bg-level-1);border:1px solid var(--border-primary);border-radius:8px;padding:10px 12px;transition:all 0.15s ease-out}.kanban-card:hover{border-color:var(--border-secondary);box-shadow:0 2px 4px rgba(0,0,0,0.05)}.kanban-card--blocked{border-left:3px solid var(--color-orange)}.kanban-card--overdue{border-left:3px solid var(--color-red)}.kanban-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.kanban-card__id{font-size:11px;font-family:var(--font-mono, ui-monospace, monospace);color:var(--text-quaternary);text-transform:uppercase;letter-spacing:0.02em}.kanban-card__actions{display:flex;gap:4px;opacity:0;transition:opacity 0.15s ease-out}.kanban-card:hover .kanban-card__actions{opacity:1}.kanban-card__action{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;transition:all 0.15s}.kanban-card__action:hover{background-color:var(--bg-level-2);color:var(--text-primary)}.kanban-card__action--success:hover{background-color:var(--color-green-bg);color:var(--color-green-text)}.kanban-card__action--danger:hover{background-color:var(--color-red-bg);color:var(--color-red-text)}.kanban-card__title{font-size:13px;font-weight:500;line-height:1.4;margin-bottom:8px;color:var(--text-primary)}.kanban-card__title a{color:inherit;text-decoration:none}.kanban-card__title a:hover{color:var(--color-accent)}.kanban-card__alerts{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.kanban-card__meta{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;border-radius:4px;background-color:var(--bg-level-2);color:var(--text-tertiary);border:none;cursor:pointer;transition:all 0.15s}.chip:hover{background-color:var(--bg-level-3);color:var(--text-secondary)}.chip--priority-high{background-color:var(--color-red-bg);color:var(--color-red-text)}.chip--priority-mid{background-color:var(--color-orange-bg);color:var(--color-orange-text)}.chip--priority-low{background-color:var(--color-green-bg);color:var(--color-green-text)}.chip--alert{font-size:10px;padding:2px 6px}.chip--blocked{background-color:var(--color-orange-bg);color:var(--color-orange-text)}.chip--overdue{background-color:var(--color-red-bg);color:var(--color-red-text)}.chip--due-soon{background-color:var(--color-yellow-bg);color:var(--color-yellow-text)}.drag-over{background-color:var(--bg-level-2);border:1px dashed var(--text-quaternary);border-radius:8px}.view-btn--active{background-color:var(--bg-level-3);color:var(--text-primary);border:1px solid var(--border-primary)}.grouping-btn--active{background-color:var(--bg-level-3);color:var(--text-primary);border:1px solid var(--border-primary)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-header{padding:1.5rem;border-bottom:1px solid var(--border-primary);background-color:var(--bg-level-1)}.project-header__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.project-header__info{flex:1}.project-header__title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:0.25rem}.project-header__description{font-size:0.875rem;color:var(--text-tertiary);margin-top:0.25rem}.project-header__actions{display:flex;gap:0.75rem}.project-stats{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem;margin-top:1rem}.project-stats__item{text-align:center}.project-stats__value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.project-stats__value--success{color:var(--color-green)}.project-stats__label{font-size:0.75rem;color:var(--text-tertiary);margin-top:0.125rem}.project-progress{margin-top:1rem}.project-progress__bar{width:100%;height:0.5rem;background-color:var(--bg-level-2);border-radius:9999px;overflow:hidden}.project-progress__fill{height:100%;background-color:var(--text-tertiary);border-radius:9999px;transition:width 0.5s ease-out}.project-controls{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-primary);background-color:var(--bg-level-1)}.project-controls__left{display:flex;align-items:center;gap:0.75rem}.project-controls__title{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.project-controls__right{display:flex;align-items:center;gap:1rem}.view-switcher{display:flex;align-items:center;gap:0.5rem;background-color:var(--bg-level-2);border-radius:8px;padding:0.25rem;border:1px solid var(--border-primary)}.view-switcher__btn{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:6px;font-size:0.875rem;font-weight:500;color:var(--text-tertiary);background:transparent;border:none;cursor:pointer;transition:all 0.15s}.view-switcher__btn:hover{color:var(--text-secondary);background-color:var(--bg-level-3)}.view-switcher__btn--active{color:var(--text-primary);background-color:var(--bg-level-3);border:1px solid var(--border-primary)}.grouping-toggle{display:flex;align-items:center;gap:0.5rem;background-color:var(--bg-level-2);border-radius:8px;padding:0.25rem;border:1px solid var(--border-primary)}.grouping-toggle__btn{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:6px;font-size:0.875rem;font-weight:500;color:var(--text-tertiary);background:transparent;border:none;cursor:pointer;transition:all 0.15s}.grouping-toggle__btn:hover{color:var(--text-secondary);background-color:var(--bg-level-3)}.grouping-toggle__btn--active{color:var(--text-primary);background-color:var(--bg-level-3);border:1px solid var(--border-primary)}.notes-layout{display:flex;height:calc(100vh - 60px);background:var(--bg-level-0)}.notes-editor-layout{min-height:calc(100vh - 60px);background:var(--bg-level-0)}.notes-writer{display:flex;flex-direction:column;height:calc(100vh - 60px);background:var(--bg-level-0);--notes-accent: var(--color-brand);--notes-accent-hover: var(--color-brand-hover);--notes-accent-tint: var(--color-brand-tint)}.notes-writer__container{display:flex;flex:1;min-height:0}.notes-writer__editor{flex:1;display:flex;flex-direction:column;min-width:0;transition:flex 0.3s ease}.notes-writer--preview-open .notes-writer__editor{flex:0 0 55%}.notes-writer__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;flex-shrink:0}.notes-writer__back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--text-quaternary);text-decoration:none;border-radius:0.5rem;transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.notes-writer__back:hover{color:var(--text-secondary);background:var(--bg-level-1)}.notes-writer__back i{font-size:20px}.notes-writer__meta{display:flex;align-items:center;padding:0 1.5rem;margin-bottom:0.5rem}.notes-writer__project-select{max-width:280px}.notes-writer__project-select .typeahead__trigger{background:transparent;border:none;padding:0.5rem 0.75rem;color:var(--text-tertiary);font-size:0.875rem}.notes-writer__project-select .typeahead__trigger:hover{background:var(--bg-level-1)}.notes-writer__body{flex:1;display:flex;flex-direction:column;padding:0 1.5rem;padding-bottom:60px;min-height:0;overflow-y:auto}.notes-writer__title{width:100%;padding:0.5rem 0;font-family:var(--font-sans);font-size:2rem;font-weight:700;color:var(--text-primary);background:transparent;border:none;outline:none;caret-color:var(--notes-accent)}.notes-writer__title::placeholder{color:var(--text-quaternary)}.notes-writer__content{flex:1 1 auto;width:100%;height:100%;padding:1rem 0;font-family:var(--font-mono);font-size:1rem;line-height:1.6;color:var(--text-primary);background:transparent;border:none;outline:none;resize:none;caret-color:var(--notes-accent)}.notes-writer__content::placeholder{color:var(--text-quaternary)}.notes-writer__preview{flex:0 0 0;width:0;overflow:hidden;background:var(--bg-level-1);border-left:1px solid var(--border-primary);transition:flex 0.3s ease, width 0.3s ease;display:flex;flex-direction:column}.notes-writer--preview-open .notes-writer__preview{flex:0 0 45%;width:auto}.notes-writer__preview-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-primary);flex-shrink:0}.notes-writer__preview-label{font-size:0.875rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0.05em}.notes-writer__preview-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--text-quaternary);background:transparent;border:none;border-radius:0.25rem;cursor:pointer;transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.notes-writer__preview-close:hover{color:var(--text-secondary);background:var(--bg-level-2)}.notes-writer__preview-close i{font-size:16px}.notes-writer__preview-content{flex:1;overflow-y:auto;padding:1.5rem}.notes-writer__preview-title{font-family:var(--font-sans);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 1.5rem 0;line-height:1.1}.notes-toolbar{position:fixed;bottom:0;left:256px;right:0;display:flex;align-items:center;gap:0.25rem;padding:0.75rem 1.5rem;background:var(--bg-level-0);z-index:10}@media (max-width: 768px){.notes-toolbar{left:0}}.notes-toolbar__group{display:flex;align-items:center;gap:0.25rem}.notes-toolbar__group:not(:last-child){padding-right:0.75rem;margin-right:0.5rem;border-right:1px solid var(--border-primary)}.notes-toolbar__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-quaternary);background:transparent;border:none;border-radius:0.25rem;cursor:pointer;transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.notes-toolbar__btn:hover{color:var(--text-secondary);background:var(--bg-level-1)}.notes-toolbar__btn.is-active{color:var(--notes-accent);background:var(--notes-accent-tint)}.notes-toolbar__btn i{font-size:18px}.notes-toolbar__spacer{flex:1}.notes-toolbar__word-count{font-size:0.75rem;color:var(--text-quaternary);padding:0 0.75rem;font-variant-numeric:tabular-nums}.notes-toolbar__save{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;font-size:0.875rem;font-weight:500;color:white;background:var(--notes-accent);border:none;border-radius:0.5rem;cursor:pointer;transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.notes-toolbar__save:hover{background:var(--notes-accent-hover)}.notes-toolbar__save i{font-size:16px}.notes-inline{flex:1;display:flex;flex-direction:column;background:var(--bg-level-0);height:calc(100vh - 60px);max-height:calc(100vh - 60px);--notes-accent: var(--color-brand);--notes-accent-hover: var(--color-brand-hover);--notes-accent-tint: var(--color-brand-tint)}.notes-inline__topbar{display:flex;align-items:center;gap:0.75rem;padding:0.5rem 1rem;flex-shrink:0}.notes-inline__back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-quaternary);text-decoration:none;border-radius:0.25rem;transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.notes-inline__back:hover{color:var(--text-secondary);background:var(--bg-level-1)}.notes-inline__back i{font-size:18px}.notes-inline__project .typeahead__trigger{background:transparent;border:none;padding:0.25rem 0.5rem;color:var(--text-tertiary);font-size:0.875rem}.notes-inline__project .typeahead__trigger:hover{color:var(--text-secondary);background:var(--bg-level-1)}.notes-inline__spacer{flex:1}.notes-inline__preview-toggle{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.75rem;font-size:0.875rem;font-weight:500;color:var(--text-tertiary);background:transparent;border:none;border-radius:0.5rem;cursor:pointer;transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.notes-inline__preview-toggle:hover{color:var(--text-secondary);background:var(--bg-level-1)}.notes-inline--preview-open .notes-inline__preview-toggle{color:var(--notes-accent);background:var(--notes-accent-tint)}.notes-inline__preview-toggle i{font-size:16px}.notes-inline__preview-toggle span{font-size:0.875rem}.notes-inline__container{display:flex;flex:1;min-height:0}.notes-inline__editor{flex:1;display:flex;flex-direction:column;padding:1rem 1.5rem;padding-bottom:60px;min-height:0;overflow-y:auto;transition:flex 0.3s ease}.notes-inline--preview-open .notes-inline__editor{flex:0 0 55%}.notes-inline__title{width:100%;padding:0.5rem 0;margin-bottom:0.5rem;font-family:var(--font-sans);font-size:1.5rem;font-weight:700;color:var(--text-primary);background:transparent;border:none;outline:none;caret-color:var(--notes-accent)}.notes-inline__title::placeholder{color:var(--text-quaternary)}.notes-inline__content{flex:1 1 auto;width:100%;height:100%;padding:0;font-family:var(--font-mono);font-size:1rem;line-height:1.6;color:var(--text-primary);background:transparent;border:none;outline:none;resize:none;caret-color:var(--notes-accent)}.notes-inline__content::placeholder{color:var(--text-quaternary)}.notes-inline__preview{flex:0 0 0;width:0;overflow:hidden;background:var(--bg-level-1);transition:flex 0.3s ease, width 0.3s ease, padding 0.3s ease;padding:0}.notes-inline--preview-open .notes-inline__preview{flex:0 0 45%;width:auto;padding:1.5rem;overflow-y:auto}.notes-inline__preview-title{font-family:var(--font-sans);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem 0;line-height:1.1}.notes-inline__toolbar{position:fixed;bottom:0;left:calc(256px + 320px);right:0;display:flex;align-items:center;gap:0.25rem;padding:0.5rem 1rem;background:var(--bg-level-0);z-index:10}@media (max-width: 768px){.notes-inline__toolbar{left:0}}.notes-sidebar{width:320px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border-primary);background:var(--bg-level-1)}@media (max-width: 768px){.notes-sidebar{display:none}}.notes-sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-primary)}.notes-sidebar__title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.notes-sidebar__new-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:0.5rem;color:var(--text-secondary);background:transparent;transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.notes-sidebar__new-btn:hover{background:var(--bg-level-2);color:var(--text-primary)}.notes-sidebar__new-btn i{font-size:18px}.notes-sidebar__filter{padding:0.75rem 1rem;border-bottom:1px solid var(--border-primary)}.notes-sidebar__filter-btn{display:flex;align-items:center;gap:0.5rem;width:100%;padding:0.5rem 0.75rem;font-size:0.875rem;color:var(--text-secondary);background:var(--bg-level-0);border:1px solid var(--border-primary);border-radius:0.5rem;cursor:pointer;transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.notes-sidebar__filter-btn:hover{border-color:var(--border-secondary)}.notes-sidebar__filter-btn i:first-child{font-size:16px}.notes-sidebar__filter-btn span{flex:1;text-align:left}.notes-sidebar__filter-btn i:last-child{font-size:12px}.notes-sidebar__list{flex:1;overflow-y:auto}.notes-sidebar__item{display:block;padding:1rem 1.25rem;border-bottom:1px solid var(--border-primary);text-decoration:none;transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.notes-sidebar__item:hover{background:var(--bg-level-2)}.notes-sidebar__item.is-active{background:var(--color-brand-tint);border-left:3px solid var(--color-brand);padding-left:calc($space-5 - 3px)}.notes-sidebar__item-title{font-size:0.875rem;font-weight:600;color:var(--text-primary);margin-bottom:0.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notes-sidebar__item-meta{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.5rem}.notes-sidebar__item-date{font-size:0.75rem;color:var(--text-quaternary)}.notes-sidebar__item-project{display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:var(--text-tertiary)}.notes-sidebar__item-project i{font-size:12px}.notes-sidebar__item-preview{font-size:0.75rem;color:var(--text-tertiary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notes-sidebar__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem;text-align:center}.notes-sidebar__empty i{font-size:48px;color:var(--text-quaternary);margin-bottom:1rem}.notes-sidebar__empty p{color:var(--text-tertiary);margin-bottom:1rem}.notes-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.notes-content--empty{display:flex;align-items:center;justify-content:center}.notes-content__header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-primary);background:var(--bg-level-1)}.notes-content__header-left{flex:1;min-width:0}.notes-content__header-right{display:flex;align-items:center;gap:0.5rem;flex-shrink:0;margin-left:1rem}.notes-content__title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 0.5rem 0}.notes-content__meta{display:flex;align-items:center;gap:1rem}.notes-content__date,.notes-content__project{display:flex;align-items:center;gap:0.25rem;font-size:0.875rem;color:var(--text-tertiary);text-decoration:none}.notes-content__date i,.notes-content__project i{font-size:16px}.notes-content__project:hover{color:var(--color-brand)}.notes-empty-state{text-align:center;padding:2.5rem}.notes-empty-state>i{font-size:48px;color:var(--text-quaternary);margin-bottom:1rem;display:block}.notes-empty-state h2{font-size:1.0625rem;font-weight:600;color:var(--text-secondary);margin:0 0 0.5rem 0}.notes-empty-state p{font-size:0.875rem;color:var(--text-tertiary);margin-bottom:1rem}.notes-empty-state .btn{display:inline-flex;align-items:center;gap:0.5rem}.notes-preview{flex:1;overflow-y:auto;padding:2rem}@media (min-width: 768px){.notes-preview{padding:2.5rem 4rem}}.notes-preview__title{font-family:var(--font-sans);font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 2rem 0;line-height:1.1}.notes-preview__content{max-width:720px;margin:0 auto}.notes-preview__empty{text-align:center;padding:2.5rem;color:var(--text-tertiary)}.notes-writer__preview .prose a,.notes-inline__preview .prose a,.notes-preview .prose a{color:var(--color-brand)}.notes-writer__preview .prose a:hover,.notes-inline__preview .prose a:hover,.notes-preview .prose a:hover{color:var(--color-brand-hover)}.notes-writer__preview .prose blockquote,.notes-inline__preview .prose blockquote,.notes-preview .prose blockquote{border-left-color:var(--color-brand)}.prose{font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--text-primary)}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{font-weight:700;color:var(--text-primary);margin-top:1.5em;margin-bottom:0.5em;line-height:1.25}.prose h1:first-child,.prose h2:first-child,.prose h3:first-child,.prose h4:first-child,.prose h5:first-child,.prose h6:first-child{margin-top:0}.prose h1{font-size:1.5rem}.prose h2{font-size:1.3125rem}.prose h3{font-size:1.0625rem}.prose h4{font-size:1.0625rem}.prose h5,.prose h6{font-size:1rem}.prose p{margin:0 0 1em 0}.prose a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.prose a:hover{color:var(--color-accent-hover)}.prose strong{font-weight:700}.prose em{font-style:italic}.prose code{font-family:var(--font-mono);font-size:0.875em;background:var(--bg-level-2);padding:0.2em 0.4em;border-radius:0.25rem;color:var(--text-secondary)}.prose pre{font-family:var(--font-mono);font-size:0.875rem;background:var(--bg-level-1);border:1px solid var(--border-primary);border-radius:0.5rem;padding:1rem;overflow-x:auto;margin:1.5em 0}.prose pre code{background:transparent;padding:0;border-radius:0}.prose blockquote{border-left:3px solid var(--color-accent);padding-left:1rem;margin:1.5em 0;color:var(--text-secondary);font-style:italic}.prose ul,.prose ol{margin:1em 0;padding-left:1.5em}.prose li{margin:0.25em 0}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose hr{border:none;border-top:1px solid var(--border-primary);margin:2em 0}.prose table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:0.875rem}.prose th,.prose td{padding:0.5rem 0.75rem;border:1px solid var(--border-primary);text-align:left}.prose th{background:var(--bg-level-1);font-weight:600}.prose img{max-width:100%;height:auto;border-radius:0.5rem;margin:1em 0}.prose mark{background:var(--color-yellow-tint);padding:0.1em 0.2em;border-radius:0.25rem}.prose del{text-decoration:line-through;color:var(--text-tertiary)}.notes-editor{max-width:900px;margin:0 auto;padding:1.5rem}.notes-editor--inline{max-width:none;height:100%;display:flex;flex-direction:column}.notes-editor__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-primary)}.notes-editor__header-left{display:flex;align-items:center}.notes-editor__header-right{display:flex;align-items:center;gap:0.75rem}.notes-editor__back{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:var(--text-secondary);text-decoration:none;transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.notes-editor__back:hover{color:var(--text-primary)}.notes-editor__back i{font-size:16px}.notes-editor__label{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;font-weight:500;color:var(--text-secondary)}.notes-editor__label i{font-size:16px}.notes-editor__mode-toggle{display:flex;background:var(--bg-level-1);border:1px solid var(--border-primary);border-radius:0.5rem;overflow:hidden}.notes-editor__mode-btn{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.75rem;font-size:0.875rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.notes-editor__mode-btn:hover{color:var(--text-primary);background:var(--bg-level-2)}.notes-editor__mode-btn.is-active{color:var(--color-brand);background:var(--color-brand-tint)}.notes-editor__mode-btn i{font-size:16px}.notes-form{flex:1;display:flex;flex-direction:column}.notes-form__edit{display:flex;flex-direction:column;gap:1rem;flex:1}.notes-form__preview{padding:1.5rem;background:var(--bg-level-1);border:1px solid var(--border-primary);border-radius:0.75rem;min-height:400px}.notes-form__title-wrapper{margin-bottom:0.5rem}.notes-form__title{width:100%;padding:0.75rem 0;font-family:var(--font-sans);font-size:1.5rem;font-weight:700;color:var(--text-primary);background:transparent;border:none;border-bottom:2px solid transparent;outline:none;transition:border-color 0.15s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.notes-form__title::placeholder{color:var(--text-quaternary)}.notes-form__title:focus{border-bottom-color:var(--color-brand)}.notes-form__meta{display:flex;align-items:center;gap:1rem;padding:0.5rem 0;border-bottom:1px solid var(--border-primary);margin-bottom:1rem}.notes-form__project-select{min-width:200px;max-width:300px}.notes-form__content-wrapper{flex:1;display:flex;flex-direction:column;min-height:300px}.notes-form__content{width:100%;min-height:300px;flex:1;padding:1rem;font-family:var(--font-mono);font-size:1rem;line-height:1.6;color:var(--text-primary);background:var(--bg-level-1);border:1px solid var(--border-primary);border-radius:0.75rem;resize:vertical;outline:none;transition:border-color 0.15s box-shadow 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.notes-form__content::placeholder{color:var(--text-quaternary)}.notes-form__content:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-tint)}.notes-form__actions{display:flex;justify-content:flex-end;gap:0.75rem;padding-top:1.5rem;border-top:1px solid var(--border-primary);margin-top:1.5rem}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn--ghost:hover{background:var(--bg-level-2);color:var(--text-primary)}.btn--danger:hover{background:rgba(var(--color-red-rgb), 0.1);color:var(--color-red)}@media (max-width: 768px){.notes-layout{flex-direction:column;height:auto;min-height:calc(100vh - 60px)}.notes-sidebar{display:none}.notes-content{height:auto}.notes-preview{padding:1.5rem}.notes-editor{padding:1rem}.notes-writer{height:auto;min-height:calc(100vh - 60px)}.notes-writer__header{padding:0.75rem 1rem}.notes-writer__body{padding:0 1rem}.notes-writer__meta{padding:0 1rem}.notes-toolbar{left:0;padding:0.5rem 1rem;flex-wrap:wrap;gap:0.5rem}.notes-inline__toolbar{left:0}.notes-toolbar__group:not(:last-child){padding-right:0.5rem;margin-right:0.25rem}.notes-toolbar__btn{width:36px;height:36px}.notes-writer__preview{display:none}.notes-writer--preview-open .notes-writer__editor{flex:1}}.typeahead{position:relative;width:100%}.typeahead__input-wrapper{position:relative;display:flex;align-items:center}.typeahead__input-icon{position:absolute;left:0.75rem;font-size:16px;color:var(--text-quaternary);pointer-events:none}.typeahead__input{width:100%;padding:0.5rem 0.75rem 0.5rem 2.25rem;font-size:0.875rem;color:var(--text-primary);background:var(--bg-level-1);border:1px solid var(--border-primary);border-radius:0.5rem;outline:none;transition:border-color 0.15s box-shadow 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.typeahead__input::placeholder{color:var(--text-quaternary)}.typeahead__input:hover{border-color:var(--border-secondary)}.typeahead__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-tint)}.typeahead__selected{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.75rem;font-size:0.875rem;color:var(--text-primary);background:var(--bg-level-1);border:1px solid var(--border-primary);border-radius:0.5rem}.typeahead__selected i:first-child{font-size:16px;color:var(--text-tertiary)}.typeahead__selected span{flex:1}.typeahead__clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;color:var(--text-quaternary);background:transparent;border:none;border-radius:0.25rem;cursor:pointer;transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.typeahead__clear:hover{color:var(--text-primary);background:var(--bg-level-2)}.typeahead__clear i{font-size:14px}.typeahead__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:0.25rem;background:var(--bg-level-1);border:1px solid var(--border-primary);border-radius:0.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);z-index:10;max-height:280px;overflow-y:auto}.typeahead__results{padding:0.25rem}.typeahead__item{display:flex;align-items:center;gap:0.5rem;width:100%;padding:0.5rem 0.75rem;font-size:0.875rem;color:var(--text-secondary);background:transparent;border:none;border-radius:0.25rem;cursor:pointer;text-align:left;transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.typeahead__item:hover,.typeahead__item.is-highlighted{background:var(--bg-level-2);color:var(--text-primary)}.typeahead__item i{font-size:16px;color:var(--text-tertiary);flex-shrink:0}.typeahead__item-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.typeahead__item-meta{font-size:0.75rem;color:var(--text-quaternary);flex-shrink:0}.typeahead__empty{padding:1rem;text-align:center;color:var(--text-tertiary);font-size:0.875rem}.typeahead--compact .typeahead__input{padding:0.25rem 0.5rem 0.25rem 2rem;font-size:0.75rem}.typeahead--compact .typeahead__input-icon{left:0.5rem;font-size:14px}.typeahead--compact .typeahead__selected{padding:0.25rem 0.5rem;font-size:0.75rem}.typeahead--compact .typeahead__selected i:first-child{font-size:14px}.typeahead--compact .typeahead__clear{width:16px;height:16px}.typeahead--compact .typeahead__clear i{font-size:12px}.container{width:100%;max-width:none;padding-left:1.25rem;padding-right:1.25rem}@media (min-width: 768px){.container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.container{padding-left:2rem;padding-right:2rem}}.container--wide{max-width:none}.container--full{max-width:none;padding-left:1rem;padding-right:1rem}.container--fluid{max-width:none;padding-left:1rem;padding-right:1rem}.container--constrained{max-width:1024px}.container--narrow{max-width:640px}.page{min-height:100vh;display:flex;flex-direction:column}.page__content{flex:1;padding:1.25rem}@media (min-width: 768px){.page__content{padding:1.5rem}}@media (min-width: 1024px){.page__content{padding:2rem}}.section{margin-bottom:2rem}.section:last-child{margin-bottom:0}.section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section__title{font-size:1.3125rem;font-weight:700;color:var(--text-primary)}.section__action{font-size:0.875rem;color:var(--color-accent);transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.section__action:hover{color:var(--color-accent-hover);text-decoration:underline}.layout-center{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.layout-auth{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem;background-color:var(--bg-level-1)}.grid{display:grid;gap:1rem}.grid--cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid--cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid--cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid--cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid--cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.grid--cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.grid--cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}@media (min-width: 768px){.md\:grid--cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.md\:grid--cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\:grid--cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.md\:grid--cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.md\:grid--cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}}@media (min-width: 1024px){.lg\:grid--cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.lg\:grid--cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.lg\:grid--cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.lg\:grid--cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.lg\:grid--cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}}.grid--gap-0{gap:0}.grid--gap-1{gap:0.25rem}.grid--gap-2{gap:0.5rem}.grid--gap-3{gap:0.75rem}.grid--gap-4{gap:1rem}.grid--gap-5{gap:1.25rem}.grid--gap-6{gap:1.5rem}.grid--gap-8{gap:2rem}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-5{grid-column:span 5 / span 5}.col-span-6{grid-column:span 6 / span 6}.col-span-full{grid-column:1 / -1}.row-span-1{grid-row:span 1 / span 1}.row-span-2{grid-row:span 2 / span 2}.row-span-3{grid-row:span 3 / span 3}.flex{display:flex}.inline-flex{display:inline-flex}.flex--row{flex-direction:row}.flex--row-reverse{flex-direction:row-reverse}.flex--col{flex-direction:column}.flex--col-reverse{flex-direction:column-reverse}.flex--wrap{flex-wrap:wrap}.flex--nowrap{flex-wrap:nowrap}.flex--wrap-reverse{flex-wrap:wrap-reverse}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.grow{flex-grow:1}.grow-0{flex-grow:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.gap-0{gap:0}.gap-1{gap:0.25rem}.gap-1-5{gap:0.375rem}.gap-2{gap:0.5rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-start{display:flex;align-items:center;justify-content:flex-start}.space-y-1>*+*{margin-top:0.25rem}.space-y-2>*+*{margin-top:0.5rem}.space-y-3>*+*{margin-top:0.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-5>*+*{margin-top:1.25rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.space-x-1>*+*{margin-left:0.25rem}.space-x-2>*+*{margin-left:0.5rem}.space-x-3>*+*{margin-left:0.75rem}.space-x-4>*+*{margin-left:1rem}.p-0{padding:0}.p-1{padding:0.25rem}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:0.25rem;padding-right:0.25rem}.px-2{padding-left:0.5rem;padding-right:0.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:0.25rem;padding-bottom:0.25rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.pt-0{padding-top:0}.pt-2{padding-top:0.5rem}.pt-3{padding-top:0.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pb-0{padding-bottom:0}.pb-2{padding-bottom:0.5rem}.pb-3{padding-bottom:0.75rem}.pb-4{padding-bottom:1rem}.pl-0{padding-left:0}.pl-3{padding-left:0.75rem}.pl-10{padding-left:2.5rem}.pr-0{padding-right:0}.pr-3{padding-right:0.75rem}.pr-10{padding-right:2.5rem}.m-0{margin:0}.m-1{margin:0.25rem}.m-2{margin:0.5rem}.m-3{margin:0.75rem}.m-4{margin:1rem}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-2{margin-left:0.5rem;margin-right:0.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-2{margin-top:0.5rem;margin-bottom:0.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mt-0{margin-top:0}.mt-1{margin-top:0.25rem}.mt-2{margin-top:0.5rem}.mt-3{margin-top:0.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:0.25rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:0.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0{margin-left:0}.ml-1{margin-left:0.25rem}.ml-2{margin-left:0.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-1{margin-right:0.25rem}.mr-2{margin-right:0.5rem}.mr-4{margin-right:1rem}.-mt-1{margin-top:-0.25rem}.-ml-1{margin-left:-0.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-50{opacity:0.5}.opacity-60{opacity:0.6}.opacity-70{opacity:0.7}.opacity-80{opacity:0.8}.opacity-100{opacity:1}.static{position:static}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.top-4{top:1rem}.right-4{right:1rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.w-full{width:100%}.w-auto{width:auto}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.h-full{height:100%}.h-auto{height:auto}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.min-h-0{min-height:0}.min-h-screen{min-height:100vh}.min-w-0{min-width:0}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-7xl{max-width:80rem}.max-h-90vh{max-height:90vh}@media (min-width: 640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}}@media (min-width: 768px){.md\:hidden{display:none}.md\:block{display:block}.md\:inline{display:inline}.md\:flex{display:flex}}@media (min-width: 1024px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:inline{display:inline}.lg\:flex{display:flex}}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.transition-all{transition:all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.transition-colors{transition:color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.transition-opacity{transition:opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.transition-transform{transition:transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.animate-spin{animation:spin 1s linear infinite}.animate-slide-down{animation:slideDown 0.2s ease-out}.animate-slide-in-right{animation:slideInRight 0.3s ease-out}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-xs{font-size:0.625rem}.text-sm{font-size:0.75rem}.text-base{font-size:1rem}.text-lg{font-size:1.0625rem}.text-xl{font-size:1.3125rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:2rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.italic{font-style:italic}.not-italic{font-style:normal}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.leading-none{line-height:1}.leading-tight{line-height:1.1}.leading-snug{line-height:1.25}.leading-normal{line-height:1.4}.leading-relaxed{line-height:1.5}.leading-loose{line-height:1.6}.tracking-tighter{letter-spacing:-0.022em}.tracking-tight{letter-spacing:-0.012em}.tracking-normal{letter-spacing:-0.011em}.tracking-wide{letter-spacing:0.025em}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.break-normal{word-break:normal;overflow-wrap:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.font-sans{font-family:var(--font-sans)}.font-mono{font-family:var(--font-mono)}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-quaternary{color:var(--text-quaternary)}.text-accent{color:var(--color-accent)}.text-red{color:var(--color-red)}.text-orange{color:#fc7840}.text-yellow{color:#f2c94c}.text-green{color:var(--color-green)}.text-blue{color:var(--color-blue)}.text-purple{color:var(--color-purple)}.text-white{color:#ffffff}.text-inherit{color:inherit}.bg-level-0{background-color:var(--bg-level-0)}.bg-level-1{background-color:var(--bg-level-1)}.bg-level-2{background-color:var(--bg-level-2)}.bg-level-3{background-color:var(--bg-level-3)}.bg-accent{background-color:var(--color-accent)}.bg-accent-tint{background-color:var(--color-accent-tint)}.bg-red{background-color:var(--color-red)}.bg-red-tint{background-color:var(--color-red-bg)}.bg-orange{background-color:#fc7840}.bg-orange-tint{background-color:var(--color-orange-bg)}.bg-yellow{background-color:#f2c94c}.bg-yellow-tint{background-color:var(--color-yellow-bg)}.bg-green{background-color:var(--color-green)}.bg-green-tint{background-color:var(--color-green-bg)}.bg-blue{background-color:var(--color-blue)}.bg-blue-tint{background-color:var(--color-blue-bg)}.bg-purple{background-color:var(--color-purple)}.bg-purple-tint{background-color:var(--color-purple-bg)}.bg-transparent{background-color:transparent}.bg-white{background-color:#ffffff}.bg-black{background-color:#000000}.bg-opacity-50{background-color:rgba(0,0,0,0.5)}.dark .bg-opacity-50{background-color:rgba(0,0,0,0.5)}.bg-overlay{background-color:var(--overlay)}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.border-tertiary{border-color:var(--border-tertiary)}.border-accent{border-color:var(--color-accent)}.border-red{border-color:var(--color-red)}.border-green{border-color:var(--color-green)}.border-transparent{border-color:transparent}.border-0{border-width:0}.border{border-width:1px;border-style:solid}.border-2{border-width:2px;border-style:solid}.border-t{border-top-width:1px;border-top-style:solid}.border-r{border-right-width:1px;border-right-style:solid}.border-b{border-bottom-width:1px;border-bottom-style:solid}.border-l{border-left-width:1px;border-left-style:solid}.rounded-none{border-radius:0}.rounded-sm{border-radius:0.25rem}.rounded{border-radius:0.5rem}.rounded-md{border-radius:0.5rem}.rounded-lg{border-radius:0.75rem}.rounded-xl{border-radius:1rem}.rounded-2xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-default)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.ring-2{box-shadow:0 0 0 2px var(--color-accent)}.ring-accent{box-shadow:0 0 0 2px var(--color-accent)}.dark .dark\:hidden{display:none}.dark\:inline{display:none}.dark .dark\:inline{display:inline}.dark\:block{display:none}.dark .dark\:block{display:block}.icon-xs{font-size:10px !important}.icon-sm{font-size:14px !important}.icon-md{font-size:18px !important}.icon-lg{font-size:24px !important}.icon-xl{font-size:32px !important}.icon-2xl{font-size:48px !important}.icon-11{font-size:11px !important}.icon-12{font-size:12px !important}.icon-14{font-size:14px !important}.icon-16{font-size:16px !important}.icon-18{font-size:18px !important}.icon-20{font-size:20px !important}.icon-24{font-size:24px !important}.icon-32{font-size:32px !important}.icon-spin,.animate-spin{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.icon-muted{color:var(--text-quaternary)}.icon-subtle{color:var(--text-tertiary)}.icon-wrapper{display:inline-flex;align-items:center;justify-content:center}.icon-wrapper--sm{width:1.5rem;height:1.5rem;border-radius:4px}.icon-wrapper--md{width:2rem;height:2rem;border-radius:6px}.icon-wrapper--lg{width:2.5rem;height:2.5rem;border-radius:8px}.icon-wrapper--circle{border-radius:50%}.icon-wrapper--bg{background-color:var(--bg-level-2)}.icon-wrapper--bordered{border:1px solid var(--border-primary)}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}