:root{font-family:Manrope,DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172433;background:#f8fafb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #87b8c1;outline-offset:3px}.app-shell{display:flex;min-height:100vh}.sidebar{width:255px;flex:none;background:#fff;border-right:1px solid #e9edf1;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:30px 14px 16px;z-index:30}.brand{display:flex;gap:13px;align-items:center;padding:0 14px;font-size:12px;letter-spacing:.09em;font-weight:700;white-space:nowrap}.brand strong{font-weight:900}.brand-symbol{width:34px;height:34px;border-radius:11px;background:#152e37;color:#fff;font-size:19px;display:flex;align-items:center;justify-content:center;letter-spacing:-.09em;font-weight:800}.brand-symbol span{color:#77c7aa}.workspace-tag{margin:49px 16px 14px;font-size:9px;font-weight:800;color:#98a1ad;letter-spacing:.13em}.sidebar nav{display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;align-items:center;gap:14px;width:100%;border:0;background:transparent;border-radius:10px;padding:13px 15px;text-align:left;color:#627181;font-size:12px;font-weight:700}.nav-item:hover{background:#f3f6f7}.nav-item.active{background:#eaf4f0;color:#17684f}.nav-soon{font-size:9px;color:#a4acb6;margin-left:auto}.sidebar-footer{margin-top:auto}.system-label{display:flex;align-items:center;gap:8px;color:#82919e;font-size:10px;padding:14px 14px 20px}.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#23a87e}.profile{display:flex;align-items:center;gap:11px;border-top:1px solid #e8edf0;padding:18px 7px 0}.avatar,.topbar-avatar{background:#e5efec;color:#1e6956;border:0;border-radius:11px;width:35px;height:35px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.profile-text{display:flex;flex-direction:column;flex:1;gap:4px;min-width:0}.profile-text strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-text small{font-size:10px;color:#96a0ad}.icon-button{background:transparent;border:0;padding:8px;display:flex;align-items:center;justify-content:center;color:#617381;border-radius:8px}.icon-button:hover{background:#eaf4f0}.content-wrap{flex:1;min-width:0}.topbar{height:72px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 44px;border-bottom:1px solid #e8edf1}.topbar-left,.topbar-right{display:flex;align-items:center;gap:14px;font-size:12px}.topbar-left strong{font-weight:800}.breadcrumb,.slash{color:#94a0ab}.topbar-env{font-size:9px;font-weight:800;letter-spacing:.13em;color:#67877f;display:flex;align-items:center;gap:7px}.topbar-avatar{width:32px;height:32px;border-radius:50%}.page-body{max-width:1400px;margin:auto;padding:52px 55px}.eyebrow{font-size:10px;letter-spacing:.14em;color:#719184;font-weight:800}.page-heading h1{font-size:32px;letter-spacing:-.055em;margin:10px 0 8px;line-height:1.24;font-weight:800}.page-heading p{color:#8c98a3;font-size:13px;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:37px 0 23px}.stat-card{background:#fff;border:1px solid #e8edf0;border-radius:16px;text-align:left;padding:24px;min-height:156px;display:flex;flex-direction:column;gap:8px;color:inherit}.stat-card>strong{font-size:31px;letter-spacing:-.04em}.stat-top{display:flex;justify-content:space-between;color:#8d9ba6;font-size:11px;font-weight:700}.stat-bottom{font-size:10px;color:#7c9990;margin-top:auto}.two-col{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px}.panel{border:1px solid #e8edf0;border-radius:16px;background:#fff;padding:25px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.panel-head h2{font-size:16px;letter-spacing:-.03em;margin:7px 0 0}.panel-head>svg{color:#879ba8}.text-link{font-size:11px;color:#277864;font-weight:750;background:none;border:0}.empty-small{min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#97a2ad;font-size:12px;text-align:center}.empty-small svg{color:#7aa795}.task-rows{display:flex;flex-direction:column}.task-row{display:flex;gap:14px;align-items:center;border:0;border-top:1px solid #eff2f4;background:#fff;text-align:left;min-height:54px;width:100%;font-size:12px}.task-row:hover{background:#fafcfc}.task-row.completed .task-title{text-decoration:line-through;color:#9ca8b0}.task-checkbox{width:19px;height:19px;border:1.5px solid #ccd6dc;border-radius:6px;flex:none;display:flex;justify-content:center;align-items:center;color:#fff}.completed .task-checkbox{background:#268b69;border-color:#268b69}.task-title{flex:1}.priority{background:#fff0e9;color:#b86b4e;font-size:9px;font-weight:800;border-radius:5px;padding:5px 7px}.task-meta{color:#8a98a3;font-size:10px}.milestones{display:flex;flex-direction:column;gap:20px;margin-top:24px}.milestones>div{display:grid;grid-template-columns:10px 1fr;align-items:center;column-gap:12px}.milestones strong{font-size:11px}.milestones small{font-size:10px;color:#98a3ac;grid-column:2;margin-top:3px}.milestone-dot{height:9px;width:9px;background:#e1e6eb;border-radius:50%}.milestone-dot.done{background:#49b68b}.page-foot{padding:27px 1px;font-size:10px;color:#9aa5ad}.page-foot span{padding:0 8px}.count-chip{font-size:10px;font-weight:800;color:#48816e;background:#eaf4ef;padding:7px 12px;border-radius:20px}.task-panel{margin-top:35px;max-width:900px}.task-form{display:flex;gap:10px;margin:22px 0}.task-form input{flex:1;min-width:0}.task-form input,.task-form select,.login-form input{border:1px solid #dfe6eb;border-radius:10px;padding:12px 13px;background:#fff;outline:0;font-size:12px;color:#243640}.task-form select{width:115px}.btn{display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;padding:12px 15px;font-size:11px;font-weight:800}.btn-primary{background:#1d554b;color:#fff}.btn-primary:hover{background:#173f38}.empty-large{padding:60px 15px;text-align:center;color:#91a0a8}.empty-large h3{color:#213341;font-size:17px;margin:15px 0 7px}.empty-large p{font-size:12px;max-width:380px;margin:auto}.empty-module{max-width:650px;margin-top:35px;padding:65px 38px;text-align:center;color:#8b9aa4}.empty-module h2{color:#283b44;font-size:20px}.empty-module p{font-size:12px;line-height:1.7}.empty-module .count-chip{display:inline-block;margin-top:15px}.error-message{background:#fff2ef;border:1px solid #ffd8cf;color:#ad473b;border-radius:9px;padding:12px;font-size:11px}.page-error{display:flex;align-items:center;gap:10px;margin-top:25px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:#fff}.login-hero{background:#17332f;color:#fff;padding:54px 70px;display:flex;flex-direction:column;justify-content:space-between}.brand-login{padding:0}.brand-login .brand-symbol{background:#315249}.login-headline{max-width:510px}.login-headline .eyebrow{color:#95ccae}.login-headline h1{font-size:clamp(38px,4.2vw,68px);letter-spacing:-.067em;line-height:1.12;margin:18px 0 22px}.login-headline p{color:#b7d2c8;font-size:14px;line-height:1.8;max-width:395px}.login-footer{font-size:11px;color:#86aa9e}.login-form-side{display:flex;align-items:center;justify-content:center;padding:35px}.login-form{width:min(100%,360px);display:flex;flex-direction:column;gap:11px}.login-form h2{font-size:26px;letter-spacing:-.04em;margin:5px 0 0}.login-form p{font-size:12px;color:#8795a0;margin:0 0 30px}.login-form label{font-size:11px;color:#485a68;font-weight:800;margin-top:9px}.login-submit{margin-top:13px;width:100%;height:44px}.login-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;color:#8c9caa;font-size:10px}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;color:#60766f;font-size:13px}.spin{animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bottom-nav,.mobile-only,.mobile-overlay{display:none}@media(max-width:1150px){.page-body{padding:42px 32px}.topbar{padding:0 32px}.sidebar{width:226px}}@media(max-width:820px){.sidebar{position:fixed;left:0;top:0;transform:translate(-110%);width:275px;transition:transform .2s;box-shadow:8px 0 30px #142d3212}.sidebar.sidebar-open{transform:translate(0)}.mobile-overlay{display:block;position:fixed;inset:0;background:#1232;z-index:20}.mobile-only{display:flex}.topbar{height:60px;padding:0 18px}.page-body{padding:32px 18px 90px}.page-heading h1{font-size:26px}.stats-grid{grid-template-columns:1fr;gap:10px;margin:25px 0 14px}.stat-card{min-height:125px;padding:17px}.stat-card>strong{font-size:25px}.two-col{grid-template-columns:1fr;gap:13px}.panel{padding:19px}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e3e9eb;padding-bottom:env(safe-area-inset-bottom);z-index:19;box-shadow:0 -2px 18px #2332}.bottom-nav button{border:0;background:none;color:#85929b;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9px;font-weight:750;padding:11px 2px}.bottom-nav button.active{color:#21705b}.task-form{flex-wrap:wrap}.task-form input{flex-basis:100%}.task-form select{flex:1}.login-page{grid-template-columns:1fr}.login-hero{min-height:250px;padding:28px}.login-headline{padding:34px 0 12px}.login-headline h1{font-size:37px}.login-headline p,.login-footer{display:none}.login-form-side{padding:42px 26px}.login-form{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}