@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.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:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.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:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.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:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.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:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.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:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.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:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.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:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.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:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.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:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.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:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.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:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.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:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_f4073d44-module__NfKI1W__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_f4073d44-module__NfKI1W__variable{--font-outfit:"Outfit", "Outfit Fallback"}
@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c3cb240f9c892514-s.163v2i5cux7-c.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:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.0yo6-5yoeeudq.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:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/c3cb240f9c892514-s.163v2i5cux7-c.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:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.0yo6-5yoeeudq.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:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/c3cb240f9c892514-s.163v2i5cux7-c.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:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.0yo6-5yoeeudq.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:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.dm_sans_2263d8ea-module__K7b4FW__className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.dm_sans_2263d8ea-module__K7b4FW__variable{--font-dm-sans:"DM Sans", "DM Sans Fallback"}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#ffffff08;--bg-card-hover:#ffffff0f;--border-subtle:#ffffff0f;--text-primary:#e8e8ed;--text-secondary:#8888a0;--text-muted:#55556a;--q1-color:#ff4757;--q1-glow:#ff475726;--q1-bg:#ff47570d;--q2-color:#3b82f6;--q2-glow:#3b82f626;--q2-bg:#3b82f60d;--q3-color:#f59e0b;--q3-glow:#f59e0b26;--q3-bg:#f59e0b0d;--q4-color:#64748b;--q4-glow:#64748b26;--q4-bg:#64748b0d;--cat-outlook:#0078d4;--cat-sharepoint:#038387;--cat-networking:#8b5cf6;--cat-security:#ef4444;--cat-support:#f97316;--cat-infrastructure:#06b6d4}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-dm-sans), "DM Sans", sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(#ffffff09 1px,#0000 1px);background-size:24px 24px;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#3b82f60f 0%,#0000 70%);width:600px;height:600px;position:fixed;top:-200px;right:-200px}.header{z-index:10;border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(20px);background:#0a0a0fcc;justify-content:space-between;align-items:center;padding:14px 28px;animation:.4s ease-out headerSlideDown;display:flex;position:relative}@keyframes headerSlideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.header-left{align-items:center;gap:16px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--q1-color), var(--q2-color));border-radius:8px;flex-shrink:0;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px;width:36px;height:36px;padding:6px;display:grid}.logo-icon span{border-radius:2px}.logo-icon span:first-child{background:#fffffff2}.logo-icon span:nth-child(2),.logo-icon span:nth-child(3){background:#fff9}.logo-icon span:nth-child(4){background:#ffffff4d}.header-title{font-family:var(--font-outfit), "Outfit", sans-serif;letter-spacing:-.5px;font-size:1.3rem;font-weight:700}.header-title span{color:var(--text-muted);margin-left:8px;font-size:.85rem;font-weight:400}.header-right{align-items:center;gap:8px;display:flex}.header-divider{background:var(--border-subtle);width:1px;height:24px;margin:0 4px}.btn-add-task{background:linear-gradient(135deg, var(--q2-color), #2563eb);color:#fff;font-family:var(--font-dm-sans), "DM Sans", sans-serif;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-add-task:hover{transform:translateY(-1px);box-shadow:0 4px 20px #3b82f64d}.btn-add-task svg{width:16px;height:16px}.btn-login{border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-dm-sans), "DM Sans", sans-serif;cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.btn-login:hover{color:var(--text-primary);background:#ffffff08;border-color:#ffffff26}.btn-login svg{width:14px;height:14px}.header-user-area{align-items:center;gap:10px;display:flex}.header-user-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:.8rem;overflow:hidden}.matrix-wrapper{z-index:1;max-width:1400px;margin:0 auto;padding:24px 32px 32px;position:relative}.axis-labels{font-family:var(--font-outfit), "Outfit", sans-serif;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);justify-content:center;gap:40px;margin-bottom:16px;font-size:.75rem;font-weight:600;display:flex}.axis-label-urgent{color:var(--q1-color);opacity:.6}.axis-label-not-urgent{color:var(--q2-color);opacity:.6}.matrix-grid{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:16px;display:grid}.quadrant{background:var(--bg-card);border:1px solid var(--border-subtle);opacity:0;border-radius:16px;flex-direction:column;padding:20px;transition:all .3s;animation:.5s ease-out forwards quadFadeIn;display:flex;position:relative;overflow:hidden}.quadrant:first-child{animation-delay:50ms}.quadrant:nth-child(2){animation-delay:.12s}.quadrant:nth-child(3){animation-delay:.19s}.quadrant:nth-child(4){animation-delay:.26s}@keyframes quadFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.quadrant:before{content:"";border-radius:16px 16px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.quadrant[data-quadrant=do-first]:before{background:var(--q1-color)}.quadrant[data-quadrant=do-first] .quadrant-header{color:var(--q1-color)}.quadrant[data-quadrant=do-first] .quadrant-count{background:var(--q1-bg);color:var(--q1-color)}.quadrant[data-quadrant=do-first] .quadrant-subtitle{color:#ff475780}.quadrant[data-quadrant=schedule]:before{background:var(--q2-color)}.quadrant[data-quadrant=schedule] .quadrant-header{color:var(--q2-color)}.quadrant[data-quadrant=schedule] .quadrant-count{background:var(--q2-bg);color:var(--q2-color)}.quadrant[data-quadrant=schedule] .quadrant-subtitle{color:#3b82f680}.quadrant[data-quadrant=delegate]:before{background:var(--q3-color)}.quadrant[data-quadrant=delegate] .quadrant-header{color:var(--q3-color)}.quadrant[data-quadrant=delegate] .quadrant-count{background:var(--q3-bg);color:var(--q3-color)}.quadrant[data-quadrant=delegate] .quadrant-subtitle{color:#f59e0b80}.quadrant[data-quadrant=eliminate]:before{background:var(--q4-color)}.quadrant[data-quadrant=eliminate] .quadrant-header{color:var(--q4-color)}.quadrant[data-quadrant=eliminate] .quadrant-count{background:var(--q4-bg);color:var(--q4-color)}.quadrant[data-quadrant=eliminate] .quadrant-subtitle{color:#64748b80}.quadrant-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.quadrant-header-group{align-items:center;gap:10px;display:flex}.quadrant-header{font-family:var(--font-outfit), "Outfit", sans-serif;letter-spacing:-.3px;font-size:1.05rem;font-weight:700}.quadrant-count{font-family:var(--font-outfit), "Outfit", sans-serif;text-align:center;border-radius:20px;min-width:24px;padding:3px 8px;font-size:.7rem;font-weight:700}.quadrant-subtitle{text-transform:uppercase;letter-spacing:1.5px;font-size:.72rem;font-weight:500}.task-list{flex-direction:column;gap:8px;max-height:600px;padding-right:4px;display:flex;overflow-y:auto}.task-list::-webkit-scrollbar{width:4px}.task-list::-webkit-scrollbar-track{background:0 0}.task-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.task-card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;padding:14px 16px;transition:all .2s;animation:.3s ease-out taskSlideIn;position:relative}@keyframes taskSlideIn{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.task-card:hover{background:#ffffff12;border-color:#ffffff1a;transform:translateY(-1px)}.task-card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.task-title{color:var(--text-primary);font-size:.88rem;font-weight:600;line-height:1.35}.task-delete{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px;line-height:1;transition:all .15s}.task-card:hover .task-delete{opacity:1}.task-delete:hover{color:var(--q1-color);background:#ff47571a}.task-description{color:var(--text-secondary);margin-top:6px;font-size:.78rem;line-height:1.45}.task-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.task-category{text-transform:uppercase;letter-spacing:.8px;border-radius:5px;padding:3px 9px;font-size:.68rem;font-weight:600}.task-due{color:var(--text-muted);align-items:center;gap:4px;font-size:.72rem;display:flex}.task-due.overdue{color:var(--q1-color)}.task-due.soon{color:var(--q3-color)}.task-due svg{width:12px;height:12px}.task-assignee{color:var(--q3-color);align-items:center;gap:4px;font-size:.72rem;display:flex}.task-assignee svg{width:12px;height:12px}.empty-state{color:var(--text-muted);border:1px dashed #ffffff0f;border-radius:10px;flex:1;justify-content:center;align-items:center;margin-top:4px;padding:20px;font-size:.82rem;font-style:italic;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;opacity:0;visibility:hidden;background:#000000b3;justify-content:center;align-items:center;transition:all .25s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:16px;width:480px;max-width:92vw;padding:32px;transition:all .3s cubic-bezier(.16,1,.3,1);transform:translateY(20px)scale(.96)}.modal-overlay.active .modal{transform:translateY(0)scale(1)}.modal h2{font-family:var(--font-outfit), "Outfit", sans-serif;letter-spacing:-.3px;margin-bottom:24px;font-size:1.3rem;font-weight:700}.form-group{margin-bottom:18px}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:7px;font-size:.78rem;font-weight:600;display:block}.form-group label .optional{color:var(--text-muted);text-transform:none;letter-spacing:0;font-weight:400}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);font-family:var(--font-dm-sans), "DM Sans", sans-serif;background:#ffffff0a;border-radius:8px;outline:none;padding:11px 14px;font-size:.9rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--q2-color)}.form-group textarea{resize:vertical;min-height:70px}.form-group select option{background:var(--bg-secondary)}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.modal-actions{justify-content:flex-end;gap:10px;margin-top:26px;display:flex}.btn-cancel{border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-dm-sans), "DM Sans", sans-serif;cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-size:.88rem;transition:all .15s}.btn-cancel:hover{color:var(--text-primary);border-color:#ffffff26}.btn-submit{background:var(--q2-color);color:#fff;font-family:var(--font-dm-sans), "DM Sans", sans-serif;cursor:pointer;border:none;border-radius:8px;padding:9px 20px;font-size:.85rem;font-weight:600;transition:all .15s}.btn-submit:hover{background:#2563eb;box-shadow:0 2px 12px #3b82f640}.btn-submit:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.toast-container{z-index:200;flex-direction:column;gap:10px;display:flex;position:fixed;top:24px;right:24px}.toast{color:#fff;-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#15803d,#16a34a);border:1px solid #22c55e4d;border-radius:10px;align-items:center;gap:12px;min-width:300px;max-width:420px;padding:14px 20px;animation:.4s cubic-bezier(.16,1,.3,1) toastIn;display:flex;box-shadow:0 8px 32px #16a34a40}.toast.danger{background:linear-gradient(135deg,#991b1b,#dc2626);border-color:#ef44444d;box-shadow:0 8px 32px #dc262640}.toast.exiting{animation:.3s ease-in forwards toastOut}@keyframes toastIn{0%{opacity:0;transform:translateY(-30px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-30px)scale(.9)}}.toast-icon{color:#fff;background:#fff3;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.toast-content{flex:1}.toast-title{color:#fff;font-size:.85rem;font-weight:600}.toast-message{color:#fffc;margin-top:2px;font-size:.78rem}.toast-close{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;line-height:1;transition:color .15s}.toast-close:hover{color:#fff}.quadrant-drag-over[data-quadrant=do-first]{box-shadow:inset 0 0 0 2px var(--q1-color), 0 0 30px var(--q1-glow);background:var(--q1-bg)}.quadrant-drag-over[data-quadrant=schedule]{box-shadow:inset 0 0 0 2px var(--q2-color), 0 0 30px var(--q2-glow);background:var(--q2-bg)}.quadrant-drag-over[data-quadrant=delegate]{box-shadow:inset 0 0 0 2px var(--q3-color), 0 0 30px var(--q3-glow);background:var(--q3-bg)}.quadrant-drag-over[data-quadrant=eliminate]{box-shadow:inset 0 0 0 2px var(--q4-color), 0 0 30px var(--q4-glow);background:var(--q4-bg)}.task-card[draggable=true]{cursor:grab}.task-card[draggable=true]:active{cursor:grabbing}.btn-categories{border:1px solid var(--border-subtle);width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.btn-categories:hover{color:var(--text-primary);background:#ffffff0a;border-color:#ffffff26}.btn-categories svg{width:16px;height:16px}.catmgr-overlay{-webkit-backdrop-filter:blur(6px);z-index:100;opacity:0;visibility:hidden;background:#0009;justify-content:flex-end;transition:all .3s;display:flex;position:fixed;inset:0}.catmgr-overlay.active{opacity:1;visibility:visible}.catmgr-panel{background:var(--bg-secondary);border-left:1px solid var(--border-subtle);flex-direction:column;gap:24px;width:420px;max-width:95vw;height:100vh;padding:28px;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;overflow-y:auto;transform:translate(100%)}.catmgr-overlay.active .catmgr-panel{transform:translate(0)}.catmgr-header{justify-content:space-between;align-items:center;display:flex}.catmgr-header h2{font-family:var(--font-outfit), "Outfit", sans-serif;letter-spacing:-.3px;font-size:1.3rem;font-weight:700}.catmgr-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;line-height:1;transition:all .15s}.catmgr-close:hover{color:var(--text-primary);background:#ffffff0f}.catmgr-pills{flex-wrap:wrap;gap:10px;display:flex}.catmgr-pill{border:1px solid;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.catmgr-pill-enter{animation:.4s cubic-bezier(.16,1,.3,1) pillAppear}@keyframes pillAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.catmgr-pill-name{letter-spacing:.3px}.catmgr-pill-warning{color:#ef4444;white-space:nowrap;font-size:.7rem;font-weight:500}.catmgr-pill-delete{cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;line-height:1;transition:all .15s;display:flex}.catmgr-pill-delete:hover{opacity:1}.catmgr-pill-delete:disabled{opacity:.3;cursor:not-allowed}.catmgr-add-section{border-top:1px solid var(--border-subtle);flex-direction:column;gap:12px;padding-top:20px;display:flex}.catmgr-add-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.78rem;font-weight:600}.catmgr-add-row{gap:8px;display:flex}.catmgr-add-input{border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-dm-sans), "DM Sans", sans-serif;background:#ffffff0a;border-radius:8px;outline:none;flex:1;padding:10px 14px;font-size:.9rem;transition:border-color .2s}.catmgr-add-input:focus{border-color:var(--q2-color)}.catmgr-add-btn{background:linear-gradient(135deg, var(--q2-color), #2563eb);color:#fff;font-family:var(--font-dm-sans), "DM Sans", sans-serif;cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:.88rem;font-weight:600;transition:all .2s}.catmgr-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #3b82f64d}.catmgr-add-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.catmgr-swatches{flex-wrap:wrap;gap:8px;display:flex}.catmgr-swatch{cursor:pointer;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.catmgr-swatch:hover{transform:scale(1.15)}.catmgr-swatch.selected{border-color:#fff;transform:scale(1.1);box-shadow:0 0 12px #fff3}.nav-tabs{z-index:10;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);gap:0;padding:0 32px;display:flex;position:relative}.nav-tab{color:var(--text-muted);font-family:var(--font-dm-sans), "DM Sans", sans-serif;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:14px 24px;font-size:.88rem;font-weight:500;transition:all .2s;position:relative}.nav-tab:hover{color:var(--text-secondary)}.nav-tab-active{color:var(--q2-color);border-bottom-color:var(--q2-color);font-weight:600}.tab-placeholder{z-index:1;min-height:400px;color:var(--text-muted);justify-content:center;align-items:center;font-size:1.1rem;font-style:italic;display:flex;position:relative}.matrix-with-quick-entry{z-index:1;grid-template-columns:280px 1fr;gap:0;max-width:1680px;margin:0 auto;display:grid;position:relative}.quick-entry{border-right:1px solid var(--border-subtle);background:var(--bg-card);flex-direction:column;gap:14px;padding:24px 20px;display:flex}.quick-entry-heading{font-family:var(--font-outfit), "Outfit", sans-serif;letter-spacing:-.3px;color:var(--text-primary);font-size:1.05rem;font-weight:700}.quick-entry-hint{color:var(--text-muted);font-size:.78rem;line-height:1.4}.quick-entry-textarea{border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);font-family:var(--font-dm-sans), "DM Sans", sans-serif;resize:vertical;background:#ffffff0a;border-radius:8px;outline:none;min-height:140px;padding:11px 14px;font-size:.85rem;line-height:1.6;transition:border-color .2s}.quick-entry-textarea:focus{border-color:var(--q2-color)}.quick-entry-textarea::placeholder{color:var(--text-muted);opacity:.6}.quick-entry-controls{flex-direction:column;gap:12px;display:flex}.quick-entry-import-btn{text-align:center;justify-content:center;width:100%}.quick-entry-preview{color:var(--text-muted);text-align:center;font-size:.75rem;font-style:italic}.matrix-toolbar{justify-content:flex-end;align-items:center;gap:8px;margin-bottom:12px;display:flex}.btn-toolbar{border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-dm-sans), "DM Sans", sans-serif;cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:500;transition:all .15s;display:flex}.btn-toolbar:hover{color:var(--text-primary);background:#3b82f614;border-color:#3b82f666}.btn-toolbar svg{flex-shrink:0}.btn-q-add{border:1px dashed var(--border-subtle);width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:5px;justify-content:center;align-items:center;margin-left:4px;padding:0;transition:all .15s;display:flex}.btn-q-add:hover{border-style:solid;border-color:var(--q2-color);color:var(--q2-color);background:#3b82f614}.quadrant-actions{align-items:center;gap:4px;margin-left:4px;display:flex}.btn-q-toggle{border:1px solid var(--border-subtle);width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:5px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.btn-q-toggle:hover{color:var(--text-secondary);background:#ffffff0a;border-color:#ffffff26}.btn-q-toggle.active{color:#3b82f6;background:#3b82f61a;border-color:#3b82f680}.quadrant.collapsed{padding-bottom:12px}.quadrant.collapsed .task-list{opacity:0;max-height:0;margin:0;padding:0;overflow:hidden}.quadrant .task-list{opacity:1;max-height:800px;transition:max-height .35s,opacity .25s}.quadrant.collapsed .quadrant-top{margin-bottom:0}.more-indicator{color:var(--text-muted);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 0 4px;font-size:.78rem;font-style:italic;transition:color .15s}.more-indicator:hover{color:#3b82f6}[data-theme=light]{--bg-primary:#f0f2f5;--bg-secondary:#fff;--bg-card:#00000005;--bg-card-hover:#0000000a;--border-subtle:#00000014;--text-primary:#1a1a2e;--text-secondary:#5a5a7a;--text-muted:#9090a8}[data-theme=light] body{background:var(--bg-primary)}[data-theme=light] body:before{background-image:radial-gradient(#0000000d 1px,#0000 1px)}[data-theme=light] body:after{background:radial-gradient(circle,#3b82f60a 0%,#0000 70%)}[data-theme=light] .header{border-bottom-color:var(--border-subtle);background:#ffffffe6}[data-theme=light] .btn-login:hover,[data-theme=light] .btn-categories:hover{background:#00000008;border-color:#00000026}[data-theme=light] .mode-toggle{background:#00000008}[data-theme=light] .mode-toggle-btn.active{color:var(--text-primary);background:#ffffffe6;box-shadow:0 1px 3px #0000001a}[data-theme=light] .header-divider{background:var(--border-subtle)}[data-theme=light] .header-user-name{color:var(--text-secondary)}[data-theme=light] .task-card{background:#fffc;border-color:#00000014}[data-theme=light] .task-card:hover{background:#fff;border-color:#0000001f}[data-theme=light] .task-delete:hover{background:#ff475714}[data-theme=light] .task-card:hover .task-delete{opacity:1}[data-theme=light] .modal{border-color:var(--border-subtle);background:#fff}[data-theme=light] .form-group input,[data-theme=light] .form-group textarea,[data-theme=light] .form-group select{border-color:var(--border-subtle);color:var(--text-primary);background:#00000008}[data-theme=light] .form-group select option{background:#fff}[data-theme=light] .btn-cancel:hover{border-color:#00000026}[data-theme=light] .catmgr-panel{border-left-color:var(--border-subtle);background:#fff}[data-theme=light] .catmgr-close:hover{background:#0000000d}[data-theme=light] .catmgr-add-input{border-color:var(--border-subtle);color:var(--text-primary);background:#00000008}[data-theme=light] .nav-tabs{border-bottom-color:var(--border-subtle);background:#fff}[data-theme=light] .empty-state{border-color:#00000014}[data-theme=light] .task-list::-webkit-scrollbar-thumb{background:#0000001a}[data-theme=light] .quick-entry{border-right-color:var(--border-subtle);background:#00000005}[data-theme=light] .quick-entry-textarea{border-color:var(--border-subtle);color:var(--text-primary);background:#00000008}[data-theme=light] .quick-entry-textarea::placeholder{color:var(--text-muted)}[data-theme=light] .btn-toolbar{border-color:var(--border-subtle);color:var(--text-secondary)}[data-theme=light] .btn-toolbar:hover{color:var(--text-primary);background:#3b82f60f;border-color:#3b82f666}[data-theme=light] .btn-q-toggle{border-color:var(--border-subtle);color:var(--text-muted)}[data-theme=light] .btn-q-toggle:hover{color:var(--text-secondary);background:#0000000a;border-color:#00000026}[data-theme=light] .btn-q-toggle.active{color:#3b82f6;background:#3b82f614;border-color:#3b82f680}[data-theme=light] .more-indicator{color:var(--text-muted)}[data-theme=light] .more-indicator:hover{color:#3b82f6}.login-page{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.login-branding{align-items:center;gap:14px;margin-bottom:40px;display:flex}.login-branding .logo-icon{width:44px;height:44px}.login-branding-name{font-family:var(--font-outfit), "Outfit", sans-serif;letter-spacing:-.5px;color:var(--text-primary);font-size:1.6rem;font-weight:700}.login-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:16px;width:420px;max-width:92vw;padding:36px;animation:.5s ease-out quadFadeIn}.login-card h2{font-family:var(--font-outfit), "Outfit", sans-serif;letter-spacing:-.3px;margin-bottom:8px;font-size:1.3rem;font-weight:700}.login-card .subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:.88rem;line-height:1.5}.login-tagline{color:var(--text-muted);letter-spacing:.3px;margin-top:32px;font-size:.82rem}.email-input-wrapper{margin-bottom:18px;position:relative}.email-input-wrapper input{border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);font-family:var(--font-dm-sans), "DM Sans", sans-serif;background:#ffffff0a;border-radius:8px;outline:none;padding:13px 16px;font-size:.95rem;transition:border-color .2s}.email-input-wrapper input:focus{border-color:var(--q2-color)}.email-input-wrapper input::placeholder{color:var(--text-muted)}.saved-emails-dropdown{background:var(--bg-secondary);border:1px solid var(--border-subtle);z-index:50;border-top:none;border-radius:0 0 8px 8px;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 8px 32px #0000004d}.saved-email-item{cursor:pointer;align-items:center;gap:8px;padding:12px 16px;transition:background .15s;display:flex}.saved-email-item:hover{background:#ffffff0a}.saved-email-item .email-text{color:var(--text-primary);flex:1;font-size:.88rem}.saved-email-item .name-text{color:var(--text-secondary);font-size:.78rem}.saved-email-item .forget-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:.75rem;line-height:1;transition:color .15s}.saved-email-item .forget-btn:hover{color:var(--q1-color)}.btn-send-link{background:linear-gradient(135deg, var(--q2-color), #2563eb);color:#fff;width:100%;font-family:var(--font-dm-sans), "DM Sans", sans-serif;cursor:pointer;border:none;border-radius:8px;padding:13px 24px;font-size:.95rem;font-weight:600;transition:all .2s}.btn-send-link:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #3b82f64d}.btn-send-link:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.code-entry{animation:.4s ease-out contentFadeIn}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.code-entry h2{text-align:center}.code-entry .masked-email{text-align:center;color:var(--text-secondary);margin-bottom:28px;font-size:.88rem}.code-boxes{justify-content:center;gap:12px;margin-bottom:24px;display:flex}.code-box{border:2px solid var(--border-subtle);text-align:center;width:64px;height:72px;color:var(--text-primary);caret-color:var(--q2-color);background:#ffffff0a;border-radius:10px;outline:none;font-family:Courier New,Courier,monospace;font-size:28px;font-weight:700;transition:border-color .2s}.code-box:focus{border-color:var(--q2-color);box-shadow:0 0 0 3px #3b82f626}.code-box.error{border-color:var(--q1-color);box-shadow:0 0 0 3px #ff475726}.code-box.filled{border-color:#ffffff26}.code-error-message{text-align:center;color:var(--q1-color);margin-top:-16px;margin-bottom:16px;font-size:.82rem;animation:.3s ease-out contentFadeIn}.code-hint{text-align:center;color:var(--text-muted);margin-bottom:20px;font-size:.78rem}.code-actions{flex-direction:column;align-items:center;gap:10px;display:flex}.resend-link{font-family:var(--font-dm-sans), "DM Sans", sans-serif;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.82rem;transition:color .15s}.resend-link.active{color:var(--q2-color)}.resend-link.active:hover{text-decoration:underline}.resend-link.disabled{color:var(--text-muted);cursor:default}.different-email-link{color:var(--text-muted);font-family:var(--font-dm-sans), "DM Sans", sans-serif;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.78rem;transition:color .15s}.different-email-link:hover{color:var(--text-secondary)}.login-spinner{border:2px solid #3b82f626;border-top-color:var(--q2-color);vertical-align:middle;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.expired-link-page{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.expired-link-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);text-align:center;border-radius:16px;width:420px;max-width:92vw;padding:40px}.expired-link-card h2{font-family:var(--font-outfit), "Outfit", sans-serif;color:var(--text-primary);margin-bottom:12px;font-size:1.3rem;font-weight:700}.expired-link-card p{color:var(--text-secondary);margin-bottom:24px;font-size:.88rem;line-height:1.5}.btn-back-login{background:linear-gradient(135deg, var(--q2-color), #2563eb);color:#fff;font-family:var(--font-dm-sans), "DM Sans", sans-serif;cursor:pointer;border:none;border-radius:8px;padding:12px 28px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-back-login:hover{transform:translateY(-1px);box-shadow:0 4px 20px #3b82f64d}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.mode-toggle{border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:8px;align-items:center;gap:2px;height:34px;padding:3px;display:flex}.mode-toggle-btn{height:100%;color:var(--text-muted);font-family:var(--font-dm-sans), "DM Sans", sans-serif;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:0 12px;font-size:.75rem;font-weight:500;transition:all .15s;display:flex}.mode-toggle-btn:hover{color:var(--text-secondary)}.mode-toggle-btn.active{color:var(--text-primary);background:#ffffff14;font-weight:600;box-shadow:0 1px 3px #0003}[data-mode=simple] .matrix-with-quick-entry{grid-template-columns:1fr;transition:grid-template-columns .4s cubic-bezier(.16,1,.3,1)}[data-mode=simple] .axis-labels,[data-mode=simple] .matrix-toolbar{opacity:0;pointer-events:none;max-height:0;margin:0;transition:opacity .25s,max-height .3s,margin .25s;overflow:hidden}[data-mode=simple] .quadrant-actions{opacity:0;pointer-events:none;width:0;max-height:0;margin:0;padding:0;transition:opacity .25s,width .3s;overflow:hidden}[data-mode=simple] .quadrant-subtitle{opacity:0;pointer-events:none;max-height:0;transition:opacity .25s,max-height .3s;overflow:hidden}[data-mode=simple] .task-description{opacity:0;pointer-events:none;max-height:0;margin:0;transition:opacity .25s,max-height .3s,margin .25s;overflow:hidden}[data-mode=simple] .task-assignee{opacity:0;pointer-events:none;width:0;max-height:0;padding:0;transition:opacity .2s,width .3s;overflow:hidden}[data-mode=simple] .more-indicator{display:none}[data-mode=simple] .task-category{letter-spacing:0;border-radius:50%;flex-shrink:0;width:10px;min-width:10px;height:10px;padding:0;font-size:0;line-height:0;transition:width .3s,height .3s,border-radius .3s,padding .3s,font-size .3s;overflow:hidden}[data-mode=simple] .quadrant-top{margin-bottom:12px}.axis-labels{opacity:1;max-height:50px;transition:opacity .25s,max-height .3s,margin .25s}.matrix-toolbar{opacity:1;max-height:60px;transition:opacity .25s,max-height .3s,margin .25s}.task-description{opacity:1;max-height:100px;transition:opacity .25s,max-height .3s,margin .25s}.task-category{transition:width .3s,height .3s,border-radius .3s,padding .3s,font-size .3s}[data-mode=simple] .dv-top-metrics .dv-metric-card:nth-child(2),[data-mode=simple] .dv-top-metrics .dv-metric-card:nth-child(3),[data-mode=simple] .dv-top-metrics .dv-metric-card:nth-child(4){display:none}[data-mode=simple] .dv-top-metrics{grid-template-columns:1fr 1fr;max-width:600px}[data-mode=simple] .dv-columns{grid-template-columns:1fr;max-width:700px}[data-mode=simple] .dv-columns>.dv-section.delay-2,[data-mode=simple] .dv-full-width.delay-3{opacity:0;pointer-events:none;border:none;max-height:0;margin:0;padding:0;transition:opacity .3s,max-height .4s;overflow:hidden}[data-mode=simple] .dv-bottom-columns{opacity:0;pointer-events:none;max-height:0;margin:0;padding:0;transition:opacity .3s,max-height .4s;overflow:hidden}[data-mode=simple] .dv-section.delay-6{opacity:0;pointer-events:none;border:none;max-height:0;margin:0;padding:0;transition:opacity .3s,max-height .4s;overflow:hidden}[data-mode=simple] .dv-overdue-item .tv-task-cat,[data-mode=simple] .dv-overdue-item .item-assignee{display:none}[data-mode=simple] .tv-card-email{opacity:0;max-height:0;transition:opacity .2s,max-height .25s;overflow:hidden}[data-mode=simple] .tv-pending-badge{display:none}[data-mode=simple] .tv-stats{opacity:0;max-height:0;margin:0;padding:0;transition:opacity .25s,max-height .3s;overflow:hidden}[data-mode=simple] .tv-workload{vertical-align:middle;border-radius:50%;width:10px;min-width:10px;height:10px;padding:0;font-size:0;transition:all .3s;display:inline-block;overflow:hidden}[data-mode=simple] .tv-workload.healthy{background:#22c55e}[data-mode=simple] .tv-workload.heavy{background:#f59e0b}[data-mode=simple] .tv-workload.overloaded{background:#ef4444}[data-mode=simple] .tv-card{cursor:default}[data-mode=simple] .tv-card:hover{transform:none}[data-mode=simple] .tv-total{margin-top:8px;padding-top:8px}.tv-card-email{opacity:1;max-height:30px;transition:opacity .2s,max-height .25s}.tv-stats{opacity:1;max-height:200px;transition:opacity .25s,max-height .3s;overflow:hidden}.tv-workload{transition:all .3s}.assignee-combo{position:relative}.assignee-combo-input{border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);font-family:var(--font-dm-sans), "DM Sans", sans-serif;background:#ffffff0a;border-radius:8px;outline:none;padding:11px 14px;font-size:.9rem;transition:border-color .2s}.assignee-combo-input:focus{border-color:var(--q2-color)}.assignee-combo-input::placeholder{color:var(--text-muted)}.assignee-dropdown{background:var(--bg-secondary);border:1px solid var(--border-subtle);z-index:50;border-radius:10px;max-height:240px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow:hidden auto;box-shadow:0 8px 32px #0000004d}.assignee-dropdown::-webkit-scrollbar{width:4px}.assignee-dropdown::-webkit-scrollbar-track{background:0 0}.assignee-dropdown::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.assignee-option{cursor:pointer;align-items:center;gap:10px;padding:10px 14px;transition:background .1s;display:flex}.assignee-option:hover,.assignee-option.highlighted{background:#ffffff0f}.assignee-option.empty{cursor:default;padding:14px}.assignee-option.empty:hover{background:0 0}.assignee-option-dot{color:#fff;letter-spacing:.5px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.65rem;font-weight:700;display:flex}.assignee-option-plus{width:28px;height:28px;color:var(--q2-color);background:#3b82f61f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.assignee-option-primary{color:var(--text-primary);font-size:.85rem;font-weight:500;line-height:1.3}.assignee-option-secondary{color:var(--text-muted);font-size:.75rem;line-height:1.3}.assignee-option.invite .assignee-option-primary{color:var(--q2-color)}.assignee-chip{border:1px solid var(--border-subtle);cursor:pointer;background:#ffffff0f;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;transition:all .15s;display:flex}.assignee-chip:hover{background:#ffffff14;border-color:#ffffff1f}.assignee-chip-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.assignee-chip-name{color:var(--text-primary);flex:1;font-size:.88rem;font-weight:500}.assignee-chip-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;line-height:1;transition:all .15s;display:flex}.assignee-chip-clear:hover{color:var(--q1-color);background:#ff47571a}[data-theme=light] .assignee-combo-input{border-color:var(--border-subtle);color:var(--text-primary);background:#00000008}[data-theme=light] .assignee-dropdown{border-color:var(--border-subtle);background:#fff;box-shadow:0 8px 32px #0000001f}[data-theme=light] .assignee-dropdown::-webkit-scrollbar-thumb{background:#0000001a}[data-theme=light] .assignee-option:hover,[data-theme=light] .assignee-option.highlighted{background:#0000000a}[data-theme=light] .assignee-chip{border-color:var(--border-subtle);background:#0000000a}[data-theme=light] .assignee-chip:hover{background:#0000000f;border-color:#0000001f}[data-theme=light] .assignee-chip-clear:hover{background:#ff475714}@media (max-width:768px){.header{flex-wrap:wrap;gap:12px;padding:16px 18px}.header-title span{display:none}.matrix-wrapper{padding:16px}.matrix-grid{grid-template-columns:1fr;min-height:auto}.quadrant{min-height:200px}.axis-labels{display:none}.form-row{grid-template-columns:1fr}.nav-tabs{padding:0 16px}.nav-tab{padding:12px 16px;font-size:.82rem}.matrix-with-quick-entry{grid-template-columns:1fr}.quick-entry{border-right:none;border-bottom:1px solid var(--border-subtle)}.code-box{width:56px;height:64px;font-size:24px}.login-card{padding:32px 24px}.header-right{gap:4px!important}.mode-toggle,.header-divider,.header-user-name{display:none}.btn-login{padding:6px 10px!important;font-size:.75rem!important}.btn-categories{width:30px!important;height:30px!important}.task-delete{background:#ff47571a;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex;opacity:1!important}.task-card{padding:10px 12px}.task-title{font-size:.82rem}.task-description{font-size:.72rem}.task-meta{gap:6px}.task-category{padding:2px 6px;font-size:.62rem}.task-assignee,.task-due{font-size:.65rem}.quadrant-top{flex-wrap:wrap;gap:4px}.quadrant-header{font-size:.9rem}.quadrant-subtitle{width:100%;font-size:.65rem}.quadrant-actions{display:none}.btn-q-add{width:22px;height:22px}.matrix-toolbar{display:none}.modal{max-height:90vh;margin:16px;padding:24px 20px;overflow-y:auto}.cat-manager-panel{width:100%!important}.assignee-dropdown{max-height:150px}}@media (max-width:380px){.header{padding:10px 12px}.header-title{font-size:1rem}.logo-icon{width:28px;height:28px}.quadrant{min-height:150px;padding:12px}.nav-tab{padding:10px 12px;font-size:.78rem}}.sample-data-overlay{z-index:10;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sample-data-card{pointer-events:all;background:var(--bg-secondary);border:1px solid var(--border-subtle);text-align:center;border-radius:16px;width:90%;max-width:480px;padding:40px 48px;animation:.4s ease-out sampleCardIn;box-shadow:0 8px 32px #0000004d}@keyframes sampleCardIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.sample-data-icon{width:56px;height:56px;color:var(--q2-color);background:#3b82f61a;border-radius:14px;justify-content:center;align-items:center;margin-bottom:20px;display:inline-flex}.sample-data-title{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:8px;font-size:1.25rem;font-weight:600}.sample-data-subtitle{color:var(--text-secondary);margin-bottom:28px;font-size:.85rem;line-height:1.5}.sample-data-controls{justify-content:center;gap:10px;margin-bottom:16px;display:flex}.sample-data-select{border:1px solid var(--border-subtle);background:var(--bg-card);min-width:0;color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%238888a0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:10px;flex:1;padding:10px 32px 10px 14px;font-family:inherit;font-size:.85rem;transition:border-color .2s}.sample-data-select:hover{border-color:#ffffff1f}.sample-data-select:focus{border-color:var(--q2-color);outline:none;box-shadow:0 0 0 3px #3b82f626}.sample-data-select option{background:var(--bg-secondary);color:var(--text-primary);padding:8px}.sample-data-btn{background:var(--q2-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.85rem;font-weight:500;transition:background .2s,transform .1s;display:inline-flex}.sample-data-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.sample-data-btn:active:not(:disabled){transform:translateY(0)}.sample-data-btn:disabled{opacity:.7;cursor:not-allowed}.sample-data-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite sampleSpin;display:inline-block}@keyframes sampleSpin{to{transform:rotate(360deg)}}.sample-data-hint{color:var(--text-muted);margin-top:4px;font-size:.75rem}[data-theme=light] .sample-data-card{box-shadow:0 8px 32px #00000014}[data-theme=light] .sample-data-select{background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}@media (max-width:600px){.sample-data-card{padding:28px 24px}.sample-data-controls{flex-direction:column}.sample-data-btn{justify-content:center}}