:root{color-scheme:light;--bg:#f5f5f1;--panel:#ffffff;--panel-soft:#fafaf7;--ink:#1d211c;--muted:#687064;--line:#e0e2dc;--accent:#0f766e;--accent-ink:#ffffff;--accent-soft:#e5f3ef;--warning:#a16207;--danger:#b42318;--shadow:0 18px 60px rgba(29,33,28,0.08)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:linear-gradient(180deg,rgba(15,118,110,.08),transparent 320px),var(--bg);color:var(--ink);font-family:Arial,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif}button,input,select,textarea{font:inherit}button{align-items:center;background:var(--accent);border:1px solid var(--accent);border-radius:8px;color:var(--accent-ink);cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;min-height:42px;padding:0 16px;transition:background-color .14s ease,border-color .14s ease,transform .14s ease}button:hover{background:#0b615b;transform:translateY(-1px)}button.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.app-shell{margin:0 auto;max-width:1180px;min-height:100vh;padding:24px}.topbar{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:16px}.eyebrow{color:var(--accent);font-size:13px;font-weight:800;margin:0 0 8px}.eyebrow,h1,h2,h3,p{letter-spacing:0}h1{font-size:clamp(28px,4vw,44px);margin:0}h1,h2{line-height:1.1}h2{font-size:clamp(26px,4vw,40px);margin:0 0 10px}h3{font-size:18px;line-height:1.2;margin:0 0 14px}p{line-height:1.6;margin:0}.role-switch{background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:6px;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr));padding:6px}.role-switch button{background:transparent;border-color:transparent;color:var(--muted);min-height:38px;white-space:nowrap}.role-switch button.active{background:var(--accent);color:#fff}.status-strip{align-items:center;background:#17211d;border-radius:8px;color:#fff;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:0 0 18px;padding:12px 16px}.status-strip span{color:rgba(255,255,255,.78)}.workspace{display:grid;grid-gap:16px;gap:16px}.approval-card,.empty-state,.hero-card,.metric-card,.task-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.hero-card{align-items:center;display:flex;gap:24px;justify-content:space-between;min-height:180px;padding:28px}.hero-card p,.muted{color:var(--muted)}.grid{display:grid;grid-gap:16px;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.task-card{min-height:220px;padding:22px}.metric-card{padding:20px}.metric-card span{color:var(--muted);display:block;font-size:14px;margin-bottom:10px}.metric,.metric-card strong{display:block;font-size:clamp(26px,5vw,42px);font-weight:800;line-height:1}.action-row{display:flex;flex-wrap:wrap;gap:10px}.task-card .action-row,.task-card button{margin-top:10px}.task-card>button{margin:6px 8px 0 0}.compact-list{display:grid;grid-gap:10px;gap:10px;list-style:none;margin:0;padding:0}.compact-list li{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;color:var(--ink);line-height:1.45;padding:10px 12px}.inbox-list{display:grid;grid-gap:12px;gap:12px}.approval-card{align-items:center;display:flex;gap:18px;justify-content:space-between;padding:20px}.badge{background:var(--accent-soft);border-radius:999px;color:var(--accent);display:inline-flex;font-size:13px;font-weight:800;margin-bottom:10px;padding:5px 10px}.empty-state{color:var(--muted);padding:24px;text-align:center}@media (max-width:900px){.approval-card,.hero-card,.topbar{align-items:stretch;flex-direction:column}.grid.four,.grid.three,.grid.two,.role-switch{grid-template-columns:1fr}.app-shell{padding:12px}.hero-card,.task-card{padding:18px}button{width:100%}}