:root{--bg-color:#f1efec;--card-bg:#fff;--input-bg:#fffdfb;--primary-color:#6b5b4e;--primary-hover:#544639;--accent-color:#8a6a4e;--info-color:#8a6a4e;--sidebar-bg:#5e5147;--sidebar-bg-2:#3c332c;--sidebar-active:#8a7460;--secondary-color:#ece7e1;--success-color:#2e7d32;--warning-color:#c9930b;--danger-color:#c0392b;--text-main:#2d2a27;--text-muted:#837b72;--border-color:#e5dfd8;--shadow-soft:0 10px 30px #463c2d14}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:var(--accent-color);text-decoration:none}svg.ic{fill:currentColor;vertical-align:-.14em;flex:none;width:1em;height:1em}.app-shell{background:radial-gradient(circle at 100% 0,#9682691f,#0000 30%),linear-gradient(#f7f4f0 0%,#f0ebe5 100%);min-height:100vh;display:flex}.sidebar-shell{background:linear-gradient(180deg,var(--sidebar-bg),var(--sidebar-bg-2));color:#fff;z-index:100;flex-direction:column;flex:0 0 284px;align-self:flex-start;width:284px;min-height:100vh;max-height:100vh;padding:26px 18px;display:flex;position:sticky;top:0;overflow:hidden auto;box-shadow:12px 0 30px #1f33311f}.workspace-shell{flex:1;min-width:0;padding:30px 34px 46px}.brand-kicker{letter-spacing:.22em;color:#ffffff8f;font-size:.75rem;font-weight:700}.brand-title{letter-spacing:1px;margin-top:8px;font-size:1.45rem;font-weight:800;line-height:1.35}.brand-subtitle{color:#ffffffd1;background:#ffffff1a;border-radius:999px;align-items:center;gap:8px;margin-top:14px;padding:9px 13px;font-size:.83rem;font-weight:700;display:inline-flex}.side-nav{flex-direction:column;gap:8px;margin:28px 0 0;padding:0;list-style:none;display:flex}.side-nav a{color:#ffffffbd;letter-spacing:.5px;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:18px;align-items:center;gap:12px;width:100%;padding:13px 15px;font-size:1rem;font-weight:700;transition:all .22s;display:flex}.side-nav a .ic{font-size:1.15rem}.side-nav a:hover{color:#fff;background:#ffffff1a;transform:translate(2px)}.side-nav a.active{background:var(--sidebar-active);color:#fff;box-shadow:0 10px 22px #96826945}.sidebar-note{color:#ffffffd1;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:24px;margin-top:auto;padding:16px 18px;font-size:.86rem}.sidebar-note .note-h{letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:6px;font-weight:800;display:flex}.side-logout{width:100%;margin-top:14px}.m-topbar{display:none}.page-hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.hero-kicker{letter-spacing:.2em;color:var(--accent-color);text-transform:uppercase;font-size:.75rem;font-weight:800}.page-title{color:var(--text-main);align-items:center;gap:12px;margin:4px 0 0;font-size:2rem;font-weight:800;line-height:1.2;display:flex}.page-title .ic{color:var(--primary-color);font-size:1.7rem}.hero-desc{color:var(--text-muted);margin-top:6px;font-size:.95rem}.hero-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-soft);border-radius:24px;margin-bottom:1.6rem;padding:2rem;transition:all .25s}.card.pad-sm{padding:1.4rem 1.5rem}.card-title-custom{color:#2d2a27;border-left:6px solid var(--primary-color);justify-content:space-between;align-items:center;gap:10px;margin:0 0 1.4rem;padding-left:16px;font-size:1.25rem;font-weight:800;display:flex}.card-title-custom .t{align-items:center;gap:10px;display:flex}.section-header{color:var(--primary-color);letter-spacing:1px;border-bottom:1px solid var(--border-color);margin:1.6rem 0 1.1rem;padding-bottom:11px;font-size:.95rem;font-weight:800}.section-header:first-child{margin-top:0}.smart-summary-panel{border:1px solid var(--border-color);box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#fff 0%,#fbf6f0 100%);border-radius:24px;padding:24px;position:relative;overflow:hidden}.smart-summary-panel:after{content:"";pointer-events:none;background:#96826924;border-radius:999px;width:180px;height:180px;position:absolute;top:-64px;right:-64px}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.kpi-card{z-index:1;border:1px solid var(--border-color);border-left:8px solid var(--primary-color);min-height:130px;box-shadow:var(--shadow-soft);background:#fff;border-radius:24px;flex-direction:column;justify-content:center;padding:1.4rem 1.5rem;transition:all .25s;display:flex;position:relative;overflow:hidden}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #1f33311a}.kpi-icon{opacity:.08;z-index:-1;font-size:4.4rem;position:absolute;bottom:6px;right:16px}.kpi-icon .ic{width:1em;height:1em}.kpi-title{color:var(--text-muted);letter-spacing:.5px;font-size:.92rem;font-weight:800}.kpi-value{color:var(--text-main);margin-top:8px;font-size:2.7rem;font-weight:800;line-height:1}.kpi-sub{color:var(--text-muted);margin-top:6px;font-size:.82rem;font-weight:700}.kpi-1{border-left-color:var(--primary-color)}.kpi-2{border-left-color:var(--info-color)}.kpi-3{border-left-color:var(--success-color)}.kpi-4{border-left-color:var(--danger-color)}.kpi-warn{border-left-color:var(--warning-color)}.task-card{background:#fbfcfb;border:1px solid #e8ebe8;border-radius:22px;margin-bottom:14px;padding:16px 18px;transition:all .22s}.task-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #1f333112}.task-card.risk-lead-red{border-left:6px solid var(--danger-color);background:#fdf4f3}.task-card.risk-lead-yellow{border-left:6px solid var(--warning-color);background:#fffbf1}.task-project{color:var(--primary-color);font-size:.86rem;font-weight:800}.task-title{color:var(--text-main);margin:2px 0;font-size:1.05rem;font-weight:800}.task-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:14px;margin-top:4px;font-size:.88rem;display:flex}.task-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 22px;font-family:inherit;font-size:1rem;font-weight:700;line-height:1.2;transition:all .22s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 20px #50423438}.btn-success{background:var(--success-color);border-color:var(--success-color);color:#fff}.btn-success:hover:not(:disabled){background:#256428;transform:translateY(-2px);box-shadow:0 8px 20px #2e7d3238}.btn-danger{background:var(--danger-color);border-color:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){background:#9c2c20;transform:translateY(-2px);box-shadow:0 8px 20px #c0392b38}.btn-outline{color:#5d6668;background:#fff;border-color:#d7ddd9}.btn-outline:hover:not(:disabled){color:var(--text-main);background:#f2f5f4;border-color:#c9d2ce}.btn-ghost{color:var(--primary-color);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:#6b5b4e14}.side-logout.btn-ghost{color:#fff;background:#ffffff1a;border:1px solid #ffffff29}.side-logout.btn-ghost:hover{background:#ffffff2e}.btn-sm{border-radius:999px;min-height:38px;padding:8px 15px;font-size:.86rem}.btn-block{width:100%}.badge{letter-spacing:.4px;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:6px 13px;font-size:.8rem;font-weight:800;line-height:1.3;display:inline-flex}.badge .ico{font-size:.9em;line-height:1}.risk-green{color:#2e7d32;background:#eaf5ec;border-color:#cbe4d0}.risk-yellow{color:#9a6a14;background:#fff7e4;border-color:#f1deb1}.risk-red{color:#c0392b;background:#fbeaea;border-color:#f0c8c8}.st-neutral{color:#6b625a;background:#eeeae4;border-color:#e5dfd8}.st-info{color:#544639;background:#f0eae2;border-color:#e3d6c8}.st-warn{color:#9a6a14;background:#fff7e4;border-color:#f1deb1}.st-ok{color:#47784f;background:#eaf5ec;border-color:#cbe4d0}.st-danger{color:#b94747;background:#fbeaea;border-color:#f0c8c8}.chip-tag{color:var(--primary-color);background:#f0eae2;border:1px solid #e3d6c8;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:800;display:inline-flex}.form-row{margin-bottom:1.1rem}.form-label{color:#4d5557;align-items:center;gap:6px;margin-bottom:.5rem;font-size:.92rem;font-weight:700;display:flex}.form-label .req{color:var(--danger-color);font-weight:800}.form-control,.form-select,textarea.form-control{background-color:var(--input-bg);border:1px solid var(--border-color);width:100%;color:var(--text-main);border-radius:14px;min-height:44px;padding:12px 16px;font-family:inherit;font-size:1rem;transition:all .22s}textarea.form-control{resize:vertical;min-height:96px;line-height:1.6}.form-control:focus,.form-select:focus{border-color:var(--primary-color);background-color:#fff;outline:none;box-shadow:0 0 0 4px #6b5b4e1f}.form-control[readonly]{color:#6b7476;background-color:#f2f5f4;font-weight:600}.form-hint{color:var(--text-muted);margin-top:5px;font-size:.82rem}.form-hint.hint-alert{color:var(--danger-color);font-weight:700}.field-err{color:var(--danger-color);margin-top:5px;font-size:.82rem;font-weight:700;display:none}.field-err.show{display:block}.opt-group{flex-wrap:wrap;gap:9px;display:flex}.opt-group label.chip{border:1px solid var(--border-color);color:#4d5557;cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:7px;min-height:42px;padding:9px 15px;font-size:.95rem;font-weight:700;transition:all .18s;display:inline-flex}.opt-group label.chip:hover{background:#f4efe9;border-color:#d3c9bc}.opt-group label.chip input{accent-color:var(--primary-color);width:18px;height:18px}.opt-group label.chip.checked{border-color:var(--primary-color);color:var(--primary-color);background:#f0eae2}.collapse-head{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--border-color);color:var(--primary-color);background:#f5f1eb;border-radius:16px;justify-content:space-between;align-items:center;padding:14px 16px;font-weight:800;display:flex}.collapse-head:hover{background:#f4efe9}.collapse-body{padding:18px 4px 2px;display:none}.collapse.open .collapse-body{display:block}.collapse.open .collapse-head .caret{transform:rotate(180deg)}.collapse-head .caret{transition:transform .2s}.summary-box{background:#f5f1eb;border:1px dashed #e3d6c8;border-radius:16px;margin:8px 0 16px;padding:16px 18px}.summary-box .srow{border-bottom:1px solid #eae3da;gap:10px;padding:5px 0;font-size:.95rem;display:flex}.summary-box .srow:last-child{border-bottom:none}.summary-box .sk{color:var(--text-muted);min-width:96px;font-weight:700}.report-box{background:#fbeaea;border:1px solid #f0c8c8;border-radius:16px;margin-top:12px;padding:16px 18px}.report-box .rh{color:var(--danger-color);align-items:center;gap:8px;margin-bottom:10px;font-weight:800;display:flex}.table-container{border:1px solid var(--border-color);background:#fff;border-radius:20px;overflow:auto;box-shadow:0 6px 18px #1f33310a}table.table-custom{border-collapse:collapse;width:100%;min-width:520px;font-size:.92rem}.table-custom thead th{color:#6b625a;z-index:5;border-bottom:1px solid var(--border-color);text-align:left;white-space:nowrap;background:#f1eee9;padding:15px 14px;font-weight:800;position:sticky;top:0}.table-custom tbody td{vertical-align:middle;border-bottom:1px solid #eef1ee;padding:14px}.table-custom tbody td:first-child{white-space:nowrap}.table-custom tbody tr:last-child td{border-bottom:none}.table-custom tbody tr:hover{background:#fbfcfb}.timeline{margin-top:8px;padding-left:26px;position:relative}.timeline:before{content:"";background:#e3dbd0;width:2px;position:absolute;top:4px;bottom:4px;left:8px}.tl-item{padding:0 0 20px;position:relative}.tl-item:before{content:"";background:var(--primary-color);border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:5px;left:-24px;box-shadow:0 0 0 2px #e3dbd0}.tl-item.tl-red:before{background:var(--danger-color)}.tl-item.tl-yellow:before{background:var(--warning-color)}.tl-item.tl-green:before{background:var(--success-color)}.tl-date{color:var(--text-muted);font-size:.82rem;font-weight:700}.tl-title{color:var(--text-main);margin:2px 0;font-weight:800}.tl-summary{color:#55605f;font-size:.92rem}.tl-item.tl-click{cursor:pointer;border-radius:14px;margin-left:-8px;padding:6px 8px 20px;transition:background .15s}.tl-item.tl-click:hover{background:#f4efe9}.tl-more{color:var(--accent-color);align-items:center;gap:5px;margin-top:6px;font-size:.82rem;font-weight:800;display:inline-flex}.batch-switch{align-items:center;gap:8px;display:inline-flex}.batch-switch .bs-label{color:var(--text-muted);letter-spacing:.5px;font-size:.8rem;font-weight:800}.batch-switch .form-select{border-radius:999px;width:auto;min-width:150px;min-height:38px;padding:8px 15px;font-size:.86rem;font-weight:700}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px}.empty-state .es-ic{opacity:.4;margin-bottom:10px;font-size:2.6rem}.empty-state .es-t{font-weight:700}.login-wrap{background:radial-gradient(circle at top right, #96826924, transparent 32%), linear-gradient(180deg,var(--sidebar-bg) 0%,var(--sidebar-bg-2) 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border-radius:26px;width:100%;max-width:420px;padding:38px 34px;box-shadow:0 24px 60px #09192959}.login-kicker{letter-spacing:.22em;color:var(--accent-color);font-size:.75rem;font-weight:800}.login-title{color:var(--text-main);margin:8px 0 4px;font-size:1.6rem;font-weight:800}.login-desc{color:var(--text-muted);margin-bottom:24px;font-size:.92rem}#modal-root{z-index:900;background:#0f1c286b;justify-content:center;align-items:flex-start;padding:40px 16px;display:none;position:fixed;inset:0;overflow:auto}#modal-root.show{display:flex}.modal{background:#fff;border-radius:24px;width:100%;max-width:560px;margin:auto 0;padding:26px 26px 22px;box-shadow:0 30px 70px #09192966}.modal h3{color:var(--text-main);border-left:6px solid var(--primary-color);margin:0 0 14px;padding-left:14px;font-size:1.25rem;font-weight:800}.modal-body{margin-bottom:16px}.btn-row{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.confirm-line{background:#f5f1eb;border-radius:12px;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;font-weight:700;display:flex}.confirm-line.danger{color:var(--danger-color);background:#fbeaea}.confirm-line input{width:20px;height:20px;accent-color:var(--primary-color)}#toast{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);z-index:1000;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed}.toast-item{pointer-events:auto;color:#fff;background:#3f3830;border-radius:14px;max-width:90vw;padding:12px 20px;font-size:.95rem;font-weight:700;box-shadow:0 12px 30px #231c1240}.toast-item.success{background:var(--success-color)}.toast-item.error{background:var(--danger-color)}.toast-item.info{background:var(--primary-color)}#loading{z-index:1100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#eef2f68c;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#loading.show{display:flex}.spinner{border:4px solid #cbd5d0;border-top-color:var(--primary-color);border-radius:50%;width:46px;height:46px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.session-expired-banner{z-index:1200;color:#fff;background:#8e2f27;border:2px solid #f3b7b1;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;max-width:980px;margin:0 auto;padding:16px 18px;display:flex;position:fixed;top:12px;left:16px;right:16px;box-shadow:0 16px 36px #48171257}.session-expired-copy{min-width:0;line-height:1.45}.session-expired-title{margin-bottom:2px;font-size:1.08rem;font-weight:800}.session-expired-login{color:#7d2922;background:#fff;border-color:#fff;flex:none}.session-expired-login:hover{background:#fff2f0;border-color:#fff2f0}.session-expired-blocked,body.session-expired-pending #app button:not(.session-expired-login),body.session-expired-pending #app a,body.session-expired-pending #modal-root button{filter:grayscale(.35);opacity:.48!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}body.session-expired-pending #modal-root.show{z-index:900}.muted{color:var(--text-muted)}.strong{font-weight:800}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.stack-sm>*+*{margin-top:10px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mb-2{margin-bottom:16px}.inline-list{flex-wrap:wrap;align-items:center;gap:8px;display:flex}hr.soft{border:none;border-top:1px solid var(--border-color);margin:18px 0}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#f2f5f4;border-radius:10px}::-webkit-scrollbar-thumb{background:#cbd5d0;border:2px solid #f2f5f4;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.bottom-tab{display:none}@media (width<=991.98px){.app-shell{display:block}.sidebar-shell{display:none}.m-topbar{z-index:80;background:linear-gradient(180deg,var(--sidebar-bg),var(--sidebar-bg-2));color:#fff;border-radius:0 0 22px 22px;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex;position:sticky;top:0;box-shadow:0 8px 22px #1f33312e}.m-topbar .mt-brand{letter-spacing:.5px;align-items:center;gap:8px;font-size:1.05rem;font-weight:800;display:flex}.m-topbar .mt-who{color:#ffffffd1;margin-top:2px;font-size:.8rem;font-weight:700}.m-topbar .mt-logout{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;min-height:40px;padding:8px 14px;font-family:inherit;font-weight:700}.workspace-shell{padding:20px 14px calc(94px + env(safe-area-inset-bottom,0px))}.page-hero{flex-direction:column;align-items:flex-start}.hero-actions{justify-content:flex-start;width:100%}.page-title{font-size:1.45rem}.page-title .ic{font-size:1.35rem}.card{border-radius:20px;padding:1.25rem}.kpi-card{min-height:112px;padding:1.15rem 1.2rem}.kpi-value{font-size:2.15rem}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr 1fr}.table-container{border-radius:16px}.bottom-tab{z-index:200;border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));background:#fffffff5;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 26px #1f33311f}.bottom-tab a{min-height:52px;color:var(--text-muted);text-align:center;cursor:pointer;border-radius:14px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;padding:6px 2px;font-size:.68rem;font-weight:700;transition:all .18s;display:flex}.bottom-tab a .ic{font-size:1.35rem}.bottom-tab a.active{color:var(--primary-color)}.bottom-tab a.active .ic{transform:translateY(-1px)}}@media (width<=420px){.grid-4,.grid-3{grid-template-columns:1fr 1fr}.bottom-tab a{font-size:.62rem}.session-expired-banner{flex-direction:column;align-items:stretch;gap:10px;padding:14px;top:8px;left:8px;right:8px}.session-expired-login{width:100%}}