/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-white:#fff;--spacing:.25rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-6xl:3.75rem;--text-6xl--line-height:1;--radius-sm:.25rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.top-0\.5{top:calc(var(--spacing) * .5)}.left-0\.5{left:calc(var(--spacing) * .5)}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-10{width:calc(var(--spacing) * 10)}.max-w-7xl{max-width:var(--container-7xl)}.flex-1{flex:1}.translate-x-5{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-white{background-color:var(--color-white)}.p-4{padding:calc(var(--spacing) * 4)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-6{padding-block:calc(var(--spacing) * 6)}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.uppercase{text-transform:uppercase}.line-through{text-decoration-line:line-through}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:-translate-x-px:hover{--tw-translate-x:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-px:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (width>=40rem){.sm\:mt-12{margin-top:calc(var(--spacing) * 12)}.sm\:mt-16{margin-top:calc(var(--spacing) * 16)}.sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}.sm\:gap-6{gap:calc(var(--spacing) * 6)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-12{padding-block:calc(var(--spacing) * 12)}}@media (width>=64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}:root{--bg-beige:#f4efea;--white:#fff;--dark-gray:#383838;--medium-gray:#666;--light-gray:#e0e0e0;--blue:#6fc2ff;--cyan:#4dd4d0;--yellow:#ffd500;--coral:#ff6b6b;--orange-primary:#ffd500;--orange-secondary:#ff6b6b;--pink:#ffb6c1;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"Monaco", "Courier New", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-none:0px;--radius-sm:3px;--radius:4px;--radius-lg:8px;--radius-full:9999px;--shadow-brutal:4px 4px 0 0 var(--dark-gray);--shadow-brutal-active:2px 2px 0 0 var(--dark-gray);--shadow-lg:0 10px 15px -3px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--border-default:2px solid var(--dark-gray);--t:.15s cubic-bezier(.4, 0, .2, 1);--code-header:#2d2d2d;--bg-page:var(--bg-beige);--bg-card:var(--white);--bg-input:var(--white);--bg-hover:#f9f9f9;--bg-today:#fff9e6;--bg-dropdown-hover:var(--yellow);--text-primary:var(--dark-gray);--text-secondary:var(--medium-gray);--border-color:var(--dark-gray)}:root.dark{--bg-beige:#1b1b1e;--white:#26262a;--dark-gray:#e8e8ea;--medium-gray:#8e8e98;--light-gray:#38383e;--blue:#5ab0ff;--cyan:#45d5d0;--yellow:#f0cc00;--coral:#ff6b6b;--orange-primary:#ffd500;--orange-secondary:#ff6b6b;--pink:#d4607a;--shadow-brutal:4px 4px 0 0 #3a3a42;--shadow-brutal-active:2px 2px 0 0 #3a3a42;--shadow-lg:0 10px 15px -3px #00000080;--shadow-2xl:0 25px 50px -12px #0009;--border-default:2px solid var(--dark-gray);--code-header:#121214;--bg-page:var(--bg-beige);--bg-card:var(--white);--bg-input:#1e1e22;--bg-hover:#1e1e22;--bg-today:#33333a;--bg-dropdown-hover:var(--yellow);--text-primary:var(--dark-gray);--text-secondary:var(--medium-gray);--border-color:var(--dark-gray)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{transition:background .15s,color .15s,border-color .15s,box-shadow .15s}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;line-height:1.5}.page-wrap{max-width:1440px;padding:var(--space-8) var(--space-6);margin:0 auto}@media (width>=1024px){.page-wrap{padding:var(--space-12) var(--space-6)}}.card{background:var(--bg-card);border:var(--border-default);border-radius:var(--radius);padding:var(--space-6)}.grid-2{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=1024px){.grid-2{grid-template-columns:repeat(2,1fr)}}.quadrant-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.quadrant-grid{grid-template-columns:repeat(2,1fr)}}.btn{font-family:var(--font-sans);text-transform:uppercase;padding:var(--space-3) var(--space-8);border:var(--border-default);border-radius:var(--radius-none);cursor:pointer;background:var(--bg-card);color:var(--dark-gray);transition:transform var(--t);justify-content:center;align-items:center;gap:var(--space-2);font-size:14px;font-weight:700;display:inline-flex}.btn svg{flex-shrink:0;display:block}.btn:hover{box-shadow:var(--shadow-brutal);transform:translate(-1px,-1px)}.btn:active{box-shadow:var(--shadow-brutal-active);transform:translate(-2px,-2px)}.btn-primary{background:var(--blue)}.btn-danger{background:var(--coral)}.btn-warning{background:var(--yellow)}.btn-cyan{background:var(--cyan)}.btn-small{padding:var(--space-2) var(--space-4);font-size:13px}.form-input{width:100%;font-family:var(--font-sans);color:var(--dark-gray);padding:var(--space-3) var(--space-5);border:var(--border-default);border-radius:var(--radius-none);background:var(--bg-input);transition:box-shadow var(--t);outline:none;font-size:16px;display:block}.form-input:focus{box-shadow:0 0 0 2px var(--blue)}.form-input::placeholder{color:var(--light-gray)}.dropdown-toggle{align-items:center;gap:var(--space-1);border:var(--border-default);border-radius:var(--radius-none);background:var(--bg-card);color:var(--dark-gray);font-family:var(--font-sans);text-transform:uppercase;cursor:pointer;transition:transform var(--t);padding:6px 12px;font-size:14px;font-weight:600;display:inline-flex}.dropdown-toggle:hover{box-shadow:var(--shadow-brutal);transform:translate(-1px,-1px)}.dropdown-menu{background:var(--bg-card);border:var(--border-default);z-index:30;width:160px;margin-top:4px;display:none;position:absolute;top:100%;right:0;box-shadow:0 4px 6px -1px #0000001a}.dropdown-item{text-align:left;width:100%;font-family:var(--font-sans);color:var(--dark-gray);cursor:pointer;transition:all var(--t);background:0 0;border:none;padding:8px 12px;font-size:14px;display:block}.dropdown-item:hover{background:var(--bg-dropdown-hover)}.dropdown-item.active{background:var(--dark-gray);color:var(--white);font-weight:700}.task-item{align-items:flex-start;gap:var(--space-3);border:var(--border-default);padding:var(--space-4);background:var(--bg-card);cursor:grab;transition:background-color .15s;display:flex}.task-item:hover{background:var(--bg-hover)}.task-checkbox{border:2px solid var(--dark-gray);border-radius:var(--radius-sm);background:var(--bg-card);cursor:pointer;appearance:none;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;display:flex}.task-checkbox:checked{background:var(--dark-gray);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:12px}.task-text{color:var(--dark-gray);word-break:break-word;flex:1;min-width:0;font-size:14px;font-weight:500;line-height:1.625}.task-text.completed{opacity:.6;text-decoration:line-through}.task-actions{gap:var(--space-2);flex-shrink:0;display:flex}.task-btn-edit{color:var(--dark-gray);cursor:pointer;transition:color var(--t);background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.task-btn-edit:hover{color:var(--blue)}.task-btn-delete{color:var(--coral);cursor:pointer;transition:color var(--t);background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.task-btn-delete:hover{color:var(--coral)}.quadrant-card{background:var(--bg-card);border:var(--border-default);border-radius:var(--radius);padding:var(--space-6);flex-direction:column;min-height:320px;display:flex}.quadrant-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.quadrant-title-row{align-items:center;gap:var(--space-3);display:flex}.quadrant-dot{border:2px solid var(--dark-gray);flex-shrink:0;width:16px;height:16px}.quadrant-dot.coral{background:var(--coral)}.quadrant-dot.blue{background:var(--blue)}.quadrant-dot.yellow{background:var(--yellow)}.quadrant-dot.cyan{background:var(--cyan)}.quadrant-title{letter-spacing:-.025em;color:var(--dark-gray);font-size:24px;font-weight:700}.quadrant-subtitle{color:var(--medium-gray);font-size:14px}.quadrant-add-btn{font-family:var(--font-sans);text-transform:uppercase;border:var(--border-default);border-radius:var(--radius-none);cursor:pointer;transition:all var(--t);padding:8px 16px;font-size:12px;font-weight:700}.quadrant-add-btn:hover{box-shadow:var(--shadow-brutal);transform:translate(-2px,-2px)}.quadrant-add-btn.coral{background:var(--coral)}.quadrant-add-btn.blue{background:var(--blue)}.quadrant-add-btn.yellow{background:var(--yellow)}.quadrant-add-btn.cyan{background:var(--cyan)}.drop-zone{gap:var(--space-3);flex-direction:column;flex:1;min-height:120px;display:flex;overflow-y:auto}.drop-zone.drag-over{background:var(--bg-hover)}.task-overlay-card{width:240px;padding:var(--space-4);background:var(--bg-card);border:var(--border-default);box-shadow:var(--shadow-brutal);pointer-events:none;gap:var(--space-1);flex-direction:column;display:flex}.tag{text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1) var(--space-3);color:var(--dark-gray);border:var(--border-default);align-items:center;font-size:12px;font-weight:700;display:inline-flex}.tag-group{gap:var(--space-3);flex-wrap:wrap;display:flex}.tag-pill{border-radius:var(--radius-full)}.modal-overlay{z-index:50;padding:var(--space-4);background:#38383880;justify-content:center;align-items:center;display:none;position:fixed;inset:0;overflow-y:auto}.modal-overlay.open{display:flex}.modal-content{background:var(--bg-card);border:var(--border-default);width:100%;max-width:1152px;margin:var(--space-8) 0;max-height:90vh;overflow-y:auto}.modal-header{padding:var(--space-8) var(--space-8) var(--space-6);background:var(--bg-card);z-index:10;border-bottom:var(--border-default);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.modal-title{letter-spacing:-.025em;color:var(--dark-gray);font-size:30px;font-weight:700}.modal-close{width:44px;height:44px;color:var(--dark-gray);cursor:pointer;transition:opacity var(--t);background:0 0;border:none;justify-content:center;align-items:center;font-size:30px;font-weight:700;display:flex}.modal-close:hover{opacity:.7}.modal-body{padding:0 var(--space-8) var(--space-8)}.stats-summary-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=640px){.stats-summary-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--bg-page);border:var(--border-default);border-radius:var(--radius);padding:var(--space-4);text-align:center}.stat-value{font-size:36px;font-weight:700}.stat-value.dark{color:var(--dark-gray)}.stat-value.cyan{color:var(--cyan)}.stat-value.yellow{color:var(--yellow)}.stat-value.blue{color:var(--blue)}.stat-label{color:var(--medium-gray);margin-top:4px;font-size:14px}.stats-charts{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}@media (width<=900px){.stats-charts{grid-template-columns:1fr}}.stats-chart-card{background:var(--bg-card);border:var(--border-default);border-radius:var(--radius);padding:var(--space-6)}.stats-chart-title{margin-bottom:var(--space-5);align-items:center;gap:var(--space-2);font-size:16px;font-weight:700;display:flex}.stats-chart-title .icon{width:18px;height:18px}.bar-chart{gap:var(--space-3);height:160px;padding:0 var(--space-2);align-items:flex-end;display:flex}.bar-group{align-items:center;gap:var(--space-2);flex-direction:column;flex:1;justify-content:flex-end;height:100%;display:flex}.bar{border:2px solid var(--dark-gray);width:100%;max-width:48px;min-height:4px;transition:height .4s ease-out;position:relative}.bar.coral{background:var(--coral)}.bar.blue{background:var(--blue)}.bar.yellow{background:var(--yellow)}.bar.cyan{background:var(--cyan)}.bar-label{color:var(--medium-gray);text-align:center;text-transform:uppercase;font-size:11px;font-weight:600}.bar-value{text-align:center;margin-top:2px;font-size:11px;font-weight:700}.donut-container{justify-content:center;align-items:center;gap:var(--space-8);padding:var(--space-4) 0;flex-wrap:wrap;display:flex}.donut{border:2px solid var(--dark-gray);border-radius:50%;width:140px;height:140px;position:relative;overflow:hidden}.donut-segment{clip-path:polygon(50% 50%,50% 0,100% 0,100% 100%,0 100%,0 0,50% 0);position:absolute;inset:0}.donut-hole{background:var(--bg-card);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:12px}.donut-hole .dv{color:var(--dark-gray);font-size:22px;font-weight:700;line-height:1}.donut-hole .dl{color:var(--medium-gray);margin-top:2px;font-size:10px}.donut-legend{gap:var(--space-2);flex-direction:column;display:flex}.donut-legend-item{align-items:center;gap:var(--space-2);font-size:13px;font-weight:600;display:flex}.donut-legend-item .dl-dot{border:2px solid var(--dark-gray);border-radius:var(--radius-full);flex-shrink:0;width:12px;height:12px}.donut-legend-item .dl-dot.done{background:var(--cyan)}.donut-legend-item .dl-dot.pending{background:var(--yellow)}.donut-legend-item .dl-dot.overdue{background:var(--coral)}.donut-legend-item .dl-dot.progress{background:var(--blue)}.donut-legend-item .dl-label{flex:1}.donut-legend-item .dl-count{font-weight:700}.tab-bar{gap:var(--space-3);margin:var(--space-4) 0 var(--space-8);display:flex}.tab-btn{align-items:center;gap:var(--space-2);font-family:var(--font-sans);text-transform:uppercase;border:var(--border-default);border-radius:var(--radius-none);cursor:pointer;transition:background var(--t);padding:12px 24px;font-size:14px;font-weight:700;display:inline-flex}.tab-btn svg{flex-shrink:0;display:block}.tab-btn.active{background:var(--blue)}.tab-btn:not(.active){background:var(--bg-card)}.divider{border:none;border-top:2px solid var(--light-gray);height:0;margin:var(--space-8) 0}.app-header{background:var(--bg-card);border:var(--border-default);padding:var(--space-4) var(--space-6);z-index:30;position:sticky;top:0}.header-row{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.header-left{align-items:center;gap:var(--space-6);display:flex}.logo-group{align-items:center;gap:var(--space-3);display:flex}.app-title{letter-spacing:-.025em;font-size:32px;font-weight:700}.header-right{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.empty-tip{text-align:center;padding:var(--space-8);color:var(--medium-gray);font-size:14px}.network-badge{bottom:var(--space-4);right:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--bg-card);border:var(--border-default);z-index:40;align-items:center;gap:var(--space-2);font-size:12px;font-weight:700;display:flex;position:fixed}.calendar-section{display:none}.calendar-section.active{display:block}.calendar-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.calendar-nav{align-items:center;gap:var(--space-4);display:flex}.calendar-nav-btn{border:var(--border-default);background:var(--bg-card);cursor:pointer;width:44px;height:44px;transition:transform var(--t);justify-content:center;align-items:center;display:flex}.calendar-nav-btn:hover{box-shadow:var(--shadow-brutal);transform:translate(-1px,-1px)}.calendar-nav-btn:active{box-shadow:var(--shadow-brutal-active);transform:translate(-2px,-2px)}.calendar-month-year{letter-spacing:-.025em;text-align:center;min-width:200px;font-size:28px;font-weight:700}.calendar-today-btn{align-items:center;gap:var(--space-2);font-family:var(--font-sans);text-transform:uppercase;border:var(--border-default);background:var(--bg-card);cursor:pointer;transition:transform var(--t);padding:8px 20px;font-size:13px;font-weight:700;display:inline-flex}.calendar-today-btn:hover{box-shadow:var(--shadow-brutal);transform:translate(-1px,-1px)}.calendar-today-btn:active{box-shadow:var(--shadow-brutal-active);transform:translate(-2px,-2px)}.calendar-grid{border:var(--border-default);background:var(--dark-gray);grid-template-columns:repeat(7,1fr);gap:2px;display:grid;position:relative}.calendar-weekday{padding:var(--space-3) var(--space-2);text-align:center;text-transform:uppercase;background:var(--bg-card);color:var(--dark-gray);font-size:13px;font-weight:700}.calendar-weekday.weekend{color:var(--coral)}.calendar-cell{background:var(--bg-card);min-height:120px;padding:var(--space-2);cursor:pointer;transition:background var(--t);flex-direction:column;display:flex;position:relative}.calendar-cell:hover{background:var(--bg-hover)}.calendar-cell.other-month{opacity:.35;pointer-events:none}.calendar-cell.today{background:var(--bg-today);box-shadow:inset 0 0 0 2px var(--orange-primary)}.calendar-cell.selected{box-shadow:inset 0 0 0 2px var(--coral);background:var(--bg-hover)}.calendar-cell.has-task{cursor:pointer}.calendar-day-number{margin-bottom:var(--space-1);font-size:14px;font-weight:700;line-height:1}.calendar-cell.today .calendar-day-number{background:var(--orange-primary);width:26px;height:26px;color:var(--white);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex}.calendar-cell-tasks{flex-direction:column;flex:1;gap:2px;display:flex}.cal-task{border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--t);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;padding:2px 4px;font-size:11px;font-weight:600;line-height:1.3;display:flex;overflow:hidden}.cal-task:hover{opacity:.8}.cal-task .cal-task-dot{border-radius:var(--radius-full);flex-shrink:0;width:6px;height:6px}.cal-task .cal-task-dot.coral{background:var(--coral)}.cal-task .cal-task-dot.blue{background:var(--blue)}.cal-task .cal-task-dot.yellow{background:var(--yellow)}.cal-task .cal-task-dot.cyan{background:var(--cyan)}.cal-task .cal-task-dot.done{background:var(--medium-gray)}.cal-task-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cal-task-done .cal-task-text{opacity:.6;text-decoration:line-through}.cal-more-link{color:var(--medium-gray);cursor:pointer;padding:2px 4px;font-size:11px;font-weight:700}.cal-more-link:hover{color:var(--dark-gray)}.cal-multi-overlay{z-index:5;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border:2px solid var(--dark-gray);pointer-events:auto;height:22px;box-shadow:var(--shadow-brutal);align-items:center;padding:0 8px;font-size:11px;font-weight:700;display:flex;position:absolute;overflow:hidden}.cal-multi-overlay.blue{background:var(--blue);color:var(--white)}.cal-multi-overlay.coral{background:var(--coral);color:var(--white)}.cal-multi-overlay.yellow{background:var(--yellow);color:var(--dark-gray)}.cal-multi-overlay.cyan{background:var(--cyan);color:var(--dark-gray)}.cal-multi-overlay.done{opacity:.5;text-decoration:line-through}.calendar-layout{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=1024px){.calendar-layout{grid-template-columns:1fr 320px}}.calendar-sidebar{gap:var(--space-4);flex-direction:column;display:flex}.cal-sidebar-card{background:var(--bg-card);border:var(--border-default);border-radius:var(--radius);padding:var(--space-5)}.cal-sidebar-title{margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);font-size:18px;font-weight:700;display:flex}.cal-sidebar-task-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--light-gray);display:flex}.cal-sidebar-task-item:last-child{border-bottom:none}.cal-sidebar-time{color:var(--medium-gray);flex-shrink:0;min-width:60px;padding-top:1px;font-size:12px;font-weight:700}.cal-sidebar-task-info{flex:1;min-width:0}.cal-sidebar-task-title{font-size:14px;font-weight:600}.cal-sidebar-task-tag{border:1px solid var(--dark-gray);border-radius:var(--radius-sm);align-items:center;padding:1px 6px;font-size:10px;font-weight:700;display:inline-flex}.year-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){.year-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.year-grid{grid-template-columns:repeat(2,1fr)}}.year-month-card{background:var(--bg-card);border:var(--border-default);border-radius:var(--radius);padding:var(--space-4);cursor:pointer;transition:transform var(--t), box-shadow var(--t)}.year-month-card:hover{box-shadow:var(--shadow-brutal);transform:translate(-2px,-2px)}.year-month-card:active{transform:translate(-1px,-1px)}.year-month-title{text-align:center;margin-bottom:var(--space-2);color:var(--dark-gray);font-size:16px;font-weight:700}.year-month-weekdays{grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:1px;display:grid}.year-month-weekday{text-align:center;color:var(--medium-gray);padding:1px 0;font-size:9px;font-weight:700}.year-month-weekday.weekend{color:var(--coral)}.year-month-days{grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.year-month-day{aspect-ratio:1;border-radius:var(--radius-sm);color:var(--dark-gray);justify-content:center;align-items:center;font-size:10px;font-weight:500;display:flex;position:relative}.year-month-day.other-month{opacity:.2;pointer-events:none}.year-month-day.today{background:var(--orange-primary);color:var(--white);font-weight:700}.year-month-day.has-task:after{content:"";background:var(--coral);border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px}.year-month-day.has-task-blue:after{background:var(--blue)}.year-month-day.has-task-yellow:after{background:var(--yellow)}.year-month-day.has-task-cyan:after{background:var(--cyan)}.year-month-day.selected{box-shadow:inset 0 0 0 1.5px var(--dark-gray)}.year-month-summary{justify-content:center;gap:var(--space-3);margin-top:var(--space-2);color:var(--medium-gray);font-size:10px;display:flex}.year-month-summary span{align-items:center;gap:2px;display:inline-flex}.year-month-summary .dot{border-radius:50%;width:5px;height:5px;display:inline-block}.week-view{display:none}.week-view.active{display:block}.week-grid{border:var(--border-default);background:var(--dark-gray);grid-template-columns:80px repeat(7,1fr);gap:2px;display:grid;overflow-x:auto}.week-time-cell{background:var(--bg-card);min-height:60px;color:var(--medium-gray);justify-content:center;align-items:flex-start;padding:4px;font-size:11px;font-weight:700;display:flex}.week-day-header{background:var(--bg-card);padding:var(--space-2);text-align:center;min-height:60px;font-weight:700}.week-day-header .wd-name{color:var(--medium-gray);text-transform:uppercase;font-size:12px}.week-day-header .wd-date{margin-top:2px;font-size:20px}.week-day-header.today .wd-date{background:var(--orange-primary);width:32px;height:32px;color:var(--white);border-radius:var(--radius-full);justify-content:center;align-items:center;display:inline-flex}.week-day-header.weekend .wd-name{color:var(--coral)}.week-day-col{background:var(--bg-card);min-height:60px;padding:var(--space-1);flex-direction:column;gap:2px;display:flex}.week-day-col.today-col{background:var(--bg-today)}.week-task{border-radius:var(--radius-sm);cursor:pointer;border-left:3px solid var(--coral);background:var(--bg-card);padding:3px 4px;font-size:10px;font-weight:600;line-height:1.3;overflow:hidden}.week-task.blue{border-left-color:var(--blue)}.week-task.yellow{border-left-color:var(--yellow)}.week-task.cyan{border-left-color:var(--cyan)}.week-task.done{opacity:.5;text-decoration:line-through}.week-task-time{color:var(--medium-gray);font-size:9px;font-weight:400}.week-multi-events{gap:var(--space-2);margin-bottom:var(--space-2);flex-direction:column;display:flex}.week-multi-bar{border-radius:var(--radius-sm);border:2px solid var(--dark-gray);color:var(--white);align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:700;line-height:1.4;display:flex}.week-multi-bar.blue{background:var(--blue)}.week-multi-bar.coral{background:var(--coral)}.week-multi-bar.yellow{background:var(--yellow);color:var(--dark-gray)}.week-multi-bar.cyan{background:var(--cyan);color:var(--dark-gray)}.week-multi-bar.done{opacity:.5;text-decoration:line-through}.week-multi-bar .wm-range{opacity:.8;flex-shrink:0;margin-left:auto;font-size:10px;font-weight:400}.dm-icon{flex-shrink:0;width:16px;height:16px;display:block}.day-view{display:none}.day-view.active{display:block}.day-timeline{border:var(--border-default);background:var(--dark-gray);grid-template-columns:64px 1fr;gap:2px;display:grid}.day-hour-label{background:var(--bg-card);color:var(--medium-gray);text-align:right;min-height:52px;padding:10px 6px;font-size:11px;font-weight:700}.day-hour-cell{background:var(--bg-card);min-height:52px;padding:4px 8px;position:relative}.day-hour-cell.current{background:var(--bg-today)}.day-task-block{border-radius:var(--radius-sm);cursor:pointer;border-left:4px solid var(--coral);background:var(--bg-hover);align-items:center;gap:8px;margin:2px 0;padding:4px 8px;font-size:12px;font-weight:600;display:flex}.day-task-block.blue{border-left-color:var(--blue)}.day-task-block.yellow{border-left-color:var(--yellow)}.day-task-block.cyan{border-left-color:var(--cyan)}.day-task-block.done{opacity:.5;text-decoration:line-through}.day-task-block .dt-time{color:var(--medium-gray);flex-shrink:0;min-width:36px;font-size:10px;font-weight:400}.day-task-block .dt-tag{border:1px solid var(--dark-gray);border-radius:var(--radius-sm);flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:700}.day-multi-events{gap:var(--space-2);margin-bottom:var(--space-2);flex-direction:column;display:flex}.day-multi-bar{border-radius:var(--radius-sm);border:2px solid var(--dark-gray);color:var(--white);align-items:center;gap:8px;padding:6px 10px;font-size:13px;font-weight:600;display:flex}.day-multi-bar.blue{background:var(--blue)}.day-multi-bar.coral{background:var(--coral)}.day-multi-bar.yellow{background:var(--yellow);color:var(--dark-gray)}.day-multi-bar.cyan{background:var(--cyan);color:var(--dark-gray)}.day-multi-bar.done{opacity:.5;text-decoration:line-through}.day-multi-bar .dm-range{opacity:.8;flex-shrink:0;margin-left:auto;font-size:10px;font-weight:400}.icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-16{width:16px;height:16px}.icon-18{width:18px;height:18px}.icon-20{width:20px;height:20px}.icon-24{width:24px;height:24px}.icon-32{width:32px;height:32px}.btn .icon{width:16px;height:16px}.tab-btn .icon{width:18px;height:18px}.dropdown-toggle .icon{width:16px;height:16px}.task-btn-edit .icon,.task-btn-delete .icon{width:16px;height:16px;display:block}.logo-icon{width:40px;height:40px;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.drawer-overlay{z-index:60;background:#38383880;display:none;position:fixed;inset:0}.drawer-overlay.open{display:block}.drawer{background:var(--bg-card);border-left:var(--border-default);z-index:70;flex-direction:column;width:360px;max-width:90vw;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%)}.drawer.open{transform:translate(0)}.drawer-header{padding:var(--space-6);border-bottom:var(--border-default);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.drawer-header-title{align-items:center;gap:var(--space-3);font-size:24px;font-weight:700;display:flex}.drawer-close{border:var(--border-default);background:var(--bg-card);cursor:pointer;width:40px;height:40px;transition:transform var(--t);justify-content:center;align-items:center;display:flex}.drawer-close:hover{box-shadow:var(--shadow-brutal);transform:translate(-1px,-1px)}.drawer-body{padding:var(--space-6);flex:1;overflow-y:auto}.drawer-section{margin-bottom:var(--space-8)}.drawer-section-title{text-transform:uppercase;color:var(--medium-gray);letter-spacing:.05em;margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--light-gray);font-size:13px;font-weight:700}.drawer-item{align-items:center;gap:var(--space-4);padding:var(--space-3);border:var(--border-default);margin-bottom:var(--space-2);cursor:pointer;transition:transform var(--t), box-shadow var(--t);background:var(--bg-card);display:flex}.drawer-item:hover{box-shadow:var(--shadow-brutal);transform:translate(-1px,-1px)}.drawer-item-icon{border:2px solid var(--dark-gray);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.drawer-item-content{flex:1;min-width:0}.drawer-item-label{font-size:14px;font-weight:600}.drawer-item-desc{color:var(--medium-gray);margin-top:2px;font-size:11px}.drawer-item-right{color:var(--medium-gray);flex-shrink:0;font-size:12px}.drawer-toggle-group{align-items:center;gap:var(--space-3);padding:var(--space-3);border:var(--border-default);margin-bottom:var(--space-2);display:flex}.drawer-toggle-label{flex:1;font-size:14px;font-weight:600}.drawer-toggle{border:2px solid var(--dark-gray);border-radius:var(--radius-full);background:var(--light-gray);cursor:pointer;width:40px;height:22px;transition:background var(--t);flex-shrink:0;position:relative}.drawer-toggle.on{background:var(--blue)}.drawer-toggle:after{content:"";background:var(--white);width:14px;height:14px;transition:transform var(--t);border-radius:50%;position:absolute;top:2px;left:2px}.drawer-toggle.on:after{transform:translate(18px)}.drawer-footer{padding:var(--space-4) var(--space-6);border-top:var(--border-default);color:var(--medium-gray);text-align:center;flex-shrink:0;font-size:11px}.settings-btn{border:var(--border-default);background:var(--bg-card);cursor:pointer;width:40px;height:40px;transition:transform var(--t);justify-content:center;align-items:center;display:flex}.settings-btn:hover{box-shadow:var(--shadow-brutal);transform:translate(-1px,-1px)}.settings-btn:active{box-shadow:var(--shadow-brutal-active);transform:translate(-2px,-2px)}.notif-btn{border:var(--border-default);background:var(--bg-card);cursor:pointer;width:40px;height:40px;transition:transform var(--t);justify-content:center;align-items:center;display:flex;position:relative}.notif-btn:hover{box-shadow:var(--shadow-brutal);transform:translate(-1px,-1px)}.notif-btn:active{box-shadow:var(--shadow-brutal-active);transform:translate(-2px,-2px)}.notif-badge{background:var(--coral);border:2px solid var(--white);width:18px;height:18px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.notif-backdrop{z-index:29;background:0 0;position:fixed;inset:0}.notif-panel{background:var(--bg-card);border:var(--border-default);width:340px;max-height:min(420px,80vh);box-shadow:var(--shadow-brutal);z-index:30;margin-top:4px;display:none;position:absolute;top:100%;right:0;overflow-y:auto}.notif-panel.open{display:block}.notif-panel-header{padding:var(--space-3) var(--space-4);border-bottom:var(--border-default);background:var(--bg-card);z-index:1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.notif-panel-title{align-items:center;gap:var(--space-2);font-size:14px;font-weight:700;display:flex}.notif-panel-clear{color:var(--coral);cursor:pointer;font-size:11px;font-weight:600;font-family:var(--font-sans);background:0 0;border:none}.notif-panel-clear:hover{text-decoration:underline}.notif-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--light-gray);transition:background var(--t);display:flex}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg-hover)}.notif-item.unread{background:#fff9e6}:root.dark .notif-item.unread{background:var(--bg-today)}.notif-item-icon{border:1.5px solid var(--dark-gray);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.notif-item-icon .icon{width:14px;height:14px}.notif-item-content{flex:1;min-width:0}.notif-item-title{font-size:13px;font-weight:600;line-height:1.4}.notif-item-time{color:var(--medium-gray);margin-top:2px;font-size:11px}.notif-item-dismiss{color:var(--medium-gray);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:16px;font-weight:700;line-height:1}.notif-item-dismiss:hover{color:var(--coral)}.notif-empty{padding:var(--space-8);text-align:center;color:var(--medium-gray);font-size:13px}.task-form{gap:var(--space-3);flex-direction:column;display:flex}.task-form-row{gap:var(--space-4);flex-wrap:wrap;display:flex}.task-form-row>*{flex:1;min-width:180px}.task-form label{text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);color:var(--medium-gray);font-size:12px;font-weight:700;display:block}.task-form label .required-mark{color:var(--coral);margin-left:2px}.task-form .field-error{color:var(--coral);margin-top:4px;font-size:12px;display:block}.task-form .input-error{box-shadow:0 0 0 1px var(--coral);border-color:var(--coral)!important}.task-form .form-input,.task-form textarea{width:100%}.task-form textarea.form-input{resize:vertical;min-height:64px;font-size:13px;line-height:1.5}.task-form .priority-group{gap:var(--space-2);flex-wrap:wrap;padding-top:2px;display:flex}.task-form .priority-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:var(--border-default);background:var(--bg-card);cursor:pointer;transition:transform var(--t);font-family:var(--font-sans);color:var(--dark-gray);font-size:12px;font-weight:600;display:flex}.task-form .priority-btn:hover{box-shadow:var(--shadow-brutal);transform:translate(-1px,-1px)}.task-form .priority-btn.active{color:var(--white)}.task-form .priority-btn .p-dot{border:2px solid var(--dark-gray);border-radius:var(--radius-full);flex-shrink:0;width:12px;height:12px}.task-form .priority-btn.active .p-dot{background:var(--white);border-color:var(--white)}.task-form .priority-btn.coral.active{background:var(--coral)}.task-form .priority-btn.blue.active{background:var(--blue)}.task-form .priority-btn.yellow.active{background:var(--yellow);color:var(--dark-gray)}.task-form .priority-btn.cyan.active{background:var(--cyan)}.task-form .priority-btn .p-dot.coral{background:var(--coral)}.task-form .priority-btn .p-dot.blue{background:var(--blue)}.task-form .priority-btn .p-dot.yellow{background:var(--yellow)}.task-form .priority-btn .p-dot.cyan{background:var(--cyan)}.task-form .tag-select{gap:var(--space-2);flex-wrap:wrap;display:flex}.task-form .tag-select .tag{cursor:pointer;transition:transform var(--t)}.task-form .tag-select .tag:hover{box-shadow:var(--shadow-brutal);transform:translate(-1px,-1px)}.task-form .tag-select .tag.active{background:var(--dark-gray);color:var(--white)}.task-form-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-1);display:flex}.task-form-actions .btn{min-width:140px}.task-time-range{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.task-time-range .form-input{min-width:140px;font-size:13px;font-family:var(--font-mono);flex:1}.time-range-sep{color:var(--medium-gray);flex-shrink:0;font-size:12px;font-weight:700}.drawer-webhook-form{margin-top:var(--space-3);width:100%;padding-left:44px}.drawer-webhook-form .form-input{padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);font-size:13px}.webhook-event-grid{margin:var(--space-2) 0;grid-template-columns:1fr 1fr;gap:4px;display:grid}.webhook-event-item{border:1px solid var(--light-gray);cursor:pointer;transition:background var(--t);align-items:center;gap:6px;padding:4px 6px;font-size:11px;font-weight:600;display:flex}.webhook-event-item:hover{background:var(--bg-hover)}.webhook-event-item.active{border-color:var(--dark-gray);background:var(--blue);color:var(--white)}.webhook-actions{gap:var(--space-2);margin-top:var(--space-2);display:flex}.webhook-actions .btn-small{padding:var(--space-1) var(--space-2);flex:1;font-size:11px}.drawer-action-pill{text-transform:uppercase;letter-spacing:.05em;border:var(--border-default);border-radius:var(--radius-full);cursor:pointer;text-align:center;flex:1;justify-content:center;align-items:center;height:32px;padding:0 8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.drawer-action-row{gap:var(--space-2);width:100%;margin-top:var(--space-2);padding-left:44px;display:flex}@media (width<=640px){.calendar-cell{min-height:60px;padding:var(--space-1)}.calendar-cell .calendar-day-number{margin-bottom:0;font-size:12px}.cal-task{padding:1px 2px;font-size:9px}}.toast-container{bottom:var(--space-16);z-index:100;gap:var(--space-3);pointer-events:none;flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);background:var(--dark-gray);color:var(--white);border:2px solid var(--dark-gray);opacity:0;pointer-events:auto;white-space:nowrap;font-size:14px;font-weight:600;transition:opacity .25s,transform .25s;display:flex;transform:translateY(10px)}.toast.show{opacity:1;transform:translateY(0)}.toast.success{background:var(--cyan);color:var(--dark-gray);border-color:var(--cyan)}.toast.error{background:var(--coral);color:var(--white)}.toast.warning{background:var(--yellow);color:var(--dark-gray)}.toast .icon{width:16px;height:16px}.view-panel{animation:.2s ease-out panelIn}@keyframes panelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.header-left .tab-bar .tab-btn{padding:8px 12px;font-size:12px}.header-left .tab-bar .tab-btn .icon{width:14px;height:14px}}@media (width<=720px){.app-header .header-row{flex-direction:column;align-items:stretch}.header-left{align-items:stretch;gap:var(--space-3);flex-direction:column}.header-left .tab-bar{-webkit-overflow-scrolling:touch;overflow-x:auto}.header-left .tab-bar .tab-btn{flex-shrink:0}}:root.dark .app-header,:root.dark .quadrant-card,:root.dark .card,:root.dark .task-item,:root.dark .year-month-card,:root.dark .cal-sidebar-card,:root.dark .dropdown-menu,:root.dark .drawer,:root.dark .stat-card,:root.dark .modal-content,:root.dark .network-badge,:root.dark .stat-card{background:var(--bg-card)}:root.dark .calendar-grid,:root.dark .week-grid,:root.dark .day-timeline{background:#3a3a42}:root.dark .calendar-cell,:root.dark .calendar-weekday,:root.dark .week-time-cell,:root.dark .week-day-header,:root.dark .week-day-col,:root.dark .day-hour-label,:root.dark .day-hour-cell{background:var(--bg-card)}:root.dark .calendar-cell:hover{background:var(--bg-hover)}:root.dark .btn,:root.dark .dropdown-toggle,:root.dark .dropdown-item,:root.dark .drawer-item,:root.dark .drawer-toggle-group,:root.dark .settings-btn,:root.dark .calendar-nav-btn,:root.dark .calendar-today-btn,:root.dark .drawer-close{background:var(--bg-card);color:var(--text-primary)}:root.dark .dropdown-item:hover{background:var(--bg-dropdown-hover);color:var(--dark-gray)}:root.dark .notif-panel,:root.dark .notif-btn{background:var(--bg-card)}:root.dark .form-input{background:var(--bg-input);color:var(--text-primary)}:root.dark .network-badge{color:var(--text-primary)}:root.dark .day-task-block{background:var(--bg-card);color:var(--text-primary)}:root.dark .week-task,:root.dark .tag{color:var(--text-primary)}:root.dark .modal-overlay,:root.dark .drawer-overlay{background:#000000b3}:root.dark .quadrant-add-btn,:root.dark .tab-btn.active{color:var(--dark-gray)}:root.dark .tab-btn:not(.active){background:var(--bg-card);color:var(--text-primary)}:root.dark .btn-primary,:root.dark .btn-danger,:root.dark .btn-warning,:root.dark .btn-cyan{color:var(--dark-gray)}:root.dark .stat-value.dark{color:var(--text-primary)}:root.dark .modal-header{background:var(--bg-card)}:root.dark .divider{border-top-color:var(--light-gray)}:root.dark .tag{background:var(--bg-card)}:root.dark .btn-warning{color:#1b1b1e}:root.dark .toast{background:var(--bg-card);color:var(--text-primary);border-color:var(--light-gray)}:root.dark .toast.success{background:var(--cyan);color:#1b1b1e}:root.dark .toast.warning{background:var(--yellow);color:#1b1b1e}:root.dark .cal-multi-overlay{border-color:#3a3a42}:root.dark .cal-multi-overlay.blue,:root.dark .cal-multi-overlay.coral{color:var(--white)}:root.dark .stats-chart-card,:root.dark .donut-hole{background:var(--bg-card)}:root.dark .task-form .priority-btn{background:var(--bg-card);color:var(--text-primary)}:root.dark .task-form .priority-btn.active.coral,:root.dark .task-form .priority-btn.active.blue,:root.dark .task-form .priority-btn.active.cyan{color:var(--white)}:root.dark .task-form .priority-btn.active.yellow{color:var(--dark-gray)}:root.dark .week-multi-bar,:root.dark .day-multi-bar{background:var(--bg-card);color:var(--text-primary)}:root.dark .week-multi-bar.blue,:root.dark .week-multi-bar.coral,:root.dark .day-multi-bar.blue,:root.dark .day-multi-bar.coral{color:var(--white)}:root.dark .week-multi-bar.yellow,:root.dark .week-multi-bar.cyan,:root.dark .day-multi-bar.yellow,:root.dark .day-multi-bar.cyan{color:var(--dark-gray)}:root.dark .bar{border-color:#3a3a42}:root.dark .drawer-action-pill{background:var(--bg-card);color:var(--text-primary)}:root.dark .donut-legend-item .dl-dot{border-color:#3a3a42}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}