:root{color-scheme:light;font-family:Microsoft JhengHei,Noto Sans TC,Segoe UI,Arial,sans-serif;line-height:1.5;color:#111827;background:#f4f7fb;--blue-900: #003b86;--blue-800: #004aa6;--blue-700: #0759bf;--blue-100: #e8f1ff;--blue-050: #f4f8ff;--green-700: #078243;--green-100: #dff7ea;--amber-700: #b45309;--amber-100: #fff2d6;--red-700: #d03516;--red-100: #ffe4dd;--gray-900: #111827;--gray-700: #374151;--gray-500: #6b7280;--gray-300: #d8dee8;--gray-200: #e7ebf2;--gray-100: #f7f9fc;--white: #ffffff;--shadow: 0 16px 40px rgba(15, 23, 42, .08);--radius: 8px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--gray-100)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(300px,1fr) auto minmax(300px,1fr);align-items:center;gap:20px;height:78px;padding:0 28px;background:var(--white);border-bottom:1px solid var(--gray-300)}.brand{display:flex;align-items:center;gap:18px;min-width:0;border:0;background:transparent;color:var(--gray-900);font-weight:800;font-size:20px;cursor:pointer;text-align:left}.brand img{width:264px;height:auto;object-fit:contain;flex:0 0 auto}.brand span{border-left:1px solid var(--gray-300);padding-left:18px;white-space:nowrap}.nav-tabs,.session-actions,.toolbar,.form-actions,.admin-toolbar,.inline-form,.export-actions{display:flex;align-items:center;gap:10px}.nav-tab,.icon-text,.primary,.secondary,.export-button,.mini-button,.icon-only,.rail-active,.admin-rail button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;text-decoration:none;font-size:15px;font-weight:700;transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}.nav-tab{background:transparent;color:var(--gray-700);border-radius:0;height:78px;border-bottom:3px solid transparent}.nav-tab.active{color:var(--blue-800);border-bottom-color:var(--blue-800)}.session-actions{justify-content:flex-end}.primary,.export-button{color:var(--white);background:var(--blue-800);border-color:var(--blue-800);box-shadow:0 8px 18px #004aa62e}.primary:hover,.export-button:hover{background:var(--blue-900)}.export-button.pdf{background:var(--green-700);border-color:var(--green-700);box-shadow:0 8px 18px #0782432e}.secondary,.icon-text{color:var(--gray-700);background:var(--white);border-color:var(--gray-300)}.secondary:hover,.icon-text:hover,.mini-button:hover{color:var(--blue-800);border-color:#9abff2;background:var(--blue-050)}.user-chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--gray-300);border-radius:var(--radius);font-weight:700;color:var(--gray-700)}.main{flex:1;padding:28px}.page-section,.admin-layout{max-width:1600px;margin:0 auto}.page-section.narrow{max-width:560px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;min-width:0;margin-bottom:18px}.page-heading>*{min-width:0}h1,h2,p{margin-top:0}h1{margin-bottom:6px;font-size:28px;letter-spacing:0}h2{margin-bottom:14px;font-size:18px;letter-spacing:0}p{color:var(--gray-500)}.gantt-shell,.filter-panel,.data-panel,.trend-panel,.setup-panel,.edit-panel,.admin-column{min-width:0;background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius);box-shadow:var(--shadow)}.gantt-shell{overflow:auto}.gantt-header,.gantt-row{display:grid;grid-template-columns:650px minmax(760px,1fr);min-width:1260px}.gantt-header{z-index:8;background:var(--white);border-bottom:1px solid var(--gray-300)}.task-grid{display:grid;grid-template-columns:175px 85px 155px 105px 85px 45px;align-items:center;min-height:56px;border-right:1px solid var(--gray-300)}.task-grid>*{padding:0 12px;min-width:0}.header-grid{color:var(--gray-700);font-size:14px;font-weight:800;background:linear-gradient(#fff,#f7faff)}.timeline-head,.timeline-row{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(84px,1fr)}.week-cell{min-height:56px;display:flex;align-items:center;justify-content:center;color:var(--gray-700);border-right:1px solid var(--gray-200);font-size:13px;font-weight:700}.gantt-row{border-bottom:1px solid var(--gray-200);background:var(--white)}.gantt-row.parent{font-weight:800;background:#fbfdff}.gantt-row.child .task-grid{color:var(--gray-700)}.tree-name{display:flex;align-items:center;gap:6px;width:100%;min-width:0;border:0;background:transparent;color:inherit;cursor:pointer;font-weight:inherit;text-align:left}.tree-name span:last-child,.admin-tree-row{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-elbow{width:18px;height:18px;display:inline-block;border-left:1px solid var(--gray-300);border-bottom:1px solid var(--gray-300)}.timeline-row{min-height:56px}.grid-week{border-right:1px solid var(--gray-200)}.bar{position:absolute;height:18px;border-radius:3px;top:50%;transform:translateY(-50%)}.planned-bar{background:#bfdbfe;border:1px solid #82b7f4}.actual-bar{top:calc(50% + 7px);height:9px;background:var(--blue-800)}.actual-bar.complete{background:var(--green-700)}.actual-bar.danger{background:#f15a2b}.today-line{position:absolute;top:0;bottom:0;width:0;border-left:2px dashed #ef3124;z-index:3}.status{display:inline-flex;justify-content:center;min-width:54px;padding:4px 8px;border-radius:999px;font-size:13px;font-weight:800}.status.success{color:var(--green-700);background:var(--green-100)}.status.warning{color:var(--amber-700);background:var(--amber-100)}.status.danger{color:var(--red-700);background:var(--red-100)}.status.muted{color:var(--gray-500);background:var(--gray-100)}.mini-button{min-height:30px;padding:0 9px;color:var(--blue-800);background:var(--white);border-color:#9abff2;font-size:13px}.progress-text{color:var(--green-700)}.danger-text{color:var(--red-700)}.legend{display:flex;justify-content:center;gap:24px;padding:18px 0 4px;color:var(--gray-700);font-size:14px}.legend span{display:inline-flex;align-items:center;gap:8px}.legend i{width:18px;height:12px;display:inline-block;border-radius:3px}.legend .planned{background:#bfdbfe;border:1px solid #82b7f4}.legend .actual{background:var(--blue-800)}.legend .complete{background:var(--green-700)}.legend .late{background:#f15a2b}.legend .today{width:2px;height:16px;border-left:2px dashed #ef3124}.filter-panel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;align-items:end;gap:16px;padding:20px 24px;margin-bottom:14px}label{display:grid;gap:6px;color:var(--gray-700);font-size:14px;font-weight:800}input,select,textarea{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--gray-300);border-radius:6px;background:var(--white);color:var(--gray-900);font-size:15px}textarea{min-height:96px;resize:vertical}.report-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px}.data-panel,.trend-panel,.admin-column,.edit-panel,.setup-panel{padding:20px}.table-scroll{max-width:100%;overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px;font-size:14px}.admin-column table{min-width:430px}th,td{padding:12px 10px;border:1px solid var(--gray-200);text-align:left;vertical-align:top}th{background:#eef5ff;color:var(--gray-700);font-weight:800}.empty-cell{text-align:center;color:var(--gray-500);padding:28px}.trend-panel svg{width:100%;height:180px}.trend-panel line{stroke:var(--gray-300)}.trend-panel polyline{fill:none;stroke:var(--blue-800);stroke-width:3}.trend-panel circle{fill:var(--blue-800)}.trend-stats{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--gray-200)}.trend-stats.muted{color:var(--gray-500)}.admin-layout{display:grid;grid-template-columns:230px minmax(0,1fr);overflow:hidden;background:var(--white)}.admin-rail{padding:24px 16px;background:linear-gradient(180deg,#003b86,#002d65);color:var(--white)}.admin-rail h2{color:var(--white)}.admin-rail button{width:100%;justify-content:flex-start;margin-bottom:8px;color:var(--white);background:transparent}.admin-rail button.rail-active,.admin-rail button:hover{background:#ffffff24}.security-note{margin-top:28px;padding:14px;border-radius:var(--radius);background:#ffffff1f;font-size:13px}.security-note p{color:#dcecff;margin-bottom:0}.admin-main{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(320px,.9fr) minmax(360px,1fr);gap:16px;padding:16px;background:#f3f6fb}.admin-column,.edit-panel{box-shadow:none}.admin-toolbar{justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap}.admin-toolbar h2{flex:1 1 180px;margin-bottom:0}.tree-editor{border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden}.admin-tree-row{width:100%;min-height:42px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:0 12px;border:0;border-bottom:1px solid var(--gray-200);background:var(--white);color:var(--gray-900);cursor:pointer;text-align:left}.admin-tree-row.parent{font-weight:800;background:var(--blue-050)}.admin-tree-row.child{padding-left:34px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-row{display:flex;align-items:center;gap:8px;margin:8px 0}.check-row input{width:18px;min-height:18px}.edit-panel,.setup-panel{display:grid;gap:12px}.inline-form{margin-bottom:14px;flex-wrap:wrap}.inline-form input{min-width:0;flex:1 1 180px}.icon-only{min-width:36px;min-height:34px;padding:0;color:var(--blue-800);background:var(--white);border-color:var(--gray-300)}.empty-state{padding:42px 24px;text-align:center;color:var(--gray-500)}.empty-state h2{color:var(--gray-900)}.center-button,.full{width:100%}.dialog-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#0f172a6b}.dialog{position:relative;width:min(460px,100%);display:grid;gap:14px;padding:26px;border-radius:var(--radius);background:var(--white);box-shadow:0 24px 70px #0f172a47}.dialog-close{position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;background:transparent;color:var(--gray-500);font-size:24px;cursor:pointer}.dialog-hint{margin:0;font-size:13px}.form-error{margin:0;color:var(--red-700);font-weight:800}.toast{position:fixed;right:24px;bottom:24px;z-index:70;padding:12px 16px;color:var(--white);background:var(--blue-900);border-radius:var(--radius);box-shadow:var(--shadow);animation:toast 3s ease forwards}.footer{padding:18px 28px;color:var(--gray-500);border-top:1px solid var(--gray-300);background:var(--white);font-size:14px}@keyframes toast{0%{opacity:0;transform:translateY(12px)}12%,82%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@media(max-width:1100px){.topbar{grid-template-columns:1fr;height:auto;padding:12px 18px}.brand span{display:none}.brand img{width:220px}.nav-tabs,.session-actions,.page-heading,.toolbar,.export-actions{flex-wrap:wrap;justify-content:flex-start}.nav-tab{height:42px;border-radius:var(--radius);border:1px solid var(--gray-300)}.main{padding:18px}.filter-panel,.report-layout,.admin-layout,.admin-main{grid-template-columns:1fr}.trend-panel{width:100%}.admin-rail{display:none}}@media(max-width:720px){h1{font-size:23px}.topbar{gap:10px}.brand img{width:190px}.primary,.secondary,.icon-text,.export-button,.export-actions,.toolbar,.session-actions{width:100%}.two-col{grid-template-columns:1fr}.admin-toolbar{align-items:stretch}.admin-toolbar h2{flex-basis:100%;margin-bottom:4px}}