:root{--navy: #1b3a5b;--navy-dark: #15304d;--navy-light: #2f5f8a;--copper: #c4703a;--bg: #f5f7fa;--card: #ffffff;--line: #e2e8f0;--text: #243447;--muted: #6b7c93;--st-none: #9aa4ae;--st-collect: #2e7dd1;--st-ready: #17a2a2;--st-design: #4c5fd5;--st-review: #e08a1e;--st-revise: #d64545;--st-hold: #7a5ac4;--st-locked: #2e9e5b;--st-void: #6b7280;--radius: 8px;--radius-sm: 6px;--shadow-sm: 0 1px 3px rgba(27, 58, 91, .08);--shadow-md: 0 4px 14px rgba(27, 58, 91, .14);--shadow-lg: -6px 0 24px rgba(0, 0, 0, .18)}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:PingFang TC,Noto Sans TC,Microsoft JhengHei,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--st-collect);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0 0 8px;color:var(--navy);font-weight:700}h1{font-size:20px}h2{font-size:17px}h3{font-size:15px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.card-pad{padding:14px 16px}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.panel h3{margin-bottom:10px}.btn{font:inherit;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:var(--radius-sm);padding:6px 12px;cursor:pointer;transition:background .15s,box-shadow .15s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn:hover:not(:disabled){background:#f4f7fb}.btn:focus-visible{outline:2px solid var(--navy-light);outline-offset:1px}.btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}.btn.primary:hover:not(:disabled){background:var(--navy-dark)}.btn.ok{background:var(--st-locked);border-color:var(--st-locked);color:#fff}.btn.danger{background:var(--st-revise);border-color:var(--st-revise);color:#fff}.btn.ghost{border-color:transparent;background:transparent}.btn.sm{padding:3px 8px;font-size:12.5px}.btn[disabled]{opacity:.45;cursor:not-allowed}.input,.select,textarea.input{font:inherit;padding:6px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--text);width:100%}.input:focus,.select:focus{outline:2px solid rgba(47,95,138,.35);border-color:var(--navy-light)}label.field{display:block;font-size:12.5px;color:var(--muted);margin-bottom:10px}label.field>span{display:block;margin-bottom:4px}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0 16px}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th,table.data td{border-bottom:1px solid var(--line);padding:7px 10px;text-align:left;vertical-align:top}table.data th{background:#f4f7fb;color:var(--navy);font-weight:600;white-space:nowrap}.pill{display:inline-flex;align-items:center;gap:4px;border-radius:11px;padding:1px 9px;font-size:11.5px;font-weight:600;color:#fff;white-space:nowrap}.tag{display:inline-block;border:1px solid var(--line);background:#fff;border-radius:11px;padding:1px 9px;font-size:11.5px;color:var(--muted)}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:#fff;border-radius:14px;padding:3px 11px;font-size:12.5px;cursor:pointer;display:inline-flex;align-items:center;gap:5px}.chip.active{background:var(--navy);border-color:var(--navy);color:#fff}.chip .count{opacity:.7}.bar{height:12px;background:#edf1f6;border-radius:7px;overflow:hidden}.bar>i{display:block;height:100%;background:linear-gradient(90deg,#2e9e5b,#4cc27a);transition:width .3s}.bar.thin{height:7px}.bar.warn>i{background:linear-gradient(90deg,#d64545,#e88a5a)}.bar.info>i{background:linear-gradient(90deg,#2e7dd1,#5aa9e6)}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row.between{justify-content:space-between}.spacer{flex:1}.muted{color:var(--muted)}.small{font-size:12.5px}.mono{font-variant-numeric:tabular-nums}.overdue{color:var(--st-revise);font-weight:700}.empty{padding:32px;text-align:center;color:var(--muted)}.alert{border-radius:var(--radius);padding:10px 14px;font-size:13px;border:1px solid}.alert.warn{background:#fff7f0;border-color:#e8c9a8;color:#8a4b1e}.alert.error{background:#fdf1f1;border-color:#e8b4b4;color:#a12b2b}.alert.info{background:#f2f7fd;border-color:#c3d8ee;color:#24537f}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}