:root{--bg:#f7f8fa;--ink:#202b36;--muted:#78828d;--line:#e6e9ed;--green:#176d56;--soft:#eaf4ee;--orange:#a96829;--red:#bd554d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #77bca6;outline-offset:3px}a{color:inherit;text-decoration:none}.sidebar{width:240px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:25px;letter-spacing:-1px;font-weight:650}.brand-icon{background:var(--green);color:white;width:33px;height:36px;text-align:center;border-radius:9px;font-family:Georgia;font-size:33px;line-height:32px}.brand-dot{font-size:11px;align-self:flex-start;margin:6px 0 0 -6px}.workspace{margin:35px 0 30px;padding:13px 9px;background:#f7f8f9;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600}.workspace small,.profile small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:5px}.workspace-icon{background:#e6ebe7;color:var(--green);border-radius:5px;padding:8px 10px}.chevron{margin-left:auto}.nav-label,.eyebrow{font-size:10px;letter-spacing:1.4px;color:var(--muted);font-weight:600}.nav-label{padding-left:12px;margin-bottom:13px}nav button{width:100%;display:flex;align-items:center;gap:12px;border:0;background:none;color:#69747e;padding:13px 12px;border-radius:6px;text-align:left;margin:4px 0;font-size:12px}nav button>span{font-size:20px;width:21px}nav button.active{background:var(--soft);color:var(--green);font-weight:600}nav b{margin-left:auto;font-size:10px;background:#dceae2;padding:3px 6px;border-radius:4px}nav b:empty{display:none}.sidebar-bottom{margin-top:auto}.demo-note{border:1px solid var(--line);border-radius:8px;padding:14px;font-size:11px}.live-dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:#4f9f78;margin-right:5px}.demo-note p{font-size:10px;color:var(--muted);line-height:1.7}.demo-note button{background:none;border:0;padding:0;color:var(--green);font-size:10px}.profile{display:flex;gap:10px;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);font-size:12px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#e9e7e0;color:#747463;font-size:10px;flex-shrink:0}.app{margin-left:240px}.topbar{height:74px;background:#ffffffb0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:11px;color:var(--muted)}.topbar span{margin:0 12px}.topbar strong{color:#525e67;font-weight:500}.top-right{display:flex;align-items:center}.demo-badge{font-size:9px;letter-spacing:1px;border:1px solid var(--line);border-radius:4px;padding:5px 7px}main{max-width:1600px;margin:auto;padding:38px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}h1{font-size:29px;font-weight:550;letter-spacing:-1px;margin:0 0 9px}h2{font-size:19px;font-weight:550;letter-spacing:-.4px}h3{font-size:14px;font-weight:600}.subtitle{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.button{padding:11px 15px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font-size:12px;display:inline-flex;align-items:center;gap:8px}.primary{background:var(--green);color:white;border-color:var(--green)}.button:hover{filter:brightness(.97)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.stat{background:white;border:1px solid var(--line);border-radius:8px;padding:19px 21px}.stat-top{color:#707c86;font-size:11px;display:flex;justify-content:space-between}.stat-icon{color:#96a19d}.stat-number{font-size:29px;letter-spacing:-1px;margin:12px 0 9px;font-weight:550}.stat-foot{font-size:10px;color:var(--muted)}.stat-foot strong{color:var(--green);font-weight:500}.attention{display:flex;align-items:center;gap:14px;padding:17px 20px;border:1px solid #e9dcc6;background:#fcf8ef;border-radius:8px;margin:24px 0 30px;font-size:12px}.attention-icon{border:1px solid #d6b67d;color:#a17832;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.attention p{margin:5px 0 0;color:#998369;font-size:11px}.attention button{margin-left:auto;border:0;background:none;color:#936b32;font-size:11px;white-space:nowrap}.panel{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden}.panel-heading{padding:20px 22px;display:flex;align-items:center;justify-content:space-between}.panel-heading h3{margin:0}.count-label{color:var(--muted);font-weight:400;font-size:11px;margin-left:7px}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:0 22px}.tabs button{border:0;background:transparent;padding:0 0 16px;color:var(--muted);font-size:11px;border-bottom:2px solid transparent}.tabs button.active{color:var(--green);border-bottom-color:var(--green);font-weight:600}.toolbar{padding:18px 22px;display:flex;gap:10px;align-items:center}.search{position:relative;flex:1;max-width:330px}.search input{width:100%;padding:10px 12px 10px 31px;border:1px solid var(--line);border-radius:5px;background:#fff;font-size:11px}.search span{position:absolute;left:11px;top:8px;color:var(--muted)}select{background:#fff;border:1px solid var(--line);border-radius:5px;padding:9px;color:#606d77;font-size:11px}.toolbar .sort{margin-left:auto}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{padding:13px 20px;background:#fafbfc;color:#8a949d;font-size:9px;font-weight:500;border-block:1px solid var(--line);text-transform:uppercase;letter-spacing:.5px}td{padding:21px 20px;border-bottom:1px solid #f0f1f3;font-size:11px;color:#5b6772}tr:last-child td{border-bottom:0}.project-link{display:flex;align-items:center;gap:12px;border:0;background:none;padding:0;text-align:left;color:var(--ink)}.project-tile{width:36px;height:39px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:19px;background:#eeece4;color:#9b8e72}.project-link strong{font-size:12px;font-weight:600;display:block}.project-link small{display:block;font-size:10px;color:#939ba3;margin-top:6px}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:4px;font-size:9px;white-space:nowrap;background:#f0f2f5;color:#73808f}.badge:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.badge.green{background:#eaf4ee;color:#488a66}.badge.red{background:#fbeeea;color:#b56152}.badge.amber{background:#fbf3e6;color:#ad8541}.badge.blue{background:#edf1fa;color:#7189b3}.manager{display:flex;align-items:center;gap:7px}.manager .avatar{width:24px;height:24px;font-size:8px}.budget-track{height:3px;width:72px;background:#edf0f2;margin-top:8px;border-radius:4px;overflow:hidden}.budget-track i{display:block;background:#7bab96;height:100%}.table-footer{padding:14px 22px;border-top:1px solid var(--line);font-size:10px;color:#98a0a7;display:flex;justify-content:space-between}.bottom-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;margin-top:24px}.mini-row{display:flex;align-items:center;gap:12px;padding:15px 22px;border-top:1px solid #f1f2f4;font-size:11px}.mini-row .text{flex:1}.mini-row small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.mini-row .date{color:#8b959e;font-size:10px}.link-button{background:none;border:0;color:var(--green);font-size:10px}.circle-icon{width:28px;height:28px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#8a9691}.stage-row{display:flex;align-items:center;gap:12px;padding:10px 22px;font-size:11px}.stage-row>span{width:100px;color:#7d8790;font-size:10px}.bar{flex:1;height:7px;background:#f1f4f3;border-radius:3px;overflow:hidden}.bar i{display:block;height:100%;background:#76a58f;border-radius:3px}.stage-row b{width:20px;font-size:10px;font-weight:400;color:#89948e}.panel-pad{padding-bottom:19px}footer{padding:10px 38px 26px;display:flex;gap:15px;font-size:9px;color:#a0a8ae;letter-spacing:1px}footer span{letter-spacing:0}footer span:last-child{margin-left:auto}dialog{border:1px solid var(--line);border-radius:12px;padding:28px;width:min(530px,95vw);box-shadow:0 20px 80px #142d3425;color:var(--ink)}dialog::backdrop{background:#122a3545;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.dialog-head h2{margin:8px 0}.icon-button{border:0;background:#f2f4f5;width:29px;height:29px;border-radius:50%;font-size:20px;color:#859099}label{display:block;font-size:11px;color:#687580;margin-bottom:15px}label input,label select{display:block;width:100%;margin-top:7px;border:1px solid #dce2e5;border-radius:5px;padding:10px;background:white;color:var(--ink);font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.form-note{font-size:11px;line-height:1.6;color:var(--muted)}.drawer{margin:0 0 0 auto;height:100%;max-height:100vh;width:min(730px,100vw);border-radius:0;padding:30px}.detail-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.detail-task{padding:17px 0;border-bottom:1px solid var(--line)}.detail-task-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.detail-task h3{margin:0;font-size:12px}.detail-task p{font-size:11px;line-height:1.7;color:var(--muted)}.task-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.task-fields label{margin:0}.task-fields input{font-size:11px;padding:8px}.task-fields select{padding:8px}.requirements{padding:9px 12px;background:#f7f8f9;border-radius:5px;font-size:10px;line-height:1.7;color:#77828b;margin:10px 0}.task-list{padding:0 22px}.task-line{display:flex;align-items:center;gap:16px;padding:19px 0;border-bottom:1px solid var(--line)}.task-line>div:nth-child(2){flex:1}.task-line h3{margin:0 0 6px;font-size:12px}.task-line p{margin:0;font-size:10px;color:var(--muted)}.task-status{border:1px solid var(--line);height:16px;width:16px;border-radius:4px}.task-status.done{background:var(--green)}.empty{padding:40px;color:var(--muted);text-align:center;font-size:12px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.template-card{background:white;border:1px solid var(--line);border-radius:9px;padding:25px}.template-card p,.template-card li{font-size:12px;color:var(--muted);line-height:1.9}.template-card ol{padding-left:18px;min-height:175px}.template-card .project-tile{width:45px;height:45px}.chart-panel{padding:22px}.chart-panel h3{margin:0 0 6px}.chart-panel .subtitle{margin-bottom:23px;font-size:11px}.chart-row{display:grid;grid-template-columns:105px 1fr 45px;gap:10px;align-items:center;margin:23px 0;font-size:11px;color:#6f7b83}.chart-row .bar{height:13px}.chart-row b{font-weight:500;text-align:right}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.legend{font-size:10px;color:var(--muted);line-height:1.8;margin-top:18px}.add-task-form{margin-top:24px;padding:18px;background:#f7f8fa;border-radius:7px}.add-task-form h3{margin-top:0}.notice{padding:12px 15px;border-radius:6px;background:#f5f7f8;color:#75818a;font-size:11px;line-height:1.7}.red-text{color:var(--red)!important}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);background:#223b31;color:white;padding:13px 22px;border-radius:7px;font-size:12px;transition:transform .2s;z-index:20}#toast.show{transform:translateX(-50%) translateY(0)}@media(min-width:1450px){td{padding-block:25px}main{padding-top:45px}}@media(max-width:1150px){.sidebar{width:205px;padding:26px 14px}.app{margin-left:205px}main{padding:28px 24px}.topbar{padding-inline:24px}td,th{padding-inline:13px}.stats{gap:10px}.stat{padding:16px}.top-right #today{display:none}}@media(max-width:800px){.sidebar{position:static;width:100%;padding:16px;display:block;border-bottom:1px solid var(--line)}.brand{font-size:21px}.workspace,.nav-label,.sidebar-bottom{display:none}nav{display:flex;margin-top:15px;gap:5px}nav button{width:auto;flex:1;justify-content:center;padding:9px 5px;font-size:10px;gap:5px}nav button>span{display:none}.app{margin:0}.topbar{height:48px}.stats{grid-template-columns:1fr 1fr}.bottom-grid,.analytics-grid,.template-grid{grid-template-columns:1fr}.page-heading{gap:12px}h1{font-size:25px}main{padding:25px 16px}.toolbar{flex-wrap:wrap;padding:15px}.search{max-width:none;flex-basis:100%}.toolbar .sort{margin-left:0}.attention{align-items:flex-start}.attention button{white-space:normal}.task-line{flex-wrap:wrap}.task-line .badge{margin-left:30px}.tabs{gap:19px}footer{padding:15px 16px}footer span:first-child{display:none}.template-card ol{min-height:0}.demo-badge{display:none}.form-grid,.task-fields{grid-template-columns:1fr}.drawer{padding:22px}.detail-task-top{align-items:flex-start}.detail-task-top select{max-width:115px}}