@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.hidden{display:none}.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)}:root{font-family:DM Sans,Inter,ui-sans-serif,system-ui,sans-serif;color:#e9ece8;background:#0b0e0e;font-synthesis:none;text-rendering:optimizeLegibility;font-weight:400;font-size:14px;font-feature-settings:"ss01" on;--bg:#0b0e0e;--panel:#111616;--panel2:#151b1b;--line:#252e2d;--muted:#8c9792;--dim:#626e68;--green:#c4ef72;--red:#ff706b;--amber:#e7b66b;--blue:#8eb9f1}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #b9e66f;outline-offset:2px}::-moz-selection{background:#c4ef72;color:#12170d}::selection{background:#c4ef72;color:#12170d}.app-shell{min-height:100vh;background:radial-gradient(ellipse at 83% 5%,rgba(66,88,60,.1),transparent 34%),var(--bg)}.sidebar{width:236px;position:fixed;inset:0 auto 0 0;border-right:1px solid #202827;background:#0d1111eb;display:flex;flex-direction:column;padding:27px 16px 18px;z-index:5}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 38px}.brand-icon{width:31px;height:31px;border-radius:10px;background:#c4ef72;display:grid;place-items:center;box-shadow:0 0 20px #c4ef7222}.brand-icon span{display:block;width:12px;height:12px;border:2px solid #192112;border-radius:4px;transform:rotate(45deg);position:relative}.brand-icon span:after{content:"";position:absolute;width:4px;height:4px;background:#192112;border-radius:50%;right:-4px;top:-4px}.brand-name{font:800 17px Manrope,sans-serif;letter-spacing:-.7px;color:#f2f5ed}.brand-name>span{color:var(--green)}.brand-name small{display:block;font:500 8px DM Mono,monospace;color:#66716b;letter-spacing:1.25px;margin-top:1px}.sidebar-label{font:500 9px DM Mono,monospace;color:#69756f;letter-spacing:1.1px;padding:0 11px 10px}.nav-item{border:0;background:transparent;color:#89958e;width:100%;display:flex;gap:12px;align-items:center;text-align:left;padding:10px 11px;border-radius:7px;margin:1px 0;font-size:12px;transition:.16s}.nav-item:hover,.nav-item.selected{background:#171f1d;color:#dfe8dd}.nav-item.active{background:#1b2620;color:#d3f38d;box-shadow:inset 2px 0 #c4ef72}.nav-count{margin-left:auto;font:11px DM Mono,monospace;color:#76827b}.critical-count{color:#f2857e}.sidebar-divider{height:1px;background:#222c29;margin:22px 9px 20px}.filter-dot{width:7px;height:7px;border-radius:50%;margin:0 4px}.filter-dot.amber{background:#e3b66f}.filter-dot.slate{background:#91a2aa}.sidebar-bottom{margin-top:auto}.user-row{display:flex;align-items:center;gap:10px;padding:13px 8px 0;border-top:1px solid #202a27;color:#7e8b84}.avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#303d35;color:#d6e7c7;font-weight:700;font-size:11px}.user-details{display:flex;flex-direction:column;gap:2px;flex:1}.user-details strong{font-size:11px;color:#d4ddd5;font-weight:600}.user-details span{font-size:9px;color:#748078}.main-area{margin-left:236px;min-height:100vh}.topbar{height:68px;border-bottom:1px solid #202827;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(26px,4vw,62px);background:#0c1010bd}.breadcrumb{display:flex;align-items:center;gap:9px;color:#748079;font-size:11px}.breadcrumb strong{color:#c3cdc5;font-weight:500}.topbar-right{display:flex;align-items:center;gap:22px}.connection{display:flex;align-items:center;gap:7px;color:#79857e;font-size:10px}.connection i{width:6px;height:6px;border-radius:50%;background:#e5ac5e;box-shadow:0 0 10px #e5ac5e55}.connection.online i{background:#a4d46d;box-shadow:0 0 10px #a4d46d66}.top-add,.primary-button{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;background:#c4ef72;color:#17200f;border:1px solid #c4ef72;border-radius:6px;font-size:11px;font-weight:700;transition:.16s}.top-add:hover,.primary-button:hover{background:#d5fa8b;transform:translateY(-1px)}.top-add kbd,.search-box kbd{font:10px DM Mono,monospace;color:#556244;background:#b1d96a;border:1px solid #9ec653;padding:2px 5px;border-radius:3px;margin-left:5px}.content-wrap{max-width:1360px;margin:0 auto;padding:49px clamp(26px,4vw,62px) 22px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:29px}.eyebrow{font:500 9px DM Mono,monospace;letter-spacing:1.35px;color:#76837a}.page-heading h1{font:700 clamp(30px,3.3vw,40px) Manrope,sans-serif;letter-spacing:-1.9px;color:#f0f3ed;margin:10px 0 5px}.page-heading h1 span{color:var(--green)}.page-date{margin:0;color:#8c9990;font-size:12px;text-transform:capitalize}.heading-mark{display:flex;align-items:center;gap:12px;color:#7e8c82;font-size:10px;line-height:1.7;text-align:right;padding-bottom:2px}.heading-mark b{color:#e0e8dc;font:500 12px DM Mono,monospace}.heading-mark-ring{width:42px;height:42px;border:1px solid #43533b;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 5px #b9eb6d0a,0 0 22px #a3d45e10}.heading-mark-core{width:13px;height:13px;border-radius:50%;background:#c4ef72;box-shadow:0 0 18px #c4ef7277}.demo-banner{display:flex;align-items:center;gap:11px;padding:11px 13px;background:#191a16;border:1px solid #423a27;border-radius:7px;margin-bottom:20px;color:#c7c1ac}.demo-banner-icon{width:27px;height:27px;display:grid;place-items:center;background:#382f1d;color:#edc073;border-radius:6px;flex:none}.demo-banner>div:nth-child(2){display:flex;flex-direction:column;gap:2px;flex:1}.demo-banner strong{font-size:11px;color:#e6d9b7;font-weight:600}.demo-banner span{font-size:10px;color:#a59b83}.demo-banner button{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#d8c18d;font-size:10px}.demo-banner button:hover{color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:37px}.stat-card{background:linear-gradient(135deg,#141a19,#101515);border:1px solid #26302d;border-radius:8px;padding:15px 17px 13px;min-height:104px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-42px;bottom:-75px;background:currentColor;opacity:.035}.stat-top{display:flex;justify-content:space-between;align-items:center;font:500 9px DM Mono,monospace;letter-spacing:.8px;color:#87918a}.stat-top svg{opacity:.8}.stat-number{font:700 27px Manrope,sans-serif;letter-spacing:-1px;margin:5px 0 1px;color:#e9eee7}.stat-detail{font-size:10px;color:#68756d}.stat-red{color:#f16f69}.stat-red .stat-number{color:#ff8177}.stat-amber{color:#dcae66}.stat-amber .stat-number{color:#edc27e}.stat-blue{color:#83aee3}.stat-blue .stat-number{color:#a2c6f3}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.list-heading{display:flex;align-items:baseline;gap:10px}.list-heading h2{font:600 17px Manrope,sans-serif;letter-spacing:-.5px;margin:0;color:#edf1eb}.list-heading span{font-size:10px;color:#758078}.toolbar-controls{display:flex;align-items:center;gap:8px}.search-box,.priority-filter{height:34px;border:1px solid #293330;background:#121817;border-radius:5px;display:flex;align-items:center;gap:8px;padding:0 9px;color:#829087}.search-box input{width:170px;background:transparent;border:0;outline:0;color:#dce5dc;font-size:10px}.search-box input::-moz-placeholder{color:#67746d}.search-box input::placeholder{color:#67746d}.search-box kbd{margin:0;background:#202a24;border-color:#303a32;color:#89988b}.priority-filter{gap:7px}.priority-filter select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:#a6b0a8;font-size:10px;outline:0;padding-right:2px;cursor:pointer}.priority-filter select option,.text-input option{background:#151c1a;color:#e2e9e0}.group-section{margin-bottom:24px}.group-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:9px;border-bottom:1px solid #27302d;margin-bottom:0}.group-title-wrap{display:flex;align-items:center;gap:9px}.group-icon{width:23px;height:23px;border-radius:6px;display:grid;place-items:center;background:#1a211f;color:#9ba89f}.group-header h3{font:600 12px Manrope,sans-serif;color:#d6ded6;margin:0}.group-count{min-width:19px;height:18px;border-radius:4px;background:#202927;color:#9eaaa1;display:grid;place-items:center;font:10px DM Mono,monospace;padding:0 4px}.group-note{font-size:9px;color:#68756d}.group-overdue .group-icon{background:#321d1c;color:#f37c75}.group-today .group-icon{background:#30271a;color:#e7b66b}.group-upcoming .group-icon{background:#1b2632;color:#93b8e9}.group-empty{padding:15px 12px;border-bottom:1px solid #202926;color:#657169;font-size:10px}.rows-stack{display:flex;flex-direction:column}.deadline-row{display:flex;align-items:center;gap:13px;padding:12px 10px;border-bottom:1px solid #202926;min-height:63px;cursor:pointer;transition:background .13s;position:relative}.deadline-row:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:3px;background:transparent}.deadline-row:hover{background:#121918}.deadline-row:hover .row-chevron{opacity:1;transform:translate(2px)}.tone-overdue:before,.tone-urgent:before{background:#f06e68}.tone-today:before{background:#d9a95e}.tone-soon:before{background:#83aee3}.tone-later:before{background:#719b72}.task-check{width:17px;height:17px;border-radius:5px;border:1px solid #59665e;background:#101615;display:grid;place-items:center;color:#13200e;flex:none;padding:0}.task-check:hover{border-color:#c4ef72;background:#202b1d}.task-check.checked{background:#c4ef72;border-color:#c4ef72}.deadline-main{flex:1;min-width:0}.deadline-title-line{display:flex;align-items:center;gap:8px;min-width:0}.deadline-title{font-size:12px;color:#e0e7df;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-complete .deadline-title{text-decoration:line-through;color:#758078}.sample-mark{font:8px DM Mono,monospace;letter-spacing:.5px;color:#7c8a7e;border:1px solid #334038;border-radius:3px;padding:2px 4px;white-space:nowrap}.deadline-meta{display:flex;align-items:center;gap:11px;margin-top:6px;color:#748078;font-size:9px}.date-meta,.meta-chip{display:flex;align-items:center;gap:5px}.meta-chip{color:#87948b}.deadline-right{display:flex;align-items:flex-end;flex-direction:column;gap:6px;min-width:165px}.priority-tag{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:#a1aaa3}.priority-tag i{width:5px;height:5px;border-radius:50%;background:#849189}.priority-critical i{background:#f0756c;box-shadow:0 0 8px #f0756c55}.priority-critical{color:#ef918a}.priority-high i{background:#dfb068}.priority-high{color:#e0bb7d}.priority-normal i{background:#8c9a91}.priority-normal{color:#a0aaa2}.time-left{font:10px DM Mono,monospace;color:#87938b;display:flex;align-items:center;gap:6px}.time-left.overdue,.time-left.urgent{color:#f17d75}.time-left.overdue .time-dot,.time-left.urgent .time-dot{background:#f16f68;box-shadow:0 0 7px #f16f6880;animation:pulse 1.4s infinite}.time-left.today{color:#e5b66e}.time-left.today .time-dot{background:#e0ae60}.time-left.soon{color:#9abcea}.time-left.soon .time-dot{background:#83b0e7}.time-left.done{color:#89ab75}.time-dot{width:5px;height:5px;border-radius:50%;background:#7f8c83}.row-chevron{color:#718078;opacity:0;transition:.15s}.is-complete{opacity:.65}.completed-section{margin:14px 0 30px;border-top:1px solid #29332e}.completed-toggle{width:100%;padding:13px 4px;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;color:#849087;font-size:10px}.completed-toggle span{display:flex;align-items:center;gap:8px}.completed-toggle b{font:10px DM Mono,monospace;color:#a6b3a8}.empty-state{padding:65px 20px;text-align:center}.empty-icon{width:52px;height:52px;border:1px solid #34432f;border-radius:15px;display:grid;place-items:center;color:#c4ef72;margin:0 auto 15px;background:#1b2618}.empty-state h3{font:600 17px Manrope;margin:0 0 7px}.empty-state p{font-size:11px;color:#839087;margin:0 0 18px}.page-footer{margin-top:48px;padding:15px 0;border-top:1px solid #202926;display:flex;justify-content:space-between;color:#56645b;font:8px DM Mono,monospace;letter-spacing:.6px}.page-footer span:last-child{display:flex;align-items:center;gap:6px;text-transform:none;letter-spacing:0}.page-footer i{font-style:normal;color:#8b987d}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020504bd;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:30;display:flex;align-items:center;justify-content:center;padding:20px}.form-modal{width:min(650px,100%);max-height:min(91vh,900px);overflow:auto;background:#111817;border:1px solid #34403b;border-radius:11px;box-shadow:0 25px 100px #000a;display:flex;flex-direction:column}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 25px 15px;border-bottom:1px solid #26312d}.modal-head h2{font:650 20px Manrope,sans-serif;letter-spacing:-.6px;margin:5px 0 0;color:#eef3eb}.icon-button{border:1px solid #2d3833;background:#18201d;color:#a0aaa2;border-radius:6px;width:31px;height:31px;display:grid;place-items:center}.icon-button:hover{color:#fff;background:#242d28}.form-body{padding:18px 25px 23px;display:flex;flex-direction:column;gap:16px}.field-label{display:block;font-size:10px;color:#9aa69d;font-weight:600;margin-bottom:7px}.form-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.text-input{width:100%;height:36px;background:#0d1312;border:1px solid #303b36;border-radius:5px;padding:0 10px;color:#e4ebe3;font-size:11px;outline:0;color-scheme:dark}.text-input:focus{border-color:#8eaf5a;box-shadow:0 0 0 2px #a5d35c17}.title-input{height:43px;font-size:13px}.text-area{height:auto;min-height:74px;resize:vertical;padding:10px;line-height:1.55}.preset-list{display:flex;flex-wrap:wrap;gap:6px}.preset-button{border:1px solid #303b35;background:#171f1c;color:#aab5ac;padding:6px 9px;border-radius:4px;font-size:9px}.preset-button:hover{border-color:#7d9951;color:#d8e5d0;background:#1d281c}.attachment-label{display:flex;justify-content:space-between}.attachment-label span:last-child{color:#64746a;font:9px DM Mono,monospace}.drop-zone{min-height:71px;border:1px dashed #3a4940;background:#121a17;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px;transition:.15s}.drop-zone.dragging{border-color:#c4ef72;background:#202a1c}.drop-action{display:flex;align-items:center;gap:6px;border:1px solid #394a36;background:#202a1c;color:#c5e88a;border-radius:5px;padding:7px 10px;font-size:10px}.drop-action:hover{background:#2a3921}.drop-hint{font-size:9px;color:#6d7c71}.attachment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:9px}.attachment-thumb{position:relative;border:1px solid #334038;border-radius:5px;overflow:hidden;background:#0c1110}.attachment-thumb img{width:100%;height:75px;-o-object-fit:cover;object-fit:cover;display:block}.attachment-thumb span{display:block;padding:5px 6px;font-size:8px;color:#849187;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.thumb-remove{position:absolute;top:4px;right:4px;width:21px;height:21px;border:0;border-radius:4px;background:#101513d9;color:#fff;display:grid;place-items:center}.thumb-remove:hover{background:#8c3937}.modal-foot{padding:13px 25px 16px;border-top:1px solid #26312d;display:flex;align-items:center;justify-content:space-between;gap:8px}.modal-foot>div{display:flex;gap:8px}.kbd-hint{font-size:9px;color:#68776d}.ghost-button{height:35px;padding:0 12px;border:1px solid #344039;background:#17201d;color:#a3aea5;border-radius:5px;font-size:10px}.ghost-button:hover{color:#e2e9e0}.primary-button:disabled{opacity:.55;cursor:wait}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020504a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:25;display:flex;justify-content:flex-end}.task-drawer{width:min(690px,100%);height:100%;overflow:auto;background:#0f1513;border-left:1px solid #334039;box-shadow:-30px 0 100px #0008}.task-drawer .overlay{position:static;inset:auto;padding:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;display:block}.task-drawer .form-modal{width:100%;max-height:none;min-height:100%;border:0;border-radius:0;box-shadow:none}.task-drawer .modal-head{padding:25px 28px 17px}.task-drawer .form-body{padding:20px 28px 25px}.task-drawer .modal-foot{position:sticky;bottom:0;background:#111817;padding:14px 28px}.drawer-extra{display:flex;justify-content:space-between;padding:0 28px 24px}.complete-action,.delete-action{display:flex;align-items:center;gap:8px;border:1px solid #314033;background:#19231b;color:#c6df99;border-radius:5px;padding:8px 11px;font-size:10px}.complete-action.completed{color:#9eaaa2;border-color:#36403a;background:#171d1a}.check-circle{width:16px;height:16px;border:1px solid #77964e;border-radius:50%;display:grid;place-items:center}.delete-action{background:#211716;border-color:#47302d;color:#e18b82}.delete-action:hover{background:#34201e}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#020303ee;display:grid;place-items:center;padding:45px}.lightbox img{max-width:94vw;max-height:90vh;-o-object-fit:contain;object-fit:contain;box-shadow:0 20px 90px #000}.lightbox-close{position:absolute;top:20px;right:22px;width:38px;height:38px;border:1px solid #46534b;background:#151d19;color:#d7e0d8;border-radius:50%;display:grid;place-items:center}.toast{position:fixed;z-index:70;bottom:24px;right:24px;display:flex;align-items:center;gap:9px;padding:12px 15px;background:#1b2720;border:1px solid #455b3e;color:#dcebd1;border-radius:7px;box-shadow:0 12px 40px #0007;font-size:11px;max-width:min(420px,calc(100vw - 40px));animation:toast-in .2s ease-out}.toast>span{display:grid;place-items:center;color:#b9e875}.toast-error{background:#2b1d1b;border-color:#663a35;color:#f4cbc5}.toast-error>span{color:#ef887f}.toast-info{background:#1b2429;border-color:#3b4b4a}.toast-info>span{color:#9cc2d2}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:1050px){.sidebar{width:200px}.main-area{margin-left:200px}.content-wrap{padding-left:28px;padding-right:28px}.topbar{padding:0 28px}.deadline-right{min-width:145px}}@media (max-width:760px){.sidebar{width:58px;padding:20px 7px}.brand{padding:0 6px 33px}.brand-name,.sidebar-label,.nav-item span,.sidebar-divider,.user-details,.user-row>svg{display:none}.brand-icon{width:32px;height:32px}.nav-item{justify-content:center;padding:12px 0}.nav-item svg{width:18px;height:18px}.user-row{justify-content:center;padding:13px 0 0}.main-area{margin-left:58px}.topbar{height:58px;padding:0 17px}.breadcrumb{font-size:10px}.topbar-right{gap:10px}.connection{font-size:0}.connection i{width:7px;height:7px}.top-add{height:33px;padding:0 9px;font-size:10px}.top-add kbd{display:none}.content-wrap{padding:33px 17px 20px}.page-heading h1{font-size:31px}.heading-mark{display:none}.stats-grid{gap:7px;margin-bottom:29px}.stat-card{padding:11px 10px;min-height:91px}.stat-top{font-size:8px;letter-spacing:.3px}.stat-top svg{width:13px}.stat-number{font-size:23px}.stat-detail{font-size:8px}.list-toolbar{align-items:flex-start;flex-direction:column}.toolbar-controls{width:100%}.search-box{flex:1}.search-box input{width:100%;min-width:0}.priority-filter select{max-width:112px}.group-note{display:none}.deadline-row{gap:9px;padding:11px 6px}.deadline-right{min-width:0;align-items:flex-end}.priority-tag{font-size:8px}.time-left{font-size:8px;white-space:nowrap}.deadline-title{font-size:11px}.deadline-meta{gap:7px;font-size:8px}.row-chevron{display:none}.demo-banner{align-items:flex-start}.demo-banner button{font-size:0}.demo-banner button svg{width:16px;height:16px}.page-footer{font-size:7px;gap:10px}.page-footer span:last-child{font-size:7px}.form-two-col{grid-template-columns:1fr}.form-modal{max-height:94vh}.modal-head,.form-body{padding-left:17px;padding-right:17px}.modal-foot{padding:12px 17px}.modal-foot .kbd-hint{display:none}.attachment-grid{grid-template-columns:repeat(3,1fr)}.drop-zone{flex-direction:column;gap:7px}.task-drawer .modal-head,.task-drawer .form-body,.task-drawer .modal-foot{padding-left:18px;padding-right:18px}.drawer-extra{padding:0 18px 20px}.toast{right:12px;bottom:12px}}@media (max-width:420px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card:last-child{grid-column:span 2}.deadline-right{max-width:117px}.priority-tag,.time-left{font-size:7px}.deadline-meta .meta-chip{display:none}.page-footer span:last-child{display:none}.modal-foot>div{gap:5px}.primary-button,.ghost-button{padding:0 8px;font-size:9px}}.attachment-preview{display:block;width:100%;border:0;padding:0;background:transparent;cursor:zoom-in}.attachment-preview img{width:100%;height:75px;-o-object-fit:cover;object-fit:cover;display:block}.attachment-preview:hover img{filter:brightness(1.12)}.overlay{backdrop-filter:none;-webkit-backdrop-filter:none;overscroll-behavior:contain;overflow:hidden}.form-modal{overflow:hidden;min-height:0;overscroll-behavior:contain}.modal-head,.modal-foot{flex:0 0 auto}.form-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}.drawer-backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden}.task-drawer{display:flex;flex-direction:column;min-height:0;overflow:hidden;overscroll-behavior:contain}.task-drawer>.overlay,.task-drawer .overlay{position:static;inset:auto;display:flex;flex:1 1 auto;align-items:stretch;justify-content:stretch;min-height:0;overflow:hidden;padding:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.task-drawer .form-modal{width:100%;height:100%;max-height:none;min-height:0;overflow:hidden;border:0;border-radius:0;box-shadow:none}.task-drawer .form-body{flex:1 1 auto;min-height:0;overflow-y:auto}.task-drawer .modal-foot{position:static}.drawer-extra{flex:0 0 auto}