:root{--bg:#f3f5f8;--surface:#ffffff;--ink:#1b2431;--muted:#6b7686;--border:#e3e7ee;--accent:#2454b8;--accent2:#7a3fb0;--danger:#c0362c;--danger-bg:#fdeceb;--success:#1c7a41;--success-bg:#e9f7ee;--warn:#fff3c4;--warn-border:#e8b930;--radius:10px;--shadow:0 1px 2px rgba(20,25,35,.06), 0 4px 14px rgba(20,25,35,.04);font-size:14px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Segoe UI,PingFang HK,Microsoft JhengHei,Noto Sans TC,system-ui,-apple-system,sans-serif;line-height:1.45;padding-bottom:60px}h1,h2,h3{margin:0;font-weight:700;letter-spacing:.2px}.toolbar{position:sticky;top:0;z-index:50;background:#161d2b;color:#fff;padding:10px 22px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;box-shadow:0 2px 10px #00000026}.toolbar .brand{font-size:16px;font-weight:800;margin-right:12px;white-space:nowrap}.toolbar .brand span{color:#7ea8ff}.toolbar-group{display:flex;align-items:center;gap:6px;padding:0 8px;border-right:1px solid rgba(255,255,255,.15);flex-wrap:wrap}.toolbar-group:last-of-type{border-right:none}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:8px;padding:8px 13px;font-size:12.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:filter .12s ease,transform .05s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(1.1)}.btn-ghost{background:#ffffff14;color:#fff;border-color:#ffffff2e}.btn-ghost:hover{background:#ffffff29}.btn-milestone{background:#6a3aa0;color:#fff}.btn-milestone:hover{filter:brightness(1.1)}.btn-outline{background:#fff;color:var(--ink);border-color:var(--border)}.btn-outline:hover{background:#f4f6fa}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.08)}.btn-sm{padding:5px 10px;font-size:12px;border-radius:6px}.spacer{flex:1}select.ver-select{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:7px 8px;font-size:12px;max-width:170px}select.ver-select option{color:#111}.dropdown-wrap{position:relative}.dropdown-panel{display:none;position:absolute;top:calc(100% + 6px);left:0;z-index:100;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px #0000002e;padding:10px;width:300px}.dropdown-panel.open{display:block}.dropdown-panel .dropdown-section-label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:8px 0 4px}.dropdown-panel .dropdown-section-label:first-child{margin-top:0}.dropdown-item{display:block;width:100%;text-align:left;margin-bottom:6px;white-space:normal;line-height:1.3;height:auto}.dd-icon{font-size:16px;display:inline-block;width:20px;text-align:center;margin-right:4px;vertical-align:-3px;flex-shrink:0}.dropdown-divider{border-top:1px solid var(--border);margin:10px 0}.dropdown-panel select.ver-select{width:100%;color:var(--ink);background:#fff;border:1px solid var(--border);margin-bottom:6px}main{max-width:1440px;margin:0 auto;padding:22px}section.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px;margin-bottom:22px}section.card>.card-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}section.card>.card-head h2{font-size:16px}section.card>.card-head .desc{color:var(--muted);font-size:12px}.tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:14px}.tab{padding:8px 14px;border-radius:8px 8px 0 0;background:#eef1f6;color:var(--muted);font-weight:600;font-size:13px;cursor:pointer;border:1px solid transparent;border-bottom:none;display:flex;align-items:center;gap:6px}.tab.active{background:var(--accent);color:#fff}.tab .dot{width:7px;height:7px;border-radius:50%;background:var(--success)}.tab .dot.short{background:var(--danger)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:7px 9px;text-align:right;border-bottom:1px solid var(--border);white-space:nowrap}th:first-child,td:first-child{text-align:left}thead th{background:#f6f8fb;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0}tbody tr:hover{background:#f8fafc}tr.subtotal-row td{background:#f0f3f9;font-weight:700;border-top:2px solid var(--border)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:8px}td input[type=number]{width:88px;text-align:right;padding:5px 6px;border:1px solid var(--border);border-radius:6px;font-size:13px;font-family:inherit}td input[type=number]:focus{outline:2px solid var(--accent);border-color:var(--accent)}.cell-override{background:var(--warn)!important;border:1px solid var(--warn-border)!important;border-radius:6px;cursor:pointer}.cell-auto{cursor:pointer}.cell-auto:hover{background:#eef2f9;border-radius:6px}.badge{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700}.badge-met{background:var(--success-bg);color:var(--success)}.badge-short{background:var(--danger-bg);color:var(--danger)}.badge-warn{background:var(--warn);color:#8a6116}.qtr-c1{background:#e3f0fc!important;color:#1a56a3!important}.qtr-c2{background:#f3e8fb!important;color:#7a3fb0!important}.qtr-c3{background:#fdf0e3!important;color:#b56b1f!important}.qtr-c4{background:#e3f9f5!important;color:#0d7d75!important}.qtr-current{box-shadow:inset 0 0 0 2px #d4380d;position:relative}.qtr-current:after{content:"現行";position:absolute;top:1px;right:2px;font-size:8px;font-weight:700;color:#d4380d;line-height:1}th.qtr-current:after{top:2px;right:4px}.badge-head{background:#eee4fb;color:#6a3aa0}.variance-pos{color:var(--success);font-weight:700}.variance-neg{color:var(--danger);font-weight:700}.muted{color:var(--muted)}.reset-ov{margin-left:4px;font-size:11px;color:var(--muted);cursor:pointer;text-decoration:underline}.override-icon{cursor:pointer;font-size:11px;opacity:.55;margin-left:2px}.override-icon:hover{opacity:1}.qo-dot{display:inline-block;width:9px;height:9px;border-radius:50%;vertical-align:middle;cursor:default}.qo-dot-under{background:var(--danger)}.qo-dot-ontarget{background:var(--success)}.qo-dot-over{background:#c99a1e}.tier-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;letter-spacing:.3px;vertical-align:middle}.tier-core{background:#e3f0fc;color:#1a56a3}.tier-strategic{background:#fdf3d9;color:#8a6116}.tier-besteffort{background:#eceef1;color:#5b636e}.th-company-divider,.td-company-divider{border-left:2px solid #c9d6e8!important;background:#f7f9fc}tr.qo-section-row td{background:#f5f6f8;padding:6px 8px;border-top:2px solid var(--border)}tr.qo-subsection-row td{background:#fafbfc;padding:3px 8px}.section-toggle-btn{width:32px;padding:6px 0;text-align:center;font-size:14px;font-weight:700}.month-expand-btn{width:20px;height:20px;line-height:18px;padding:0;border-radius:5px;border:1px solid var(--border);background:#fff;color:var(--muted);cursor:pointer;font-size:13px;font-weight:700;flex-shrink:0}.month-expand-btn:hover{background:#f0f3f9}.monthly-cell{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}.monthly-inputs{display:flex;gap:3px}.monthly-inputs input{width:52px!important;font-size:11px!important;padding:4px 3px!important}.monthly-col-label{font-size:9px;color:var(--muted);text-align:center;display:block;margin-top:1px}.monthly-readonly{font-weight:600}.clear-monthly-link{font-size:10px;color:var(--muted);text-decoration:underline;cursor:pointer;margin-left:4px;white-space:nowrap}.team-grid{display:flex;flex-direction:column;gap:14px}.team-card{border:1px solid var(--border);border-radius:10px;padding:12px 14px;background:#fbfcfe}.team-card-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.member-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border)}.member-row input[type=text]{flex:1;padding:5px 7px;border:1px solid var(--border);border-radius:6px;font-size:13px;font-family:inherit}.member-block{margin-bottom:12px}.member-block-label{font-weight:700;font-size:13px;margin-bottom:4px;display:flex;align-items:center;gap:6px}.assign-checks label{display:inline-flex;align-items:center;gap:6px;margin-right:16px;margin-bottom:8px;font-size:13px}.qo-table td,.qo-table th{text-align:center}.qo-cell{border-radius:8px;padding:6px 4px;font-weight:700;font-size:12px}.qo-expand-toggle{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;line-height:1;border-radius:6px;border:1px solid var(--border);background:#eef2f9;color:var(--accent);cursor:pointer;font-size:12px;font-weight:700;-webkit-user-select:none;user-select:none;vertical-align:middle;margin-right:2px}.qo-expand-toggle:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.qo-expand-toggle:hover{color:var(--accent)}tr.qo-expand-row td{background:#f8fafc;border-top:none;padding-top:0}.qo-matrix-scroll{overflow-x:auto;padding:8px 4px 12px}.qo-matrix-wrap{display:inline-block;min-width:100%}.qo-mx-row{display:grid;align-items:center;gap:8px;padding:6px 4px;border-bottom:1px solid var(--border);font-size:12.5px}.qo-mx-row.qo-mx-head{font-size:11px;text-transform:uppercase;letter-spacing:.4px;font-weight:700;border-bottom:2px solid var(--border);color:var(--muted)}.qo-mx-row.qo-mx-subhead{padding-top:0;padding-bottom:6px;font-size:10px;border-bottom:1px solid var(--border)}.qo-mx-row.qo-mx-totalrow{font-weight:700;background:#f0f3f9;border-top:2px solid var(--border);border-bottom:none}.qo-mx-name{text-align:left;font-weight:600}.qo-mx-team{text-align:left;color:var(--muted)}.qo-mx-cell{text-align:center;white-space:nowrap}.qo-mx-cell.qo-mx-hit{color:var(--success);font-weight:700}.qo-mx-cell.qo-mx-total{font-weight:700}.qo-met{background:var(--success-bg);color:var(--success)}.qo-short{background:var(--danger-bg);color:var(--danger)}.product-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:2px}.currency-select{padding:6px 8px;border-radius:6px;border:1px solid var(--border);font-size:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f141e80;display:none;align-items:center;justify-content:center;z-index:200;padding:20px}.modal-overlay.open{display:flex}.modal-box{background:#fff;border-radius:12px;max-width:1000px;width:100%;max-height:88vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-box .modal-head{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#fff;z-index:2}.modal-box .modal-body{padding:18px 20px}.modal-close{margin-left:auto;background:none;border:none;font-size:20px;cursor:pointer;color:var(--muted)}.form-row{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.form-row label{font-size:12px;font-weight:700;color:var(--muted)}.form-row input,.form-row select{padding:9px 10px;border:1px solid var(--border);border-radius:8px;font-size:13px;font-family:inherit}#toastContainer{position:fixed;top:16px;right:16px;z-index:999;display:flex;flex-direction:column;gap:8px}.toast{background:#161d2b;color:#fff;padding:11px 16px;border-radius:8px;font-size:13px;box-shadow:0 6px 20px #00000040;min-width:220px;animation:toastIn .18s ease}.toast.success{background:#155d33}.toast.error{background:#7a2420}.toast.info{background:#1e3a5f}@keyframes toastIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.hint{font-size:11px;color:var(--muted);margin-top:6px}.empty-row td{text-align:center;color:var(--muted);padding:22px}footer.note{max-width:1440px;margin:0 auto;padding:0 22px;color:var(--muted);font-size:11px}