:root{font-family:Inter,"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;color:#17324d;background:#f3f7fb;line-height:1.5}*{box-sizing:border-box}body{margin:0}.hidden{display:none!important}button,input,select{font:inherit}.topbar{height:64px;background:#0b5fa5;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:20;box-shadow:0 2px 14px #17324d22}.topbar strong{font-size:20px}.demo-badge{font-size:11px;margin-left:8px;padding:2px 7px;border:1px solid #ffffff88;border-radius:999px}.top-actions{display:flex;align-items:center;gap:10px}.user-label{font-size:13px}.header-btn{border:1px solid #ffffff66;background:#ffffff14;color:white;border-radius:8px;padding:7px 10px;cursor:pointer}main{max-width:1200px;margin:24px auto 90px;padding:0 14px}.view{display:none}.view.active{display:block}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.metric{background:white;border:1px solid #dce7f2;border-radius:14px;padding:18px}.metric span{display:block;color:#6c8194;font-size:13px}.metric strong{font-size:32px}.metric.pending{border-top:4px solid #f3a712}.metric.accepted{border-top:4px solid #2878d0}.metric.completed{border-top:4px solid #2c9c69}.home-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:16px}.side-stack{display:grid;gap:16px;align-content:start}.card{background:white;border:1px solid #dce7f2;border-radius:14px;padding:18px;box-shadow:0 3px 16px #17324d0a}.section-head,.row-between,.page-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-head h2,.card h2,.page-head h1{margin:0}.section-head p,.page-head p,.muted{margin:3px 0 0;color:#6c8194;font-size:14px}.public-task-list,.task-list{display:grid;gap:9px;margin-top:14px}.public-row{border:1px solid #e0e9f2;border-radius:11px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.public-row strong{display:block}.public-row span{display:block;color:#708598;font-size:13px;margin-top:3px}.status-pill{display:inline-block;border-radius:999px;padding:4px 9px;font-size:12px;white-space:nowrap}.status-pill.pending,.status-banner.pending{background:#fff4d6;color:#8d6100}.status-pill.accepted,.status-banner.accepted{background:#e6f1ff;color:#145a9f}.status-pill.completed,.status-banner.completed{background:#e6f7ef;color:#187348}.action-card{text-align:center}.action-icon{width:50px;height:50px;border-radius:14px;background:#e7f2fb;color:#0b5fa5;display:grid;place-items:center;font-size:30px;font-weight:600;margin:0 auto 8px}.primary,.secondary,.ghost,.back-btn,.link-btn,.tiny{border:0;border-radius:9px;padding:10px 15px;cursor:pointer}.primary{background:#0b5fa5;color:white;font-weight:700}.secondary{background:#e7f1fa;color:#0b5fa5;font-weight:700}.ghost,.back-btn{background:#eef4fa;color:#31516d}.link-btn{background:none;color:#0b5fa5;padding:5px}.stack-form{display:grid;gap:11px}.top-gap{margin-top:14px}label{font-size:13px;color:#49647a;display:flex;flex-direction:column;gap:5px}input,select{width:100%;padding:11px 12px;border:1px solid #bfcfde;border-radius:9px;background:white;color:#17324d;outline:none}input:focus,select:focus{border-color:#0b5fa5;box-shadow:0 0 0 3px #0b5fa51a}.code-input{text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:18px}.track-result{margin-top:13px;padding-top:12px;border-top:1px solid #e4edf5}.track-title{font-weight:800}.status-banner{padding:9px 11px;border-radius:9px;margin:9px 0}.track-result ol{padding-left:22px;margin-bottom:0}.page-head{justify-content:flex-start;margin-bottom:15px}.page-head>div{flex:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}.location-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.separator{height:1px;background:#e6eef6;margin:4px 0}.check{flex-direction:row;align-items:center}.check input{width:auto}.error{color:#b3261e;font-size:14px}.created-card{text-align:center;margin-top:14px;background:#f3fbf6;border-color:#a8d7ba}.success-mark{width:48px;height:48px;border-radius:50%;background:#2c9c69;color:white;display:grid;place-items:center;margin:0 auto;font-size:28px}.tracking-code{font-size:34px;letter-spacing:.16em;font-weight:900;color:#0b5fa5;background:white;border:2px dashed #86b5da;border-radius:12px;padding:10px;margin:12px auto;max-width:290px}.work-tools{display:flex;align-items:center;gap:12px}.list-title{margin:22px 0 10px}.task-card{background:white;border:1px solid #dce7f2;border-left:5px solid #aabccd;border-radius:12px;padding:15px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.task-card.pending{border-left-color:#f3a712}.task-card.accepted{border-left-color:#2878d0}.task-card.completed{border-left-color:#2c9c69}.task-top{display:flex;gap:8px;align-items:center}.case-code{font-size:12px;color:#71879a}.route{font-size:17px;font-weight:800;margin:6px 0}.route span{color:#0b5fa5}.task-meta{font-size:13px;color:#62798c}.task-actions{display:flex;gap:7px}.report-filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.report-filter label{min-width:180px}.report-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:9px;border-bottom:1px solid #e4edf5;vertical-align:middle}th{color:#526c81;background:#f7fafc}td input{min-width:120px;padding:7px}.tiny{font-size:12px;padding:6px 8px;margin:2px;background:#e7f1fa;color:#0b5fa5}.tiny.warn{background:#fff1e8;color:#a54c12}.notice{padding:11px 13px;border-radius:10px;background:#fff8df;border:1px solid #efd78a;margin-bottom:13px;color:#66531a}.narrow{max-width:500px}.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:14px;z-index:15;background:#fff;border:1px solid #dce7f2;border-radius:13px;box-shadow:0 8px 30px #17324d33;padding:6px;display:flex;gap:4px}.bottom-nav button{border:0;background:#eef4fa;color:#31516d;padding:9px 12px;border-radius:8px;cursor:pointer}.modal{position:fixed;inset:0;background:#0b1e2f99;display:grid;place-items:center;z-index:100;padding:18px}.modal-card{position:relative;width:min(480px,100%);max-height:90vh;overflow:auto;background:white;border-radius:18px;padding:25px;box-shadow:0 20px 60px #0005}.modal-card h2{margin-top:0}.modal-x{position:absolute;right:12px;top:10px;border:0;background:none;font-size:28px;color:#698095;cursor:pointer}.mono-code{font-size:22px;font-weight:900;letter-spacing:.12em}.toast{position:fixed;right:20px;bottom:20px;background:#17324d;color:white;padding:12px 16px;border-radius:10px;box-shadow:0 5px 24px #0004;z-index:150;max-width:360px}.empty{padding:24px;text-align:center;color:#73889b;background:white;border:1px dashed #cbd8e4;border-radius:12px}small{color:#7890a3}

.complete-action{border:0;border-radius:9px;padding:10px 15px;cursor:pointer;background:#2c9c69;color:white;font-weight:800}.complete-action:hover{background:#238259}.complete-action:active{transform:translateY(1px)}
@media(max-width:820px){.home-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.location-grid{grid-template-columns:1fr 1fr}.report-columns{grid-template-columns:1fr}.task-card{grid-template-columns:1fr}.topbar{padding:0 12px}.user-label{display:none!important}.bottom-nav{max-width:calc(100vw - 16px);overflow:auto}.bottom-nav button{white-space:nowrap}.page-head{align-items:flex-start}}
@media(max-width:480px){.hero-grid{gap:7px}.metric{padding:11px}.metric strong{font-size:24px}.metric span{font-size:11px}.location-grid{grid-template-columns:1fr}.public-row{align-items:flex-start}.row-between{align-items:flex-start;flex-direction:column}.check{flex-direction:row}.primary,.secondary{width:100%}.report-filter>*{width:100%}.work-tools{flex-direction:column;align-items:stretch}.tracking-code{font-size:28px}}

.task-kind{font-size:14px;color:#36566f;margin-top:6px}