:root{--ink:#242426;--muted:#77736f;--line:#e5e1dc;--paper:#faf9f7;--panel:#fff;--side:#f2efeb;--plum:#5d4a72;--coral:#d36b5e;--amber:#cf9548;--teal:#4f8e86;--sky:#6d96ac;--olive:#87915f;--danger:#b84945;--shadow:0 1px 3px #32271b12}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:var(--side);border-right:1px solid var(--line);padding:20px 14px 14px;display:flex;flex-direction:column;z-index:5}.brand{height:34px;padding:0 10px;display:flex;align-items:center;gap:10px;font-weight:750;font-size:17px}.brand.large{padding:0;height:auto;justify-content:center;font-size:20px}.brand-mark{width:29px;height:29px;border-radius:6px;display:grid;place-items:center;background:var(--plum);color:#fff}.workspace{margin:20px 0 15px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;gap:9px;box-shadow:var(--shadow)}.workspace strong,.workspace small{display:block}.workspace strong{font-size:12px}.workspace small{font-size:10px;color:var(--muted);margin-top:3px}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{border:0;background:transparent;color:#625e5a;padding:9px 10px;border-radius:5px;text-align:left;display:flex;align-items:center;gap:10px}.nav-item>span{width:18px;text-align:center;font-size:16px;color:#77736e}.nav-item:hover,.nav-item.active{background:#e4dfd9;color:#292626;font-weight:650}.sidebar-label{font-size:10px;color:#9a958f;text-transform:uppercase;letter-spacing:.09em;font-weight:700;padding:22px 10px 7px}.project-list{display:flex;flex-direction:column;gap:2px;max-height:210px;overflow:auto}.project-link{border:0;background:transparent;text-align:left;padding:8px 10px;border-radius:5px;color:#625e5a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-link:hover,.project-link.active{background:#e4dfd9;color:#292626;font-weight:650}.project-link:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--coral);margin-right:8px}.add-project{border:0;background:transparent;text-align:left;padding:9px 10px;color:#817b75}.sidebar-bottom{margin-top:auto}.profile{border-top:1px solid var(--line);padding:14px 6px 0;display:flex;align-items:center;gap:9px}.profile>div{min-width:0;flex:1}.profile strong,.profile small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile strong{font-size:12px}.profile small{font-size:10px;color:var(--muted);margin-top:2px}.avatar{width:29px;height:29px;border-radius:50%;display:inline-grid;place-items:center;color:#fff;font-size:11px;font-weight:700;flex:none}.avatar.plum{background:#76608b}.avatar.coral{background:#d67d6f}.avatar.sky{background:#70a0b8}.avatar.olive{background:#929e68}.main{margin-left:252px;min-width:0;flex:1}.topbar{height:66px;padding:0 36px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fbfaf8;position:sticky;top:0;z-index:4}.breadcrumbs{color:#77726d;font-size:12px}.top-actions{display:flex;align-items:center;gap:11px}.feishu-state{font-size:11px;color:#77726d;display:flex;align-items:center;gap:6px}.feishu-state i{width:6px;height:6px;background:#46a36b;border-radius:50%}.icon-button{border:0;background:transparent;color:#77726d;width:30px;height:30px;border-radius:5px;display:grid;place-items:center;font-size:17px}.icon-button:hover{background:#eae6e1}.content{padding:32px 40px 50px;max-width:1600px;margin:auto}.loading,.empty{padding:60px 20px;text-align:center;color:#99938c}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:23px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:750;color:var(--coral)}h1{font-size:27px;letter-spacing:0;margin:6px 0 7px}h2{font-size:16px;margin:0 0 5px}.page-head p,.section-head p{margin:0;color:var(--muted);font-size:12px}.head-actions{display:flex;gap:8px}.primary,.secondary,.ghost,.danger{border-radius:5px;padding:8px 13px;border:1px solid transparent}.primary{background:var(--plum);color:#fff;font-weight:650}.primary:hover{background:#4c395f}.secondary{background:#fff;border-color:var(--line);color:#5f5a56}.secondary:hover{background:#f2efeb}.ghost{background:transparent;color:var(--plum)}.danger{background:#fff;border-color:#eccdcb;color:var(--danger)}.wide{width:100%;padding:11px 14px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:21px}.metric{background:#fff;border:1px solid var(--line);border-radius:7px;padding:16px 17px;box-shadow:var(--shadow)}.metric span,.metric small{display:block;color:#938e87;font-size:10px}.metric strong{display:block;font-size:27px;margin:8px 0 5px}.metric.alert strong{color:var(--coral)}.panel{background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:var(--shadow)}.panel-pad{padding:18px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.project-table,.file-table{width:100%;border-collapse:collapse}.project-table th,.project-table td,.file-table th,.file-table td{text-align:left;padding:12px 10px;border-bottom:1px solid #eeeae6;font-size:11px}.project-table th,.file-table th{color:#969089;font-weight:600;background:#fbfaf8}.project-table tr:last-child td,.file-table tr:last-child td{border-bottom:0}.clickable-row{cursor:pointer}.clickable-row:hover{background:#fbf8f5}.progress{height:6px;border-radius:10px;background:#e8e5e0;overflow:hidden;width:110px}.progress>i{display:block;height:100%;background:var(--teal);border-radius:inherit}.status,.tag{display:inline-block;border:1px solid var(--line);border-radius:4px;padding:3px 7px;font-size:9px;color:#77716c}.status.active,.status.in_progress{color:var(--teal);border-color:#c9dfda;background:#f5fbf9}.status.completed{color:var(--plum);border-color:#d9d1e0}.status.blocked,.status.overdue{color:var(--danger);border-color:#eccdcb;background:#fff8f7}.status.review{color:#a46d28;border-color:#ead8bc}.project-hero{display:grid;grid-template-columns:1fr auto;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line)}.project-hero h1{margin-bottom:8px}.project-meta{display:flex;gap:30px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);margin-bottom:21px}.meta-item span,.meta-item strong{display:block}.meta-item span{color:#938e87;font-size:10px;margin-bottom:4px}.meta-item strong{font-size:12px}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:23px}.tab{border:0;background:transparent;padding:0 1px 12px;color:#827d77;position:relative}.tab.active{color:var(--ink);font-weight:700}.tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--plum)}.timeline{overflow:auto}.timeline-inner{min-width:900px;display:grid;grid-template-columns:230px 1fr}.phase-list{border-right:1px solid var(--line)}.timeline-header{height:50px;background:#fbfaf8;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 14px;color:#969089;font-size:10px}.phase-row{height:52px;padding:0 13px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #eeeae6}.phase-row strong,.phase-row small{display:block}.phase-row strong{font-size:11px}.phase-row small{font-size:9px;color:#9b958f;margin-top:3px}.phase-row b{margin-left:auto;font-size:9px;color:#88817b;font-weight:500}.phase-dot{width:8px;height:8px;border-radius:50%;background:var(--plum);flex:none}.phase-row:nth-child(3) .phase-dot{background:var(--coral)}.phase-row:nth-child(4) .phase-dot{background:var(--amber)}.phase-row:nth-child(5) .phase-dot{background:var(--teal)}.phase-row:nth-child(6) .phase-dot{background:var(--sky)}.phase-row:nth-child(7) .phase-dot{background:var(--olive)}.timeline-canvas{position:relative;background-image:linear-gradient(to right,#ece8e3 1px,transparent 1px);background-size:calc(100% / 12) 100%}.timeline-scale{height:50px;background:#fbfaf8;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;font-size:9px;color:#969089}.timeline-line{height:52px;border-bottom:1px solid #eeeae6;position:relative}.timeline-bar{position:absolute;top:13px;height:26px;border-radius:4px;background:var(--plum);color:#fff;padding:6px 8px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:20px}.timeline-line:nth-child(3) .timeline-bar{background:var(--coral)}.timeline-line:nth-child(4) .timeline-bar{background:var(--amber)}.timeline-line:nth-child(5) .timeline-bar{background:var(--teal)}.timeline-line:nth-child(6) .timeline-bar{background:var(--sky)}.timeline-line:nth-child(7) .timeline-bar{background:var(--olive)}.board{display:grid;grid-template-columns:repeat(5,minmax(210px,1fr));gap:12px;overflow:auto;padding-bottom:8px}.board-column{background:#f1efec;border:1px solid var(--line);border-radius:7px;padding:11px;min-height:360px}.column-head{display:flex;align-items:center;gap:7px;margin-bottom:11px}.column-head strong{font-size:11px}.column-head span{margin-left:auto;font-size:10px;color:#99938c}.task-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:12px;margin-bottom:9px;box-shadow:var(--shadow)}.task-card strong{display:block;font-size:11px;line-height:1.5}.task-card p{font-size:9px;color:#918b84;margin:7px 0}.task-card footer{display:flex;justify-content:space-between;align-items:center}.task-card select{border:0;background:#f7f5f2;font-size:9px;color:#6c6660;padding:4px;border-radius:3px}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.calendar-nav{display:flex;align-items:center;gap:8px}.calendar-nav strong{min-width:100px;text-align:center}.calendar-layout{display:grid;grid-template-columns:minmax(570px,1fr) 285px;gap:15px}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-weekdays span{padding:11px;text-align:center;color:#918b84;font-size:10px;border-bottom:1px solid var(--line)}.calendar-cell{min-height:91px;border:0;border-right:1px solid #eeeae6;border-bottom:1px solid #eeeae6;background:#fff;text-align:left;padding:8px;overflow:hidden}.calendar-cell:nth-child(7n){border-right:0}.calendar-cell:hover,.calendar-cell.selected{background:#faf7f4}.calendar-cell.today{box-shadow:inset 0 0 0 2px var(--plum)}.calendar-cell.muted{color:#bcb6af}.calendar-cell b{font-size:10px}.calendar-cell small{display:block;margin-top:7px;padding:4px 5px;border-left:3px solid var(--coral);background:#fbf3f1;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6e6661}.agenda{padding:17px}.agenda h3{margin:0;font-size:14px}.agenda>p{font-size:10px;color:#918b84}.agenda-task{padding:10px 0;border-bottom:1px solid #eeeae6}.agenda-task strong,.agenda-task small{display:block}.agenda-task strong{font-size:11px}.agenda-task small{font-size:9px;color:#938d86;margin-top:4px}.upload-drop{border:1px dashed #cfc9c2;border-radius:6px;padding:24px;text-align:center;color:#817b75;background:#fcfbfa;margin-bottom:15px}.file-name{display:flex;align-items:center;gap:8px}.file-icon{width:28px;height:28px;border-radius:4px;background:#eee9f1;color:var(--plum);display:grid;place-items:center;font-size:8px;font-weight:700}.activity-list{padding:0 18px}.activity-item{display:flex;gap:10px;padding:15px 0;border-bottom:1px solid #eeeae6}.activity-item:last-child{border-bottom:0}.activity-item p{margin:0 0 4px;font-size:11px}.activity-item small{font-size:9px;color:#99938c}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.member-card{display:flex;gap:11px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:7px}.member-card>div{min-width:0;flex:1}.member-card strong,.member-card small{display:block}.member-card strong{font-size:12px}.member-card small{font-size:9px;color:#938d86;margin-top:3px}.member-card select{margin-top:10px;width:100%;border:1px solid var(--line);border-radius:4px;padding:5px;background:#fff;font-size:10px}.pending-banner{background:#fff7e8;border:1px solid #ead7af;border-radius:6px;padding:13px;margin-bottom:15px;color:#7b602b;font-size:11px}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:#eeebe7}.login-panel{width:min(390px,100%);background:#fff;border:1px solid var(--line);border-radius:8px;padding:34px;box-shadow:0 12px 35px #47372518}.login-panel h1{text-align:center;font-size:22px;margin:24px 0 8px}.login-panel>p{text-align:center;color:var(--muted);font-size:12px;line-height:1.7;margin:0 0 24px}.login-message{font-size:11px;color:var(--danger);text-align:center;margin-top:12px}.divider{display:flex;align-items:center;gap:8px;margin:20px 0 15px;color:#99938c;font-size:9px}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.dialog-form{width:min(520px,calc(100vw - 36px));padding:0}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.dialog-head h2{font-size:18px}.dialog-head p{margin:0;color:var(--muted);font-size:10px}dialog{border:0;border-radius:8px;padding:23px;box-shadow:0 18px 60px #2b22223d}dialog::backdrop{background:#28222566}.dialog-form label,.dev-login label{display:block;font-size:10px;color:#6d6761;margin-bottom:13px}.dialog-form input,.dialog-form select,.dialog-form textarea,.dev-login input{display:block;width:100%;border:1px solid #dbd6d0;border-radius:5px;background:#fff;padding:9px;margin-top:5px;color:var(--ink)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.security-note{padding:10px;background:#f6f4f1;border-radius:5px;color:#77716b;font-size:9px;line-height:1.6}.toast{position:fixed;right:22px;bottom:22px;background:#292628;color:#fff;padding:10px 14px;border-radius:5px;font-size:11px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.18s;z-index:20}.toast.show{opacity:1;transform:none}.mobile-only{display:none}.error-box{padding:14px;border:1px solid #eccdcb;background:#fff7f6;color:var(--danger);border-radius:6px}.role-owner{color:var(--plum)}.role-admin{color:var(--coral)}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(2,1fr)}.calendar-layout{grid-template-columns:1fr}.board{grid-template-columns:repeat(5,230px)}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none;box-shadow:8px 0 30px #2e261e26}.main{margin-left:0}.topbar{padding:0 14px}.content{padding:24px 14px 40px}.mobile-only{display:grid}.feishu-state{display:none}.page-head,.project-hero{align-items:flex-start;grid-template-columns:1fr;flex-direction:column}.page-head{gap:14px}.project-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px}.team-grid{grid-template-columns:1fr}.calendar-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.calendar-box{overflow:auto}.calendar-weekdays,.calendar-grid{min-width:650px}.metrics{grid-template-columns:1fr 1fr}.project-table th:nth-child(3),.project-table td:nth-child(3){display:none}.form-grid{grid-template-columns:1fr}}
.phase-row.editable{cursor:pointer}.phase-row.editable:hover{background:#faf7f4}.task-card{cursor:pointer}.task-card:hover{border-color:#d3ccc5}.comment-list{margin:16px 0;border-top:1px solid var(--line)}.comment{padding:11px 0;border-bottom:1px solid #eeeae6}.comment strong,.comment small{display:block}.comment strong{font-size:10px}.comment p{font-size:11px;line-height:1.6;margin:5px 0}.comment small{font-size:9px;color:#969089}.task-description{padding:12px;background:#f7f5f2;border-radius:5px;font-size:11px;line-height:1.7;color:#5f5a56}.link-button{border:0;background:transparent;color:var(--plum);padding:4px 6px;font-size:10px}