body[data-portal=client]{--bg:var(--trixis-canvas);--page-background:radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--trixis-color-brand-aqua) 16%,transparent),transparent 34%),radial-gradient(circle at 90% 6%,color-mix(in srgb,var(--trixis-color-brand-gold) 10%,transparent),transparent 28%),linear-gradient(180deg,var(--trixis-color-navy-900),var(--trixis-color-navy-950));--surface:var(--trixis-surface);--surface-muted:var(--trixis-surface-raised);--surface-strong:var(--trixis-canvas-deep);--surface-card:var(--trixis-surface-raised);--surface-contrast:var(--trixis-surface-soft);--text:var(--trixis-color-text);--text-muted:var(--trixis-color-text-muted);--border:var(--trixis-color-border);--button-secondary-bg:color-mix(in srgb,var(--trixis-surface-raised) 88%,transparent);--button-secondary-border:var(--trixis-color-border-strong);--input-bg:color-mix(in srgb,var(--trixis-color-navy-1000) 82%,transparent);--input-border:var(--trixis-color-border);--header-bg:color-mix(in srgb,var(--trixis-color-navy-1000) 88%,transparent);--accent:var(--trixis-role-accent);--accent-dark:var(--trixis-role-accent-strong);--ring:color-mix(in srgb,var(--trixis-role-accent) 30%,transparent);--shadow:var(--trixis-shadow-md);--shadow-soft:var(--trixis-shadow-sm);--radius:var(--trixis-radius-lg);--radius-sm:var(--trixis-radius-sm);--font-title:var(--trixis-font-title);--font-body:var(--trixis-font-body);min-width:320px;font-size:var(--trixis-text-sm);line-height:var(--trixis-leading-normal);background-attachment:fixed}html[data-theme=light] body[data-portal=client]{--trixis-canvas:#f1f6f9;--trixis-canvas-deep:#e7eef3;--trixis-surface:hsla(0,0%,100%,.94);--trixis-surface-raised:rgba(248,252,254,.98);--trixis-surface-soft:rgba(230,240,245,.82);--trixis-surface-hover:rgba(224,238,244,.9);--trixis-color-text:#102638;--trixis-color-text-muted:#566d7d;--trixis-color-text-subtle:#748894;--trixis-color-border:rgba(46,88,112,.16);--trixis-color-border-strong:rgba(46,88,112,.28);--trixis-shadow-sm:0 10px 28px rgba(27,58,76,.09);--trixis-shadow-md:0 22px 58px rgba(27,58,76,.14);--page-background:linear-gradient(180deg,#f5f9fb,#edf4f7)}body[data-portal=client] :where(button,input,select,textarea,summary){font:inherit}body[data-portal=client] :where(a,button,input,select,textarea,summary):focus-visible{outline:1px solid color-mix(in srgb,var(--trixis-role-accent) 78%,#fff);outline-offset:2px;box-shadow:var(--trixis-focus-ring)}body[data-portal=client] .button,body[data-portal=client] .input{min-height:var(--trixis-control-height);border-radius:var(--trixis-radius-md);font-size:var(--trixis-text-xs)}body[data-portal=client] .button:not(.secondary){border-color:color-mix(in srgb,var(--trixis-role-accent) 70%,transparent);background:linear-gradient(135deg,var(--trixis-role-accent),var(--trixis-role-accent-strong));color:var(--trixis-color-navy-1000)}body[data-portal=client] .button.secondary{border-color:var(--trixis-color-border);background:color-mix(in srgb,var(--trixis-surface-raised) 84%,transparent);color:var(--trixis-color-text)}body[data-portal=client] .portal-header{padding:var(--trixis-space-3) var(--trixis-page-gutter) 0;border:0;background:transparent;box-shadow:none}body[data-portal=client] .portal-header-inner{width:min(100%,var(--trixis-workspace-max));min-height:var(--trixis-header-height);margin-inline:auto;padding:var(--trixis-space-2) var(--trixis-space-4);border:1px solid var(--trixis-color-border);border-radius:var(--trixis-radius-xl);background:color-mix(in srgb,var(--trixis-color-navy-1000) 92%,transparent);box-shadow:var(--trixis-shadow-sm)}body[data-portal=client] .portal-chip,body[data-portal=client] .portal-header-link{min-height:36px;padding-inline:var(--trixis-space-3);border-radius:var(--trixis-radius-md);font-size:var(--trixis-text-xs)}body[data-portal=client] .portal-header-link-accent,body[data-portal=client] .portal-header-link.active{border-color:color-mix(in srgb,var(--trixis-role-accent) 32%,transparent);background:color-mix(in srgb,var(--trixis-role-accent) 10%,transparent)}body[data-portal=client] .client-shell{width:100%;max-width:none;margin:0;padding:0}body[data-portal=client] .client-topbar{min-height:0;padding:var(--trixis-space-4) var(--trixis-space-5);border-color:var(--trixis-color-border);border-radius:var(--trixis-radius-lg);background:color-mix(in srgb,var(--trixis-surface) 94%,transparent);box-shadow:var(--trixis-shadow-sm)}body[data-portal=client] .client-topbar-wrap{margin-bottom:var(--trixis-space-3)}body[data-portal=client] .client-kicker,body[data-portal=client] .client-sidebar-label{color:var(--trixis-role-accent);font-size:var(--trixis-text-2xs);letter-spacing:.12em}body[data-portal=client] .client-title{font-size:var(--trixis-text-title);line-height:var(--trixis-leading-tight);letter-spacing:-.035em}body[data-portal=client] .client-layout{grid-template-columns:var(--trixis-sidebar-width) minmax(0,1fr);gap:var(--trixis-space-3)}body[data-portal=client] .client-sidebar{top:0;height:100dvh;max-height:100dvh;gap:var(--trixis-space-3);overflow-y:auto;overscroll-behavior-y:contain}body[data-portal=client] .client-sidebar-section{padding:var(--trixis-space-3);border-color:var(--trixis-color-border);border-radius:var(--trixis-radius-lg);background:color-mix(in srgb,var(--trixis-surface) 96%,transparent);box-shadow:var(--trixis-shadow-xs)}body[data-portal=client] .client-nav,body[data-portal=client] .client-sidebar-stack{min-height:0;gap:var(--trixis-space-1)}body[data-portal=client] .client-nav-btn{grid-template-columns:22px minmax(0,1fr) auto;min-height:var(--trixis-control-height);gap:var(--trixis-space-2);padding:var(--trixis-space-2) var(--trixis-space-3);border-color:transparent;border-radius:var(--trixis-radius-md);background:transparent;font-size:var(--trixis-text-xs)}body[data-portal=client] .client-nav-btn.active,body[data-portal=client] .client-nav-btn:hover{transform:none;border-color:color-mix(in srgb,var(--trixis-role-accent) 24%,transparent);background:color-mix(in srgb,var(--trixis-role-accent) 9%,transparent)}body[data-portal=client] .client-badge{width:auto;min-width:26px;padding-inline:var(--trixis-space-2);background:color-mix(in srgb,var(--trixis-role-accent) 14%,transparent);font-size:var(--trixis-text-2xs)}body[data-portal=client] .client-mini-card{min-height:0;padding:var(--trixis-space-3);border-color:var(--trixis-color-border);border-radius:var(--trixis-radius-md);background:var(--trixis-surface-raised)}body[data-portal=client] .client-main{gap:var(--trixis-space-3);min-height:0}body[data-portal=client] .client-dashboard-hero>*,body[data-portal=client] .client-dashboard>*,body[data-portal=client] .client-trip-card,body[data-portal=client] .client-trip-card-layout>*{min-width:0}body[data-portal=client] .client-dashboard-hero{width:100%}body[data-portal=client] .card,body[data-portal=client] .client-content-card,body[data-portal=client] .client-document-upload-card,body[data-portal=client] .client-table-card{min-height:0;padding:var(--trixis-space-5);border-color:var(--trixis-color-border);border-radius:var(--trixis-radius-lg);background:color-mix(in srgb,var(--trixis-surface) 96%,transparent);box-shadow:var(--trixis-shadow-xs)}body[data-portal=client] .workspace-subtabs{min-height:0;gap:var(--trixis-space-2)}body[data-portal=client] .workspace-subtab{min-width:150px;padding:var(--trixis-space-2) var(--trixis-space-3);border-color:var(--trixis-color-border);border-radius:var(--trixis-radius-md);background:color-mix(in srgb,var(--trixis-surface) 80%,transparent)}@media (max-width:1180px){body[data-portal=client] .client-layout{grid-template-columns:1fr}body[data-portal=client] .client-sidebar{position:static;height:auto;max-height:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto;align-items:center;grid-gap:var(--trixis-space-4);gap:var(--trixis-space-4);padding:var(--trixis-space-3) var(--trixis-space-5);border-right:0;border-bottom:1px solid var(--trixis-color-border);box-shadow:var(--trixis-shadow-xs);overflow:visible;overscroll-behavior:auto}body[data-portal=client] .client-sidebar-label{display:none}body[data-portal=client] .client-sidebar-section{min-width:0}body[data-portal=client] .client-nav{display:flex;overflow-x:auto;padding-bottom:0;scrollbar-width:none;overscroll-behavior-inline:contain}body[data-portal=client] .client-nav::-webkit-scrollbar{display:none}body[data-portal=client] .client-nav-btn{width:auto;flex:0 0 auto;min-width:126px}body[data-portal=client] .client-sidebar-bottom{display:block;min-width:210px}body[data-portal=client] .client-user-card{min-height:54px}body[data-portal=client] .client-user-main{grid-template-columns:34px minmax(0,1fr)}body[data-portal=client] .client-avatar{width:34px;height:34px;flex-basis:34px}body[data-portal=client] .client-appbar{min-height:68px;padding:var(--trixis-space-3) var(--trixis-space-5)}body[data-portal=client] .client-main{padding:var(--trixis-space-6) var(--trixis-space-5) var(--trixis-space-10)}body[data-portal=client] .client-dashboard-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}}@media (max-width:780px){html:has(body[data-portal=client]){max-width:100%;overflow-x:clip}body[data-portal=client] .portal-header-inner{padding:var(--trixis-space-3)}body[data-portal=client] .client-shell{padding-top:0}body[data-portal=client] .client-sidebar{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-items:stretch;gap:var(--trixis-space-2);padding:var(--trixis-space-3)}body[data-portal=client] .client-sidebar-bottom{display:none}body[data-portal=client] .client-nav-btn{min-width:126px}body[data-portal=client] .client-appbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:var(--trixis-space-2);gap:var(--trixis-space-2);padding:var(--trixis-space-3)}body[data-portal=client] .client-global-search{width:100%;min-height:var(--trixis-control-height)}body[data-portal=client] .client-appbar-actions{justify-content:flex-end}body[data-portal=client] .client-icon-button{width:var(--trixis-touch-target);min-height:var(--trixis-touch-target)}body[data-portal=client] .client-main{padding:var(--trixis-space-5) var(--trixis-space-3) var(--trixis-space-8)}body[data-portal=client] .client-dashboard-hero{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--trixis-space-4);gap:var(--trixis-space-4)}body[data-portal=client] .client-dashboard-find{width:100%}body[data-portal=client] .client-page-orders .client-orders-overview-bar{grid-template-columns:minmax(0,1fr);gap:var(--trixis-space-3)}body[data-portal=client] .client-orders-compact-heading{display:grid;align-items:start;grid-gap:var(--trixis-space-1);gap:var(--trixis-space-1)}body[data-portal=client] .client-rental-verticals{grid-template-columns:minmax(0,1fr)}body[data-portal=client] .client-rental-vertical-label{display:none}body[data-portal=client] .client-rental-vertical-list{width:100%;max-width:100%;scrollbar-width:none}body[data-portal=client] .client-rental-vertical-list::-webkit-scrollbar{display:none}body[data-portal=client] .client-trip-card,body[data-portal=client] .client-trip-card-layout{max-width:100%;overflow:hidden}body[data-portal=client] .card,body[data-portal=client] .client-content-card,body[data-portal=client] .client-document-upload-card,body[data-portal=client] .client-table-card,body[data-portal=client] .client-topbar{padding:var(--trixis-space-4)}body[data-portal=client] .client-nav-btn{min-width:138px}}@media (max-width:820px){body[data-portal=client] :where(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important}}html{scrollbar-gutter:stable}@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}.portal-route-loading{min-height:60vh;display:grid;align-content:start;grid-gap:var(--trixis-space-4);gap:var(--trixis-space-4);padding:var(--trixis-page-gutter)}.portal-route-loading>span{display:block;min-height:var(--trixis-control-height);border-radius:var(--trixis-radius-md);background:var(--trixis-surface-raised)}.portal-route-loading>span:last-child{min-height:40vh}