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