:root{--ink:#172321;--muted:#687573;--paper:#f4f6f2;--panel:#fff;--line:#dfe5df;--green:#0b6655;--green-2:#138b73;--lime:#d7eb9f;--amber:#d98d32;--red:#c84f43;--blue:#3c6f89;--shadow:0 20px 50px rgba(26,50,44,.08);--radius:18px}
*{box-sizing:border-box}html{font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-size:15px}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit;color:inherit}button,a{transition:background .18s,color .18s,border-color .18s,transform .18s}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:1.65rem;margin-bottom:0}h2{font-size:1.35rem;margin-bottom:.35rem}h3{font-size:1rem;margin-bottom:.45rem}small{display:block;color:var(--muted);font-size:.76rem;margin-top:.2rem}.muted{color:var(--muted);line-height:1.65}.eyebrow{font-size:.69rem;font-weight:800;letter-spacing:.17em;color:var(--green-2);margin-bottom:.45rem}.app-shell{display:grid;grid-template-columns:238px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;background:#142b27;color:#eef5ed;padding:28px 18px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 8px}.brand strong{display:block;font-size:1.2rem;letter-spacing:.08em}.brand small{color:#a9bbb6;letter-spacing:.04em}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--lime);color:#173a32;display:grid;place-items:center;font-family:Georgia,serif;font-size:1.05rem;font-weight:700}.nav{display:flex;flex-direction:column;gap:5px;margin-top:38px}.nav>a{display:flex;justify-content:space-between;align-items:center;border-radius:12px;padding:11px 13px;color:#b8c9c4}.nav>a small{margin:0;color:#78908a;font-size:.64rem}.nav>a:hover{background:#1d3a34;color:#fff}.nav>a.active{background:#e9f0cf;color:#14332c;font-weight:750}.nav>a.active small{color:#547068}.nav-section{color:#617e76;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;margin:20px 13px 5px}.sidebar-foot{margin-top:auto;border-top:1px solid #2b4540;padding:18px 8px 2px}.user-chip{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#2a5048;color:#fff;font-weight:700}.user-chip strong{font-size:.88rem}.user-chip small{color:#90a9a3}.link-button{background:none;border:0;padding:0;color:#9fb1ad;cursor:pointer;font-size:.8rem;margin-top:12px}.link-button:hover{color:#fff}.link-button.danger{color:var(--red);margin:0}.main{min-width:0;padding:0 34px 48px}.topbar{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe4dd;margin-bottom:24px}.topbar time{color:var(--muted);font-size:.82rem}.menu-button{display:none}.page-content{max-width:1480px;margin:auto}.notice{display:flex;align-items:center;gap:12px;border-radius:13px;padding:12px 16px;margin:0 auto 18px;max-width:1480px;font-size:.88rem}.notice strong{white-space:nowrap}.notice span{flex:1;color:#4f5d5a}.notice a{font-weight:750;text-decoration:underline}.notice.warning{background:#fff2d5;border:1px solid #efd49c}.notice.success{background:#e5f3eb;border:1px solid #b8ddca}.notice.error,.auth-error{background:#feeae8;border:1px solid #f1c3be;color:#8b2f29}.notice.info{background:#e7f1f5;border:1px solid #c5dce6}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 1px 0 rgba(23,35,33,.02)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.panel-heading h2{margin-bottom:0}.hero-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;min-height:132px}.metric-card.metric-primary{background:#173d35;color:#f5fbf8;border-color:#173d35}.metric-card>strong{display:block;font-size:2.05rem;letter-spacing:-.04em;margin:17px 0 5px}.metric-card>strong small{display:inline;font-size:.8rem;margin-left:4px}.metric-card p,.metric-card>span{font-size:.78rem;color:var(--muted);margin:0}.metric-primary p{color:#b8ccc6}.metric-label{display:flex;justify-content:space-between;align-items:center;font-size:.76rem;color:var(--muted)}.metric-primary .metric-label{color:#c5d7d2}.status-dot{width:8px;height:8px;border-radius:50%;background:#91aaa4;box-shadow:0 0 0 4px rgba(255,255,255,.08)}.status-dot.normal{background:#82d3a6}.status-dot.busy{background:#f1b25d}.status-dot.overload{background:#ff756d}.chart-panel{margin-bottom:16px}.chart-panel canvas{width:100%;height:280px;display:block}.legend{display:flex;gap:16px;font-size:.74rem;color:var(--muted)}.legend span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.legend .actual:before{background:var(--green-2)}.legend .forecast:before{background:#aac3ba}.split-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(350px,.8fr);gap:16px;margin-bottom:16px}.pill{background:#edf1eb;color:#51625e;border-radius:999px;padding:6px 10px;font-size:.7rem;font-weight:700}.pill.private{background:#f7e9de;color:#9a572d}.table-wrap{overflow:auto;margin:0 -6px}table{border-collapse:collapse;width:100%;font-size:.82rem}th{text-align:left;color:#7c8986;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:13px 12px;border-bottom:1px solid #edf0ec;vertical-align:middle}tbody tr:last-child td{border-bottom:0}td strong{display:block}.load-pill,.status-tag,.size-tag{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:.7rem;font-weight:750;background:#eef1ed}.load-pill.idle{background:#e7edf0;color:#55727d}.load-pill.light{background:#e3f2ea;color:#28765f}.load-pill.normal{background:#daf0c9;color:#3f6c2c}.load-pill.busy{background:#fff0ce;color:#94620d}.load-pill.overload{background:#fde2df;color:#ad3d34}.alert-mark{display:inline-block;margin-left:6px;color:var(--red);font-size:.68rem;font-weight:800}.empty{text-align:center!important;color:var(--muted);padding:28px!important}.project-bars{display:flex;flex-direction:column;gap:17px}.project-bar{display:grid;grid-template-columns:110px 1fr 58px;align-items:center;gap:12px}.project-bar>span{text-align:right;font-weight:750;font-size:.8rem}.bar-track{height:8px;background:#edf0eb;border-radius:99px;overflow:hidden}.bar-track i{display:block;height:100%;width:min(calc(var(--bar) * 1%),100%);min-width:4px;background:linear-gradient(90deg,var(--green),var(--lime));border-radius:99px}.confidential{border-top:3px solid #d8a173}.page-actions,.form-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}.page-actions h2,.form-hero h2{font-size:1.75rem}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:11px;padding:10px 15px;font-weight:750;font-size:.82rem;cursor:pointer}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:#084f42}.button.secondary{background:#edf3ef;border-color:#d7e3dc;color:#23594d}.button.ghost{background:#fff;border-color:var(--line)}.button.mini{padding:7px 10px;border-color:var(--line);background:#f7f8f5}.button.wide{width:100%;padding:13px}.text-link{font-size:.78rem;font-weight:750;color:var(--green-2)}.back-row{margin-bottom:14px}.form-hero{background:linear-gradient(115deg,#173d35,#285d51);color:#fff;border-radius:22px;padding:26px 30px;align-items:center}.form-hero p{color:#bdd2cc;margin-bottom:0}.form-hero .eyebrow{color:#cfe897}.form-stat{text-align:right;min-width:150px}.form-stat span{display:block;color:#b9cdc8;font-size:.75rem}.form-stat strong{font-size:2rem}.form-stat strong small{display:inline;color:#bdd2cc;margin-left:5px}.form-stat .project-name{font-size:1.25rem;margin-top:8px}.leave-panel{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.leave-panel label{width:160px}.worklog-form>.panel{margin-bottom:16px}.work-rows{display:flex;flex-direction:column;gap:10px}.work-row{position:relative;display:grid;grid-template-columns:34px 100px minmax(180px,1.15fr) 110px minmax(210px,1.2fr) 34px;align-items:end;gap:10px;border:1px solid #e2e7e1;background:#fafbf8;border-radius:14px;padding:13px}.row-index{align-self:center;width:28px;height:28px;border-radius:9px;background:#e4eee8;display:grid;place-items:center;color:var(--green);font-size:.66rem;font-weight:800}.work-row label,.stack-form label,.form-grid label,.responsible-grid>label,.filter-bar label{display:flex;flex-direction:column;gap:6px;font-size:.73rem;font-weight:700;color:#56635f}.work-row input,.work-row select,input,select,textarea{width:100%;border:1px solid #d4dcd5;background:#fff;border-radius:9px;padding:9px 10px;outline:none}.work-row input:focus,.work-row select:focus,input:focus,select:focus,textarea:focus{border-color:#4b9d88;box-shadow:0 0 0 3px rgba(75,157,136,.12)}.other-field{display:none}.work-row.is-other .project-field,.work-row.is-other .content-field,.work-row.is-other .end-field{display:none}.work-row.is-other .other-field{display:flex}.end-field{grid-column:3/6;margin-top:-2px!important;flex-direction:row!important;align-items:center;gap:7px!important}.check-line{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important}.check-line input{width:auto}.icon-button{width:30px;height:30px;border:0;border-radius:8px;background:#eef1ed;color:#75817d;cursor:pointer;font-size:1.2rem}.icon-button:hover{background:#fee7e4;color:var(--red)}.form-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.form-footer>div span{display:block;color:var(--muted);font-size:.72rem}.form-footer>div strong{font-size:1.1rem}.project-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:14px;padding-bottom:3px}.project-tabs a{min-width:150px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:11px 13px}.project-tabs a.active{background:#e5efcb;border-color:#cbdc9b}.project-tabs span{display:block;font-weight:750}.forecast-total{text-align:right}.forecast-total span{display:block;color:var(--muted);font-size:.7rem}.forecast-total strong{font-size:1.4rem}.compact-input{max-width:110px}.optional-row{opacity:.72}.input-table tr:focus-within{opacity:1;background:#f6faf7}.empty-state{text-align:center;background:#fff;border:1px dashed #cfd8d1;border-radius:20px;padding:55px 20px}.empty-state>span{display:inline-block;color:var(--green-2);font-size:.72rem;font-weight:800;letter-spacing:.08em}.project-table .actions{display:flex;align-items:center;gap:10px}.actions form{display:inline}.status-tag.active{background:#e2f1e8;color:#237259}.status-tag.completed{background:#edf0ec;color:#62706c}.status-tag.archived{background:#f0ece8;color:#756558}.size-tag{background:#eef2ed}.size-超大{background:#f8dfd8;color:#a94438}.project-form{max-width:1080px}.form-grid{display:grid;gap:15px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid.two{grid-template-columns:repeat(2,1fr)}.span-2{grid-column:span 2}.project-form hr{border:0;border-top:1px solid var(--line);margin:24px 0}.responsible-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:30px}.responsible-grid fieldset{border:0;padding:0;margin:0}.responsible-grid legend{font-weight:750}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.check-card{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px}.check-card input{width:auto}.stack-form{display:flex;flex-direction:column;gap:14px}.narrow-panel{max-width:520px}.admin-grid{grid-template-columns:350px minmax(0,1fr)}.span-wide{min-width:0}.inline-form{display:flex;gap:6px}.inline-form input{min-width:130px;padding:7px 8px}.permission-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.permission-row{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid var(--line);padding:12px;border-radius:11px}.permission-row select{width:210px}.settings-grid{align-items:start}.threshold-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 20px}.threshold-grid label{position:relative;font-size:.72rem;color:var(--muted)}.threshold-grid small{position:absolute;right:10px;bottom:10px}.calendar-list{margin-top:18px;max-height:310px;overflow:auto}.calendar-list>div{display:grid;grid-template-columns:100px 50px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.78rem}.filter-bar{display:flex;align-items:end;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:14px}.filter-bar input,.filter-bar select{min-width:120px}.export-actions{display:flex;gap:8px}.report-metrics{grid-template-columns:repeat(3,1fr)}code{font-family:"Cascadia Code",monospace;font-size:.72rem;background:#eef1ed;border-radius:5px;padding:3px 5px}
.auth-shell{background:#102c27;display:grid;place-items:center;padding:24px}.auth-card{width:min(980px,100%);min-height:610px;display:grid;grid-template-columns:1.1fr .9fr;background:#f6f7f3;border-radius:28px;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.28)}.auth-intro{position:relative;background:#183e36;color:#f4faf7;padding:52px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.auth-intro:after{content:"";position:absolute;width:360px;height:360px;border:80px solid rgba(216,235,159,.08);border-radius:50%;right:-170px;bottom:-160px}.auth-brand{position:absolute;top:38px;left:44px}.auth-intro h1{font-size:2.9rem;line-height:1.18;letter-spacing:-.04em;margin:14px 0 22px}.auth-intro>p:not(.eyebrow){max-width:430px;color:#b8cec8;line-height:1.8}.auth-metric{position:absolute;bottom:42px;left:52px}.auth-metric span{font-size:1.5rem;font-weight:800;color:var(--lime)}.auth-metric small{color:#a9c0ba}.login-panel{padding:56px 48px;display:flex;flex-direction:column;justify-content:center}.login-panel h2{font-size:1.7rem}.login-panel form{margin-top:30px}.login-help{color:var(--muted);font-size:.76rem;text-align:center;margin:18px 0 0}.auth-error{position:fixed;top:20px;left:50%;transform:translateX(-50%);padding:11px 16px;border-radius:10px;z-index:5}
@media(max-width:1100px){.hero-grid{grid-template-columns:repeat(2,1fr)}.split-grid,.admin-grid{grid-template-columns:1fr}.work-row{grid-template-columns:32px 90px 1fr 100px 32px}.content-field,.other-field{grid-column:3/5}.end-field{grid-column:3/5}.permission-list{grid-template-columns:1fr}}
@media(max-width:780px){.app-shell{display:block}.sidebar{position:fixed;left:-255px;width:238px;transition:left .2s}.sidebar.open{left:0;box-shadow:20px 0 40px rgba(0,0,0,.2)}.main{padding:0 16px 36px}.menu-button{display:block;border:0;background:#e7ece7;border-radius:9px;padding:8px}.topbar{height:88px}.topbar>div{margin-right:auto;margin-left:12px}.topbar time{display:none}.hero-grid{grid-template-columns:1fr 1fr}.split-grid{grid-template-columns:1fr}.form-grid.three,.responsible-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.work-row{grid-template-columns:30px 1fr 80px 30px}.project-field,.content-field,.other-field,.end-field{grid-column:2/4}.auth-card{grid-template-columns:1fr;min-height:auto}.auth-intro{display:none}.login-panel{padding:38px 28px}.page-actions,.form-hero{align-items:flex-start;flex-direction:column}.form-stat{text-align:left}.threshold-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.hero-grid{grid-template-columns:1fr}.permission-row{align-items:flex-start;flex-direction:column}.permission-row select{width:100%}.check-grid{grid-template-columns:1fr}.filter-bar{align-items:stretch;flex-direction:column}.export-actions{width:100%}.export-actions .button{flex:1}}
@media print{.sidebar,.topbar,.notice,.page-actions .button,.filter-bar,.menu-button{display:none!important}.app-shell{display:block}.main{padding:0}.panel,.metric-card{box-shadow:none;break-inside:avoid}.page-content{max-width:none}body{background:#fff}}