:root{color-scheme:light;font-family:Microsoft JhengHei,Microsoft YaHei,PingFang TC,Segoe UI,Arial,sans-serif;color:#10201d;background:#edf3f1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.65}.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#edf3f1}.auth-card{width:min(460px,100%);border-radius:8px;border:1px solid #dce8e5;background:#fff;box-shadow:0 18px 42px #1e46401a;padding:22px;display:grid;gap:16px}.compact-brand{color:#10201d}.compact-brand span{color:#5b756f}.auth-copy{display:grid;gap:8px}.auth-copy h1{margin:0;font-size:28px;line-height:1.15;letter-spacing:0}.auth-copy p{margin:0;color:#526d67;line-height:1.55}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;padding:22px;background:#0c2522;color:#f8fbfa;display:flex;flex-direction:column;gap:22px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;background:#12a594;color:#fff;font-weight:800}.brand strong,.brand span{display:block}.brand span,.permission-panel span{margin-top:2px;color:#a7c8c1;font-size:13px}.nav{display:grid;gap:8px}.nav button,.permission-panel{display:flex;align-items:center;gap:10px;border-radius:8px;padding:12px;color:#e8f3f1;background:transparent;text-align:left}.nav button:hover,.nav button.active{background:#173b36}.permission-panel{margin-top:auto;background:#12322e}.cloud-user-card{display:grid;gap:7px;border-radius:8px;padding:12px;background:#12322e}.cloud-user-card span,.cloud-user-card em{color:#a7c8c1;font-size:13px;font-style:normal}.cloud-user-card strong{font-size:16px}.ghost.dark{width:100%;margin-top:6px;color:#e8f3f1;background:#173b36;border-color:#28514b}.secondary.dark{width:100%;color:#06332e;background:#a7ded5}.password-panel{display:grid;gap:8px;margin-top:4px;padding-top:10px;border-top:1px solid #28514b}.password-panel label{display:grid;gap:5px;color:#cfe4df;font-size:13px}.password-panel input{width:100%;min-height:36px;border-radius:8px;border:1px solid #28514b;background:#0c2522;color:#f8fbfa;padding:8px 10px;outline-color:#12a594}.password-panel input::placeholder{color:#799e97}.cloud-message{border-radius:8px;padding:8px 10px;color:#ffe3b3;background:#2d3924;border:1px solid #5b6738;font-size:13px;line-height:1.45}.content{padding:26px;display:flex;flex-direction:column;gap:18px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar h1{margin:2px 0 0;font-size:30px;line-height:1.15;letter-spacing:0}.eyebrow{margin:0;color:#4c6a64;font-size:13px}.topbar-actions,.filters,.form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.primary,.secondary,.ghost,.danger,.mini{min-height:38px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;white-space:nowrap}.primary{background:#0f766e;color:#fff}.secondary{background:#d9ebe7;color:#12332e}.ghost{background:#fff;color:#173b36;border:1px solid #d6e2df}.danger{background:#ffe8e5;color:#b42318;border:1px solid #ffc9c3}.mini{min-height:32px;background:#eef7f5;color:#0f5e57}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric,.panel{border-radius:8px;background:#fff;border:1px solid #dce8e5;box-shadow:0 16px 36px #1e464012}.metric{padding:16px;display:grid;gap:8px;color:inherit;text-align:left;font:inherit}.metric-button{cursor:pointer}.metric-button:hover{border-color:#98c9c0;transform:translateY(-1px)}.metric-button:focus-visible{outline:2px solid #0f766e;outline-offset:2px}.metric-icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;color:#0f766e;background:#e3f3ef}.metric svg{width:19px;height:19px}.metric span{color:#58726d;font-size:13px}.metric strong{font-size:26px;line-height:1}.metric em,.month-row em,.rank-row em{font-style:normal;color:#6b817d;font-size:13px}.metric.danger .metric-icon{color:#b42318;background:#ffe8e5}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:14px}.quality-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.panel{padding:16px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-header h2{margin:0;font-size:18px}.panel-header span{color:#6b817d;font-size:13px}.funnel,.month-list,.rank-list,.overdue-list{display:grid;gap:10px}.funnel-row{display:grid;grid-template-columns:88px minmax(120px,1fr) 130px;align-items:center;gap:10px;color:#314b46;font-size:14px}.funnel-button{width:100%;border:0;border-radius:6px;background:transparent;text-align:left;cursor:pointer;padding:8px 4px}.funnel-button:hover{background:#f4faf8}.funnel-button:focus-visible{outline:2px solid #0f766e;outline-offset:2px}.bar-track{height:10px;border-radius:999px;background:#e5efec;overflow:hidden}.bar-fill{height:100%;border-radius:inherit;background:#0f766e}.bar-fill.muted{background:#9aa8a4}.month-row,.rank-row,.overdue-item{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;min-height:42px;padding:10px 0;border-top:1px solid #edf3f1}.month-button{width:100%;border:0;border-radius:6px;background:transparent;color:inherit;text-align:left;cursor:pointer}.month-button:hover{background:#f4faf8}.month-button:focus-visible{outline:2px solid #0f766e;outline-offset:2px}.overdue-item{grid-template-columns:1fr;text-align:left;background:transparent;color:inherit}.focus-list{display:grid;gap:8px}.focus-item{display:grid;gap:4px;min-height:52px;padding:10px 0;border-top:1px solid #edf3f1;background:transparent;color:inherit;text-align:left}.focus-item strong,.overdue-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.focus-item span{color:#6b817d;font-size:12px}.owner-pipeline .rank-row{grid-template-columns:minmax(76px,1fr) auto minmax(140px,1.2fr)}.owner-button{width:100%;border:0;border-radius:6px;background:transparent;color:inherit;text-align:left;cursor:pointer}.owner-button:hover{background:#f4faf8}.owner-button:focus-visible{outline:2px solid #0f766e;outline-offset:2px}.opportunity-link{display:grid;gap:4px;width:100%;border:0;border-radius:6px;padding:4px 2px;background:transparent;color:inherit;text-align:left;cursor:pointer}.opportunity-link:hover{background:#f4faf8}.opportunity-link:focus-visible{outline:2px solid #0f766e;outline-offset:2px}.active-filter{min-height:40px;display:inline-flex;align-items:center;gap:8px;border-radius:8px;border:1px solid #c8ded9;background:#eef7f5;color:#173b36;padding:4px 6px 4px 10px;font-size:13px;font-weight:700}.active-filter .mini{min-height:28px;padding:0 9px}.overdue-item span,td span{display:block;color:#6b817d;font-size:12px;margin-top:3px}.empty{margin:0;color:#6b817d}.issue-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.issue-chip{min-height:46px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#f4faf8;color:#173b36;border:1px solid #d8e9e5;text-align:left}.issue-chip.active{background:#0f766e;color:#fff;border-color:#0f766e}.issue-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.advice-list{display:grid;gap:10px}.advice-list p{margin:0;color:#3d5a55;line-height:1.55}.issue-tags{display:flex;flex-wrap:wrap;gap:6px;min-width:220px}.issue-tag{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:0 8px;font-size:12px;font-weight:700}.issue-tag.high{background:#ffe8e5;color:#b42318}.issue-tag.medium{background:#fff0d8;color:#8a4a00}.issue-tag.low{background:#e6f2ff;color:#175cd3}.filters{margin-bottom:12px}.notice{margin:0 0 12px;border-radius:8px;border:1px solid #b9ded8;background:#eefaf7;color:#145a52;padding:10px 12px;font-size:14px}.notice.warning{margin:0;border-color:#ffd6a8;background:#fff7ed;color:#8a4a00;line-height:1.45}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.searchbox,.filters label,.field select,.field input,.field textarea{min-height:40px;border-radius:8px;border:1px solid #cadbd7;background:#fff;color:#132f2b}.searchbox,.filters label{display:flex;align-items:center;gap:8px;padding:0 10px}.searchbox{min-width:260px;flex:1}.searchbox input,.filters select{width:100%;border:0;outline:0;background:transparent}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:1100px}th,td{padding:12px 10px;text-align:left;border-top:1px solid #e7efed;vertical-align:top;font-size:14px}th{color:#5c746f;font-weight:700;background:#f6faf9}td strong{display:block}.row-alert{background:#fff8f6}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:700;background:#eaf2f1;color:#214843;white-space:nowrap}.badge-3,.badge-4{background:#fff0d8;color:#8a4a00}.badge-5{background:#dff7e8;color:#13703b}.badge-6{background:#f1f1f1;color:#606060}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:7px;color:#314b46;font-size:14px}.field.compact select{width:100%;margin-top:8px;color:#10201d}.field.wide,.financial-panel,.follow-panel,.form-actions{grid-column:1 / -1}.field input,.field select,.field textarea{width:100%;padding:9px 11px;outline-color:#0f766e}.field textarea{min-height:92px;resize:vertical}.financial-panel{border-top:1px solid #edf3f1;border-bottom:1px solid #edf3f1;padding:14px 0}.financial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.follow-panel{border-radius:8px;border:1px solid #dce8e5;background:#f8fbfa;padding:14px}.follow-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.follow-composer textarea{width:100%;min-height:76px;border-radius:8px;border:1px solid #cadbd7;padding:9px 11px;resize:vertical;outline-color:#0f766e}.follow-list{display:grid;gap:10px;margin-top:12px}.follow-item{border-top:1px solid #e1ece9;padding-top:10px;display:grid;gap:6px}.follow-item div{display:flex;align-items:center;justify-content:space-between;gap:10px}.follow-item p{margin:0;color:#263f3a;line-height:1.5}.follow-item span,.follow-item em{color:#6b817d;font-size:12px;font-style:normal}.form-actions{justify-content:flex-end;border-top:1px solid #edf3f1;padding-top:14px}.app-footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#5b756f;font-size:13px;padding:4px 2px}.app-footer a{color:#0f766e;text-decoration:none}.app-footer a:hover{text-decoration:underline}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.nav{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-grid,.dashboard-grid,.form-grid,.financial-grid{grid-template-columns:1fr}}@media(max-width:640px){.content,.sidebar{padding:16px}.topbar{align-items:stretch;flex-direction:column}.topbar h1{font-size:24px}.topbar-actions{display:grid;grid-template-columns:1fr 1fr}.nav{grid-template-columns:1fr}.filters{display:grid}.table-wrap{overflow:visible}.table-wrap table,.table-wrap thead,.table-wrap tbody,.table-wrap tr,.table-wrap th,.table-wrap td{display:block}.table-wrap table{min-width:0}.table-wrap thead{display:none}.table-wrap tr{margin-bottom:10px;border:1px solid #dce8e5;border-radius:8px;background:#fff;padding:8px}.table-wrap td{border-top:0;padding:7px 6px}.table-wrap td .mini,.table-wrap td button{width:100%}.follow-composer{grid-template-columns:1fr}.searchbox{min-width:0}.funnel-row{grid-template-columns:76px 1fr}.funnel-row strong{grid-column:2}.app-footer{align-items:flex-start}}