:root{color:#1d2329;background:#eef3f6;font-family:Inter,Segoe UI,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--surface: #ffffff;--line: #d9e1e7;--muted: #65727f;--ink: #1d2329;--teal: #0f766e;--teal-dark: #115e59;--coral: #d95c4b;--amber: #b7791f;--blue: #2563eb}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 12px;background:#fff;color:var(--ink)}textarea{resize:vertical}label{display:grid;gap:7px;color:var(--muted);font-size:13px}label>input,label>select,label>textarea{color:var(--ink);font-size:15px}.center-screen,.auth-screen,.confirm-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-screen{background:linear-gradient(135deg,rgba(15,118,110,.12),transparent 38%),linear-gradient(315deg,rgba(217,92,75,.12),transparent 42%),#eef3f6}.auth-panel,.confirm-card{width:min(430px,100%);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:24px;box-shadow:0 22px 60px #1d23291f;display:grid;gap:16px}.brand-row{display:flex;gap:12px;align-items:center}.brand-mark{width:44px;height:44px;border-radius:8px;display:grid;place-items:center;background:#d8f3ef;color:var(--teal-dark)}.brand-row h1,.confirm-card h1{margin:0;font-size:28px;line-height:1.15}.brand-row p,.confirm-card p{margin:4px 0 0;color:var(--muted)}.inline-control{display:grid;grid-template-columns:1fr 84px;gap:8px}.primary-button,.text-button,.round-button,.action-grid button,.admin-actions button,.admin-form-row button,table button,.link-button{min-height:42px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.primary-button{background:var(--teal);color:#fff;padding:0 16px;font-weight:700}.primary-button:hover{background:var(--teal-dark)}.primary-button:disabled{opacity:.6;cursor:default}.text-button,table button,.admin-form-row button{background:#e5f0ee;color:var(--teal-dark);padding:0 12px;font-weight:700}.text-link{background:transparent;color:var(--muted);padding:0}.round-button{position:relative;width:42px;background:#fff;border:1px solid var(--line);color:var(--ink)}.badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--coral);color:#fff;font-size:11px;display:grid;place-items:center}.inline-note{margin:0;color:var(--teal-dark);background:#d8f3ef;border-radius:8px;padding:10px 12px}.error-text{color:#b42318;margin:0}.demo-strip{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:12px}.demo-strip span{display:inline-flex;align-items:center;gap:4px;padding:6px 8px;background:#f3f6f8;border-radius:8px}.mobile-shell{width:min(520px,100%);min-height:100vh;margin:0 auto;background:#f6f8fa;display:grid;grid-template-rows:auto auto 1fr auto}.mobile-header{position:sticky;top:0;z-index:5;background:#f6f8faf5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:16px;display:flex;justify-content:space-between;align-items:center}.mobile-header h2{margin:2px 0 0;font-size:20px}.eyebrow{color:var(--teal-dark);font-size:12px;font-weight:800}.header-actions{display:flex;align-items:center;gap:10px}.notification-tray{padding:10px 16px 0;display:grid;gap:8px}.notice{text-align:left;border-radius:8px;background:var(--surface);border:1px solid var(--line);padding:10px 12px;display:grid;gap:3px}.notice span{color:var(--muted);font-size:12px}.notice-unread{border-color:#80cbc4}.mobile-content{padding:16px 16px 96px}.stack,.admin-stack{display:grid;gap:14px}.section-title,.admin-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-title h3,.admin-title h1{margin:0}.segmented-control{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;background:#e6edf1;border:1px solid var(--line);border-radius:8px}.segmented-control button{min-height:36px;border-radius:6px;background:transparent;color:var(--muted);font-size:13px;font-weight:800}.segmented-control button.active{background:var(--surface);color:var(--teal-dark);box-shadow:0 1px 4px #1d232914}.order-card,.form-card,.list-panel,.qr-panel,.metric-card,.empty-state{background:var(--surface);border:1px solid var(--line);border-radius:8px}.order-card,.form-card,.list-panel,.qr-panel{padding:16px}.order-card{display:grid;gap:12px}.order-card h4,.form-card h3,.list-panel h3{margin:0}.order-card p{margin:0;color:var(--muted)}.order-topline{display:flex;justify-content:space-between;align-items:center}.status-pill{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;background:#eaf2ff;color:var(--blue);font-size:12px;font-weight:800}.route-line{display:flex;align-items:center;gap:7px;color:var(--ink);font-weight:700}.route-arrow{color:var(--muted)}.role-row{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}.role-chip{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:#eef2ff;color:#3730a3;font-weight:800}.role-employer{background:#fff2dd;color:#8a4b0f}.credential{padding:10px;border-radius:8px;background:#fff8e6;color:#66440d!important;font-weight:700}.form-card{display:grid;gap:14px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:10px}.file-picker{cursor:pointer;min-height:48px;border:1px dashed #90a4ae;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--teal-dark);font-weight:700}.file-picker input{display:none}.checkbox-line{display:flex;flex-direction:row;gap:8px;align-items:flex-start}.checkbox-line input{width:18px;margin-top:2px}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.action-grid button{background:#f1f5f9;color:var(--ink);border:1px solid var(--line)}.incident-box{display:grid;grid-template-columns:1fr 86px;gap:8px}.incident-box button{background:#ffe8e3;color:#9b2c1f;border-radius:8px}.wallet-grid,.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.metric-card{padding:16px;display:grid;gap:8px}.metric-card span{color:var(--muted);font-size:13px}.metric-card strong{font-size:24px}.ledger-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.ledger-row div{display:grid;gap:3px}.ledger-row span{color:var(--muted);font-size:13px}.qr-panel{display:grid;justify-items:center;gap:10px}.qr-panel img{width:180px;height:180px}.empty-state{padding:24px;color:var(--muted);text-align:center}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(520px,100%);height:72px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -8px 24px #1d232914}.bottom-nav button{background:transparent;color:var(--muted);display:grid;place-items:center;align-content:center;gap:4px;font-size:12px}.bottom-nav button.active{color:var(--teal-dark);font-weight:800}.link-button{text-decoration:none}.admin-shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr;background:#f2f5f7}.admin-sidebar{background:#fff;border-right:1px solid var(--line);padding:20px;display:grid;grid-template-rows:auto 1fr auto;gap:20px}.admin-brand{display:grid;gap:5px}.admin-brand strong{font-size:20px}.admin-brand span{color:var(--muted);font-size:13px}.admin-sidebar nav{display:grid;align-content:start;gap:8px}.admin-sidebar nav button{min-height:42px;border-radius:8px;background:transparent;color:var(--muted);display:flex;align-items:center;gap:10px;padding:0 12px}.admin-sidebar nav button.active{background:#e5f0ee;color:var(--teal-dark);font-weight:800}.admin-main{padding:24px;min-width:0}.table-wrap{overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:14px}th{color:var(--muted);font-weight:800;background:#f8fafb}.admin-actions{display:grid;grid-template-columns:minmax(140px,1fr) repeat(3,64px);gap:6px}.admin-actions button:nth-of-type(1){background:#e5f0ee}.admin-actions button:nth-of-type(2){background:#eaf2ff;color:var(--blue)}.admin-actions button:nth-of-type(3){background:#ffe8e3;color:#9b2c1f}.admin-form-row{display:grid;grid-template-columns:minmax(200px,1fr) 160px 90px;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px}.admin-toolbar{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px;display:grid;gap:12px}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chips button{min-height:34px;border-radius:999px;padding:0 12px;background:#f1f5f9;color:var(--muted);font-size:13px;font-weight:800}.filter-chips button.active{background:#e5f0ee;color:var(--teal-dark)}.result-count,.table-empty{color:var(--muted);font-size:13px}.table-empty{padding:18px;text-align:center}@media(max-width:760px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:sticky;top:0;z-index:10;grid-template-rows:auto auto}.admin-sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr));overflow-x:auto}.admin-main{padding:16px}}@media(max-width:430px){.auth-panel{padding:18px}.two-column,.incident-box,.admin-form-row{grid-template-columns:1fr}.brand-row h1{font-size:24px}}