:root{--fr8-primary: #4F6CEE;--fr8-primary-hover: #3951c7;--fr8-primary-subtle: rgba(79, 108, 238, .08);--fr8-surface: #ffffff;--fr8-surface-subtle: #F7F8FA;--fr8-surface-grid: #F0F4F9;--fr8-border: #E3EAF1;--fr8-border-strong: #CFDAE6;--fr8-text-strong: #1A202C;--fr8-text-primary: #2D3748;--fr8-text-secondary: #5E758D;--fr8-text-muted: #8A96A8;--fr8-sidebar-bg: #F9FAFC}.fr8-app-frame{background:var(--fr8-surface);border:1px solid var(--fr8-border);border-radius:var(--radius);overflow:hidden;box-shadow:0 20px 60px -10px #07102847,0 4px 16px -4px #07102824;display:flex;flex-direction:column;font-family:var(--font-body);color:var(--fr8-text-primary)}.fr8-app-frame__topbar{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--fr8-surface);border-bottom:1px solid var(--fr8-border);flex-shrink:0}.fr8-app-frame__logo{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:700;color:var(--fr8-text-strong);font-size:1.0625rem;letter-spacing:-.01em;padding-right:.75rem;border-right:1px solid var(--fr8-border)}.fr8-app-frame__logo-mark{width:26px;height:26px;background-image:url(/images/brand/fr8labs-mark-square-big.png);background-size:contain;background-repeat:no-repeat;background-position:center}.fr8-app-frame__breadcrumb-inline{font-family:var(--font-body);font-size:.8125rem;color:var(--fr8-text-secondary)}.fr8-app-frame__search{flex:1;max-width:360px;padding:.4375rem .75rem;background:var(--fr8-surface-subtle);border:1px solid var(--fr8-border);border-radius:6px;color:var(--fr8-text-muted);font-size:.8125rem;font-family:var(--font-body)}.fr8-app-frame__topbar-spacer{flex:1}.fr8-app-frame__task-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;color:var(--fr8-text-secondary);font-size:.8125rem;font-weight:500}.fr8-app-frame__task-btn:before{content:"";display:inline-block;width:14px;height:14px;border:1.5px solid currentColor;border-radius:3px;opacity:.6}.fr8-app-frame__user{display:flex;align-items:center;gap:.5rem;padding-left:.75rem;border-left:1px solid var(--fr8-border)}.fr8-app-frame__user-avatar{width:30px;height:30px;border-radius:50%;background:var(--fr8-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;font-family:var(--font-mono)}.fr8-app-frame__user-info{display:flex;flex-direction:column;font-size:.6875rem;line-height:1.25}.fr8-app-frame__user-name{color:var(--fr8-text-strong);font-weight:600}.fr8-app-frame__user-tenant{color:var(--fr8-text-muted);font-size:.625rem;text-transform:uppercase;letter-spacing:.03em}.fr8-app-frame__body{display:flex;flex:1;min-height:0;background:var(--fr8-surface)}.fr8-app-frame__sidebar{width:52px;background:var(--fr8-sidebar-bg);border-right:1px solid var(--fr8-border);display:flex;flex-direction:column;align-items:center;padding:.625rem 0;gap:.1875rem;flex-shrink:0}.fr8-app-frame__sidebar-item{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--fr8-text-muted);font-size:1rem}.fr8-app-frame__sidebar-item--active{background:var(--fr8-primary-subtle);color:var(--fr8-primary)}.fr8-app-frame__content{flex:1;padding:1.25rem 1.5rem;background:var(--fr8-surface);min-width:0;overflow:hidden}.fr8-page-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.fr8-page-header__breadcrumb{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--fr8-text-muted);font-family:var(--font-body)}.fr8-page-header__breadcrumb-sep{color:var(--fr8-border-strong)}.fr8-page-header__breadcrumb span:last-child{color:var(--fr8-text-primary);font-weight:500}.fr8-page-header__row{display:flex;align-items:center;gap:.75rem;justify-content:space-between;flex-wrap:wrap}.fr8-page-header__title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--fr8-text-strong);margin:0;letter-spacing:-.01em}.fr8-page-header__sub{font-size:.8125rem;color:var(--fr8-text-muted);margin:0}.fr8-page-header__actions{display:flex;gap:.5rem;align-items:center}.fr8-btn{padding:.4375rem .875rem;border-radius:6px;border:1px solid var(--fr8-border);background:var(--fr8-surface);color:var(--fr8-text-primary);font-family:var(--font-body);font-size:.8125rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.375rem;line-height:1}.fr8-btn--primary{background:var(--fr8-primary);border-color:var(--fr8-primary);color:#fff}.fr8-btn--subtle{background:var(--fr8-surface-subtle)}.fr8-status{display:inline-flex;align-items:center;padding:.1875rem .5rem;border-radius:4px;font-family:var(--font-mono);font-size:.625rem;font-weight:600;letter-spacing:.03em;white-space:nowrap;text-transform:uppercase;line-height:1.4}.fr8-status--draft{background:#8da9db29;color:#5c7494}.fr8-status--in-progress{background:#3b6fd424;color:#335fbe}.fr8-status--in-transit{background:#6366f124;color:#505acd}.fr8-status--delivered{background:#70ad4729;color:#417d2a}.fr8-status--completed{background:#22aa6424;color:#1c8250}.fr8-status--cancelled{background:#ef444424;color:#b92323}.fr8-status--ops-closed{background:#94a3b82e;color:#5e728c}.fr8-doc-chip{display:inline-flex;align-items:center;padding:.1875rem .4375rem;border-radius:4px;font-family:var(--font-mono);font-size:.625rem;font-weight:600;letter-spacing:.04em;background:#3b6fd41a;color:var(--fr8-primary);line-height:1.3}.fr8-doc-chip--bc{background:#f9731624;color:#b8410c}.fr8-doc-chip--bl{background:#3b6fd424;color:#335fbe}.fr8-doc-chip--hbl{background:#6366f124;color:#505acd}.fr8-doc-chip--awb{background:#0ea5e924;color:#0369a1}.fr8-doc-chip--noa{background:#ef444424;color:#b92323}.fr8-doc-chip--si{background:#a855f724;color:#6b21a8}.fr8-route-stepper{display:flex;flex-direction:column;gap:.375rem;font-family:var(--font-body)}.fr8-route-stepper__line{display:flex;align-items:center;gap:.5rem}.fr8-route-stepper__dot{width:11px;height:11px;border-radius:50%;background:var(--fr8-primary);flex-shrink:0;box-shadow:0 0 0 3px #4f6cee26}.fr8-route-stepper__dot--future{background:#fff;border:2px solid var(--fr8-border-strong);box-shadow:none}.fr8-route-stepper__dot--mid{width:8px;height:8px;box-shadow:none}.fr8-route-stepper__connector{flex:1;height:2px;background:var(--fr8-primary);border-radius:1px;min-width:30px}.fr8-route-stepper__connector--partial{background:linear-gradient(to right,var(--fr8-primary) 60%,var(--fr8-border-strong) 60%)}.fr8-route-stepper__connector--future{background:var(--fr8-border-strong)}.fr8-route-stepper__labels{display:flex;justify-content:space-between;gap:.5rem}.fr8-route-stepper__label{display:flex;flex-direction:column;gap:1px;font-size:.6875rem;min-width:0}.fr8-route-stepper__label--end{text-align:right;align-items:flex-end}.fr8-route-stepper__label-name{color:var(--fr8-text-strong);font-weight:600;white-space:nowrap}.fr8-route-stepper__label-code{color:var(--fr8-text-muted);font-family:var(--font-mono);font-size:.5625rem;letter-spacing:.04em}.fr8-shipment-card{padding:.875rem 1rem 1rem;background:var(--fr8-surface);border:1px solid var(--fr8-border);border-radius:10px;display:flex;flex-direction:column;gap:.75rem}.fr8-shipment-card__meta{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.625rem;color:var(--fr8-text-muted);text-transform:uppercase;letter-spacing:.06em}.fr8-shipment-card__meta-dot{width:4px;height:4px;border-radius:50%;background:var(--fr8-border-strong)}.fr8-shipment-card__head{display:flex;align-items:center;gap:.5rem;justify-content:space-between}.fr8-shipment-card__ref{font-family:var(--font-mono);font-size:.9375rem;font-weight:700;color:var(--fr8-primary);letter-spacing:.01em}.fr8-shipment-card__party{font-size:.75rem;color:var(--fr8-text-secondary);display:flex;flex-wrap:wrap;align-items:center;gap:.375rem}.fr8-shipment-card__party-carrier{color:var(--fr8-text-muted)}.fr8-shipment-card__sep{color:var(--fr8-border-strong)}.fr8-data-grid{background:var(--fr8-surface);border:1px solid var(--fr8-border);border-radius:6px;overflow:hidden;font-family:var(--font-body)}.fr8-data-grid__head{display:grid;background:var(--fr8-surface-grid);border-bottom:1px solid var(--fr8-border);font-size:.6875rem;font-weight:600;color:var(--fr8-text-secondary);text-transform:uppercase;letter-spacing:.04em}.fr8-data-grid__head-cell{padding:.625rem .75rem;border-right:1px solid var(--fr8-border);display:flex;align-items:center;gap:.375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fr8-data-grid__head-cell:last-child{border-right:none}.fr8-data-grid__head-cell:after{content:"";display:inline-block;width:1px;height:10px;background:transparent}.fr8-data-grid__row{display:grid;border-bottom:1px solid var(--fr8-border);font-size:.75rem;color:var(--fr8-text-primary);background:var(--fr8-surface)}.fr8-data-grid__row:last-child{border-bottom:none}.fr8-data-grid__row:hover{background:#00000006}.fr8-data-grid__cell{padding:.625rem .75rem;border-right:1px solid var(--fr8-border);display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fr8-data-grid__cell:last-child{border-right:none}.fr8-data-grid__cell-ref{font-family:var(--font-mono);color:var(--fr8-primary);font-weight:500}.fr8-data-grid__cell-muted{color:var(--fr8-text-muted)}.fr8-dashboard-card{padding:1rem 1.125rem;background:var(--fr8-surface);border:1px solid var(--fr8-border);border-radius:10px;display:flex;flex-direction:column;gap:.625rem;min-width:0;min-height:132px}.fr8-dashboard-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.fr8-dashboard-card__title{font-family:var(--font-body);font-size:.875rem;font-weight:700;color:var(--fr8-text-strong);line-height:1.3;margin:0}.fr8-dashboard-card__star{color:var(--fr8-border-strong);font-size:1rem;line-height:1}.fr8-dashboard-card__meta{display:flex;align-items:center;gap:.5rem;font-size:.6875rem;color:var(--fr8-text-muted);flex-wrap:wrap}.fr8-dashboard-card__chip{display:inline-flex;align-items:center;padding:.125rem .4375rem;border-radius:4px;font-family:var(--font-mono);font-size:.5625rem;font-weight:600;letter-spacing:.04em}.fr8-dashboard-card__chip--operations{background:#3b6fd424;color:#335fbe}.fr8-dashboard-card__chip--finance{background:#70ad4729;color:#417d2a}.fr8-dashboard-card__chip--general{background:#8da9db2e;color:#5c7494}.fr8-dashboard-card__link{font-size:.75rem;color:var(--fr8-primary);font-weight:500;margin-top:auto;display:flex;align-items:center;gap:.25rem}.fr8-stack{display:flex;flex-direction:column;gap:.75rem}.fr8-row{display:flex;gap:.5rem;align-items:center}.fr8-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.fr8-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.fr8-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}