:root{font-family:Inter,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;color:#102d35;background:#edf3f4;font-synthesis:none;--ink: #102d35;--muted: #61757b;--line: #cfdbde;--surface: #ffffff;--primary: #0c6170;--primary-dark: #084a56;--primary-soft: #e5f3f4;--accent: #f2aa4c;--danger: #b83d46;--success: #23845d;--warning: #b56d08;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(12,97,112,.28);outline-offset:2px}.topbar{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 24px;background:#0b2e38;color:#fff;border-bottom:4px solid var(--accent)}.brand-block,.topbar-actions,.detail-title,.recommendation-head,.panel-heading,.section-label{display:flex;align-items:center;justify-content:space-between;gap:14px}.brand-block{justify-content:flex-start}.brand-mark{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:800;letter-spacing:-.04em;box-shadow:0 10px 30px #0c617038}.brand-mark.small{width:42px;height:42px;border-radius:12px;background:var(--accent);color:#17313a;box-shadow:none}.topbar h1{margin:0;font-size:1.28rem;letter-spacing:.01em}.eyebrow{margin:0 0 3px;font-size:.72rem;font-weight:800;letter-spacing:.14em;color:#6f8b92}.topbar .eyebrow{color:#a7c7ce}.mode-badge,.count-badge,.stage-badge{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border-radius:999px;font-size:.78rem;font-weight:800}.mode-badge.cloud{background:#d8f3e6;color:#176b4b}.mode-badge.demo{background:#fff0d7;color:#865006}.ghost-button{min-height:40px;padding:8px 13px;color:inherit;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:8px}.course-nav{display:flex;gap:3px;padding:3px;border-radius:9px;background:#ffffff1a}.course-nav a{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border-radius:6px;color:#fff;text-decoration:none;font-size:.78rem;font-weight:800}.course-nav a.active{color:#17313a;background:#fff}.demo-banner{padding:10px 24px;background:#fff3dc;border-bottom:1px solid #ead2a9;color:#714908;font-size:.9rem}.workspace{display:grid;grid-template-columns:minmax(245px,.78fr) minmax(350px,1.06fr) minmax(370px,1.16fr);gap:14px;padding:14px;max-width:1680px;margin:0 auto;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #0f2f390e;overflow:hidden}.list-panel,.detail-panel,.action-panel{min-height:calc(100vh - 124px)}.panel-heading,.detail-title,.recommendation-head{padding:18px 18px 14px;border-bottom:1px solid var(--line)}.panel h2{margin:0;font-size:1.12rem}.count-badge{min-width:32px;justify-content:center;background:var(--primary-soft);color:var(--primary)}.filter-row{display:flex;gap:7px;padding:12px 14px;border-bottom:1px solid var(--line);overflow-x:auto}.filter{padding:7px 11px;white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:.82rem}.filter.active{color:#fff;background:var(--primary);border-color:var(--primary)}.work-list{display:grid}.work-card{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:14px;text-align:left;color:inherit;background:#fff;border:0;border-bottom:1px solid #e4ebed}.work-card:hover{background:#f7fafb}.work-card.selected{background:#eaf5f6;box-shadow:inset 4px 0 var(--primary)}.work-main{min-width:0;display:grid;gap:2px}.work-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem}.work-main span,.due{color:var(--muted);font-size:.78rem}.priority{display:inline-grid;place-items:center;min-width:38px;min-height:28px;padding:3px 6px;border-radius:7px;font-weight:900;font-size:.76rem}.priority.large{min-width:48px;min-height:38px;font-size:.9rem}.priority.p0{background:#fee7e8;color:#a92f39}.priority.p1{background:#fff0d9;color:#9b5d06}.priority.p2{background:#e6f2f5;color:#226979}.stage-badge{background:#eef3f4;color:#415d64}.summary-box{margin:16px;padding:15px;border-left:4px solid var(--primary);background:#f4f8f9;font-weight:650}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:0 16px 18px;background:var(--line);border:1px solid var(--line)}.field-grid div{background:#fff;padding:11px 12px}.field-grid dt{font-size:.74rem;color:var(--muted)}.field-grid dd{margin:3px 0 0;font-weight:750}.timeline-heading{display:flex;justify-content:space-between;align-items:center;padding:15px 18px 8px;border-top:1px solid var(--line)}.timeline-heading h3{margin:0;font-size:.98rem}.timeline-heading span{color:var(--muted);font-size:.78rem}.timeline{list-style:none;margin:0;padding:6px 18px 24px}.timeline li{position:relative;display:grid;grid-template-columns:18px 1fr;gap:10px;padding:9px 0}.timeline li:not(:last-child):after{content:"";position:absolute;left:6px;top:27px;bottom:-5px;width:1px;background:var(--line)}.timeline-dot{width:13px;height:13px;margin-top:4px;border-radius:50%;background:#7b969c;border:3px solid #e7eff1}.timeline-dot.decision{background:var(--accent)}.timeline-dot.action{background:var(--primary)}.timeline-dot.outcome{background:var(--success)}.timeline li div{display:grid;gap:2px}.timeline strong{font-size:.85rem;font-weight:700}.timeline time{font-size:.73rem;color:var(--muted)}.recommendation-grid{display:grid;gap:8px;padding:14px 16px 4px}.recommendation-grid>div{padding:11px 12px;background:#f3f8f9;border-left:3px solid #78adb6}.recommendation-grid>div.risk{background:#fff6ed;border-left-color:#df8e36}.recommendation-grid span{color:var(--muted);font-size:.72rem;font-weight:850;letter-spacing:.08em}.recommendation-grid p{margin:3px 0 0;font-size:.88rem;font-weight:650}.missing-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:9px 16px 13px;font-size:.78rem}.missing-row span{padding:4px 8px;border-radius:999px;background:#fee9e5;color:#98382f}.action-section{display:grid;gap:8px;padding:15px 16px;border-top:1px solid var(--line)}.section-label h3{margin:0;font-size:.95rem}.section-label span{color:var(--muted);font-size:.73rem}label{font-size:.78rem;font-weight:750;color:#496269}input,textarea,select{width:100%;border:1px solid #b9c9cd;border-radius:8px;padding:10px 11px;color:var(--ink);background:#fff}textarea{resize:vertical}.decision-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.decision-button{min-height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;font-weight:800}.decision-button.success:hover,.decision-button.success.chosen{border-color:var(--success);color:var(--success);background:#eaf7f1}.decision-button.primary:hover,.decision-button.primary.chosen{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.decision-button.warning:hover,.decision-button.warning.chosen{border-color:var(--warning);color:var(--warning);background:#fff6e6}.decision-button.danger:hover,.decision-button.danger.chosen{border-color:var(--danger);color:var(--danger);background:#fff0f1}.primary-button,.secondary-button{min-height:44px;padding:10px 14px;border-radius:8px;font-weight:850}.primary-button{color:#fff;background:var(--primary);border:1px solid var(--primary)}.primary-button:hover{background:var(--primary-dark)}.secondary-button{color:var(--primary-dark);background:var(--primary-soft);border:1px solid #a7cbd1}.split-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.split-fields>div{display:grid;gap:7px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#0b2e38 0 46%,#e8f1f2 46%)}.login-card{width:min(460px,100%);padding:32px;border-radius:16px;background:#fff;box-shadow:0 24px 70px #072b343d}.login-card h1{margin:15px 0 8px;font-size:1.8rem}.login-copy{margin:0 0 20px;color:var(--muted)}.stack-form{display:grid;gap:9px}.privacy-note{margin:17px 0 0;padding-top:15px;border-top:1px solid var(--line);color:#795714;font-size:.78rem}.toast{position:fixed;z-index:20;top:88px;right:18px;max-width:min(380px,calc(100vw - 36px));padding:11px 14px;border-radius:9px;color:#fff;box-shadow:0 10px 35px #00000038}.toast.success{background:var(--success)}.toast.danger{background:var(--danger)}.toast.info{background:var(--primary)}.empty-state{display:grid;place-content:center;padding:28px;text-align:center;color:var(--muted)}.skeleton-block{height:72px;margin:14px;border-radius:9px;background:linear-gradient(90deg,#edf2f3,#f8fafb,#edf2f3);background-size:200% 100%;animation:pulse 1.2s infinite linear}.muted{color:var(--muted)}@keyframes pulse{to{background-position:-200% 0}}@media(max-width:1180px){.workspace{grid-template-columns:minmax(230px,.75fr) minmax(340px,1.25fr)}.action-panel{grid-column:1 / -1;min-height:auto;display:grid;grid-template-columns:repeat(2,1fr)}.recommendation-head,.recommendation-grid,.missing-row{grid-column:1 / -1}}@media(max-width:760px){.topbar{position:sticky;z-index:10;top:0;min-height:66px;padding:10px 13px}.brand-mark.small{width:38px;height:38px}.topbar h1{font-size:1.03rem}.topbar .eyebrow,.mode-badge{display:none}.course-nav a{padding:6px 8px;font-size:.72rem}.demo-banner{padding:9px 13px;font-size:.78rem}.workspace{grid-template-columns:1fr;padding:9px;gap:9px}.list-panel,.detail-panel,.action-panel{min-height:auto}.work-list{grid-auto-flow:column;grid-auto-columns:minmax(255px,86vw);overflow-x:auto;scroll-snap-type:x mandatory}.work-card{border-right:1px solid var(--line);scroll-snap-align:start}.action-panel{display:block}.decision-buttons{grid-template-columns:repeat(2,1fr)}.split-fields{grid-template-columns:1fr}.login-shell{background:#e8f1f2;padding:14px}.login-card{padding:24px 20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}