@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Instrument+Serif:ital@0;1&display=swap";:root{--g-arrow-color:#1f2937;--g-bar-color:#fff;--g-bar-border:#fff;--g-tick-color-thick:#ededed;--g-tick-color:#f3f3f3;--g-actions-background:#f3f3f3;--g-border-color:#ebeff2;--g-text-muted:#7c7c7c;--g-text-light:#fff;--g-text-dark:#171717;--g-progress-color:#dbdbdb;--g-handle-color:#37352f;--g-weekend-label-color:#dcdce4;--g-expected-progress:#c4c4e9;--g-header-background:#fff;--g-row-color:#fdfdfd;--g-row-border-color:#c7c7c7;--g-today-highlight:#37352f;--g-popup-actions:#ebeff2;--g-weekend-highlight-color:#f7f7f7}html[data-theme=dark]{--g-arrow-color:#e5e5e5;--g-bar-color:#2a2a2a;--g-bar-border:#3a3a3a;--g-tick-color-thick:#1a1a1a;--g-tick-color:#0a0a0a;--g-actions-background:#1a1a1a;--g-border-color:#2a2a2a;--g-text-muted:#999;--g-text-light:#fff;--g-text-dark:#f5f5f5;--g-progress-color:#4a4a4a;--g-handle-color:#d0d0d0;--g-weekend-label-color:#3a3a3a;--g-expected-progress:#5a5a5a;--g-header-background:#0a0a0a;--g-row-color:#141414;--g-row-border-color:#2a2a2a;--g-today-highlight:#999;--g-popup-actions:#1a1a1a;--g-weekend-highlight-color:#0f0f0f}.gantt-container{height:var(--gv-grid-height);isolation:isolate;border-radius:8px;width:100%;font-size:12px;line-height:14.5px;position:relative;overflow:auto}.gantt-container .popup-wrapper{background:var(--g-header-background);z-index:1000;border-radius:5px;width:max-content;padding:10px;position:absolute;top:0;left:0;box-shadow:0 10px 24px -3px #0003}.gantt-container .popup-wrapper .title{color:var(--g-text-dark);margin-bottom:2px;font-size:.85rem;font-weight:650;line-height:15px}.gantt-container .popup-wrapper .subtitle{color:var(--g-text-dark);margin-bottom:5px;font-size:.8rem}.gantt-container .popup-wrapper .details{color:var(--g-text-muted);font-size:.7rem}.gantt-container .popup-wrapper .actions{margin-top:10px;margin-left:3px}.gantt-container .popup-wrapper .action-btn{background-color:var(--g-popup-actions);border:none;border-right:1px solid var(--g-border-color);padding:5px 8px}.gantt-container .popup-wrapper .action-btn:hover{filter:brightness(97%)}.gantt-container .popup-wrapper .action-btn:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.gantt-container .popup-wrapper .action-btn:last-child{border-right:none;border-top-right-radius:4px;border-bottom-right-radius:4px}.gantt-container .grid-header{height:calc(var(--gv-lower-header-height) + var(--gv-upper-header-height) + 10px);background-color:var(--g-header-background);border-bottom:1px solid var(--g-row-border-color);z-index:1000;position:sticky;top:0;left:0}.gantt-container .lower-text,.gantt-container .upper-text{text-anchor:middle}.gantt-container .upper-header{height:var(--gv-upper-header-height)}.gantt-container .lower-header{height:var(--gv-lower-header-height)}.gantt-container .lower-text{width:calc(var(--gv-column-width) * .8);height:calc(var(--gv-lower-header-height) * .8);margin:0 calc(var(--gv-column-width) * .1);text-align:center;color:var(--g-text-muted);align-content:center;font-size:12px;position:absolute}.gantt-container .upper-text{width:fit-content;color:var(--g-text-dark);height:calc(var(--gv-lower-header-height) * .66);font-size:14px;font-weight:500;position:absolute}.gantt-container .current-upper{background:var(--g-header-background);padding-left:17px;position:sticky;left:0!important}.gantt-container .side-header{float:right;z-index:1000;background:var(--g-header-background);width:max-content;margin-left:auto;padding-top:10px;padding-right:10px;font-weight:400;line-height:20px;display:flex;position:sticky;top:0;right:0}.gantt-container .side-header *{background-color:var(--g-actions-background);color:var(--g-text-dark);letter-spacing:.02em;box-sizing:content-box;border:none;border-radius:.5rem;margin-right:5px;padding:5px 8px;font-size:14px;font-weight:420;transition-property:background-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.gantt-container .side-header :last-child{margin-right:0}.gantt-container .side-header :hover{filter:brightness(97.5%)}.gantt-container .side-header select{width:60px;padding-top:2px;padding-bottom:2px}.gantt-container .side-header select:focus{outline:none}.gantt-container .date-range-highlight{background-color:var(--g-progress-color);height:calc(var(--gv-lower-header-height) - 6px);top:calc(var(--gv-upper-header-height) + 5px);border-radius:12px;position:absolute}.gantt-container .current-highlight{background:var(--g-today-highlight);z-index:999;width:1px;position:absolute}.gantt-container .current-ball-highlight{background:var(--g-today-highlight);z-index:1001;border-radius:50%;position:absolute}.gantt-container .current-date-highlight{background:var(--g-today-highlight);color:var(--g-text-light);border-radius:5px}.gantt-container .holiday-label{opacity:0;z-index:1000;background:var(--g-weekend-label-color);border-radius:5px;padding:2px 5px;position:absolute;top:0;left:0}.gantt-container .holiday-label.show{opacity:100}.gantt-container .extras{position:sticky;left:0}.gantt-container .extras .adjust{left:8px;top:calc(var(--gv-grid-height) - 60px);background-color:var(--g-actions-background);color:var(--g-text-light);border:none;border-radius:3px;padding:8px;position:absolute}.gantt-container .hide{display:none}.gantt{-webkit-user-select:none;user-select:none;position:absolute}.gantt .grid-background{fill:none}.gantt .grid-row{fill:var(--g-row-color)}.gantt .row-line{stroke:var(--g-border-color)}.gantt .tick{stroke:var(--g-tick-color);stroke-width:.4px}.gantt .tick.thick{stroke:var(--g-tick-color-thick);stroke-width:.7px}.gantt .arrow{fill:none;stroke:var(--g-arrow-color);stroke-width:1.5px}.gantt .bar-wrapper .bar{fill:var(--g-bar-color);stroke:var(--g-bar-border);stroke-width:0;transition:stroke-width .3s}.gantt .bar-progress{fill:var(--g-progress-color);border-radius:4px}.gantt .bar-expected-progress{fill:var(--g-expected-progress)}.gantt .bar-invalid{fill:#0000;stroke:var(--g-bar-border);stroke-width:1px;stroke-dasharray:5}:is(.gantt .bar-invalid)~.bar-label{fill:var(--g-text-light)}.gantt .bar-label{fill:var(--g-text-dark);dominant-baseline:central;font-family:Helvetica;font-size:13px;font-weight:400}.gantt .bar-label.big{fill:var(--g-text-dark);text-anchor:start}.gantt .handle{fill:var(--g-handle-color);opacity:0;transition:opacity .3s}.gantt .handle.active,.gantt .handle.visible{cursor:ew-resize;opacity:1}.gantt .handle.progress{fill:var(--g-text-muted)}.gantt .bar-wrapper{cursor:pointer}.gantt .bar-wrapper .bar{outline:1px solid var(--g-row-border-color);border-radius:3px}.gantt .bar-wrapper:hover .bar{transition:transform .3s}.gantt .bar-wrapper:hover .date-range-highlight{display:block}.gantt .grid-column{fill:#0000;pointer-events:all}.gantt .grid-column:hover{fill:var(--g-weekend-highlight-color);transition:fill .1s}:root{--bg:#0c1412;--bg-elevated:#13201c;--bg-soft:#1a2b26;--surface:#e8f4ee0a;--border:#a8d4be24;--text:#e8f4ee;--text-muted:#8aa89a;--accent:#2dd4a8;--accent-dim:#1a9b78;--accent-glow:#2dd4a838;--warn:#e8b86d;--danger:#e07a6a;--done:#6ec8a0;--font-display:"Instrument Serif", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--radius:10px;--nav-w:220px;--shadow:0 12px 40px #00000059}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased;background-color:#0000;background-image:radial-gradient(80% 50% at 10% -10%,#2dd4a824,#0000 50%),radial-gradient(60% 40% at 100% 0,#1a9b781f,#0000 45%),linear-gradient(165deg,#0a1210 0%,#0c1412 40%,#0e1815 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3{font-family:var(--font-display);letter-spacing:.01em;margin:0;font-weight:400}.app-shell{grid-template-columns:var(--nav-w) 1fr;min-height:100%;display:grid}.nav{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a1210a6;flex-direction:column;gap:1.5rem;padding:1.5rem 1rem;display:flex}.brand{padding:.25rem .75rem;animation:.6s both fade-up}.brand-mark{font-family:var(--font-display);color:var(--text);font-size:1.65rem;line-height:1.1}.brand-sub{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-top:.2rem;font-size:.72rem}.nav-links{flex-direction:column;flex:1;gap:.25rem;display:flex}.nav-link{color:var(--text-muted);border-radius:8px;padding:.65rem .85rem;transition:background .2s,color .2s,transform .2s}.nav-link:hover{color:var(--text);background:var(--surface)}.nav-link.active{color:var(--accent);background:var(--accent-glow)}.nav-foot{border-top:1px solid var(--border);color:var(--text-muted);padding:.75rem;font-size:.85rem}.main{min-width:0;padding:1.75rem 2rem 3rem;animation:.45s both fade-in}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.page-head h1{font-size:2rem}.page-head p{color:var(--text-muted);margin:.35rem 0 0;font-size:.95rem}.btn{background:var(--accent);color:#06241a;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.9rem;font-weight:600;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex}.btn:hover{box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost{border-color:var(--border);color:var(--text);background:0 0}.btn-ghost:hover{background:var(--surface);box-shadow:none}.btn-danger{color:var(--danger);background:0 0;border-color:#e07a6a66}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.grid-stats{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(145deg,#2dd4a814,#0000 60%);padding:1.1rem 1.2rem;animation:.5s both fade-up}.stat-card:nth-child(2){animation-delay:60ms}.stat-card:nth-child(3){animation-delay:.12s}.stat-card:nth-child(4){animation-delay:.18s}.stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.75rem}.stat-value{font-family:var(--font-display);margin-top:.4rem;font-size:2rem;line-height:1}.form-grid{gap:.85rem;display:grid}.field label{color:var(--text-muted);margin-bottom:.35rem;font-size:.8rem;display:block}.field input,.field select,.field textarea{border:1px solid var(--border);background:#00000040;border-radius:8px;outline:none;width:100%;padding:.6rem .75rem;transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-glow)}.project-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.project-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);padding:1.25rem;transition:border-color .2s,transform .2s,background .2s;display:block}.project-card:hover{border-color:var(--accent-dim);background:#2dd4a80f;transform:translateY(-2px)}.project-dot{border-radius:50%;width:10px;height:10px;margin-right:.5rem;display:inline-block}.tabs{border-bottom:1px solid var(--border);gap:.35rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.tab{color:var(--text-muted);background:0 0;border:none;border-radius:6px;padding:.45rem .9rem}.tab.active{background:var(--accent-glow);color:var(--accent)}.task-tree{margin:0;padding:0;list-style:none}.task-row{border:1px solid #0000;border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:.75rem;margin-bottom:.2rem;padding:.55rem .65rem;transition:background .15s;display:grid}.task-row:hover{background:var(--surface);border-color:var(--border)}.task-title{align-items:center;gap:.5rem;min-width:0;display:flex}.badge{color:var(--text-muted);white-space:nowrap;background:#ffffff0f;border-radius:4px;padding:.15rem .45rem;font-size:.7rem}.badge.todo{color:var(--text-muted)}.badge.doing{color:var(--warn);background:#e8b86d1f}.badge.done{color:var(--done);background:#6ec8a01f}.gantt-wrap{border-radius:var(--radius);border:1px solid var(--border);background:#0a1210;min-height:320px;overflow:auto}.gantt-wrap .gantt{--g-bar-color:#1a9b78;--g-bar-border:#2dd4a8;--g-progress-color:#2dd4a8}.timer-ring{background:radial-gradient(circle at 50% 50%, #2dd4a81f, transparent 60%), conic-gradient(var(--accent) var(--progress,0%), #ffffff14 0);border-radius:50%;place-items:center;width:min(280px,70vw);height:min(280px,70vw);margin:0 auto 1.5rem;animation:3s ease-in-out infinite pulse-soft;display:grid;position:relative}.timer-ring:before{content:"";background:var(--bg);border-radius:50%;position:absolute;inset:12px}.timer-time{font-family:var(--font-display);z-index:1;font-size:3.2rem;position:relative}.login-page{place-items:center;min-height:100%;padding:2rem;display:grid;position:relative;overflow:hidden}.login-page:before{content:"";background:linear-gradient(120deg,#0000 40%,#2dd4a80d 50%,#0000 60%),radial-gradient(at 30% 80%,#1a9b7833,#0000 50%);animation:18s ease-in-out infinite alternate drift;position:absolute;inset:0}.login-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(400px,100%);box-shadow:var(--shadow);background:#0c1412d9;border-radius:16px;padding:2.25rem;animation:.7s both fade-up;position:relative}.login-card h1{margin-bottom:.25rem;font-size:2.4rem}.login-card .tagline{color:var(--text-muted);margin-bottom:1.75rem;font-size:.95rem}.err{color:var(--danger);margin:.5rem 0 0;font-size:.85rem}.muted{color:var(--text-muted)}.row-actions{flex-wrap:wrap;gap:.4rem;display:flex}.empty{text-align:center;color:var(--text-muted);padding:2rem}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse-soft{0%,to{filter:brightness()}50%{filter:brightness(1.08)}}@keyframes drift{0%{transform:translateY(0)scale(1)}to{transform:translateY(-2%)scale(1.03)}}@media (width<=860px){.app-shell{grid-template-columns:1fr}.nav{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;gap:1rem;padding:.85rem 1rem;overflow-x:auto}.nav-links{flex-direction:row;flex:1}.nav-foot{border:none;padding:0}.main{padding:1.25rem}.main>div>div[style*=grid-template-columns]{grid-template-columns:1fr!important}}