@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_2ae47f08-module__h69qWW__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_2ae47f08-module__h69qWW__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.27spqqad3wyeo.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.3f4zuumv8svu0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.34r5yzckw0h2s.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.2jyz_zw3a8jit.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.30bdpjkrtcces.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.1v5bejj26fx9h.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_eb58308d-module__w_p2Lq__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_eb58308d-module__w_p2Lq__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--font-inter:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--background:#fffdf5;--foreground:#1a1f2c;--card:#fff;--muted:#f5f3ec;--border:#1e3a5f14;--text-muted:#5c6479;--danger:#c25e3b;--timepicker-indicator-bg:#1e3a5f14;--brand:#1e3a5f;--accent-active:#1e3a5f;--warning:#d97706;--success:#0d9488;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #1e3a5f0a, 0 2px 4px -1px #1e3a5f05;--board-heading:#1a1f2c;--col-todo-bg:#faf5f0;--col-todo-border:#c25e3b1f;--col-todo-shadow:0 8px 32px 0 #c25e3b04;--col-todo-header:#c25e3b;--col-todo-count-bg:#c25e3b0f;--col-todo-count-text:#c25e3b;--col-inprog-bg:#f0f4f8;--col-inprog-border:#1e3a5f14;--col-inprog-shadow:0 8px 32px 0 #1e3a5f04;--col-inprog-header:#1e3a5f;--col-inprog-count-bg:#1e3a5f0d;--col-inprog-count-text:#1e3a5f;--col-done-bg:#f0f8f6;--col-done-border:#0d948814;--col-done-shadow:0 8px 32px 0 #0d948804;--col-done-header:#0d9488;--col-done-count-bg:#0d94880d;--col-done-count-text:#0d9488;--task-bg:#fff;--task-border:#1e3a5f0d;--task-title:#1a1f2c;--task-meta:#5c6479;--header-bg:#fffdf6d9;--header-blur:blur(12px);--header-shadow:0 4px 24px #1e3a5f08;--header-border:1px solid #1e3a5f0a;--dock-text-main:var(--foreground);--dock-text-muted:var(--text-muted);--dock-highlight:#1e3a5f;--dock-selected-bg:var(--brand);--dock-selected-text:#fff;--cal-sidebar-bg:#fffdf673;--cal-sidebar-border:1px solid #1e3a5f0f;--cal-day-color:#1a1f2c;--cal-day-muted:#5c6479;--cal-today-bg:#c25e3b14;--cal-today-color:#c25e3b;--cal-today-ring:1px solid #c25e3b33;--cal-selected-bg:var(--brand);--cal-selected-color:#fff;--cal-col-selected-bg:#1e3a5f0a;--cal-grid-line:#1e3a5f0d;--cal-timestamp-color:#5c6479;--cal-event-text:#1a1f2c;--cal-event-time:#5c6479;--cal-header-bg:#fffdf5;--cal-header-border:#1e3a5f0f;--cal-col-border:#1e3a5f0d;--cal-main-bg:#fffdf5;--filter-bg:#fffdf680;--filter-border:1px solid #1e3a5f0f;--filter-text:#1a1f2c;--filter-active:#1e3a5f;--filter-divider:#1e3a5f14;--filter-hover:#1e3a5f08;--popover-bg:#fffffff2;--popover-border:1px solid #1e3a5f0f;--popover-shadow:0 8px 32px #1e3a5f0f;--dropdown-text:#5c6479;--dropdown-hover:#1e3a5f08;--dropdown-active-bg:#1e3a5f0d;--dropdown-active-text:#1e3a5f;--modal-bg:#fff;--modal-header-bg:#fff;--modal-text:#1a1f2c;--modal-close:#5c6479;--modal-close-hover-bg:#1e3a5f0d;--modal-close-hover-color:#1a1f2c;--modal-shadow:0 24px 80px #1e3a5f1f;--modal-border:1px solid #1e3a5f14;--modal-backdrop:#14182266;--form-title-color:#1a1f2c;--card-group-bg:#f5f3ec;--form-label-color:#5c6479;--form-label-shadow:none;--form-input-bg:#fff;--form-input-border:#1e3a5f1f;--form-input-color:#1a1f2c;--form-input-focus-border:#1e3a5f;--form-input-focus-shadow:none;--btn-submit-bg:#1e3a5f;--btn-submit-color:#fff;--btn-submit-shadow:0 4px 12px #1e3a5f1a;--btn-submit-hover-shadow:0 6px 16px #1e3a5f29;--q1-bg:#c25e3b0f;--q1-bg-active:#c25e3b1f;--q1-accent:#c25e3b;--q1-text:#c25e3b;--q1-border-inactive:transparent;--q1-text-inactive:#5c6479;--q1-shadow:none;--q2-bg:#1e3a5f0d;--q2-bg-active:#1e3a5f1a;--q2-accent:#1e3a5f;--q2-text:#1e3a5f;--q2-border-inactive:transparent;--q2-text-inactive:#5c6479;--q2-shadow:none;--q3-bg:#d977060f;--q3-bg-active:#d977061f;--q3-accent:#d97706;--q3-text:#d97706;--q3-border-inactive:transparent;--q3-text-inactive:#5c6479;--q3-shadow:none;--q4-bg:#6b72800f;--q4-bg-active:#6b72801f;--q4-accent:#6b7280;--q4-text:#6b7280;--q4-border-inactive:transparent;--q4-text-inactive:#5c6479;--q4-shadow:none;--chart-grid:#1e3a5f08;--chart-axis-line:#1e3a5f0a;--chart-axis-text:#5c6479;--chart-bar-completed:#0d9488;--chart-bar-pending:#1e3a5f26;--chart-line-stroke:#c25e3b}[data-theme=dark]{--background:#141822;--foreground:#f5f3ec;--card:#1b212f;--muted:#1b212f;--border:#ffffff0f;--text-muted:#8e99a8;--danger:#e76e43;--accent-active:#e76e43;--timepicker-indicator-bg:#e76e4314;--brand:#4a88f7;--warning:#f59e0b;--success:#34d399;--board-heading:#f5f3ec;--col-bg:#1b212f;--col-todo-bg:#1b212f;--col-todo-border:#e76e4333;--col-todo-shadow:0 8px 24px #00000040, 0 0 16px #e76e430a;--col-todo-header:#e76e43;--col-todo-count-bg:#e76e431a;--col-todo-count-text:#e76e43;--col-inprog-bg:#1b212f;--col-inprog-border:#4a88f733;--col-inprog-shadow:0 8px 24px #00000040, 0 0 16px #4a88f70a;--col-inprog-header:#4a88f7;--col-inprog-count-bg:#4a88f71a;--col-inprog-count-text:#4a88f7;--col-done-bg:#1b212f;--col-done-border:#34d39933;--col-done-shadow:0 8px 24px #00000040, 0 0 16px #34d3990a;--col-done-header:#34d399;--col-done-count-bg:#34d3991a;--col-done-count-text:#34d399;--task-bg:#141822;--task-border:#ffffff0d;--task-title:#f5f3ec;--task-meta:#8e99a8;--header-bg:#141822d9;--header-blur:blur(20px);--header-shadow:0 8px 32px #00000040;--header-border:1px solid #ffffff0d;--dock-text-main:#f5f3ec;--dock-text-muted:#8e99a8;--dock-highlight:#e76e43;--dock-selected-bg:var(--danger);--dock-selected-text:var(--background);--cal-sidebar-bg:#14182266;--cal-sidebar-border:1px solid #ffffff0d;--cal-day-color:#f5f3ec;--cal-day-muted:#8e99a8;--cal-today-bg:#e76e4314;--cal-today-color:#e76e43;--cal-today-ring:1px solid #e76e4340;--cal-selected-bg:var(--danger);--cal-selected-color:var(--background);--cal-col-selected-bg:#e76e430f;--cal-grid-line:#ffffff0d;--cal-timestamp-color:#8e99a8;--cal-event-text:#f5f3ec;--cal-event-time:#8e99a8;--cal-header-bg:#14182280;--cal-header-border:#ffffff0f;--cal-col-border:#ffffff0a;--cal-main-bg:#141822;--filter-bg:#1b212f80;--filter-border:1px solid #ffffff14;--filter-text:#f5f3ec;--filter-active:#4a88f7;--filter-divider:#ffffff1f;--filter-hover:#ffffff0a;--popover-bg:#1b212ff2;--popover-border:1px solid #ffffff14;--popover-shadow:0 10px 30px #0006;--dropdown-text:#8e99a8;--dropdown-hover:#ffffff0a;--dropdown-active-bg:#4a88f71f;--dropdown-active-text:#4a88f7;--modal-bg:#1b212ff2;--modal-header-bg:#1b212ff2;--modal-text:#f5f3ec;--modal-close:#8e99a8;--modal-close-hover-bg:#ffffff0d;--modal-close-hover-color:#f5f3ec;--modal-shadow:0 24px 80px #00000080;--modal-border:1px solid #ffffff14;--modal-backdrop:#0009;--form-title-color:#f5f3ec;--card-group-bg:#1418224d;--card-group-border:1px solid #ffffff0d;--form-label-color:#f5f3ec;--form-label-shadow:none;--form-input-bg:#14182299;--form-input-border:#ffffff1f;--form-input-color:#f5f3ec;--form-input-focus-border:#4a88f7;--form-input-focus-shadow:none;--pill-inactive-bg:#14182299;--pill-inactive-color:#8e99a8;--pill-none-border:#8e99a8;--pill-none-bg:#141822cc;--pill-none-color:#f5f3ec;--btn-submit-bg:#4a88f7;--btn-submit-color:#fff;--btn-submit-shadow:0 4px 16px #4a88f733;--btn-submit-hover-shadow:0 6px 20px #4a88f74d;--q1-bg:#e76e4314;--q1-bg-active:#e76e4329;--q1-accent:#e76e43;--q1-text:#e76e43;--q1-border-inactive:transparent;--q1-text-inactive:#8e99a8;--q1-shadow:none;--q2-bg:#4a88f70f;--q2-bg-active:#4a88f71f;--q2-accent:#4a88f7;--q2-text:#4a88f7;--q2-border-inactive:transparent;--q2-text-inactive:#8e99a8;--q2-shadow:none;--q3-bg:#f59e0b14;--q3-bg-active:#f59e0b29;--q3-accent:#f59e0b;--q3-text:#f59e0b;--q3-border-inactive:transparent;--q3-text-inactive:#8e99a8;--q3-shadow:none;--q4-bg:#8e99a814;--q4-bg-active:#8e99a829;--q4-accent:#8e99a8;--q4-text:#8e99a8;--q4-border-inactive:transparent;--q4-text-inactive:#8e99a8;--q4-shadow:none;--chart-grid:#ffffff0a;--chart-axis-line:#ffffff0f;--chart-axis-text:#8e99a8;--chart-bar-completed:#34d399;--chart-bar-pending:#4a88f726;--chart-line-stroke:#e76e43}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-inter), "Inter", system-ui, -apple-system, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;transition:background-color .3s,color .3s}*,:before,:after{transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s,fill .3s,stroke .3s}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.text-sm{font-size:.875rem}.text-muted{color:var(--text-muted)}.font-bold{font-weight:700}.font-medium{font-weight:500}.bg-card{background-color:var(--card)}.border{border:1px solid var(--border)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.border-q1{border-left:4px solid var(--danger)}.border-q2{border-left:4px solid var(--brand)}.border-q3{border-left:4px solid var(--warning)}.border-q4{border-left:4px solid var(--text-muted)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar:hover::-webkit-scrollbar-thumb{background:#0003}[data-theme=dark] .custom-scrollbar:hover::-webkit-scrollbar-thumb{background:#fff3}.auth-container{justify-content:center;align-items:center;min-height:100dvh;padding:1rem;display:flex}.auth-card{box-sizing:border-box;flex-direction:column;gap:1.1rem;width:100%;max-width:400px;min-height:430px;padding:1.125rem 1.75rem 1.35rem;display:flex}.auth-card h1{margin:0;line-height:1.2}.auth-card .form-group{gap:.35rem}.auth-card .form-input{padding:.65rem .9rem}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{font-size:.875rem;font-weight:500}.form-input{border-radius:var(--radius-md);border:1px solid var(--border);width:100%;color:var(--foreground);background-color:#0000;outline:none;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s}.form-input:hover{border-color:#c25e3b59}.form-input:focus,.auth-card .form-input:focus{border-color:#c25e3ba6!important;box-shadow:0 0 0 3px #c25e3b24!important}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--card) inset!important;box-shadow:0 0 0 1000px var(--card) inset!important;-webkit-text-fill-color:var(--foreground)!important;caret-color:var(--foreground)!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--card) inset!important;box-shadow:0 0 0 1000px var(--card) inset!important;-webkit-text-fill-color:var(--foreground)!important;caret-color:var(--foreground)!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--card) inset!important;box-shadow:0 0 0 1000px var(--card) inset!important;-webkit-text-fill-color:var(--foreground)!important;caret-color:var(--foreground)!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--card) inset!important;box-shadow:0 0 0 1000px var(--card) inset!important;-webkit-text-fill-color:var(--foreground)!important;caret-color:var(--foreground)!important}.form-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--card) inset, 0 0 0 3px #c25e3b24!important;box-shadow:0 0 0 1000px var(--card) inset, 0 0 0 3px #c25e3b24!important;border-color:#c25e3ba6!important}.auth-card .form-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--card) inset, 0 0 0 3px #c25e3b24!important;box-shadow:0 0 0 1000px var(--card) inset, 0 0 0 3px #c25e3b24!important;border-color:#c25e3ba6!important}.btn-primary{border-radius:var(--radius-md);background-color:var(--brand);color:#fff;border:none;width:100%;padding:.75rem 1rem;font-weight:500;transition:filter .2s,opacity .2s}.btn-primary:hover{filter:brightness(1.1)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.text-danger{color:var(--danger)}.text-center{text-align:center}.w-full{width:100%}.task-card{background-color:var(--task-bg);border:1px solid var(--task-border);cursor:grab;border-radius:12px;margin-bottom:.5rem;padding:.75rem;transition:box-shadow .25s cubic-bezier(.2,.8,.4,1),transform .25s cubic-bezier(.2,.8,.4,1),border-color .2s;box-shadow:0 1px 4px #0000000f}.task-card:hover{transform:scale(1.02)translateY(-2px)!important;box-shadow:0 12px 28px #00000014!important}.task-card:active{cursor:grabbing}[data-theme=dark] .task-card{box-shadow:0 1px 4px #0003}[data-theme=dark] .task-card:hover{transform:scale(1.02)translateY(-2px)!important;box-shadow:0 16px 36px #0006!important}.task-card.dragging-overlay{cursor:grabbing!important;opacity:1!important;visibility:visible!important;transform:scale(1.03)!important;box-shadow:0 20px 40px #0000001f,0 0 0 1px #0000000a!important}[data-theme=dark] .task-card.dragging-overlay{box-shadow:0 20px 40px #00000073,0 0 0 1px #ffffff14!important}[data-theme=dark] .filter-active-text[data-category*=Học\ tập i],[data-theme=dark] .filter-active-text[data-category*=Học i],[data-theme=dark] .dropdown-item.active[data-category*=Học\ tập i],[data-theme=dark] .dropdown-item.active[data-category*=Học i]{color:#93c5fd!important}[data-theme=dark] .dropdown-item[data-category*=Học\ tập i] .dropdown-dot,[data-theme=dark] .dropdown-item[data-category*=Học i] .dropdown-dot{background:#60a5fa!important}[data-theme=dark] .dropdown-item.active[data-category*=Học\ tập i],[data-theme=dark] .dropdown-item.active[data-category*=Học i]{background:#3b82f626!important}[data-theme=dark] .filter-active-text[data-category*=Công\ việc i],[data-theme=dark] .dropdown-item.active[data-category*=Công\ việc i]{color:#c084fc!important}[data-theme=dark] .dropdown-item[data-category*=Công\ việc i] .dropdown-dot{background:#c084fc!important}[data-theme=dark] .dropdown-item.active[data-category*=Công\ việc i]{background:#8b5cf626!important}[data-theme=dark] .filter-active-text[data-category*=Thể\ thao i],[data-theme=dark] .dropdown-item.active[data-category*=Thể\ thao i]{color:#fbcfe8!important}[data-theme=dark] .dropdown-item[data-category*=Thể\ thao i] .dropdown-dot{background:#f472b6!important}[data-theme=dark] .dropdown-item.active[data-category*=Thể\ thao i]{background:#ec489926!important}[data-theme=dark] .filter-active-text[data-category*=Cá\ nhân i],[data-theme=dark] .dropdown-item.active[data-category*=Cá\ nhân i]{color:#a7f3d0!important}[data-theme=dark] .dropdown-item[data-category*=Cá\ nhân i] .dropdown-dot{background:#34d399!important}[data-theme=dark] .dropdown-item.active[data-category*=Cá\ nhân i]{background:#10b98126!important}[data-theme=dark] .filter-active-text[data-priority=q1],[data-theme=dark] .dropdown-item.active[data-priority=q1]{color:#fca5a5!important}[data-theme=dark] .dropdown-item.active[data-priority=q1]{background:#ef444426!important}[data-theme=dark] .filter-active-text[data-priority=q2],[data-theme=dark] .dropdown-item.active[data-priority=q2]{color:#93c5fd!important}[data-theme=dark] .dropdown-item.active[data-priority=q2]{background:#3b82f626!important}[data-theme=dark] .filter-active-text[data-priority=q3],[data-theme=dark] .dropdown-item.active[data-priority=q3]{color:#fde047!important}[data-theme=dark] .dropdown-item.active[data-priority=q3]{background:#f59e0b26!important}[data-theme=dark] .filter-active-text[data-priority=q4],[data-theme=dark] .dropdown-item.active[data-priority=q4]{color:#d1d5db!important}[data-theme=dark] .dropdown-item.active[data-priority=q4]{background:#9ca3af26!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.toolbar-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--foreground);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s;display:flex}.toolbar-btn:hover{background:var(--border)}.toolbar-btn.active{background:var(--brand);color:#fff}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.tiptap-editor .ProseMirror{font-family:var(--font-geist-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;letter-spacing:-.011em;color:var(--modal-text,inherit);outline:none;font-size:1rem;line-height:1.6}.tiptap-editor .ProseMirror>*+*{margin-top:.75em}.tiptap-editor .ProseMirror ul,.tiptap-editor .ProseMirror ol{margin:.5rem 0;padding:0 1rem}.tiptap-editor .ProseMirror ul{list-style-type:disc}.tiptap-editor .ProseMirror ol{list-style-type:decimal}.tiptap-editor .ProseMirror a{color:var(--brand);cursor:pointer;text-decoration:underline}.tiptap-editor .ProseMirror img{border-radius:var(--radius-sm);max-width:100%;height:auto;margin:.5rem 0}.tiptap-editor .ProseMirror p{margin:0}.circle-checkbox{appearance:none;cursor:pointer;margin:0;transition:all .2s;position:relative;border:1.5px solid var(--form-input-border)!important;background-color:#0000!important;border-radius:50%!important;width:1.1rem!important;height:1.1rem!important}.circle-checkbox:checked{background-color:#3b82f6!important;border-color:#3b82f6!important}.circle-checkbox:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;margin-top:-1px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:99px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8a6}[data-theme=dark] .custom-scrollbar::-webkit-scrollbar-thumb{background:#1e293be6}[data-theme=dark] .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#60a5fa99}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#94a3b859 transparent}[data-theme=dark] .custom-scrollbar{scrollbar-color:#1e293be6 transparent}body,header,aside,main,div,span,button,input,textarea{transition:background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out,box-shadow .3s ease-in-out,-webkit-backdrop-filter .3s ease-in-out,backdrop-filter .3s ease-in-out}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-axis-line,.recharts-cartesian-axis-tick text,.recharts-bar-rect,.recharts-line-curve,.recharts-pie-sector,.recharts-sector,path,rect,text{transition:stroke .3s ease-in-out,fill .3s ease-in-out,opacity .3s ease-in-out!important}.nav-link{color:var(--dock-text-muted,#6b7280);background:0 0;border-radius:99px;padding:.35rem .9rem;font-size:.875rem;font-weight:400;text-decoration:none;transition:all .3s ease-in-out;display:inline-block;border:1px solid #0000!important}.nav-link:hover{color:var(--brand,#1e3a5f)!important;background:#1e3a5f0a!important}.nav-link.active{font-weight:600;color:var(--brand,#1e3a5f)!important;background:#1e3a5f0d!important;border:1px solid #1e3a5f1f!important}[data-theme=dark] .nav-link{color:#8e99a8;background:0 0}[data-theme=dark] .nav-link:hover{color:#fff!important;background:#ffffff0d!important}[data-theme=dark] .nav-link.active{font-weight:600;color:#fff!important;background:#ffffff14!important;border:1px solid #ffffff26!important}.nav-link:hover{transition:all .2s ease-in-out}.kpi-card{transition:transform .25s cubic-bezier(.2,.8,.4,1),box-shadow .25s,border-color .2s!important}.kpi-card:hover{transform:scale(1.02)translateY(-2px)!important;box-shadow:0 12px 30px #1e3a5f0f!important}[data-theme=dark] .kpi-card:hover{transform:scale(1.02)translateY(-2px)!important;box-shadow:0 14px 35px #00000059!important}@keyframes pageEntry{0%{opacity:0;transform:translate(150px)}to{opacity:1;transform:translate(0)}}@keyframes scaleFadeIn{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.animate-scale-fade{opacity:0;will-change:transform, opacity;animation:.35s cubic-bezier(.2,.8,.4,1) forwards scaleFadeIn}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}@keyframes skeletonShimmer{0%{background-color:var(--skeleton-bg,#e5e7eb40)}50%{background-color:var(--skeleton-shimmer,#d1d5db6b)}to{background-color:var(--skeleton-bg,#e5e7eb40)}}[data-theme=dark]{--skeleton-bg:#ffffff0a;--skeleton-shimmer:#ffffff1a}.skeleton-box{background-color:var(--skeleton-bg,#e5e7eb40);border-radius:12px;width:100%;animation:1.4s ease-in-out infinite skeletonShimmer}.skeleton-shimmer{opacity:.85;transition:opacity .25s ease-out}@keyframes tier1Entry{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes tier2Entry{0%{opacity:0;transform:translate(150px)}to{opacity:1;transform:translate(0)}}@keyframes tier3Entry{0%{opacity:0;transform:translate(200px)}to{opacity:1;transform:translate(0)}}@keyframes pageExitSlide{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-24px)}}.anim-tier-1{will-change:transform, opacity;animation:.35s cubic-bezier(.2,.8,.4,1) forwards tier1Entry}.anim-tier-2{opacity:0;will-change:transform, opacity;animation:.35s cubic-bezier(.2,.8,.4,1) .1s forwards tier2Entry;position:relative}[data-theme=dark] .anim-tier-2:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;animation:.8s ease-out .1s forwards neonTrailGlow;position:absolute;inset:0;box-shadow:0 0 20px #06b6d459,inset 0 0 10px #06b6d426}.anim-tier-2:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;animation:.8s ease-out .1s forwards softTrailGlow;position:absolute;inset:0;box-shadow:0 10px 30px #0000000a}@keyframes neonTrailGlow{0%{opacity:0;filter:blur(4px)}30%{opacity:.85;filter:blur()}to{opacity:0;filter:blur(6px)}}@keyframes softTrailGlow{0%{opacity:0}30%{opacity:.6}to{opacity:0}}.anim-tier-3{opacity:0;will-change:transform, opacity;animation:.4s cubic-bezier(.2,.8,.4,1) forwards tier3Entry}.stagger-tier3-1{animation-delay:.15s}.stagger-tier3-2{animation-delay:.25s}.stagger-tier3-3{animation-delay:.35s}.stagger-tier3-4{animation-delay:.45s}@keyframes tier4Entry{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.anim-mech-tier4{opacity:0;will-change:transform, opacity;animation:.3s cubic-bezier(.2,.8,.4,1) forwards tier4Entry}.page-entry{will-change:transform, opacity;animation:.3s cubic-bezier(.2,.8,.4,1) forwards pageEntry}.page-exit-slide{animation:.2s cubic-bezier(.2,.8,.4,1) forwards pageExitSlide!important}.modal-responsive-wrapper{z-index:10100;justify-content:center;align-items:center;padding:1rem;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-responsive-content{background:var(--modal-bg);-webkit-backdrop-filter:blur(16px);border:var(--modal-border);overscroll-behavior:contain;width:100%;max-width:900px;max-height:90vh;box-shadow:var(--modal-shadow);border-radius:16px;flex-direction:column;animation:.16s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow-y:auto}.add-task-btn{cursor:pointer;background:var(--brand);color:#fff;border:none;border-radius:99px;align-items:center;gap:.4rem;height:40px;padding:0 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 14px #1e3a5f1f}.add-task-btn:hover{background:#152943;transform:translateY(-1px);box-shadow:0 6px 20px #1e3a5f33}.add-task-btn:active{transform:translateY(1px)scale(.98)}[data-theme=dark] .add-task-btn{background:var(--danger);color:var(--background);box-shadow:0 4px 14px #e76e4333}[data-theme=dark] .add-task-btn:hover{background:#f0835b;transform:translateY(-1px);box-shadow:0 6px 20px #e76e4359}[data-theme=dark] .add-task-btn:active{transform:translateY(1px)scale(.98)}.settings-modal-inner{height:min(500px,75vh)}@media (min-width:641px){.settings-modal{height:584px!important;overflow-y:hidden!important}.settings-modal>div:last-child{padding-bottom:.75rem!important}}.mobile-only{display:none!important}@media (max-width:768px){input,select,textarea{font-size:16px!important}.settings-modal{overflow-y:hidden!important}.settings-modal-inner{height:100%!important;min-height:0!important}:root,[data-theme=dark]{--q1-bg:#ef444414;--q1-bg-active:#ef444429;--q1-accent:#ef4444;--q1-text:#ef4444;--q1-border-inactive:transparent;--q1-text-inactive:#ef4444;--q1-shadow:none;--q2-bg:#3b82f614;--q2-bg-active:#3b82f629;--q2-accent:#3b82f6;--q2-text:#3b82f6;--q2-border-inactive:transparent;--q2-text-inactive:#3b82f6;--q2-shadow:none;--q3-bg:#f59e0b14;--q3-bg-active:#f59e0b29;--q3-accent:#f59e0b;--q3-text:#f59e0b;--q3-border-inactive:transparent;--q3-text-inactive:#f59e0b;--q3-shadow:none;--q4-bg:#9ca3af14;--q4-bg-active:#9ca3af29;--q4-accent:#9ca3af;--q4-text:#9ca3af;--q4-border-inactive:transparent;--q4-text-inactive:#9ca3af;--q4-shadow:none}.desktop-only{display:none!important}.mobile-only{display:flex!important}body{padding-bottom:calc(56px + env(safe-area-inset-bottom))}.modal-responsive-wrapper{justify-content:center!important;align-items:flex-end!important;padding:0!important}.modal-responsive-content{position:relative;border-bottom:none!important;border-left:none!important;border-right:none!important;border-radius:24px 24px 0 0!important;height:90dvh!important;max-height:90dvh!important}.modal-responsive-wrapper.full-screen-modal-wrapper{background:var(--modal-bg)!important;-webkit-backdrop-filter:none!important;justify-content:stretch!important;align-items:stretch!important;padding:0!important}.modal-responsive-wrapper.full-screen-modal-wrapper:after{content:"";z-index:-1;height:1000px;position:absolute;top:100%;left:0;right:0;background:var(--modal-bg)!important}.modal-responsive-wrapper.full-screen-modal-wrapper .modal-responsive-content.full-screen-modal{border:none!important;border-radius:0!important;height:100dvh!important;max-height:100dvh!important}.modal-responsive-wrapper.full-screen-modal-wrapper .modal-responsive-content.full-screen-modal:before{display:none!important}.full-screen-modal{padding:0!important}.full-screen-modal>div:last-child{height:100%;padding:0!important}.modal-responsive-wrapper.popup-modal-wrapper{justify-content:center!important;align-items:center!important;padding:1.5rem!important}.modal-responsive-wrapper.popup-modal-wrapper .modal-responsive-content{border:var(--modal-border)!important;border-radius:16px!important;height:auto!important;max-height:85vh!important}.modal-responsive-wrapper.popup-modal-wrapper .modal-responsive-content:before{display:none!important}.modal-responsive-wrapper.popup-modal-wrapper .modal-responsive-content>div:first-child{padding:1rem 1.25rem .25rem!important}.modal-responsive-wrapper.popup-modal-wrapper .modal-responsive-content>div:last-child{padding:.5rem 1.25rem 1rem!important}.modal-responsive-wrapper.popup-modal-wrapper .modal-responsive-content>div:last-child>div{gap:.75rem!important;padding-top:.25rem!important;padding-bottom:.25rem!important}.modal-responsive-wrapper.popup-modal-wrapper .modal-responsive-content>div:last-child>div>div:last-child{margin-top:.25rem!important}.modal-responsive-wrapper.popup-modal-wrapper .confirm-modal-message{white-space:normal!important;word-break:break-word!important;overflow-wrap:break-word!important;text-align:left!important;font-size:.88rem!important;line-height:1.5!important}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}body.modal-open .app-header-container,body.modal-open .mobile-only{display:none!important}.anim-tier-1,.anim-tier-2,.anim-tier-3,.anim-mech-tier4,.page-entry{animation:.4s forwards fadeIn!important;transform:none!important}.anim-tier-2:after{display:none!important}[data-theme=dark]{--col-todo-shadow:0 0 8px #ef444426!important;--col-inprog-shadow:0 0 8px #f59e0b26!important;--col-done-shadow:0 0 8px #10b98126!important;--modal-bg:#1b212f!important;--modal-header-bg:#1b212f!important}.task-card:hover{transform:none!important}.board-header-row{z-index:20!important;grid-template-columns:1fr 1fr!important;gap:.75rem!important;margin-bottom:.75rem!important;display:grid!important;position:relative!important}.board-header-row>:nth-child(2){order:1!important;grid-column:1/-1!important}.board-title{text-transform:uppercase!important;color:var(--board-heading)!important;order:2!important;grid-column:1!important;align-self:center!important;margin:0!important;font-size:1.15rem!important;font-weight:700!important;display:block!important}.add-task-container{order:3!important;grid-column:2!important;justify-content:flex-end!important;align-self:center!important;display:flex!important;position:static!important}.add-task-btn{background:var(--brand)!important;color:#fff!important;width:36px!important;height:36px!important;box-shadow:none!important;border-radius:99px!important;justify-content:center!important;padding:0!important}[data-theme=dark] .add-task-btn{background:var(--danger)!important;color:var(--background)!important}.add-task-btn span{display:none!important}.day-selector-grid{grid-template-columns:1fr auto!important}.day-selector-grid.calendar-day-selector{grid-template-columns:auto 1fr!important;gap:.35rem!important}.filter-bar-wrapper{width:100%!important}.filter-bar-container{width:100%!important;height:36px!important}.filter-btn{flex:1!important;justify-content:center!important;min-width:0!important;height:28px!important;padding:0 8px!important;font-size:.75rem!important}.filter-value{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:110px!important;overflow:hidden!important}.filter-dropdown{z-index:9999!important;background:var(--task-bg)!important;-webkit-backdrop-filter:none!important;border:1px solid var(--border)!important;width:100%!important;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a!important}.filter-dropdown-right{left:auto!important;right:0!important}.dropdown-item{min-height:48px!important}html,body{height:100%!important;overflow:hidden!important}.page-wrapper{-webkit-overflow-scrolling:touch;height:100dvh!important;overflow:hidden auto!important}.page-exit-slide{animation:.15s cubic-bezier(.2,.8,.4,1) forwards pageExitSlide!important}.board-layout-container{height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}.board-page-entry{flex:1!important;height:auto!important;min-height:0!important;overflow:hidden!important}.board-content-container{flex:1!important;height:auto!important;min-height:0!important;padding-bottom:.5rem!important}.settings-bottom-actions{gap:.35rem!important;padding:.75rem 0 0!important}.settings-logout-btn{white-space:nowrap!important;padding:.5rem .65rem!important;font-size:.78rem!important}.settings-logout-btn svg{width:14px!important;height:14px!important}.settings-logout-btn span{font-size:.78rem!important}.settings-right-btns{gap:.35rem!important}.settings-cancel-btn,.settings-save-btn{white-space:nowrap!important;padding:.5rem .85rem!important;font-size:.78rem!important}.settings-categories-container{gap:.35rem!important;padding:.75rem!important}.settings-category-tag{gap:.25rem!important;padding:.2rem .5rem!important;font-size:.72rem!important}body.auth-page{padding-bottom:0!important}body.auth-page .page-wrapper{height:100dvh!important}body.auth-page .auth-container{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;min-height:100dvh!important;padding:1.5rem!important;display:flex!important}body.auth-page .auth-card{flex-shrink:0!important}}@media (min-width:769px){.mobile-only{display:none!important}.day-selector-grid{padding:12px 36px!important}}@media (min-width:769px) and (max-width:1024px){.app-header-container,.page-entry>div:nth-child(2){padding-left:3%!important;padding-right:3%!important}.board-header-row{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:.75rem!important;display:flex!important}.board-header-row>:nth-child(2){order:3!important;justify-content:center!important;width:100%!important;display:flex!important}.board-title{order:1!important;font-size:1.25rem!important}.add-task-container{order:2!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.repeat-picker-btn{cursor:pointer;box-sizing:border-box;text-align:center;color:#6b7280;background:#f3f4f6;border:1.5px solid #0000;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:.5rem .625rem;font-size:.78rem;font-weight:500;line-height:1.3;transition:all .2s;display:flex}.repeat-picker-btn.active{border:1.5px solid var(--cal-today-color);color:var(--cal-today-color);background:#c25e3b14;font-weight:600}[data-theme=dark] .repeat-picker-btn{opacity:.7;color:#a0a5b0!important;background:#9ca3af14!important;border:1.5px solid #0000!important}[data-theme=dark] .repeat-picker-btn.active{opacity:1;font-weight:600;box-shadow:0 0 12px #e76e4340;border:1.5px solid var(--cal-today-color)!important;color:var(--cal-today-color)!important;background:#e76e431a!important}.sync-modal-base>div:last-child{padding-bottom:16px!important}.sync-modal-custom{--modal-height:85vh;height:85vh!important;overflow:hidden!important}@media (max-width:640px){.sync-modal-custom{--modal-height:min(565px, 82vh);height:min(565px,82vh)!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin!important}.board-title{padding-left:36px!important}.add-task-container{padding-right:36px!important}@media (max-width:768px){[data-task-id],[data-task-id] *,.task-card,.task-card *,[data-tour=task-form] label,[data-tour=task-form] button,[data-tour=task-form] svg,[data-tour=task-form] .circle-checkbox,[data-tour=task-form] .priority-picker-btn,[data-tour=task-form] .repeat-picker-btn,.modal label,.modal button,.modal svg{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}[data-tour=task-form] input[type=text],[data-tour=task-form] textarea,[data-tour=task-form] [contenteditable=true],.modal input[type=text],.modal textarea,.modal [contenteditable=true]{-webkit-user-select:text!important;user-select:text!important}.mobile-month-selector:active{opacity:.85;transform:scale(.96)!important}.mobile-task-scroll-container{scroll-snap-type:y mandatory!important;-webkit-scroll-snap-type:y mandatory!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;scroll-padding-top:4px!important;scroll-padding-bottom:4px!important;overflow-y:auto!important}.mobile-task-scroll-container .task-card{scroll-snap-align:start!important;-webkit-scroll-snap-align:start!important;scroll-snap-stop:always!important;-webkit-scroll-snap-stop:always!important;box-sizing:border-box!important;max-width:100%!important;margin-bottom:6px!important;padding:.6rem .65rem!important;overflow:hidden!important}.task-card h4{overflow-wrap:anywhere!important;word-break:break-all!important;white-space:normal!important;max-width:100%!important;display:block!important}}@keyframes globalTooltipPop{0%{opacity:0;scale:.95}to{opacity:1;scale:1}}