:root{--ink:#182d25;--muted:#687a70;--line:#e1e8e3;--green:#166b4b;--mint:#e4f3eb;--paper:#f4f7f5;--white:#fff;--amber:#9e5916;--danger:#b43838;--radius:14px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Segoe UI,Microsoft YaHei,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #e5aa4d;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #7abc9e;outline-offset:1px}button{transition:background .15s,box-shadow .15s}h1,h2,h3,p{margin:0}svg{flex-shrink:0}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.green{color:var(--green)!important}.amber{color:var(--amber)!important}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:220px;background:#102f24;color:#b5cdbf;padding:31px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 12px 46px;font-size:25px;font-weight:750;color:white;letter-spacing:.06em}.brand small{display:block;font-size:12px;font-weight:400;letter-spacing:.14em;color:#a6bfb1;margin-top:2px}.brand-mark{width:43px;height:43px;display:grid;place-items:center;background:#eabb73;color:#143629;border-radius:12px}.nav-caption{font-size:12px;color:#81a18e;padding:0 14px 12px}.sidebar nav{display:grid;gap:8px}.nav-item{display:flex;gap:13px;align-items:center;border:0;border-radius:10px;text-align:left;background:transparent;color:#b8cec1;padding:13px 15px;font-size:15px}.nav-item:hover{background:#ffffff0b}.nav-item.active{background:#ffffff12;color:white;box-shadow:inset 3px 0 #eabb73}.sidebar-bottom{margin-top:auto;padding:24px 9px 0;border-top:1px solid #ffffff14}.sync-info{display:flex;gap:11px;align-items:center;font-size:14px;color:#e1ede5}.sync-info small{display:block;font-size:12px;color:#92ad9c;margin-top:4px}.sidebar-bottom p{font-size:12px;line-height:1.8;margin-top:15px;color:#8ea899}.workspace{margin-left:220px;flex:1 1;min-width:0}.topbar{position:sticky;top:0;z-index:10;min-height:96px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 36px;background:#ffffffec;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.eyebrow{font-size:12px;color:var(--muted);margin-bottom:4px}.topbar h1{font-size:26px;letter-spacing:.01em;font-weight:750}.page-title,.top-actions{display:flex;align-items:center;gap:12px}.mobile-brand{display:none}.danger-button,.primary-button,.secondary-button{display:inline-flex;justify-content:center;align-items:center;gap:7px;border-radius:9px;min-height:42px;padding:9px 15px;font-size:14px;font-weight:650;white-space:nowrap}.primary-button{border:1px solid var(--green);color:white;background:var(--green);box-shadow:0 3px 9px #166b4b16}.primary-button:hover{background:#11573c}.secondary-button{border:1px solid #d6e1d9;background:white;color:#355443}.secondary-button:hover{background:#f0f6f2}.danger-button{border:1px solid var(--danger);background:var(--danger);color:white}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line);background:white;border-radius:8px;color:#60776a}.icon-button:hover{background:#edf4ef}.icon-button.danger{color:var(--danger)}.inline-button,.text-button{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--green);font-size:14px;padding:4px;font-weight:600}.text-button:hover{text-decoration:underline}.inline-button{padding:3px}.content{max-width:1540px;margin:auto;padding:21px 36px 32px}.context-line{justify-content:space-between;gap:10px;margin-bottom:17px;font-size:12px;color:var(--muted)}.context-line,.context-line p{display:flex;align-items:center}.context-line p{gap:9px}.sync-dot{display:inline-block;flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#339f6b;box-shadow:0 0 0 4px #339f6b15}.sync-dot.offline{background:#d49342}.banner{gap:10px;border:1px solid #e6d4a3;border-radius:10px;padding:12px 15px;margin-bottom:17px;font-size:14px;color:#7b5b16;background:#fff9e9}.banner,.banner button{display:flex;align-items:center}.banner button{margin-left:auto;background:none;border:0;color:inherit}.banner.error{border-color:#f1c9c9;background:#fff1f1;color:#a32b2b}.filter-panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:20px}.filter-bottom,.filter-top{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.filter-top{margin-bottom:16px}.range-label{display:flex;align-items:center;gap:7px;color:#4b6154;font-size:14px;white-space:nowrap}.preset-group{display:flex;gap:2px;background:#f1f5f2;border-radius:7px;padding:3px}.preset-group button{font-size:13px;background:transparent;border:0;padding:5px 9px;border-radius:5px;color:#466052}.preset-group button:hover{background:white}.date-range{display:flex;gap:8px;align-items:center;margin-left:auto;font-size:13px;color:#8a978f}input,select,textarea{background:white;border:1px solid #dbe3dd;border-radius:7px;color:var(--ink);min-height:40px;padding:8px 11px;font-size:14px;max-width:100%}.date-range input{width:154px;min-width:0}.filter-bottom select{min-width:140px}.search-field{flex:1 1;min-width:220px;display:flex;gap:7px;align-items:center;border:1px solid #dbe3dd;border-radius:7px;padding:0 11px;color:#8c9e92}.search-field input{border:0;min-width:0;flex:1 1;padding-left:0;background:none;outline:0}.search-field:focus-within{outline:2px solid #7abc9e}.search-field button{display:flex;background:transparent;border:0;color:#84968a;padding:5px}.reset-filter{margin-left:3px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:18px 0 23px}.metric-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:20px 21px}.metric-card>div{display:flex;justify-content:space-between;align-items:center;color:#90a898;gap:8px}.metric-card p{font-size:14px;color:#5f7567}.metric-card strong{display:block;font-size:clamp(22px,2.1vw,31px);line-height:1.3;margin:12px 0 10px;font-weight:700;letter-spacing:-.03em;white-space:nowrap}.metric-card strong small{font-size:13px;font-weight:400;margin-left:7px;letter-spacing:0;color:#6e8175}.metric-card>span{font-size:12px;color:#85968b}.metric-card.accent{border-color:#d8e8dd;background:linear-gradient(120deg,#fff,#eff7f1)}.metric-card.accent strong{color:var(--green)}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-head{justify-content:space-between;gap:12px;padding:23px 23px 20px}.panel-head,.panel-head h2{display:flex;align-items:center}.panel-head h2{font-size:19px;font-weight:700;gap:9px}.panel-head p{font-size:12px;color:var(--muted);margin-top:5px}.count-pill{display:inline-grid;place-items:center;min-width:28px;border-radius:6px;padding:1px 7px;font-size:12px;background:#edf3ef;color:#4e6959;font-weight:500}.secondary-meta{font-size:12px;color:#91a095}.table-wrap{padding:0 16px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}th{font-size:13px;font-weight:500;background:#f4f7f5;color:#73877a;white-space:nowrap;padding:13px 14px}th:first-child{border-radius:6px 0 0 6px}th:last-child{border-radius:0 6px 6px 0}td{padding:18px 14px;border-bottom:1px solid #eaf0ec;color:#405b4a}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcfb}.cell-stack{display:flex;flex-direction:column;gap:6px}.cell-stack b{font-weight:600;color:#254731;font-size:14px}.cell-stack small{font-size:12px;color:#91a094}.route{display:inline-flex;align-items:center;gap:8px;color:#2b4935;font-weight:650;white-space:nowrap}.route svg{color:#94a79a}.row-actions{display:flex;align-items:center;gap:7px}.status{display:inline-flex;align-items:center;white-space:nowrap;border-radius:6px;padding:5px 9px;font-size:13px;font-weight:500}.status.waiting{background:#fff0dc;color:#a66c23}.status.moving{background:#e6effe;color:#4777b2}.status.done{background:#e5f3e9;color:#2b8650}.status.cancelled{background:#f0f1f0;color:#808981}.pagination{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #edf1ee;padding:15px 23px;font-size:12px;color:#899c8e}.pagination>div{display:flex;gap:6px}.pagination .icon-button{width:31px;height:31px}.empty-state{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:32px 20px;color:#688371}.empty-state h3{font-size:18px;color:#335540}.empty-state p{font-size:14px;color:#7c9183;max-width:390px}.empty-state button{margin-top:5px}.empty-icon{display:grid;place-items:center;width:68px;height:68px;background:#edf5ef;border-radius:19px;color:#65947a}.footnote{font-size:12px;line-height:1.8;color:#8c9c92;padding:16px 3px}.segmented{display:flex;gap:3px;background:#eef3f0;padding:4px;border-radius:8px}.segmented button{background:none;border:0;color:#6b8173;font-size:14px;padding:6px 13px;border-radius:6px;white-space:nowrap}.segmented button.selected{background:white;box-shadow:0 1px 5px #17362614;color:var(--green);font-weight:650}.chart-caption{display:flex;justify-content:space-between;align-items:center;padding:0 25px;font-size:13px;color:#718779}.chart-caption span{display:flex;gap:7px;align-items:center}.chart-caption i{width:9px;height:9px;background:#269c6a;border-radius:2px}.chart-caption small{font-size:12px;color:#8d9e93}.chart-scroll{overflow-x:auto;padding:20px 24px 5px}.bar-chart{display:flex;justify-content:space-around;gap:16px;height:224px;padding-top:5px;border-bottom:1px solid var(--line)}.bar-column{display:flex;flex-direction:column;align-items:center;flex:1 1;min-width:46px}.bar-number{height:22px;flex-shrink:0;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#679078}.bar-track{height:168px;width:100%;display:flex;align-items:flex-end;justify-content:center}.bar{width:65%;max-width:52px;border:0;border-radius:5px 5px 0 0;background:linear-gradient(#59b888,#218957);min-height:2px}.bar:hover{filter:brightness(.9)}.bar-label{font-size:12px;color:#798d7f;margin-top:8px}.stats-table{overflow:auto;padding:20px 16px 8px}.stats-table td{padding:13px 14px;white-space:nowrap}.mobile-brand,.mobile-nav,.mobile-records{display:none}dialog{padding:0;border:0;color:var(--ink);background:white;border-radius:17px;box-shadow:0 20px 90px #08211740}dialog::backdrop{background:#0c251a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.shipment-dialog{width:min(710px,calc(100vw - 30px));max-height:90dvh}.shipment-dialog form{display:flex;flex-direction:column;max-height:90dvh}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:22px 26px 18px;border-bottom:1px solid var(--line);flex-shrink:0}.dialog-head h2{font-size:22px;font-weight:700}.form-body{overflow-y:auto;padding:21px 26px;min-height:0}.form-hint{font-size:13px;color:#83958a;margin-bottom:22px}fieldset{border:0;margin:0;padding:0;min-width:0}legend{font-size:15px;font-weight:650;margin-bottom:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 20px}.form-grid label{display:block;font-size:14px;color:#4e6858}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:7px;font-size:16px;min-height:44px}.form-grid .wide{grid-column:1/-1}.form-grid textarea{resize:vertical}.required{color:#b95834}.dialog-footer{padding:18px 26px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.form-error{color:#b13636;background:#fff2f1;border:1px solid #efd3d0;border-radius:8px;padding:10px 12px;font-size:14px;margin-top:16px}.delete-dialog{padding:25px;width:min(480px,calc(100vw - 30px))}.delete-dialog h2{font-size:20px;font-weight:700;margin-bottom:13px}.delete-dialog p{font-size:14px;color:#748578;margin-bottom:9px;overflow-wrap:anywhere}.delete-dialog .dialog-footer{padding:20px 0 0;margin-top:20px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;max-width:calc(100vw - 30px);display:flex;gap:10px;align-items:center;background:#143d28;color:white;border-radius:10px;padding:13px 18px;box-shadow:0 6px 25px #0c2c3040;font-size:14px}.toast button{background:none;color:inherit;border:0;display:flex;padding:4px}.spin{animation:spin 1.3s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media(min-width:1600px){.content{padding-top:27px}.metric-card{padding:23px}}@media(max-width:1200px){.sidebar{width:190px;padding:28px 12px}.workspace{margin-left:190px}.topbar{padding:20px 24px}.content{padding:19px 24px}.metric-grid{gap:10px}.metric-card{padding:17px 14px}.metric-card strong{font-size:24px}.filter-top{gap:10px}.date-range{margin-left:0}td{padding:16px 10px}.table-wrap{padding:0 10px}.cell-stack b{font-size:13px}}@media(max-width:960px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card strong{font-size:28px}.secondary-meta{display:none}.top-actions{gap:8px}.date-range{margin-left:0}.table-wrap{overflow:auto}table{min-width:760px}.filter-bottom select{flex:1 1}.search-field{flex-basis:100%}}@media(max-width:700px){.sidebar{display:none}.workspace{margin-left:0}.topbar{min-height:80px;padding:15px 16px;gap:7px;align-items:center}.topbar h1{font-size:21px}.topbar .eyebrow{display:none}.mobile-brand{display:grid;place-items:center;background:var(--green);color:white;width:34px;height:34px;border-radius:9px}.page-title{gap:9px}.top-actions{gap:7px}.top-actions .primary-button{display:none}.export-button{padding:8px 10px;font-size:13px;min-height:37px}.content{padding:16px 14px 91px}.context-line{font-size:12px;margin-bottom:13px;align-items:center}.context-line .text-button{font-size:12px;white-space:nowrap}.context-line p{gap:7px}.banner{font-size:13px;align-items:flex-start;line-height:1.7;padding:11px}.banner svg{margin-top:2px}.filter-panel{padding:15px}.filter-top{gap:10px;margin-bottom:12px}.range-label{font-size:13px}.preset-group{margin-left:auto}.preset-group button{font-size:12px;padding:5px 7px}.date-range{width:100%;gap:8px}.date-range input{width:0;flex:1 1;font-size:14px;padding:8px 6px}.filter-bottom{gap:8px}.search-field{min-width:0;flex-basis:100%}.search-field input{font-size:14px}.filter-bottom select{min-width:0;width:0;font-size:13px;padding:8px 6px}.reset-filter{font-size:12px;margin-left:0}.reset-filter svg{display:none}.metric-grid{gap:10px;margin:12px 0 17px}.metric-card{padding:16px 14px}.metric-card p{font-size:13px}.metric-card>div svg{width:16px;height:16px}.metric-card strong{font-size:24px;margin:10px 0 7px}.metric-card strong small{font-size:12px;margin-left:4px}.metric-card>span{font-size:12px}.panel-head{padding:19px 16px}.panel-head h2{font-size:17px}.panel-head p{font-size:12px}.table-wrap{display:none}.mobile-records{display:grid;padding:0 14px}.record-card{border-top:1px solid var(--line);padding:17px 1px}.record-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.record-card .route{font-size:16px}.record-card>p{font-size:12px;color:#8e9e92;margin:7px 0 12px;overflow-wrap:anywhere}.card-details{display:flex;flex-wrap:wrap;gap:5px 13px;font-size:13px;color:#5f7867}.record-card footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:16px}.record-card footer>div:first-child{display:flex;flex-direction:column;gap:3px}.record-card footer strong{font-size:18px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.record-card footer span{font-size:12px}.record-card .secondary-button{font-size:12px;padding:6px 9px;min-height:35px}.pagination{padding:15px;font-size:12px}.empty-state{min-height:290px;padding:28px 18px}.footnote{font-size:12px}.chart-caption{padding:0 17px}.chart-caption small{display:none}.chart-scroll{padding:16px 15px 4px}.stats-table{padding:16px 9px 8px}.stats-table table{min-width:630px;font-size:13px}.stats-table th{font-size:12px}.stats-table td{padding:13px 10px}.segmented button{font-size:13px;padding:5px 9px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;justify-content:space-evenly;background:#ffffffed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);height:calc(67px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.mobile-nav,.mobile-nav button{display:flex;align-items:center}.mobile-nav button{flex-direction:column;gap:4px;font-size:12px;color:#8a9f90;background:none;border:0;padding:8px 20px}.mobile-nav button.active{color:var(--green);font-weight:650}.mobile-nav .mobile-add{display:grid;place-items:center;width:49px;height:49px;border-radius:15px;background:var(--green);color:white;padding:0;box-shadow:0 4px 12px #166b4b22}.shipment-dialog{width:calc(100vw - 16px);max-height:95dvh;border-radius:14px}.shipment-dialog form{max-height:95dvh}.dialog-head{padding:18px}.dialog-head h2{font-size:21px}.form-body{padding:18px}.form-grid{gap:16px 12px}.form-grid label{font-size:13px}.form-grid input,.form-grid select{padding:8px}.form-grid label:nth-child(11){grid-column:1/-1}.dialog-footer{padding:15px 18px}.form-hint{font-size:12px;line-height:1.7}.toast{bottom:86px;width:max-content;max-width:calc(100vw - 25px);font-size:13px;padding:12px}.delete-dialog{padding:22px}}@media(max-width:370px){.metric-card strong{font-size:21px}.preset-group{margin-left:0}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.topbar h1{font-size:19px}.mobile-brand{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.account-bar{margin-left:220px;padding:10px 36px;background:#eaf2ed;border-bottom:1px solid #d9e7df;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#345643;font-size:13px}.account-bar button,.account-bar>div,.account-bar>span{display:flex;gap:7px;align-items:center}.account-bar b{font-size:12px;font-weight:500;background:#d4e8dc;border-radius:5px;padding:2px 6px}.account-bar>div{gap:17px}.account-bar button{border:0;background:none;color:#466855;font-size:13px;padding:3px}.account-bar button:hover{color:var(--green)}.auth-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 18px;background:linear-gradient(145deg,#edf4ef,#f8faf8 45%,#e8f1eb)}.auth-brand{text-align:center;margin-bottom:27px}.auth-brand>span{display:grid;place-items:center;width:60px;height:60px;background:#174b32;color:#f5c476;border-radius:17px;margin:0 auto 10px;box-shadow:0 8px 20px #184c3220}.auth-brand h1{font-size:28px;font-weight:750;letter-spacing:.1em}.auth-brand p{font-size:13px;color:#75907c;margin-top:3px}.auth-card{width:min(440px,100%);background:white;border:1px solid #dce6df;border-radius:18px;box-shadow:0 12px 40px #143e2710;padding:31px}.auth-card h1,.auth-card h2{font-size:23px;font-weight:700;margin:8px 0 11px}.auth-card>p{font-size:14px;color:#728579;margin-bottom:23px;line-height:1.7}.auth-card label,.password-form label{display:block;font-size:14px;margin-bottom:17px;color:#45654f}.auth-card input,.password-form input{display:block;width:100%;margin-top:7px;min-height:45px;font-size:16px}.auth-card small{font-size:12px;color:#7e9384}.auth-submit{margin-top:8px;width:100%;min-height:45px}.auth-card .login-help{font-size:12px;margin:19px 0 0;padding-top:18px;border-top:1px solid #edf1ee}.auth-footer{font-size:12px;color:#889b8e;margin-top:23px}.account-dialog{width:min(440px,calc(100vw - 24px));max-height:92dvh}.account-dialog.wide-dialog{width:min(820px,calc(100vw - 24px))}.account-dialog .form-body{max-height:calc(92dvh - 90px);overflow-y:auto}.account-dialog h2{font-size:21px}.account-manager h3,.editable-transport h3{font-size:16px;font-weight:650;margin-bottom:16px}.permission-note{display:flex;align-items:center;gap:9px;background:#eaf4ed;border:1px solid #d7e8dd;border-radius:10px;color:#47735a;padding:13px 15px;font-size:14px;line-height:1.7;margin-bottom:20px}.create-account{padding-bottom:23px;border-bottom:1px solid var(--line)}.create-account .primary-button{margin-top:19px}.account-message{padding:12px 15px;margin:15px 0;border-radius:8px;background:#edf5ef;color:#477455;font-size:14px;line-height:1.7}.user-row{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.user-row b{font-size:15px;font-weight:650}.user-row small{display:block;color:#789080;font-size:12px;margin-top:4px}.user-row .secondary-button{font-size:12px;min-height:34px;padding:7px 10px}.danger-text{color:#ae3b38}.reset-account{background:#fff8e9;border:1px solid #eadbb9;padding:18px;border-radius:10px;margin-top:20px}.reset-account label{display:block;font-size:14px}.reset-account input{display:block;width:100%;margin:7px 0 14px}.reset-account>div{display:flex;gap:13px}.staff-account-bar{margin-left:0;padding-left:max(24px,calc((100vw - 1140px)/2));padding-right:max(24px,calc((100vw - 1140px)/2))}.staff-app{max-width:1190px;margin:auto;padding:0 24px 40px}.staff-header{padding:29px 0 23px;display:flex;justify-content:space-between;align-items:center}.staff-header h1{font-size:26px;font-weight:750}.staff-content .permission-note{margin-bottom:18px}.staff-records{margin-top:22px}.staff-record-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 22px 22px}.staff-record{padding:20px;border:1px solid var(--line);border-radius:11px;background:#fff}.record-id{font-size:12px;color:#7d9385;margin:8px 0 17px;overflow-wrap:anywhere}.staff-record dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:19px}.readonly-details dt,.staff-record dt{font-size:12px;color:#85998c;margin-bottom:4px}.staff-record dd{font-size:14px;color:#41604b;overflow-wrap:anywhere}.staff-record>.secondary-button{width:100%}.readonly-details{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;margin:0 0 25px}.readonly-details>div:last-child{grid-column:1/-1}.readonly-details dd{font-size:15px;color:#39583f;white-space:pre-wrap;overflow-wrap:anywhere}.editable-transport{border-top:1px solid var(--line);padding-top:20px}@media(max-width:1200px){.account-bar{margin-left:190px;padding:9px 24px}.staff-account-bar{margin-left:0}}@media(max-width:700px){.account-bar{margin-left:0;padding:10px 15px;flex-wrap:wrap;gap:7px;font-size:12px}.account-bar>div{gap:12px}.account-bar button{font-size:12px}.account-bar button svg{width:13px}.auth-card{padding:24px}.auth-brand{margin-bottom:17px}.auth-screen{padding:25px 18px}.account-dialog .form-body{padding:17px}.user-row{align-items:flex-start;flex-wrap:wrap}.user-row>div:first-child{flex:1 1;min-width:165px}.staff-app{padding:0 14px 25px}.staff-header{padding:22px 0 19px}.staff-header h1{font-size:23px}.staff-record-grid{grid-template-columns:1fr;padding:0 14px 18px;gap:12px}.staff-record{padding:17px}.permission-note{font-size:13px;align-items:flex-start;padding:12px}.permission-note svg{margin-top:3px}.staff-records{margin-top:17px}.staff-app .pagination .secondary-button{font-size:12px;min-height:35px;padding:7px 9px}.readonly-details{gap:16px}.readonly-details dd{font-size:14px}}