:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#1b2944;background:#f6f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5}.sidebar{width:244px;background:#fff;border-right:1px solid #e8edf4;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:24px 14px;z-index:2}.brand{display:flex;align-items:center;gap:12px;padding:4px 12px 30px}.brandlogo{background:#273d86;color:#fff;border-radius:12px;display:grid;place-items:center;width:40px;height:40px;font-size:21px;font-weight:800}.brand strong{font-size:17px}.brand small{display:block;font-size:10px;letter-spacing:1px;color:#8894aa;margin-top:4px}.nav{display:grid;gap:4px}.nav button{border:0;background:transparent;text-align:left;padding:12px 14px;color:#606f87;border-radius:9px;font-weight:550;display:flex;gap:14px}.nav button.active,.nav button:hover{background:#eef2ff;color:#2f49a3}.navicon{font-size:19px;width:24px;text-align:center}.sidebar-bottom{margin-top:auto;padding:15px 12px;color:#7e8ba0;font-size:12px}.mini-tag{padding:8px;background:#f7f8fb;border-radius:8px;margin-bottom:9px}.textbutton{background:none;border:0;color:#3959b1;padding:10px 0}main{margin-left:244px;min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #e8edf4;padding:24px 36px;display:flex;align-items:center;justify-content:space-between;gap:16px}.crumb{color:#8a96aa;font-size:12px}.topbar h1{font-size:25px;margin:5px 0 8px}.muted{font-size:12px;color:#8b96aa}.top-actions{display:flex;gap:12px}.top-actions input{width:220px}.content{padding:28px 36px;max-width:1550px;margin:auto}button,.primary,.secondary{border:1px solid #e1e7f1;border-radius:8px;background:#fff;padding:9px 13px;color:#425273}.primary{background:#354fa8;color:#fff;border-color:#354fa8;font-weight:600}.primary:hover{background:#263e8f}button:hover{filter:brightness(.975)}input,textarea,select{border:1px solid #e0e6ef;background:#fff;border-radius:8px;padding:10px;color:#233350;max-width:100%}.hero{background:linear-gradient(100deg,#263c80,#5067b5);color:#fff;border-radius:16px;padding:24px 30px;display:flex;justify-content:space-between;gap:18px}.hero h2{font-size:25px;margin:8px 0}.hero p{opacity:.75;margin:0;font-size:13px}.eyebrow{font-size:10px;letter-spacing:2px;opacity:.6}.hero-badge{font-size:36px;font-weight:700;align-self:center;white-space:nowrap}.hero-badge span{font-size:12px;opacity:.8}.stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:18px 0}.stat{background:#fff;border:1px solid #e6eaf1;border-radius:12px;padding:18px}.stat span{display:block;font-size:12px;color:#8390a4}.stat strong{display:block;font-size:25px;margin-top:7px;color:#233963}.cols{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin-bottom:18px}.panel{background:#fff;border:1px solid #e5eaf2;border-radius:12px;padding:20px;margin-bottom:18px;min-width:0}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.panelhead h3{margin:0;font-size:16px}.panelhead button{background:transparent;border:0;color:#4563b5;font-size:12px}.task{padding:12px 0;border-top:1px solid #eef1f7}.task-title{display:flex;align-items:center;gap:10px}.task-title input{accent-color:#4260ac;cursor:pointer}.task-name{font-weight:600;text-align:left;border:0;background:none;padding:5px 0;color:#2b3851}.task.done .task-name{text-decoration:line-through;color:#a7adba}.task-meta{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0 5px 28px}.pill{display:inline-flex;align-items:center;background:#f2f5f9;color:#77849c;font-size:10px;padding:3px 8px;border-radius:6px;white-space:nowrap}.pill.P0{background:#fff0ef;color:#df6461}.pill.P1{background:#fff5e9;color:#be8136}.pill.P2{background:#edf3ff;color:#5271b5}.pill.P3{background:#edf7f2;color:#438d70}.pill.danger{background:#fff0f0;color:#da4242}.task-controls{margin-left:28px;display:flex;gap:7px}.task-controls button{font-size:11px;padding:5px 8px}.deadline{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid #eef1f7}.deadline strong{font-size:13px}.deadline small{display:block;font-size:11px;color:#8793a6;margin-top:4px}.notice{background:#f4f7ff;border:1px solid #e8ecfa;border-radius:9px;color:#697a9d;font-size:12px;line-height:1.7;padding:12px 14px;margin:14px 0}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-tile{display:block;text-align:left;padding:15px}.row{display:flex;align-items:center;justify-content:space-between;gap:8px}.row strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress{height:6px;background:#ebeff7;border-radius:8px;overflow:hidden;margin:12px 0}.progress i{display:block;height:100%;background:#566ebd}.matrix{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quad{background:#fff;border-radius:12px;border:1px solid #e8edf4;padding:18px;min-height:255px}.quad.over{outline:2px dashed #5870c2}.quadhead{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #e9edf5;padding-bottom:11px}.quadhead h3{font-size:15px}.q1 .quadhead{border-color:#df7774}.q2 .quadhead{border-color:#6886ca}.q3 .quadhead{border-color:#dfa363}.q4 .quadhead{border-color:#9baab7}.drop-hint,.empty{color:#a6b1c3;text-align:center;padding:32px 10px;font-size:12px}.project-layout{display:grid;grid-template-columns:275px 1fr;gap:18px}.project-item{width:100%;display:flex;justify-content:space-between;align-items:flex-start;text-align:left;margin-bottom:6px;gap:5px}.project-item strong{font-size:12px}.project-item span{font-size:10px;white-space:nowrap}.project-item.sel{border-color:#8096cc;background:#f5f7ff}.full{width:100%}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;font-size:12px}.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.cal-grid:not(.month):has(.cal-day:only-child){grid-template-columns:1fr}.cal-day{min-height:155px;border:1px solid #e5eaf2;border-radius:8px;padding:10px;min-width:0}.cal-day.current{background:#f8faff;border-color:#a9bae8}.cal-label{font-size:12px;font-weight:700;margin-bottom:10px}.cal-event,.cal-task{display:block;width:100%;padding:7px;text-align:left;margin-bottom:6px;font-size:11px;background:#eaf0ff;border:0;overflow:hidden;text-overflow:ellipsis}.cal-task{background:#f2f5fa}.cal-grid.month{grid-template-columns:repeat(7,minmax(0,1fr))}.cal-grid.month .cal-day{min-height:105px}.cal-grid.month .cal-task{white-space:nowrap}.gantt-scroll{overflow-x:auto}.gantt{min-width:1100px}.gantt-row{display:grid;grid-template-columns:200px repeat(39,24px);align-items:center;border-bottom:1px solid #eef1f7;min-height:40px}.gantt-label{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gantt-label small{color:#8a99af}.gantt-day{font-size:10px;text-align:center;color:#8895a9}.gantt-cell{height:16px;border-right:1px solid #f4f6fa}.gantt-cell.filled{background:#abb9ea}.gantt-cell.milestone{background:#4054a7;border-radius:4px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #edf0f5}.settings-row strong{font-size:13px}.settings-row p{margin:5px 0}.review{border-top:1px solid #edf0f5;padding:12px}.review p{font-size:12px;color:#738096}textarea{display:block;width:100%;min-height:76px;resize:vertical}label{display:block;color:#53627b;font-size:12px;font-weight:600;margin:10px 0}label input,label select{display:block;width:100%;margin-top:7px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#17243c88;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{max-height:90vh;overflow-y:auto;background:#fff;padding:24px;border-radius:15px;width:min(650px,100%);box-shadow:0 12px 60px #1d294640}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checkline{display:flex;align-items:center;gap:8px}.checkline input{width:auto;margin:0}.modalactions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.dangerbtn{color:#c34b49;margin-right:auto}.small{grid-template-columns:1fr 1fr}.hint{color:#9ba6ba;font-size:11px}@media(max-width:1050px){.stats{grid-template-columns:repeat(3,1fr)}.cols{grid-template-columns:1fr}.sidebar{width:204px}main{margin-left:204px}.content{padding:22px}.topbar{padding:20px}.project-layout{grid-template-columns:220px 1fr}}@media(max-width:720px){.sidebar{width:100%;height:auto;position:relative;padding:9px}.brand{padding:8px}.nav{display:flex;overflow-x:auto}.nav button{white-space:nowrap;padding:10px}.sidebar-bottom{display:none}main{margin:0}.topbar{display:block;padding:18px}.top-actions{margin-top:15px}.top-actions input{width:100%;min-width:0}.content{padding:14px}.hero{padding:18px}.hero h2{font-size:20px}.stats{grid-template-columns:repeat(2,1fr)}.stat{padding:12px}.project-grid,.matrix,.project-layout,.info-grid{grid-template-columns:1fr}.project-list{display:flex;overflow-x:auto}.project-item{min-width:160px}.cal-grid{overflow-x:auto;display:flex}.cal-day{min-width:170px}.cal-grid.month{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr))}.cal-grid.month{overflow-x:auto}.modal{padding:15px}.form-grid{grid-template-columns:1fr}}.login-screen{min-height:100vh;display:grid;place-items:center;background:linear-gradient(140deg,#f7f8ff,#e9eeff);padding:24px}.login-card{width:min(100%,420px);background:#fff;padding:40px 30px;border:1px solid #e2e7f3;border-radius:18px;box-shadow:0 18px 55px #23397717;text-align:center}.login-card h1{font-size:25px;margin:16px 0 8px}.login-card p{line-height:1.8}.login-card .primary{margin-top:16px;padding:12px 24px}.login-mark{width:54px;height:54px;background:#344cb7;color:#fff;border-radius:15px;display:grid;place-items:center;font-size:26px;margin:0 auto}
