@font-face{font-family:GenSenRounded;src:url(/fonts/gensen-rounded/GenSenRounded-EL.ttc);font-display:swap;font-style:normal;font-weight:200}@font-face{font-family:GenSenRounded;src:url(/fonts/gensen-rounded/GenSenRounded-L.ttc);font-display:swap;font-style:normal;font-weight:300}@font-face{font-family:GenSenRounded;src:url(/fonts/gensen-rounded/GenSenRounded-R.ttc);font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:GenSenRounded;src:url(/fonts/gensen-rounded/GenSenRounded-M.ttc);font-display:swap;font-style:normal;font-weight:500}@font-face{font-family:GenSenRounded;src:url(/fonts/gensen-rounded/GenSenRounded-B.ttc);font-display:swap;font-style:normal;font-weight:700}@font-face{font-family:GenSenRounded;src:url(/fonts/gensen-rounded/GenSenRounded-H.ttc);font-display:swap;font-style:normal;font-weight:800}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#d7ebf2;--background-lift:#f7fbfc;--foreground:#20302a;--muted:#62716d;--muted-soft:#7b8a86;--panel:#fff;--panel-subtle:#f3f8fa;--panel-border:#d5e3e5;--panel-border-strong:#b8cdd1;--divider:#e4edef;--accent:#2f6b5a;--accent-strong:#163f46;--accent-soft:#d8ece8;--accent-wash:#edf7f5;--brand-red:#dd5e5b;--brand-red-soft:#f5d0d0;--warm:#eef3dc;--warning:#6d4b24;--warning-soft:#f6efcf;--code:#163f46;--font-sans:"GenSenRounded", "Microsoft JhengHei UI", "Microsoft JhengHei", "Noto Sans TC", "PingFang TC", "Hiragino Sans GB", "Segoe UI", Arial, sans-serif;--font-mono:"Cascadia Mono", "SFMono-Regular", Consolas, monospace;--weight-medium:500;--weight-semibold:700;--weight-bold:800;--shadow-soft:0 18px 38px #163f461a;--shadow-button:0 1px 0 #ffffffdb inset, 0 8px 16px #163f461a;--shadow-button-hover:0 1px 0 #ffffffdb inset, 0 12px 24px #163f4626;--shadow-pressed:inset 0 2px 5px #163f4633, 0 1px 0 #ffffffbf}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);letter-spacing:0;text-rendering:optimizelegibility;font-size:16px;font-weight:400;line-height:1.65}a{color:inherit}button,input,textarea,select{font:inherit}.page-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:32px 0}.top-bar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.title-block h1{font-size:28px;font-weight:var(--weight-semibold);margin:0 0 8px;line-height:1.32}.title-block p{color:var(--muted);margin:0;line-height:1.7}.status-pill{border:1px solid var(--panel-border);background:var(--panel);color:var(--accent-strong);font-size:14px;font-weight:var(--weight-semibold);box-shadow:var(--shadow-button);border-radius:999px;flex:none;padding:8px 12px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.panel{background:var(--panel);border:1px solid #d5e3e5e0;border-radius:10px;padding:18px;box-shadow:0 16px 34px #163f4614}.panel h2,.panel h3{margin:0 0 10px;font-size:18px;line-height:1.3}.panel p{color:var(--muted);margin:0;line-height:1.7}.stack{gap:12px;display:grid}.check-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.check-list li{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.check-list li:last-child{border-bottom:0;padding-bottom:0}.tag{background:var(--accent-soft);color:var(--accent-strong);font-size:12px;font-weight:var(--weight-semibold);border-radius:999px;flex:none;padding:4px 9px}.tag-muted{color:var(--muted);background:#ece7e1}.tag-warning{background:var(--warning-soft);color:var(--warning)}.endpoint-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.endpoint-list a{border:1px solid var(--panel-border);background:var(--panel);box-shadow:var(--shadow-button);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;text-decoration:none;display:flex}.endpoint-list code{color:var(--code);font-family:var(--font-mono);font-size:13px}.endpoint-list span{color:var(--muted);font-size:13px}.endpoint-list li p{color:var(--muted);margin:8px 4px 0;font-size:13px;line-height:1.6}.admin-shell{background:linear-gradient(135deg,#cfe7ef 0%,#e8f4f4 54%,#f5f8ef 100%);grid-template-columns:230px minmax(0,1fr);min-height:100vh;padding:16px;display:grid}.admin-sidebar{color:#f7fbfc;background:linear-gradient(#164958 0%,#0f3e4c 58%,#0d3441 100%);border:1px solid #ffffff29;border-radius:18px 0 0 18px;align-self:start;min-height:calc(100vh - 32px);padding:24px 18px;position:sticky;top:16px;box-shadow:0 22px 46px #0d344138}.admin-sidebar h1{color:#fff;font-size:20px;font-weight:var(--weight-semibold);margin:0;line-height:1.35}.admin-brand-block{gap:10px;display:grid}.admin-avatar{width:58px;height:58px;color:var(--accent-strong);font-size:24px;font-weight:var(--weight-bold);background:linear-gradient(160deg,#fffefa 0%,#d8ece8 100%);border:2px solid #ffffff94;border-radius:999px;place-items:center;display:grid;box-shadow:0 12px 28px #0000002e}.sidebar-context{color:#ffffffb8;font-size:13px;font-weight:var(--weight-medium);margin:10px 0 0;line-height:1.65}.workspace-switch-note{border:1px solid var(--panel-border);color:var(--muted);background:#cfe0d96b;border-radius:8px;margin-top:18px;padding:11px;font-size:13px;line-height:1.55;box-shadow:0 8px 18px #2033180f}.eyebrow{color:var(--brand-red);font-size:12px;font-weight:var(--weight-semibold);letter-spacing:0;text-transform:none;margin:0 0 8px}.admin-nav{gap:22px;margin-top:34px;display:grid}.admin-nav-group{gap:6px;display:grid}.admin-nav-heading{color:#ffffff85;font-size:12px;font-weight:var(--weight-semibold);letter-spacing:0}.admin-nav a{border:1px solid var(--panel-border);color:var(--foreground);font-weight:var(--weight-medium);box-shadow:var(--shadow-button);background:#fffefae0;border-radius:8px;padding:10px 12px;line-height:1.45;text-decoration:none;transition:background .14s,border-color .14s,box-shadow .14s,transform 80ms}.primary-link{border:1px solid var(--panel-border);color:var(--foreground);font-weight:var(--weight-semibold);box-shadow:var(--shadow-button);background:#ffffffeb;border-radius:8px;padding:10px 12px;line-height:1.45;text-decoration:none;transition:background .14s,border-color .14s,box-shadow .14s,transform 80ms}.admin-nav a{color:#ffffffd1;box-shadow:none;background:0 0;border-color:#0000}.primary-action-button{color:#fff;cursor:pointer;font-weight:var(--weight-semibold);background:#1f6f55;border:1px solid #1f6f55;border-radius:8px;padding:10px 14px;line-height:1.45;transition:background .14s,border-color .14s,box-shadow .14s,transform 80ms;box-shadow:0 8px 18px #1f6f552e}.primary-action-button:hover{background:#185b46;border-color:#185b46;transform:translateY(-1px);box-shadow:0 12px 24px #1f6f5538}.primary-action-button:focus-visible{outline-offset:2px;outline:3px solid #1f6f5540}.secondary-action-button{border:1px solid var(--panel-border-strong);color:var(--accent-strong);cursor:pointer;font-weight:var(--weight-semibold);box-shadow:var(--shadow-button);background:#fff;border-radius:8px;padding:10px 14px;line-height:1.45;transition:background .14s,border-color .14s,box-shadow .14s,transform 80ms}.secondary-action-button:hover{border-color:var(--accent);background:var(--accent-wash);box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.secondary-action-button:focus-visible{outline-offset:2px;outline:3px solid #1f6f5538}.admin-nav a:hover,.primary-link:hover{border-color:var(--panel-border-strong);background:var(--accent-wash);box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.admin-nav a:hover{color:#fff;box-shadow:none;background:#ffffff1a;border-color:#ffffff1f}.admin-nav a:active,.primary-link:active,.secondary-action-button:active,.secondary-button:active,.inline-actions button:active,.driver-print-actions button:active{box-shadow:var(--shadow-pressed);transform:translateY(1px)}.admin-nav a:focus-visible,.primary-link:focus-visible,.secondary-action-button:focus-visible,.secondary-button:focus-visible,.inline-actions button:focus-visible,.driver-print-actions button:focus-visible,.table-link:focus-visible,.mini-list-link:focus-visible{outline-offset:2px;outline:3px solid #dd5e5b47}.admin-nav a.is-active{color:var(--accent-strong);background:#fffffff0;border-color:#ffffff3d;box-shadow:0 12px 26px #08232c33}.admin-content{background:#f4fafbad;border:1px solid #ffffff8f;border-left:0;border-radius:0 18px 18px 0;min-width:0;padding:14px 22px 28px;box-shadow:inset 0 1px #ffffffad}.admin-topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.admin-search-pill{border:1px solid var(--panel-border);width:min(360px,100%);color:var(--muted-soft);background:#fff;border-radius:999px;padding:9px 15px;font-size:13px;box-shadow:0 8px 18px #163f4614}.admin-topbar-actions{align-items:center;gap:8px;display:flex}.admin-topbar-actions span{border:1px solid var(--panel-border);color:var(--accent-strong);font-size:12px;font-weight:var(--weight-semibold);background:#fff;border-radius:999px;padding:7px 10px}.admin-page{gap:18px;display:grid}.admin-page-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin-page-header h2{color:var(--accent-strong);font-size:26px;font-weight:var(--weight-semibold);margin:0 0 8px;line-height:1.32}.admin-page-header p{color:var(--muted);margin:0;line-height:1.7}.header-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.receivable-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.workspace-card{background:var(--panel);min-height:178px;color:var(--foreground);border:1px solid #d5e3e5e6;border-radius:10px;padding:18px;text-decoration:none;transition:background .14s,border-color .14s,box-shadow .14s,transform 80ms;display:grid;box-shadow:0 16px 34px #163f4614}.workspace-card:hover{border-color:var(--panel-border-strong);background:var(--accent-wash);box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.workspace-card:active{box-shadow:var(--shadow-pressed);transform:translateY(1px)}.workspace-card:focus-visible{outline-offset:2px;outline:3px solid #dd5e5b47}.workspace-card-header{gap:8px;display:grid}.workspace-card-header span{background:var(--accent-soft);width:fit-content;color:var(--accent-strong);font-size:12px;font-weight:var(--weight-semibold);border-radius:999px;padding:5px 10px}.workspace-card-header strong{color:var(--accent-strong);font-size:22px;font-weight:var(--weight-semibold);line-height:1.35}.workspace-card p{color:var(--muted);margin:12px 0;line-height:1.65}.workspace-card small{color:var(--warning);font-size:14px;font-weight:var(--weight-semibold);align-self:end}.metric-card{background:var(--panel);border:1px solid #d5e3e5e0;border-radius:10px;padding:18px;box-shadow:0 16px 34px #163f4614}.metric-card span{color:var(--muted);font-size:14px}.metric-card strong{font-size:32px;font-weight:var(--weight-semibold);margin:8px 0;line-height:1;display:block}.metric-card p{color:var(--muted);margin:0}.workflow-list{color:var(--muted);margin:0;padding-left:22px;line-height:1.8}.receivable-generator-grid{grid-template-columns:minmax(180px,240px) minmax(180px,240px) auto;align-items:end;gap:12px;display:grid}.receivable-field{gap:6px;display:grid}.receivable-field span{color:var(--muted);font-size:13px;font-weight:var(--weight-medium)}.receivable-field input{border:1px solid var(--panel-border);min-height:42px;color:var(--foreground);font:inherit;background:#fff;border-radius:8px;padding:8px 10px}.receivable-list-toolbar{border:1px solid var(--panel-border);background:var(--panel-subtle);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.receivable-list-toolbar span{color:var(--muted);font-size:14px;font-weight:var(--weight-medium)}.empty-state-panel{border:1px dashed var(--panel-border-strong);background:var(--panel-subtle);color:var(--muted);font-weight:var(--weight-medium);text-align:center;border-radius:8px;padding:18px}.section-grid{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:12px;display:grid}.summary-line{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.summary-line:last-child{border-bottom:0;padding-bottom:0}.summary-line span{color:var(--muted)}.summary-line strong{font-size:20px;font-weight:var(--weight-semibold)}.section-title{font-size:20px;font-weight:var(--weight-semibold);margin:0 0 6px}.section-description{color:var(--muted);margin:0;line-height:1.7}.approval-panel{border:1px solid var(--panel-border);background:var(--panel);box-shadow:var(--shadow-soft);border-radius:8px;gap:12px;padding:16px;display:grid}.approval-panel-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.approval-panel-header h3{font-size:20px;font-weight:var(--weight-semibold);margin:0 0 6px}.approval-panel-header p{color:var(--muted);margin:0;line-height:1.7}.approval-panel-header strong{background:var(--warning-soft);color:var(--warning);border-radius:999px;flex:none;padding:7px 10px;font-size:13px}.account-editor-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:start;gap:12px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid label{gap:6px;display:grid}.form-grid span{color:var(--muted);font-size:13px;font-weight:var(--weight-medium)}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--panel-border);background:var(--background-lift);width:100%;color:var(--foreground);border-radius:8px;padding:10px 11px}.form-grid textarea{resize:vertical}.form-wide{grid-column:1/-1}.import-summary{gap:10px;display:grid}.import-summary div{border-bottom:1px solid var(--divider);gap:4px;padding-bottom:10px;display:grid}.import-summary div:last-child{border-bottom:0;padding-bottom:0}.import-summary span{color:var(--muted);font-size:13px}.import-summary strong{font-size:18px}.mini-list{gap:8px;display:grid}.mini-list-row{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:8px;display:flex}.mini-list-row:last-child{border-bottom:0;padding-bottom:0}.mini-list-row div{gap:4px;display:grid}.mini-list-row span{color:var(--muted);font-size:13px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.order-detail-page{--order-text:#202124;--order-muted:#6b7280;--order-border:#e5e7eb;--order-panel:#fff;--order-panel-soft:#f8fafc;gap:20px}.order-detail-page .admin-page-header h2{color:var(--order-text);font-size:30px;font-weight:var(--weight-semibold);line-height:1.32}.order-detail-page .admin-page-header p:not(.eyebrow){max-width:680px;color:var(--order-muted);font-size:15px;line-height:1.65}.order-status-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.order-status-strip div{border:1px solid var(--order-border);background:var(--order-panel);box-shadow:none;border-radius:8px;gap:6px;padding:14px 16px;display:grid}.order-status-strip span,.detail-list span{color:var(--order-muted);font-size:13px;font-weight:600}.order-status-strip strong{color:var(--order-text);font-size:19px;font-weight:600;line-height:1.35}.order-readable-grid .panel{border-color:var(--order-border);background:var(--order-panel);box-shadow:none}.order-readable-grid .panel h3{border-bottom:1px solid var(--order-border);color:var(--order-text);margin-bottom:2px;padding-bottom:12px;font-size:18px;font-weight:650}.detail-list{gap:10px;display:grid}.detail-list div{border-bottom:1px solid var(--order-border);grid-template-columns:minmax(108px,.38fr) minmax(0,1fr);align-items:baseline;gap:12px;padding:3px 0 11px;display:grid}.detail-list div:last-child{border-bottom:0;padding-bottom:0}.detail-list strong{color:var(--order-text);font-size:16px;font-weight:450;line-height:1.45}.detail-list-wide{grid-template-columns:repeat(4,minmax(0,1fr))}.order-readable-panel{border-color:var(--order-border);background:var(--order-panel);box-shadow:none}.order-section-heading{border-bottom:1px solid var(--order-border);justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:12px;display:flex}.order-section-heading h3,.order-readable-panel h3{color:var(--order-text);margin:0;font-size:18px;font-weight:650}.order-section-heading p,.order-note-text{color:var(--order-muted);margin:0;font-size:15px;line-height:1.65}.order-note-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.order-note-grid div{gap:6px;display:grid}.order-note-grid span{color:var(--order-muted);font-size:13px;font-weight:650}.order-items-wrap{overflow-x:auto}.order-items-table{border:1px solid var(--order-border);min-width:680px;box-shadow:none}.order-items-table th{background:var(--order-panel-soft);color:var(--order-muted);font-weight:650}.order-items-table td{color:var(--order-text);font-weight:400}.order-edit-table{min-width:760px}.order-edit-input{border:1px solid var(--order-border);width:100%;min-width:128px;color:var(--order-text);font:inherit;background:#fff;border-radius:8px;padding:9px 10px}.order-edit-input.compact{min-width:86px;max-width:120px}.form-footer-actions{justify-content:flex-end;display:flex}.driver-print-page{gap:16px;max-width:880px;margin:0 auto;padding:28px 16px;display:grid}.driver-print-actions{justify-content:space-between;gap:12px;display:flex}.driver-print-actions button{border:1px solid var(--accent-strong);background:var(--accent-strong);color:#fff;font-weight:var(--weight-semibold);box-shadow:var(--shadow-button);border-radius:8px;padding:10px 12px;line-height:1.45;transition:background .14s,box-shadow .14s,transform 80ms}.driver-print-actions button:hover{background:var(--accent);box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.driver-print-sheet{border:1px solid var(--panel-border);background:var(--panel);box-shadow:var(--shadow-soft);border-radius:8px;gap:18px;padding:28px;display:grid}.driver-print-heading{border-bottom:2px solid var(--foreground);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;display:flex}.driver-print-heading p{color:var(--muted);font-weight:var(--weight-semibold);margin:0 0 6px}.driver-print-heading h1{margin:0;font-size:30px;line-height:1.15}.driver-print-heading strong{color:var(--code);font-family:var(--font-mono);font-size:20px}.driver-key-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.driver-key-grid div,.driver-address-block,.driver-note-grid div{border:1px solid var(--panel-border);background:var(--background-lift);border-radius:8px;gap:6px;padding:12px;display:grid}.driver-payment-box{min-height:118px}.payment-stamp-space{border:1px solid var(--panel-border);background:#ffffff6b;border-radius:6px;align-self:end;min-height:46px}.driver-key-grid span,.driver-address-block span,.driver-note-grid span{color:var(--muted);font-size:13px;font-weight:var(--weight-medium)}.driver-key-grid strong,.driver-address-block strong,.driver-note-grid strong{font-size:18px;line-height:1.45}.driver-print-sheet h2{margin:0 0 10px;font-size:20px}.driver-item-table{border:1px solid var(--panel-border);min-width:0}.driver-item-table th,.driver-item-table td{font-size:16px}.driver-note-grid{grid-template-columns:minmax(130px,.8fr) minmax(130px,.8fr) minmax(160px,.7fr) minmax(190px,.85fr);gap:10px;display:grid}.signature-line{min-height:52px}.note-summary{gap:4px;display:grid}.note-summary span,.note-summary small{color:var(--foreground);font-size:14px;font-weight:var(--weight-medium);line-height:1.6}.note-summary small{color:var(--muted);font-weight:500}.table-panel{background:var(--panel);border:1px solid #d5e3e5e6;border-radius:10px;overflow-x:auto;box-shadow:0 18px 40px #163f461a}table{border-collapse:collapse;background:#fff;width:100%;min-width:920px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #eaf1f3;padding:12px 14px;line-height:1.6}th{color:#657673;font-size:13px;font-weight:var(--weight-medium);white-space:nowrap;background:#edf6f8}td{color:#263a36;font-size:14px}tbody tr{transition:background .14s}tbody tr:hover{background:#f7fbfc}tbody tr:last-child td{border-bottom:0}.table-tag{background:var(--accent-soft);color:var(--accent-strong);font-size:12px;font-weight:var(--weight-semibold);white-space:nowrap;border-radius:999px;padding:5px 10px;display:inline-flex}.table-note{color:var(--muted);margin-top:5px;font-size:12px;display:block}.table-note-strong{color:var(--muted);font-size:13px;line-height:1.5}.amount-muted{color:var(--warning);font-weight:var(--weight-semibold);white-space:nowrap}.mono-cell{color:var(--code);font-family:var(--font-mono);font-size:13px}.nowrap-cell{white-space:nowrap}.shipment-list-layout table{min-width:1180px}.shipment-cell-shipmentDate,.shipment-cell-cityDistrict,.shipment-cell-orderSummary,.shipment-cell-total{white-space:nowrap}.shipment-cell-cityDistrict{min-width:104px}.shipment-cell-partnerName{min-width:112px}.shipment-cell-note{min-width:240px;max-width:320px}.shipment-cell-total{min-width:80px}.table-link,.mini-list-link{color:#1d4ed8;font-weight:var(--weight-semibold);text-decoration:none;transition:color .14s,text-shadow .14s,transform 80ms}.table-link:hover,.mini-list-link:hover{text-shadow:0 2px 12px #1d4ed829;text-decoration:underline}.table-link:active,.mini-list-link:active{color:#1e40af;transform:translateY(1px)}.table-tag-payment{color:#8a5a16;background:#fff4cf}.table-tag-review{color:#7c431a;background:#fbe7b6}.table-tag-approved{color:#1f6f55;background:#dff3e8}.table-tag-neutral{color:#465a5b;background:#e7eef0}.table-tag-danger{color:#a23f3b;background:#fde3e1}.inline-actions{gap:8px;display:flex}.inline-actions button{border:1px solid var(--panel-border);background:var(--panel);color:var(--foreground);cursor:pointer;font-weight:var(--weight-semibold);border-radius:8px;padding:7px 10px;transition:background .14s,border-color .14s,box-shadow .14s,transform 80ms;box-shadow:inset 0 1px #ffffffe6,0 5px 12px #2033181a}.inline-actions button:hover:not(:disabled){border-color:var(--panel-border-strong);background:var(--accent-wash);box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.inline-actions .danger-action-button{color:#991b1b;background:#fff1f2;border-color:#fecaca}.inline-actions .danger-action-button:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}.inline-actions .success-action-button{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.inline-actions .success-action-button:hover:not(:disabled){background:#dcfce7;border-color:#86efac}.inline-actions button:disabled{background:var(--panel-subtle);color:var(--muted);cursor:not-allowed;box-shadow:none}.shipment-list-layout{gap:12px;display:grid}.shipment-toolbar{border:1px solid var(--panel-border);background:#ffffffdb;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex;box-shadow:0 12px 24px #163f4612}.status-tabs{flex-wrap:wrap;gap:8px;display:flex}.status-tabs button{color:#506562;cursor:pointer;font-size:13px;font-weight:var(--weight-semibold);background:#eef7f8;border:0;border-radius:999px;padding:6px 10px;transition:background .14s,color .14s,transform 80ms}.status-tabs button:hover{background:var(--accent-soft);color:var(--accent-strong)}.status-tabs button.is-active{background:var(--accent);color:#fff}.status-tabs button:active{transform:translateY(1px)}.inline-actions a{align-items:center;min-height:34px;display:inline-flex}.table-actions{flex:none;gap:8px;display:flex}.secondary-button{border:1px solid var(--panel-border);background:var(--panel);color:var(--foreground);cursor:pointer;font-weight:var(--weight-semibold);box-shadow:var(--shadow-button);border-radius:8px;padding:9px 12px;line-height:1.45;transition:background .14s,border-color .14s,box-shadow .14s,transform 80ms}.secondary-button:hover{border-color:var(--panel-border-strong);background:var(--accent-wash);box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.secondary-button:disabled{color:#77736a;cursor:not-allowed;box-shadow:none;background:#e5e3d7;transform:none}.secondary-button:disabled:hover{border-color:var(--panel-border);box-shadow:none;background:#e5e3d7;transform:none}table input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.shipment-table-grid{grid-template-columns:minmax(0,1fr) minmax(240px,300px);align-items:start;gap:12px;display:grid}.shipment-table-grid>.table-panel:first-child:last-child{grid-column:1/-1}.column-editor-panel{border:1px solid var(--panel-border);background:var(--panel);box-shadow:var(--shadow-soft);border-radius:8px;padding:14px}.column-editor-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.column-editor-heading h3{margin:0;font-size:17px}.column-editor-heading button{color:var(--accent);cursor:pointer;font-weight:var(--weight-semibold);background:0 0;border:0}.column-editor-panel p{color:var(--muted);margin:10px 0 12px;font-size:13px;line-height:1.6}.column-option-list{gap:8px;display:grid}.column-option{border-bottom:1px solid var(--divider);align-items:center;gap:8px;padding-bottom:8px;display:flex}.column-option:last-child{border-bottom:0;padding-bottom:0}.column-option input{width:16px;height:16px;accent-color:var(--accent)}.env-test-badge{z-index:9999;background:var(--brand-red);color:#fff;font-size:12px;font-weight:var(--weight-semibold);letter-spacing:1px;pointer-events:none;opacity:.92;border-radius:999px;padding:4px 12px;position:fixed;top:8px;right:8px;box-shadow:0 4px 12px #0000002e}@media print{.env-test-badge{display:none}}.line-shell{width:min(480px,100% - 24px);margin:0 auto;padding:20px 0 28px}.line-header h1{margin:0 0 8px;font-size:28px}.line-header p,.line-panel p,.line-item p{color:var(--muted);margin:0;line-height:1.7}.line-panel,.line-item{border:1px solid var(--panel-border);background:var(--panel);box-shadow:var(--shadow-soft);border-radius:8px;padding:16px}.line-panel{margin:18px 0 12px}.line-panel h2,.line-item h3{margin:0 0 6px}.line-account-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.line-badge{background:var(--accent-soft);color:var(--accent-strong);font-size:12px;font-weight:var(--weight-semibold);border-radius:999px;flex:none;padding:5px 9px}.line-items{gap:10px;display:grid}.line-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.quantity-box{border:1px solid var(--panel-border);width:44px;height:44px;color:var(--muted);font-weight:var(--weight-semibold);background:var(--background-lift);border-radius:8px;place-items:center;display:grid}.line-submit{width:100%;height:48px;color:var(--muted);font-weight:var(--weight-semibold);box-shadow:var(--shadow-button);background:#d6d8cc;border:0;border-radius:8px;margin-top:14px}.line-submit.is-ready{background:var(--accent-strong);color:#fff;cursor:pointer;transition:transform 80ms,box-shadow .14s}.line-submit.is-ready:hover{box-shadow:var(--shadow-button-hover,0 10px 22px #0d34413d);transform:translateY(-1px)}.line-submit.is-ready:active{transform:translateY(1px)}.line-login-card{border:1px solid var(--panel-border);background:var(--panel);box-shadow:var(--shadow-soft);border-radius:12px;gap:8px;margin-top:16px;padding:20px 16px;display:grid}.line-label{color:var(--muted);font-size:13px;font-weight:var(--weight-semibold)}.line-input{border:1px solid var(--panel-border);width:100%;color:var(--foreground);box-sizing:border-box;background:#fff;border-radius:8px;padding:12px;font-size:16px}.line-input:focus-visible{outline:2px solid var(--accent-strong);outline-offset:1px}.line-textarea{resize:vertical}.line-error{color:var(--brand-red);margin:2px 0 0;font-size:13px}.line-help{color:var(--muted);text-align:center;margin:10px 0 0;font-size:13px}.line-demo-box{border:1px dashed var(--panel-border);background:#cfe0d959;border-radius:12px;margin-top:18px;padding:14px 16px}.line-demo-box h2{color:var(--muted);margin:0 0 8px;font-size:14px}.line-demo-box ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.line-demo-box li{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:13px;display:flex}.line-demo-box code{border:1px solid var(--panel-border);background:#fff;border-radius:6px;padding:1px 7px}.line-demo-box p{color:var(--muted);margin:10px 0 0;font-size:12px}.line-topline{justify-content:space-between;align-items:center;gap:10px;display:flex}.line-link-button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:6px 4px;font-size:14px;text-decoration:underline}.line-item-info h3{margin:0 0 4px}.qty-stepper{flex:none;align-items:center;gap:10px;display:flex}.qty-btn{border:1px solid var(--panel-border);width:42px;height:42px;color:var(--foreground);font-size:20px;font-weight:var(--weight-semibold);box-shadow:var(--shadow-button);cursor:pointer;background:#fff;border-radius:10px;place-items:center;display:grid}.qty-btn:disabled{opacity:.35;cursor:default;box-shadow:none}.qty-count{text-align:center;min-width:26px;font-size:17px;font-weight:var(--weight-semibold)}.line-total-bar{border:1px solid var(--panel-border);font-size:14px;font-weight:var(--weight-semibold);background:#cfe0d966;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;display:flex}.line-done-card{border:1px solid var(--panel-border);background:var(--panel);text-align:center;box-shadow:var(--shadow-soft);border-radius:14px;justify-items:center;gap:10px;margin-top:26px;padding:30px 18px;display:grid}.line-done-mark{background:var(--accent-strong);color:#fff;border-radius:999px;place-items:center;width:56px;height:56px;font-size:28px;display:grid}.line-done-card h1{margin:0;font-size:24px}.line-done-no{color:var(--muted);font-weight:var(--weight-semibold);margin:0}.line-summary-list{gap:6px;width:100%;margin:8px 0 0;padding:0;list-style:none;display:grid}.line-summary-list li{border-bottom:1px solid var(--divider,#00000014);justify-content:space-between;align-items:center;padding-bottom:6px;font-size:15px;display:flex}.line-done-note{color:var(--muted);margin:4px 0 0;font-size:14px}.typography-page{gap:20px}.typography-control-panel{background:#fff;border:1px solid #d5e3e5e6;border-radius:10px;gap:16px;padding:18px;display:grid;box-shadow:0 16px 34px #163f4614}.typography-control-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.typography-control-heading h3{color:var(--accent-strong);font-size:20px;font-weight:var(--weight-semibold);margin:0 0 6px}.typography-control-heading p:not(.eyebrow){color:var(--muted);margin:0;line-height:1.7}.typography-control-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.typography-control-grid label{border:1px solid var(--divider);background:var(--panel-subtle);border-radius:8px;gap:7px;padding:12px;display:grid}.typography-control-grid span{color:var(--muted);font-size:13px;font-weight:var(--weight-medium);line-height:1.45}.typography-control-grid select,.typography-control-grid input[type=range]{width:100%}.typography-control-grid select{border:1px solid var(--panel-border);min-height:38px;color:var(--foreground);background:#fff;border-radius:8px;padding:7px 9px}.typography-control-grid input[type=range]{accent-color:var(--accent)}.typography-preview-zone{font-family:var(--preview-font-family);gap:20px;display:grid}.typography-preview-zone[data-density=compact]{gap:14px}.typography-preview-zone[data-density=relaxed]{gap:26px}.typography-hero-panel{background:#fff;border:1px solid #d5e3e5e6;border-radius:10px;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:18px;padding:22px;display:grid;box-shadow:0 16px 34px #163f4614}.typography-hero-panel span{color:var(--brand-red);font-size:13px;font-weight:var(--weight-medium)}.typography-hero-panel strong{color:var(--accent-strong);font-size:24px;font-weight:var(--weight-semibold);margin:8px 0;line-height:1.35;display:block}.typography-hero-panel p{color:var(--muted);font-size:var(--preview-body-size);line-height:var(--preview-line-height);margin:0}.typography-hero-sample{background:var(--accent-wash);min-height:160px;color:var(--accent-strong);font-size:calc(var(--preview-page-title-size) + 8px);font-weight:var(--preview-title-weight);border-radius:10px;align-content:center;padding:22px;line-height:1.35;display:grid}.typography-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.typography-spec-card{background:#fff;border:1px solid #d5e3e5e6;border-radius:10px;grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);gap:14px;padding:16px;display:grid;box-shadow:0 12px 26px #163f4612}.typography-sample-block{border:1px solid var(--divider);background:var(--panel-subtle);border-radius:8px;align-content:center;min-height:112px;padding:14px;display:grid}.typography-sample-block p{margin:0}.typography-spec-meta{align-content:center;gap:5px;display:grid}.typography-spec-meta span{color:var(--accent-strong);font-size:14px;font-weight:var(--weight-semibold)}.typography-spec-meta strong{color:var(--warning);font-size:13px;font-weight:var(--weight-medium)}.typography-spec-meta p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.type-preview-page-title{color:var(--accent-strong);font-size:var(--preview-page-title-size);font-weight:var(--preview-title-weight);line-height:1.32}.type-preview-section-title{color:var(--foreground);font-size:var(--preview-section-title-size);font-weight:var(--preview-section-weight);line-height:1.4}.type-preview-body{color:var(--foreground);font-size:var(--preview-body-size);font-weight:400;line-height:var(--preview-line-height)}.type-preview-caption{color:var(--muted);font-size:var(--preview-caption-size);font-weight:400;line-height:var(--preview-line-height)}.type-preview-nav{color:var(--accent-strong);font-size:var(--preview-nav-size);font-weight:var(--weight-medium);line-height:1.45}.type-preview-tag{background:var(--accent-soft);width:fit-content;color:var(--accent-strong);font-size:12px;font-weight:var(--preview-tag-weight);border-radius:999px;padding:5px 10px;line-height:1.4}.typography-table-panel table{min-width:760px}.typography-preview-zone .order-section-heading h3,.typography-preview-zone .order-readable-panel h3{font-size:var(--preview-section-title-size);font-weight:var(--preview-section-weight)}.typography-preview-zone .order-section-heading p,.typography-preview-zone .typography-spec-meta p{font-size:var(--preview-caption-size);line-height:var(--preview-line-height)}.typography-preview-zone th{font-size:var(--preview-table-header-size);font-weight:var(--preview-table-header-weight)}.typography-preview-zone td{font-size:var(--preview-table-body-size);line-height:var(--preview-line-height)}.typography-preview-zone .table-note{font-size:var(--preview-caption-size)}.typography-preview-zone .table-tag{font-weight:var(--preview-tag-weight)}.typography-preview-zone[data-density=compact] .typography-hero-panel,.typography-preview-zone[data-density=compact] .typography-spec-card,.typography-preview-zone[data-density=compact] .panel{padding:14px}.typography-preview-zone[data-density=compact] th,.typography-preview-zone[data-density=compact] td{padding:8px 10px}.typography-preview-zone[data-density=compact] .typography-sample-block{min-height:88px}.typography-preview-zone[data-density=relaxed] .typography-hero-panel,.typography-preview-zone[data-density=relaxed] .typography-spec-card,.typography-preview-zone[data-density=relaxed] .panel{padding:24px}.typography-preview-zone[data-density=relaxed] th,.typography-preview-zone[data-density=relaxed] td{padding:16px 18px}.typography-preview-zone[data-density=relaxed] .typography-sample-block{min-height:132px}.font-weight-preview-list{gap:10px;display:grid}.font-weight-preview-row{border-bottom:1px solid var(--divider);grid-template-columns:120px minmax(0,1fr) 48px;align-items:baseline;gap:12px;padding-bottom:10px;display:grid}.font-weight-preview-row:last-child{border-bottom:0;padding-bottom:0}.font-weight-preview-row span,.font-weight-preview-row small{color:var(--muted);font-size:13px}.font-weight-preview-row strong{color:var(--foreground);font-size:20px;line-height:1.45}@media (max-width:760px){.page-shell{width:min(100% - 24px,1120px);padding:20px 0}.top-bar{display:grid}.grid{grid-template-columns:1fr}.admin-shell{grid-template-columns:1fr;padding:10px}.admin-sidebar{border-right:1px solid #ffffff29;border-radius:16px;min-height:0;padding:14px 14px 16px;position:static}.admin-brand-block{grid-template-columns:auto 1fr;align-items:center;gap:2px 12px}.admin-avatar{grid-row:1/span 3;width:44px;height:44px;font-size:19px}.admin-sidebar h1{font-size:17px}.eyebrow{margin:0}.sidebar-context{grid-column:2;margin:0}.admin-nav{grid-template-columns:1fr;gap:10px;margin-top:14px}.admin-nav-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.admin-nav-heading{width:100%}.admin-nav a{border:1px solid #ffffff38;border-radius:999px;padding:8px 13px;font-size:14px}.admin-content{padding:16px 4px}.admin-topbar{display:none}.admin-page-header,.approval-panel-header,.driver-print-heading,.line-item{flex-direction:column;align-items:flex-start}.metric-grid,.workspace-card-grid,.receivable-generator-grid{grid-template-columns:1fr}.receivable-list-toolbar{flex-direction:column;align-items:stretch}.typography-hero-panel,.typography-grid,.typography-spec-card{grid-template-columns:1fr}.typography-hero-sample{font-size:26px}.font-weight-preview-row{grid-template-columns:1fr;gap:4px}.section-grid,.account-editor-grid,.form-grid,.detail-grid,.order-status-strip,.order-note-grid,.detail-list-wide,.driver-key-grid,.driver-note-grid{grid-template-columns:1fr}.detail-list div{grid-template-columns:1fr;gap:5px}.header-actions,.driver-print-actions{width:100%}.header-actions .primary-link,.header-actions .primary-action-button,.header-actions .secondary-action-button,.driver-print-actions .primary-link,.driver-print-actions button{text-align:center;width:100%}.shipment-toolbar,.shipment-table-grid{grid-template-columns:1fr}.shipment-toolbar{flex-direction:column;align-items:flex-start}.table-actions,.secondary-button{width:100%}.check-list li,.endpoint-list a,.mini-list-row,.line-account-heading{flex-direction:column;align-items:flex-start}.line-item{flex-direction:row;align-items:center}}