html[data-theme=dark]{--vb-bg:#07111f;--vb-card:#0d1f3c;--vb-text:#e2e8f0;--vb-muted:#94a3b8;--vb-border:rgba(148,163,184,0.14);--ui-bg:#07111f;--ui-card:rgba(15,31,60,0.88);--ui-card-solid:#0d1f3c;--ui-text:#e2e8f0;--ui-muted:#94a3b8;--ui-border:rgba(148,163,184,0.14);--bg:#07111f;--card:#0d1f3c;--text:#e2e8f0;--border:rgba(148,163,184,0.14);--muted:#94a3b8}html[data-theme=dark] body{background:#07111f!important;color:#e2e8f0!important}html[data-theme=dark] .card,html[data-theme=dark] .dash-card,html[data-theme=dark] .grid-card,html[data-theme=dark] .mini-card,html[data-theme=dark] .panel,html[data-theme=dark] .quick-card,html[data-theme=dark] .section,html[data-theme=dark] .side-card,html[data-theme=dark] .stat-card,html[data-theme=dark] .summary-card,html[data-theme=dark] .table-card,html[data-theme=dark] .trip-grid-card,html[data-theme=dark] .type-card{background:#0d1f3c!important;border-color:rgba(148,163,184,.14)!important;color:#e2e8f0!important}html[data-theme=dark] .filter-bar,html[data-theme=dark] .page-head,html[data-theme=dark] .toolbar,html[data-theme=dark] .topbar{background:rgba(13,31,60,.95)!important;border-color:rgba(148,163,184,.12)!important;color:#e2e8f0!important}html[data-theme=dark] .filter-input,html[data-theme=dark] .search-box input,html[data-theme=dark] .topbar input{background:rgba(15,23,42,.8)!important;border-color:rgba(148,163,184,.2)!important;color:#e2e8f0!important}html[data-theme=dark] .icon-btn,html[data-theme=dark] .user-pill{background:rgba(13,31,60,.9)!important;border-color:rgba(148,163,184,.18)!important;color:#94a3b8!important}html[data-theme=dark] th,html[data-theme=dark] thead{background:#081628!important;color:#94a3b8!important;border-color:rgba(148,163,184,.12)!important}html[data-theme=dark] td{border-color:rgba(148,163,184,.1)!important;color:#e2e8f0!important}html[data-theme=dark] tr:hover td{background:rgba(148,163,184,.05)!important}html[data-theme=dark] input:not([type=checkbox]):not([type=radio]),html[data-theme=dark] select,html[data-theme=dark] textarea{background:#071627!important;border-color:rgba(148,163,184,.22)!important;color:#f1f5f9!important}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#475569!important}html[data-theme=dark] select option{background:#0d1f3c!important;color:#e2e8f0!important}html[data-theme=dark] .btn,html[data-theme=dark] .btn-light,html[data-theme=dark] .page-btn:not(.active),html[data-theme=dark] button.tab:not(.active){background:#0f2040!important;border-color:rgba(148,163,184,.2)!important;color:#cbd5e1!important}html[data-theme=dark] .btn-primary,html[data-theme=dark] .page-btn.active,html[data-theme=dark] button.tab.active{background:var(--primary)!important;color:#fff!important;border-color:transparent!important}html[data-theme=dark] .field label,html[data-theme=dark] label{color:#94a3b8!important}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] h4{color:#f1f5f9!important}html[data-theme=dark] .muted,html[data-theme=dark] .sub,html[data-theme=dark] p,html[data-theme=dark] small{color:#94a3b8!important}html[data-theme=dark] b,html[data-theme=dark] strong{color:#f1f5f9!important}html[data-theme=dark] .pill-green,html[data-theme=dark] .pill-paid{background:rgba(34,197,94,.15)!important;color:#4ade80!important}html[data-theme=dark] .pill-red,html[data-theme=dark] .pill-rejected{background:rgba(239,68,68,.15)!important;color:#f87171!important}html[data-theme=dark] .pill-approved,html[data-theme=dark] .pill-blue{background:rgba(24,95,165,.15)!important;color:#60a5fa!important}html[data-theme=dark] .pill-orange,html[data-theme=dark] .pill-pending{background:rgba(245,158,11,.18)!important;color:#fbbf24!important}html[data-theme=dark] .pill-draft{background:rgba(100,116,139,.2)!important;color:#94a3b8!important}html[data-theme=dark] .info-note{background:rgba(24,95,165,.1)!important;border-color:rgba(24,95,165,.25)!important;color:#93c5fd!important}html[data-theme=dark] .settings-link.active{background:rgba(24,95,165,.15)!important;color:#60a5fa!important}html[data-theme=dark] [style*="color:#28466f"],html[data-theme=dark] [style*="color:#385071"],html[data-theme=dark] [style*="color:#50698f"],html[data-theme=dark] [style*="color:var(--muted)"]{color:#94a3b8!important}html[data-theme=dark] [style*="background:#f0fdf4"],html[data-theme=dark] [style*="background:#f8faff"],html[data-theme=dark] [style*="background:#f8fbff"]{background:rgba(15,31,60,.6)!important;border-color:rgba(148,163,184,.14)!important}html[data-theme=dark] .divider,html[data-theme=dark] hr{border-color:rgba(148,163,184,.12)!important}@media print{html[data-theme=dark] *{background:#fff!important;color:#000!important}}html.viya-dv,html.viya-dv body{--vb-bg:#07111f;--vb-card:#0d1f3c;--vb-text:#e2e8f0;--vb-muted:#94a3b8;--vb-border:rgba(148,163,184,0.14);--ui-bg:#07111f;--ui-card:rgba(15,31,60,0.88);--ui-card-solid:#0d1f3c;--ui-text:#e2e8f0;--ui-muted:#94a3b8;--ui-border:rgba(148,163,184,0.14);--bg:#07111f;--card:#0d1f3c;--text:#e2e8f0;--border:rgba(148,163,184,0.14);--muted:#94a3b8;background:#0a0f1e!important;color:#e2e8f0!important}html.viya-dv .card,html.viya-dv .metric-card,html.viya-dv .modal-card,html.viya-dv .panel,html.viya-dv .section-card,html.viya-dv .settings-card,html.viya-dv .td-card,html.viya-dv [class*="-card"],html.viya-dv [class*="-panel"]{background:#0d1f3c!important;border-color:#1f2937!important;color:#e2e8f0!important}html.viya-dv .vbd-card-top>span:first-child{color:#94a3b8}html.viya-dv .vbd-amt{color:#e2e8f0}html.viya-dv .vbd-amt.blue{color:#4a9eea}html.viya-dv .vbd-amt.red{color:#ff7a5c}html.viya-dv .vbd-amt.green{color:#34d399}html.viya-dv .vbd-amt.neg{color:#ff7a5c}html.viya-dv .vbd-cards>.vbd-card:nth-child(3)::before{background:linear-gradient(90deg,#5a76a6,#2b4368)}html.viya-dv .vbd-stat-ic.s-blue{background:rgba(24,95,165,.18);color:#7db1ff}html.viya-dv .vbd-stat-ic.s-teal{background:rgba(24,154,168,.18);color:#56cede}html.viya-dv .vbd-stat-lbl{color:#94a3b8}html.viya-dv .vbd-all{background:rgba(24,95,165,.2);color:#7db1ff}html.viya-dv .vbd-trips .trip-ic{background:rgba(24,154,168,.16);color:#56cede}html.viya-dv .vbd-trips .trip-d{color:#94a3b8}html.viya-dv .vbd-trips .trip-status{background:rgba(15,174,110,.18);color:#34d399}html.viya-dv .recent-invoices-table thead th{color:#94a3b8}html.viya-dv .vbd-pill.paid{background:rgba(15,174,110,.18);color:#34d399}html.viya-dv .vbd-pill.draft,html.viya-dv .vbd-pill.unpaid{background:rgba(148,163,184,.16);color:#aebed6}html.viya-dv .vbd-pill.overdue{background:rgba(219,63,34,.2);color:#ff7a5c}html.viya-dv .data-table,html.viya-dv .td-table,html.viya-dv table{color:#e2e8f0!important}html.viya-dv th,html.viya-dv thead{background:#1f2937!important;color:#94a3b8!important;border-color:#374151!important}html.viya-dv tbody tr{background:#0d1f3c!important;border-color:#1f2937!important}html.viya-dv tbody tr:hover{background:#1f2937!important}html.viya-dv td{color:#e2e8f0!important;border-color:#1f2937!important}html.viya-dv h1,html.viya-dv h2,html.viya-dv h3,html.viya-dv h4,html.viya-dv h5,html.viya-dv h6{color:#f1f5f9!important}html.viya-dv div,html.viya-dv label,html.viya-dv li,html.viya-dv p,html.viya-dv span{color:#cbd5e1}html.viya-dv .description,html.viya-dv .muted,html.viya-dv .text-muted,html.viya-dv [class*=muted],html.viya-dv [class*=sub]{color:var(--muted)!important}html.viya-dv input,html.viya-dv select,html.viya-dv textarea{background:#1f2937!important;border-color:#374151!important;color:#e2e8f0!important}html.viya-dv input::placeholder,html.viya-dv textarea::placeholder{color:#4b5563!important}html.viya-dv input:focus,html.viya-dv select:focus,html.viya-dv textarea:focus{border-color:var(--primary)!important;outline:0!important}html.viya-dv .btn,html.viya-dv button:not(.btn-primary):not([class*=gradient]){background:#1f2937!important;border-color:#374151!important;color:#e2e8f0!important}html.viya-dv .btn:hover{background:#374151!important}html.viya-dv .btn-primary{background:var(--primary)!important;color:#fff!important;border-color:transparent!important}html.viya-dv [style*=linear-gradient]{color:#fff!important}html.viya-dv .filter-search,html.viya-dv .pos-search-bar,html.viya-dv .search,html.viya-dv .search-box,html.viya-dv .search-wrap,html.viya-dv .table-search,html.viya-dv .top-search,html.viya-dv .topbar-search,html.viya-dv .viya-header-search,html.viya-dv [class*=search-bar],html.viya-dv [class*=search-wrap]{background-color:#1e293b!important;border-color:#334155!important}html.viya-dv .filter-search input,html.viya-dv .pos-search-bar input,html.viya-dv .search input,html.viya-dv .search-box input,html.viya-dv .search-wrap input,html.viya-dv .table-search input,html.viya-dv .top-search input,html.viya-dv .topbar-search input,html.viya-dv .viya-header-search input{background:0 0!important;border:none!important;color:#e2e8f0!important}html.viya-dv .filter-search input::placeholder,html.viya-dv .search input::placeholder,html.viya-dv .search-box input::placeholder,html.viya-dv .top-search input::placeholder{color:var(--muted)!important}html.viya-dv input.filter-search,html.viya-dv input.search,html.viya-dv input.search-box,html.viya-dv input.top-search{background-color:#1e293b!important;border-color:#334155!important;color:#e2e8f0!important}html.viya-dv input.search-box::placeholder,html.viya-dv input.search::placeholder,html.viya-dv input.top-search::placeholder{color:var(--muted)!important}html.viya-dv .filter-bar>input,html.viya-dv .panel-head>input{background-color:#1e293b!important;border-color:#334155!important;color:#e2e8f0!important}html.viya-dv .filter-bar>input::placeholder,html.viya-dv .panel-head>input::placeholder{color:var(--muted)!important}html.viya-dv .head-actions,html.viya-dv .page-header,html.viya-dv .pos-header,html.viya-dv .topbar,html.viya-dv .viya-app-header,html.viya-dv header{background:#0d1f3c!important;border-color:#1f2937!important}html.viya-dv .viya-back-btn,html.viya-dv .viya-icon-btn,html.viya-dv .viya-profile-trigger{background:#1f2937!important;border-color:#374151!important;color:#e2e8f0!important}html.viya-dv .viya-profile-menu{background:#0d1f3c!important;border-color:#374151!important}html.viya-dv .viya-profile-menu a,html.viya-dv .viya-profile-menu button{color:#e2e8f0!important;background:0 0!important}html.viya-dv .viya-profile-menu a:hover,html.viya-dv .viya-profile-menu button:hover{background:#1f2937!important;color:#a78bfa!important}html.viya-dv .sidebar,html.viya-dv .viya-sidebar,html.viya-dv aside.sidebar{background:linear-gradient(180deg,#0c1e3e 0,#061229 100%)!important;border-right-color:rgba(255,255,255,.08)!important;color:#e2e8f0!important}html.viya-dv .sidebar .sidebar-brand{background:0 0!important;border-bottom-color:rgba(255,255,255,.08)!important}html.viya-dv .sidebar .sidebar-brand .vb-brand-name{color:#f1f5f9!important}html.viya-dv .sidebar .sidebar-brand .vb-brand-tag{color:rgba(203,213,225,.8)!important}html.viya-dv .sidebar .business-trigger{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.14)!important;color:#f1f5f9!important;box-shadow:none!important}html.viya-dv .sidebar .business-trigger:hover{background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.22)!important}html.viya-dv .sidebar .business-icon{background:rgba(59,130,246,.22)!important;color:#93c5fd!important}html.viya-dv .sidebar .business-current{color:#f1f5f9!important}html.viya-dv .sidebar .business-arrow{color:rgba(203,213,225,.8)!important}html.viya-dv .sidebar .business-options{background:#0d1b34!important;border-color:rgba(255,255,255,.14)!important}html.viya-dv .sidebar .business-option{color:#e2e8f0!important}html.viya-dv .sidebar .business-option:hover{background:rgba(255,255,255,.08)!important}html.viya-dv .sidebar .add-business-option{border-top-color:rgba(255,255,255,.14)!important;color:#93c5fd!important}html.viya-dv .sidebar .add-business-option:hover{background:rgba(59,130,246,.18)!important}html.viya-dv .sidebar .nav-section-label,html.viya-dv .sidebar .nav-section-toggle,html.viya-dv .sidebar .vb-nav-group>.nav-section-label,html.viya-dv .sidebar-nav li.nav-section-label{color:rgba(203,213,225,.9)!important;font-weight:800!important;letter-spacing:.08em!important}html.viya-dv .nav-item,html.viya-dv .sidebar .nav-link,html.viya-dv .sidebar-nav a,html.viya-dv .viya-sidebar-nav a{color:rgba(226,232,240,.75)!important}html.viya-dv .sidebar .nav-link>i,html.viya-dv .sidebar .sidebar-nav a>i,html.viya-dv .sidebar .viya-sidebar-nav a>i,html.viya-dv .sidebar-nav a .sidebar-icon,html.viya-dv .sidebar-nav a .ti{color:rgba(226,232,240,.75)!important}html.viya-dv .nav-item:hover,html.viya-dv .sidebar .nav-link:hover,html.viya-dv .sidebar-nav a:hover,html.viya-dv .viya-sidebar-nav a:hover{background:rgba(255,255,255,.08)!important;color:var(--card)!important}html.viya-dv .sidebar .nav-link:hover>i,html.viya-dv .sidebar .sidebar-nav a:hover>i{color:var(--card)!important}html.viya-dv .nav-item.active,html.viya-dv .sidebar .nav-link.active,html.viya-dv .sidebar-nav a.active,html.viya-dv .viya-sidebar-nav a.active{background:linear-gradient(135deg,#185fa5 0,#1e40af 100%)!important;color:var(--card)!important;border-left:4px solid #3b82f6!important;box-shadow:0 4px 12px rgba(37,99,235,.28)!important}html.viya-dv .sidebar .nav-link.active>i,html.viya-dv .sidebar .sidebar-nav a.active>i{color:var(--card)!important}html.viya-dv .sidebar .sidebar-footer{border-top-color:rgba(255,255,255,.08)!important}html.viya-dv .sidebar .side-action,html.viya-dv .sidebar .sidebar-footer .logout-button,html.viya-dv .sidebar .sidebar-footer .viya-theme-toggle{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.12)!important;color:rgba(226,232,240,.92)!important}html.viya-dv .sidebar .side-action:hover,html.viya-dv .sidebar .sidebar-footer .logout-button:hover,html.viya-dv .sidebar .sidebar-footer .viya-theme-toggle:hover{background:rgba(255,255,255,.12)!important}html.viya-dv .sidebar .sidebar-footer .toggle-label{color:rgba(203,213,225,.8)!important}html.viya-dv .sidebar .sidebar-footer .switch-option{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.12)!important;color:rgba(226,232,240,.9)!important}html.viya-dv .sidebar .sidebar-footer .switch-option.active{background:linear-gradient(135deg,#185fa5 0,#1e40af 100%)!important;color:var(--card)!important;border-color:#3b82f6!important}html.viya-dv .modal-card,html.viya-dv .modal>div{background:#0d1f3c!important;border-color:#1f2937!important;color:#e2e8f0!important}html.viya-dv #gasAddressDropdown,html.viya-dv .dropdown,html.viya-dv .vb-select-popover,html.viya-dv [class*=dropdown],html.viya-dv [id^=dd-]{background:#0d1f3c!important;border-color:#374151!important;box-shadow:0 8px 24px rgba(0,0,0,.5)!important}html.viya-dv .dropdown button,html.viya-dv [id^=dd-] button{color:#e2e8f0!important}html.viya-dv [id^=dd-] button:hover{background:#1f2937!important}html.viya-dv .setting-row,html.viya-dv .settings-section,html.viya-dv .settings-tab-content{border-color:#1f2937!important;color:#e2e8f0!important}html.viya-dv .setting-title{color:#f1f5f9!important}html.viya-dv .setting-desc{color:var(--muted)!important}html.viya-dv .cat{background:#1f2937!important;border-color:#374151!important;color:#94a3b8!important}html.viya-dv .cat:hover{border-color:var(--primary)!important;color:#a78bfa!important}html.viya-dv .cat.active{background:linear-gradient(135deg,var(--primary),var(--primary))!important;color:#fff!important;border-color:transparent!important}html.viya-dv .prod-card{background:#0d1f3c!important;border-color:#1f2937!important}html.viya-dv .prod-card:hover{border-color:var(--primary)!important;background:#1a1f35!important}html.viya-dv .prod-name{color:#f1f5f9!important}html.viya-dv .prod-cat{color:#4b5563!important}html.viya-dv .prod-img{background:linear-gradient(135deg,#1f2937,var(--text))!important}html.viya-dv .prod-card .prod-price{color:#818cf8!important}html.viya-dv .prod-grid-wrap{background:#0a0f1e!important}html.viya-dv .cat-scroll-wrap{background:#0d1f3c!important;border-color:#1f2937!important}html.viya-dv .cart-panel{background:#0d1f3c!important;border-color:#1f2937!important}html.viya-dv .cart-item{border-color:#1f2937!important}html.viya-dv .cart-item:hover{background:#1f2937!important}html.viya-dv .cart-table-head{background:#1f2937!important;color:#4b5563!important;border-color:#374151!important}html.viya-dv .qty-ctrl button{background:#1f2937!important;border-color:#374151!important;color:#a78bfa!important}html.viya-dv .invoice-preview,html.viya-dv .invoice-wrap{background:#0d1f3c!important;color:#e2e8f0!important}html.viya-dv .tab-btn,html.viya-dv .tab-item,html.viya-dv [class*=tab-]{color:var(--muted)!important}html.viya-dv .tab-btn.active,html.viya-dv [class*=tab-].active{color:var(--primary)!important;border-color:var(--primary)!important}html.viya-dv [style*="background:#dbeafe"],html.viya-dv [style*="background:#dcfce7"],html.viya-dv [style*="background:#fee2e2"],html.viya-dv [style*="background:#fef3c7"]{opacity:.9}html.viya-dv .shimmer::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)!important}html.viya-dv .pay-method{background:#1f2937!important;border-color:#374151!important;color:#94a3b8!important}html.viya-dv .pay-method:hover{border-color:var(--primary)!important;color:#a78bfa!important}html.viya-dv .td-info-card,html.viya-dv .trip-info-card,html.viya-dv .trip-summary-card{background:#0d1f3c!important;border-color:#1f2937!important}html.viya-dv .approval-card,html.viya-dv .approval-section{background:#0d1f3c!important;border-color:#374151!important}html.viya-dv .filter-panel,html.viya-dv .mira-card,html.viya-dv .summary-grid>div{background:#0d1f3c!important;border-color:#1f2937!important;color:#e2e8f0!important}html.viya-dv [style*="background: linear-gradient"],html.viya-dv [style*="background:linear-gradient"]{color:#fff!important}html.viya-dv a:not(.btn):not([class*=btn]){color:#818cf8!important}html.viya-dv a:hover{color:#a78bfa!important}html.viya-dv [class*=border],html.viya-dv hr{border-color:#1f2937!important}html.viya-dv ::-webkit-scrollbar{width:6px;height:6px}html.viya-dv ::-webkit-scrollbar-track{background:#0d1f3c}html.viya-dv ::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}html.viya-dv #customerRows tr,html.viya-dv #expenseRows tr,html.viya-dv #invoiceRows tr,html.viya-dv #productRows tr{background:#0d1f3c!important;color:#e2e8f0!important}html.viya-dv #invoiceRows tr:hover{background:#1f2937!important}html.viya-dv .trip-info-row td{color:#e2e8f0!important;border-color:#1f2937!important}html.viya-dv .kpi-card,html.viya-dv .metric-card{background:#0d1f3c!important;border-color:#1f2937!important}html.viya-dv .metric-value{color:#818cf8!important}html.viya-dv .metric-label{color:var(--muted)!important}html.viya-dv .settings-sidebar button,html.viya-dv .settings-tab-btn{color:#94a3b8!important}html.viya-dv .settings-sidebar button.active,html.viya-dv .settings-tab-btn.active{background:rgba(24,95,165,.2)!important;color:#a78bfa!important}html.viya-dv .dashboard-card,html.viya-dv .recent-list-item{background:#0d1f3c!important;border-color:#1f2937!important;color:#e2e8f0!important}@media print{html.viya-dv *{background:#fff!important;color:#000!important}}html.viya-dv{--bg:#0a0f1e;--card:#0d1f3c;--card-2:#0f172a;--surface:#0d1f3c;--text:#e8edf5;--ink:#e8edf5;--heading:#f4f7fb;--muted:#94a3b8;--border:#1f2937;--line:#1f2937;--blue:#185FA5;--primary:#4f9bff;--accent:#4f9bff;--shadow:0 10px 30px rgba(0,0,0,.45);color-scheme:dark}html.viya-dv,html.viya-dv body{background:#0a0f1e!important;color:#e8edf5!important}html.viya-dv .app-main,html.viya-dv .content,html.viya-dv .dashboard-shell,html.viya-dv .gas-body-grid,html.viya-dv .main-content,html.viya-dv .page,html.viya-dv .trip-body-grid,html.viya-dv main{background:0 0!important}html.viya-dv .box,html.viya-dv .surface,html.viya-dv .tile,html.viya-dv .well{background:#0d1f3c!important;border-color:#1f2937!important;color:#e8edf5!important}html.viya-dv .card,html.viya-dv .content-card,html.viya-dv .dashboard-card,html.viya-dv .gas-card,html.viya-dv .gas-content-card,html.viya-dv .kpi-card,html.viya-dv .metric-card,html.viya-dv .modal-box,html.viya-dv .modal-content,html.viya-dv .panel,html.viya-dv .sidebar-card,html.viya-dv .stat-card,html.viya-dv .sum-card,html.viya-dv .table-card{background:#0d1f3c!important;border-color:#1f2937!important;box-shadow:0 1px 0 rgba(255,255,255,.02),0 8px 26px rgba(0,0,0,.35)!important;color:#e8edf5!important}html.viya-dv .addr-table-wrap,html.viya-dv .bottom-bar,html.viya-dv .filter-bar,html.viya-dv .filter-row,html.viya-dv .gas-toolbar,html.viya-dv .notes-panel,html.viya-dv .pagination-row,html.viya-dv .search-filter-row,html.viya-dv .tab-bar,html.viya-dv .td-tabs,html.viya-dv .toolbar,html.viya-dv .totals-bar{background:#0f1626!important;border-color:#1f2937!important;color:#cbd5e1!important}html.viya-dv .quick-add-bar{background:#0d1830!important;border-color:#1f2937!important}html.viya-dv .empty-state{background:0 0!important;color:#94a3b8!important}html.viya-dv .filter-select,html.viya-dv .rate-input,html.viya-dv input:not([type=checkbox]):not([type=radio]),html.viya-dv select,html.viya-dv textarea{background:#0f172a!important;border-color:#334155!important;color:#e8edf5!important}html.viya-dv input::placeholder,html.viya-dv textarea::placeholder{color:var(--muted)!important}html.viya-dv select option{background:#0d1f3c!important;color:#e8edf5!important}html.viya-dv input:focus,html.viya-dv select:focus,html.viya-dv textarea:focus{border-color:var(--primary)!important}html.viya-dv .qa-qty,html.viya-dv .qty-ctrl{background:#0f172a!important;border-color:#334155!important}html.viya-dv .qty-btn{background:#1f2937!important;color:#e8edf5!important}html.viya-dv .qty-btn:hover{background:#374151!important}html.viya-dv .qty-val{background:#0f172a!important;color:#fff!important;border-color:#334155!important}html.viya-dv .qa-size{background:#0f172a!important;border-color:#334155!important;color:#94a3b8!important}html.viya-dv .qa-size:hover{border-color:var(--primary)!important;color:#93c5fd!important}html.viya-dv .qa-size.active{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}html.viya-dv .gas-action-btn{background:#0f172a!important;border-color:#334155!important}html.viya-dv .gas-card-icon{background:#1e293b!important}html.viya-dv .btn:not(.btn-primary):not(.btn-purple):not([class*=gradient]):not([style*=gradient]){background:#1b2435!important;border-color:#334155!important;color:#e8edf5!important}html.viya-dv .btn:not(.btn-primary):not(.btn-purple):hover{background:#26344c!important}html.viya-dv .btn-primary,html.viya-dv .btn-purple{background:var(--primary)!important;color:#fff!important;border-color:transparent!important}html.viya-dv .btn-primary:hover,html.viya-dv .btn-purple:hover{background:#0c4f8d!important}html.viya-dv a:not(.btn):not([class*=btn]){color:#60a5fa!important}html.viya-dv a:not(.btn):hover{color:#93c5fd!important}html.viya-dv .settings-sidebar button.active,html.viya-dv .settings-tab-btn.active{background:rgba(24,95,165,.16)!important;color:#93c5fd!important}html.viya-dv .metric-value,html.viya-dv .prod-card .prod-price{color:#60a5fa!important}html.viya-dv .cat:hover,html.viya-dv .gas-edit-btn,html.viya-dv .pay-method:hover,html.viya-dv .viya-profile-menu a:hover,html.viya-dv .viya-profile-menu button:hover{color:#93c5fd!important}html.viya-dv .cat:hover,html.viya-dv .pay-method:hover{border-color:var(--primary)!important}html.viya-dv .gc-tab.active,html.viya-dv .tab-btn.active,html.viya-dv .td-tab.active,html.viya-dv [class*=tab-].active{color:#60a5fa!important;border-color:#60a5fa!important}html.viya-dv .modal-backdrop,html.viya-dv .modal-bg,html.viya-dv .modal-overlay{background:rgba(2,6,18,.66)!important}html.viya-dv .modal-bg>.modal,html.viya-dv .modal-box,html.viya-dv .modal-card,html.viya-dv .modal-content,html.viya-dv .modal-overlay>.modal{background:#0d1f3c!important;border-color:#1f2937!important;color:#e8edf5!important}html.viya-dv .modal-actions,html.viya-dv .modal-foot,html.viya-dv .modal-footer,html.viya-dv .modal-head{background:#0d1f3c!important;border-color:#1f2937!important}html.viya-dv .close-btn,html.viya-dv .modal-close,html.viya-dv .modal-close-btn{background:#1f2937!important;color:#e8edf5!important}html.viya-dv #deleteBizModal>div,html.viya-dv #inlineCatModal>div{background:#0d1f3c!important;color:#e8edf5!important;border-color:#1f2937!important}html.viya-dv #deleteBizModal input,html.viya-dv #inlineCatModal input,html.viya-dv #inlineCatModal select{background:#0a182f!important;color:#e8eefb!important;border-color:rgba(148,163,184,.25)!important}html.viya-dv #gasAddressDropdown,html.viya-dv #gcHouseDrop,html.viya-dv #qaDrop,html.viya-dv .autocomplete-drop,html.viya-dv .dropdown,html.viya-dv .menu-popover,html.viya-dv .vb-select-popover,html.viya-dv [class*=dropdown],html.viya-dv [id^=dd-]{background:#0d1f3c!important;border-color:#334155!important;box-shadow:0 12px 30px rgba(0,0,0,.55)!important}html.viya-dv .autocomplete-opt{color:#e8edf5!important;background:0 0!important}html.viya-dv .autocomplete-opt strong{color:#f4f7fb!important}html.viya-dv .autocomplete-opt:hover{background:#1b2435!important;color:#93c5fd!important}html.viya-dv .autocomplete-opt small{color:#94a3b8!important}html.viya-dv .qa-selected{background:rgba(24,95,165,.12)!important;color:#93c5fd!important;border-color:#1f2937!important}html.viya-dv [style*="background-color:#fff"],html.viya-dv [style*="background-color:var(--card)"],html.viya-dv [style*="background: #fff"],html.viya-dv [style*="background:#eff6ff"],html.viya-dv [style*="background:#f0f4ff"],html.viya-dv [style*="background:#f0f6ff"],html.viya-dv [style*="background:#f1f5f9"],html.viya-dv [style*="background:#f8fafc"],html.viya-dv [style*="background:#f8faff"],html.viya-dv [style*="background:#f8fbff"],html.viya-dv [style*="background:#fff"],html.viya-dv [style*="background:var(--bg)"],html.viya-dv [style*="background:var(--card)"],html.viya-dv [style*="background:white"]{background:#0d1f3c!important;border-color:#1f2937!important}html.viya-dv [style*="color:#071735"],html.viya-dv [style*="color:#0b1220"],html.viya-dv [style*="color:#0b1f44"],html.viya-dv [style*="color:#0f172a"],html.viya-dv [style*="color:var(--text)"]{color:#e8edf5!important}html.viya-dv canvas{background:0 0!important}html.viya-dv .donut-center strong,html.viya-dv .gas-sum-val,html.viya-dv .info-val,html.viya-dv .legend-row strong,html.viya-dv .sum-value{color:#f1f5f9!important}html.viya-dv .gas-sum-label,html.viya-dv .info-label,html.viya-dv .sum-label,html.viya-dv .sum-sub{color:#94a3b8!important}html.viya-dv .td-dd .act-btn{background:#1b2435!important;border-color:#334155!important;color:#e8edf5!important}html.viya-dv .td-dd .act-btn:hover{background:#26344c!important;border-color:#475569!important}html.viya-dv .td-dd .act-btn.open{background:rgba(24,95,165,.16)!important;border-color:var(--primary)!important;color:#93c5fd!important}html.viya-dv .dd-menu{background:#0d1f3c!important;border-color:#334155!important;box-shadow:0 12px 30px rgba(0,0,0,.55)!important}html.viya-dv .dd-item{color:#e8edf5!important;background:0 0!important}html.viya-dv .dd-item:hover{background:#1b2435!important}html.viya-dv .dd-item i{color:#94a3b8!important}html.viya-dv .dd-item.danger,html.viya-dv .dd-item.danger i{color:#f87171!important}html.viya-dv .dd-item.danger:hover{background:rgba(239,68,68,.14)!important}html.viya-dv .dd-divider{background:#1f2937!important}html.viya-dv .dd-tag-paid{background:rgba(34,197,94,.16)!important;color:#4ade80!important}html.viya-dv .dd-tag-pend{background:rgba(245,158,11,.18)!important;color:#fbbf24!important}html.viya-dv .td-pagination{border-top-color:#1f2a3d}html.viya-dv .td-pg-btn{background:#1b2435!important;border-color:#334155!important;color:#93c5fd!important}html.viya-dv .td-pg-btn:hover:not(:disabled){background:#26344c!important}html.viya-dv .td-pg-info{color:#94a3b8!important}html.viya-dv [style*="color:#081628"],html.viya-dv [style*="color:#0a1a2e"],html.viya-dv [style*="color:#334155"],html.viya-dv [style*="color:#475569"],html.viya-dv [style*="color:#52627a"],html.viya-dv [style*="color:#5b7499"],html.viya-dv [style*="color:#666"],html.viya-dv [style*="color:#888"],html.viya-dv [style*="color:var(--text)"],html[data-theme=dark] [style*="color:#081628"],html[data-theme=dark] [style*="color:#0a1a2e"],html[data-theme=dark] [style*="color:#334155"],html[data-theme=dark] [style*="color:#475569"],html[data-theme=dark] [style*="color:#52627a"],html[data-theme=dark] [style*="color:#5b7499"],html[data-theme=dark] [style*="color:#666"],html[data-theme=dark] [style*="color:#888"],html[data-theme=dark] [style*="color:var(--text)"]{color:#cbd5e1!important}html.viya-dv [style*="color:#14532d"],html.viya-dv [style*="color:#166534"],html[data-theme=dark] [style*="color:#14532d"],html[data-theme=dark] [style*="color:#166534"]{color:#4ade80!important}html.viya-dv [style*="color:#1e3a8a"],html[data-theme=dark] [style*="color:#1e3a8a"]{color:#93c5fd!important}html.viya-dv [style*="color:#7c2d12"],html.viya-dv [style*="color:#7f1d1d"],html.viya-dv [style*="color:#c2410c"],html[data-theme=dark] [style*="color:#7c2d12"],html[data-theme=dark] [style*="color:#7f1d1d"],html[data-theme=dark] [style*="color:#c2410c"]{color:#fca5a5!important}html.viya-dv [style*="color:#92400e"],html[data-theme=dark] [style*="color:#92400e"]{color:#fcd34d!important}html.viya-dv [style*="background:#bbf7d0"],html.viya-dv [style*="background:#dcfce7"],html[data-theme=dark] [style*="background:#bbf7d0"],html[data-theme=dark] [style*="background:#dcfce7"]{background:rgba(34,197,94,.15)!important;border-color:rgba(34,197,94,.2)!important}html.viya-dv [style*="background:#bfdbfe"],html.viya-dv [style*="background:#dce8ff"],html.viya-dv [style*="background:#eaf2ff"],html.viya-dv [style*="background:#eef5ff"],html.viya-dv [style*="background:#f0f7ff"],html.viya-dv [style*="background:#f0f9ff"],html[data-theme=dark] [style*="background:#bfdbfe"],html[data-theme=dark] [style*="background:#dce8ff"],html[data-theme=dark] [style*="background:#eaf2ff"],html[data-theme=dark] [style*="background:#eef5ff"],html[data-theme=dark] [style*="background:#f0f7ff"],html[data-theme=dark] [style*="background:#f0f9ff"]{background:rgba(24,95,165,.15)!important;border-color:rgba(24,95,165,.25)!important}html.viya-dv [style*="background:#ede9fe"],html.viya-dv [style*="background:#f5f3ff"],html.viya-dv [style*="background:#faf5ff"],html[data-theme=dark] [style*="background:#ede9fe"],html[data-theme=dark] [style*="background:#f5f3ff"],html[data-theme=dark] [style*="background:#faf5ff"]{background:rgba(139,92,246,.15)!important;border-color:rgba(139,92,246,.25)!important}html.viya-dv [style*="background:#fecaca"],html.viya-dv [style*="background:#fef2f2"],html[data-theme=dark] [style*="background:#fecaca"],html[data-theme=dark] [style*="background:#fef2f2"]{background:rgba(239,68,68,.15)!important;border-color:rgba(239,68,68,.2)!important}html.viya-dv [style*="background:#fed7aa"],html.viya-dv [style*="background:#fff7ed"],html.viya-dv [style*="background:#fffbeb"],html[data-theme=dark] [style*="background:#fed7aa"],html[data-theme=dark] [style*="background:#fff7ed"],html[data-theme=dark] [style*="background:#fffbeb"]{background:rgba(245,158,11,.15)!important;border-color:rgba(245,158,11,.2)!important}html.viya-dv [style*="background:#eef2f7"],html[data-theme=dark] [style*="background:#eef2f7"]{background:#0d1f3c!important;border-color:#1f2937!important}html.viya-dv [style*="background:rgba(15,23,42,.55)"],html[data-theme=dark] [style*="background:rgba(15,23,42,.55)"]{background:rgba(15,23,42,.75)!important}html.viya-dv [style*="background:rgba(13,186,125"],html[data-theme=dark] [style*="background:rgba(13,186,125"]{background:rgba(13,186,125,.2)!important}html.viya-dv [style*="background:rgba(230,52,89"],html[data-theme=dark] [style*="background:rgba(230,52,89"]{background:rgba(230,52,89,.2)!important}html.viya-dv [style*="background:rgba(245,158,11"],html[data-theme=dark] [style*="background:rgba(245,158,11"]{background:rgba(245,158,11,.2)!important}html.viya-dv [style*="background:rgba(25,113,245"],html[data-theme=dark] [style*="background:rgba(25,113,245"]{background:rgba(25,113,245,.2)!important}html.viya-dv [style*="color:var(--success)"],html[data-theme=dark] [style*="color:var(--success)"]{color:#34d399!important}html.viya-dv [style*="color:#6aadff"],html.viya-dv [style*="color:var(--primary)"],html[data-theme=dark] [style*="color:#6aadff"],html[data-theme=dark] [style*="color:var(--primary)"]{color:#93c5fd!important}html.viya-dv [style*="color:var(--danger)"],html[data-theme=dark] [style*="color:var(--danger)"]{color:#f87171!important}html.viya-dv [style*="color:var(--warning)"],html[data-theme=dark] [style*="color:var(--warning)"]{color:#fcd34d!important}html.viya-dv [style*="color:#dce8ff"],html[data-theme=dark] [style*="color:#dce8ff"]{color:#93c5fd!important}html.viya-dv .search,html.viya-dv .select,html.viya-dv input[type=date],html.viya-dv input[type=number],html.viya-dv input[type=search],html.viya-dv input[type=text],html.viya-dv select,html.viya-dv textarea,html[data-theme=dark] .search,html[data-theme=dark] .select,html[data-theme=dark] input[type=date],html[data-theme=dark] input[type=number],html[data-theme=dark] input[type=search],html[data-theme=dark] input[type=text],html[data-theme=dark] select,html[data-theme=dark] textarea{background:#0f172a!important;border-color:#1f2937!important;color:#e8edf5!important}html.viya-dv ::placeholder,html[data-theme=dark] ::placeholder{color:#64748b!important}html.viya-dv .quick-action,html.viya-dv .quick-action:active,html.viya-dv .quick-action:focus,html.viya-dv .quick-action:focus-within,html.viya-dv .quick-action:hover,html[data-theme=dark] .quick-action,html[data-theme=dark] .quick-action:active,html[data-theme=dark] .quick-action:focus,html[data-theme=dark] .quick-action:focus-within,html[data-theme=dark] .quick-action:hover{background:#0d1f3c!important;color:#e8edf5!important;border-color:#1f2937!important}html.viya-dv .tcard2,html.viya-dv .trip-grid-card,html[data-theme=dark] .tcard2,html[data-theme=dark] .trip-grid-card{background:#0d1f3c!important;border-color:#1f2937!important;color:#e8edf5!important}html.viya-dv .tcard2 .tcard2-fin,html[data-theme=dark] .tcard2 .tcard2-fin{background:#0f172a!important}html.viya-dv .tc-m .tc-name,html.viya-dv .tcard2 .tcard2-head h3,html.viya-dv .tgc-title,html[data-theme=dark] .tc-m .tc-name,html[data-theme=dark] .tcard2 .tcard2-head h3,html[data-theme=dark] .tgc-title{color:#f4f7fb!important}html.viya-dv .fin-item .lbl,html.viya-dv .meta-item .lbl,html.viya-dv .tc-m .tc-crew,html.viya-dv .tc-m .tc-date,html.viya-dv .tc-m .tc-no,html.viya-dv .tcard2 .tcard2-id,html.viya-dv .trip-repeat-sequence,html[data-theme=dark] .fin-item .lbl,html[data-theme=dark] .meta-item .lbl,html[data-theme=dark] .tc-m .tc-crew,html[data-theme=dark] .tc-m .tc-date,html[data-theme=dark] .tc-m .tc-no,html[data-theme=dark] .tcard2 .tcard2-id,html[data-theme=dark] .trip-repeat-sequence{color:#94a3b8!important}html.viya-dv .meta-item .val,html.viya-dv .tc-m .tc-route,html[data-theme=dark] .meta-item .val,html[data-theme=dark] .tc-m .tc-route{color:#e8edf5!important}html.viya-dv .metric,html.viya-dv .panel,html.viya-dv .side-card,html[data-theme=dark] .metric,html[data-theme=dark] .panel,html[data-theme=dark] .side-card{background:#0d1f3c!important;border-color:#1f2937!important;color:#e8edf5!important}@media (max-width:1024px){html.viya-dv .gas-inv-table tbody tr,html.viya-dv .plan-table tbody tr,html.viya-dv .today-table tbody tr,html.viya-dv .vb-cardify tbody tr{background:#0d1f3c!important;border-color:#22324f!important;box-shadow:none!important}html.viya-dv .vb-cardify td,html.viya-dv .vb-cardify th,html.viya-dv table tbody td{color:#e2e8f0!important;border-color:#22324f!important}html.viya-dv .vb-cardify td[data-label]::before,html.viya-dv td[data-label]::before{color:#94a3b8!important}html.viya-dv .amount,html.viya-dv .amount-cell,html.viya-dv .amount-value,html.viya-dv .cell-strong,html.viya-dv .customer-name,html.viya-dv .inv-c-name,html.viya-dv .inv-date,html.viya-dv .invoice-table td,html.viya-dv .row-name{color:#e6edf7!important}html.viya-dv .amt-cur,html.viya-dv .cell-sub,html.viya-dv .currency,html.viya-dv .inv-c-sub,html.viya-dv .row-sub,html.viya-dv .subtext{color:#94a3b8!important}html.viya-dv .invoice-link,html.viya-dv .row-link{color:#60a5fa!important}html.viya-dv .amount-od,html.viya-dv .amount-od .amount-wrapper{color:#f87171!important}html.viya-dv .pill.approved,html.viya-dv .pill.paid,html.viya-dv .status-badge.paid,html.viya-dv .trip-pay-fully_paid{background:rgba(34,197,94,.16)!important;color:#4ade80!important;border-color:rgba(74,222,128,.32)!important}html.viya-dv .pill.unpaid,html.viya-dv .status-badge.unpaid,html.viya-dv .trip-pay-unpaid{background:rgba(59,130,246,.18)!important;color:#7cb6fb!important;border-color:rgba(96,165,250,.32)!important}html.viya-dv .pill.overdue,html.viya-dv .pill.rejected,html.viya-dv .status-badge.overdue,html.viya-dv .trip-pay-overdue{background:rgba(239,68,68,.16)!important;color:#f87171!important;border-color:rgba(248,113,113,.32)!important}html.viya-dv .pill.draft,html.viya-dv .pill.merged,html.viya-dv .status-badge.draft{background:rgba(100,116,139,.24)!important;color:#cbd5e1!important;border-color:rgba(148,163,184,.3)!important}html.viya-dv .pill.partial,html.viya-dv .pill.pending,html.viya-dv .pill.pending_approval,html.viya-dv .status-badge.pending,html.viya-dv .trip-pay-partial{background:rgba(234,88,12,.2)!important;color:#fb923c!important;border-color:rgba(251,146,60,.32)!important}html.viya-dv .empty,html.viya-dv .empty-state,html.viya-dv .inv-empty,html.viya-dv .no-data{color:#94a3b8!important}html.viya-dv .empty-state strong,html.viya-dv .inv-empty strong{color:#e2e8f0!important}}@media screen{html.viya-dv body .cart-panel .cart-item-row,html.viya-dv body.page-checkout .cart-panel .cart-item-row{background:var(--vb-card,#0d1f3c)!important;border-bottom-color:rgba(148,163,184,.14)!important;color:#e8edf5!important}html.viya-dv body.page-checkout .cart-panel .cart-item-row::before{color:var(--vb-muted,#94a3b8)!important}html.viya-dv #productArea .empty-products strong{color:#e8edf5!important}html.viya-dv #productArea .empty-products{color:var(--vb-muted,#94a3b8)!important}html.viya-dv #productArea.items-locked::after{background:rgba(2,6,18,.45)!important}html.viya-dv #td-invoices .trip-invoices-wrapper .tinv-head{background:#0f1626!important;border-bottom-color:rgba(148,163,184,.14)!important;color:var(--vb-muted,#94a3b8)!important}html.viya-dv .gas-menu{background:var(--vb-card,#0d1f3c)!important;border-color:#334155!important;box-shadow:0 14px 34px rgba(0,0,0,.55)!important;color:#e8edf5!important}html.viya-dv .gas-menu>*{color:#e8edf5!important}html.viya-dv .gas-menu>:hover{background:#1b2435!important}}.btn-primary,.btn-primary:active,.btn-primary:focus,.btn-primary:focus-visible,.btn-primary:hover,.btn.btn-primary,.btn.btn-primary:active,.btn.btn-primary:focus,.btn.btn-primary:focus-visible,.btn.btn-primary:hover,button.btn-primary{background:#185fa5!important;color:#fff!important;border-color:#185fa5!important;opacity:1!important}.btn-primary:hover:not(:disabled),.btn.btn-primary:hover:not(:disabled){background:#0c4f8d!important;border-color:#0c4f8d!important}.btn-primary.disabled,.btn-primary:disabled,.btn-primary[disabled],.btn.btn-primary.disabled,.btn.btn-primary:disabled,.btn.btn-primary[disabled]{background:#e5e7eb!important;color:#64748b!important;border-color:#e5e7eb!important;opacity:1!important}.btn-primary>.ti,.btn-primary>i,.btn.btn-primary>.ti,.btn.btn-primary>i{color:inherit!important}#qaAddBtn,#qaAddBtn:active,#qaAddBtn:focus,#qaAddBtn:hover,.btn-add,.btn-add:active,.btn-add:focus,.btn-add:hover,.btn-save,.btn-save:active,.btn-save:focus,.btn-save:hover,.qa-add-btn,.qa-add-btn:active,.qa-add-btn:focus,.qa-add-btn:hover,.quick-add-btn,.quick-add-btn:active,.quick-add-btn:focus,.quick-add-btn:hover,.wave-save,.wave-save:active,.wave-save:focus,.wave-save:hover{background:#185fa5!important;color:#fff!important;border-color:#185fa5!important;opacity:1!important}#qaAddBtn:hover:not(:disabled),.btn-add:hover:not(:disabled),.btn-save:hover:not(:disabled),.qa-add-btn:hover:not(:disabled),.quick-add-btn:hover:not(:disabled),.wave-save:hover:not(:disabled){background:#0c4f8d!important;border-color:#0c4f8d!important}#qaAddBtn:disabled,#qaAddBtn[disabled],.btn-add:disabled,.btn-add[disabled],.btn-save:disabled,.btn-save[disabled],.qa-add-btn:disabled,.qa-add-btn[disabled],.quick-add-btn:disabled,.wave-save:disabled{background:#e5e7eb!important;color:#64748b!important;border-color:#e5e7eb!important;opacity:1!important}.act-btn:not([style*=color]),.icon-btn:not([style*=color]){color:#334155}html:not(.viya-dv) input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),html:not(.viya-dv) select,html:not(.viya-dv) textarea{color:#0f172a!important}input::placeholder,textarea::placeholder{color:#64748b!important;opacity:1!important}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#64748b!important;opacity:1!important}:where(html:not(.viya-dv)) input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]):not([type=file]),:where(html:not(.viya-dv)) select,:where(html:not(.viya-dv)) textarea{background-color:#fff;border:1px solid #dbe3f0}.gas-qty-control .qty-val,.gas-qty-control .qty-value,.qa-qty-val,.qty-val,input.qty-input,input.qty-value{min-width:48px!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;text-align:center;-webkit-text-fill-color:#0f172a}html:not(.viya-dv) .qa-qty-val,html:not(.viya-dv) .qty-val,html:not(.viya-dv) input.qty-input{color:#0f172a!important}html:not(.viya-dv) .tab-line:not(.active),html:not(.viya-dv) .tab:not(.active),html:not(.viya-dv) .td-tab:not(.active),html:not(.viya-dv) .trip-tab:not(.active){color:#334155!important}html:not(.viya-dv) .action-menu,html:not(.viya-dv) .dd-menu,html:not(.viya-dv) .inv-action-menu,html:not(.viya-dv) .more-menu,html:not(.viya-dv) .td-row-menu{background:#fff!important}html:not(.viya-dv) .action-item,html:not(.viya-dv) .action-menu button,html:not(.viya-dv) .dd-item,html:not(.viya-dv) .inv-action-menu a,html:not(.viya-dv) .inv-action-menu button,html:not(.viya-dv) .more-menu a,html:not(.viya-dv) .more-menu button,html:not(.viya-dv) .td-row-menu a,html:not(.viya-dv) .td-row-menu button{color:#0f172a!important}html:not(.viya-dv) .dd-item.danger,html:not(.viya-dv) .dd-item.delete,html:not(.viya-dv) .more-menu .danger,html:not(.viya-dv) .td-row-menu .danger{color:#dc2626!important}@media (max-width:1024px){body,html{max-width:100%!important;overflow-x:hidden!important;overflow-x:clip!important}}@media (max-width:767px){body,html{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}*,::after,::before{box-sizing:border-box}canvas,iframe,img,svg,video{max-width:100%!important}.app,.app-shell,.checkout-main,.checkout-shell,.content,.content-wrapper,.dashboard-shell,.main,.main-content,.page,.page-container,.page-wrapper,.settings-layout,.trip-body,.trip-body-main,.trip-body-side,.trip-detail-page,.vbd-body,.vbd-main{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;overflow-x:clip}.checkout-main,.main,.main-content,.vbd-main{margin-inline:0!important}.content,.content-wrapper,.dashboard-body,.page-content,.trip-body,.vbd-body{max-width:100%!important;min-width:0!important;padding-left:12px!important;padding-right:12px!important}.app-sidebar,.desktop-sidebar,.sidebar,.vbd-side{position:fixed!important;top:0!important;bottom:0!important;left:0!important;width:min(86vw,300px)!important;max-width:300px!important;min-width:0!important;margin:0!important}body.lang-dv .app-sidebar,body.lang-dv .desktop-sidebar,body.lang-dv .sidebar,body.lang-dv .vbd-side,html[dir=rtl] .app-sidebar,html[dir=rtl] .desktop-sidebar,html[dir=rtl] .sidebar,html[dir=rtl] .vbd-side,html[lang=dv] .app-sidebar,html[lang=dv] .desktop-sidebar,html[lang=dv] .sidebar,html[lang=dv] .vbd-side{left:auto!important;right:0!important}.card,.drawer,.dropdown-menu,.filter-card,.metric,.metric-card,.modal,.modal-card,.modal-content,.more-menu,.panel,.search-results,.section,.section-card,.stat-card,.summary,.summary-card,.table-card,.trip-summary-card,.vb-card,.vbd-card,.vbd-dd-menu,.vbd-search-results{max-width:100%!important;min-width:0!important}.bottom-grid,.cards-grid,.dashboard-grid,.filters-grid,.form-grid,.grid,.grid-2,.grid-3,.grid-4,.metrics,.stat-cards,.stats-grid,.summary-grid,.trip-grid{max-width:100%!important;min-width:0!important}.bottom-grid>*,.cards-grid>*,.dashboard-grid>*,.filters-grid>*,.flex>*,.form-grid>*,.grid-2>*,.grid-3>*,.grid-4>*,.grid>*,.head-actions>*,.metrics>*,.row>*,.stat-cards>*,.stats-grid>*,.summary-grid>*,.trip-grid>*{min-width:0!important}.action-row,.button-row,.filter-row,.form-actions,.head-actions,.head-row,.page-head,.toolbar,.topbar{max-width:100%!important;min-width:0!important;flex-wrap:wrap!important}.badge,.btn,.form-control,.input,.pill,.select,button,input,select,textarea{max-width:100%!important;min-width:0}.cat-scroll-wrap,.category-tabs,.chip-row,.data-table-wrap,.items-card,.line-items-card,.settings-menu,.settings-nav,.table-container,.table-responsive,.table-wrap,.tabs,.td-table-wrap,.td-tabs,.vb-tabs,.vbd-table-wrap{max-width:100%!important;min-width:0!important;overflow-x:auto!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.dialog,.dialog-panel,.dropdown-menu,.modal,.modal-card,.modal-content,.more-menu,.vbd-dd-menu{width:min(100%,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important}.bottom-nav,.mobile-bottom-nav,.viya-mob-nav{max-width:100vw!important;left:0!important;right:0!important}[style*="min-width: 700px"],[style*="min-width: 800px"],[style*="min-width: 900px"],[style*="min-width:700px"],[style*="min-width:800px"],[style*="min-width:900px"],[style*="width: 100vw"],[style*="width:100vw"]{max-width:100%!important;min-width:0!important}}@media (min-width:768px) and (max-width:1024px){body,html{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}*,::after,::before{box-sizing:border-box}canvas,iframe,img,svg,video{max-width:100%!important}.app,.app-shell,.checkout-main,.checkout-shell,.content,.content-wrapper,.dashboard-shell,.main,.main-content,.page,.page-container,.page-wrapper,.settings-layout,.vbd-body,.vbd-main{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important}.checkout-main,.main,.main-content,.vbd-main{margin-inline:0!important}.app-sidebar,.desktop-sidebar,.sidebar,.vbd-side{max-width:min(86vw,300px)!important;min-width:0!important}.bottom-nav,.mobile-bottom-nav,.viya-mob-nav{display:none!important}.bottom-grid,.card,.cards-grid,.dashboard-grid,.filters-grid,.form-grid,.grid,.grid-2,.grid-3,.grid-4,.metric,.metric-card,.metrics,.panel,.section-card,.stat-card,.stat-cards,.stats-grid,.summary,.summary-card,.summary-grid,.table-card,.trip-grid,.vb-card,.vbd-card{max-width:100%!important;min-width:0!important}.bottom-grid>*,.cards-grid>*,.dashboard-grid>*,.filters-grid>*,.form-grid>*,.grid-2>*,.grid-3>*,.grid-4>*,.grid>*,.metrics>*,.stat-cards>*,.stats-grid>*,.summary-grid>*,.trip-grid>*{min-width:0!important}.cat-scroll-wrap,.category-tabs,.chip-row,.data-table-wrap,.items-card,.line-items-card,.table-container,.table-responsive,.table-wrap,.tabs,.td-table-wrap,.td-tabs,.vb-tabs,.vbd-table-wrap{max-width:100%!important;min-width:0!important;overflow-x:auto!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}}@media (max-width:340px){.content,.content-wrapper,.dashboard-body,.page-content,.trip-body,.vbd-body{padding-left:10px!important;padding-right:10px!important}.dialog,.dialog-panel,.dropdown-menu,.modal,.modal-card,.modal-content,.more-menu,.vbd-dd-menu{width:min(100%,calc(100vw - 20px))!important;max-width:calc(100vw - 20px)!important}}@media (min-width:769px) and (max-width:1024px){.table-card,.table-responsive,.table-wrap,.td-table-wrap,.vb-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}}@media (max-width:1024px){.modal,.modal-box,.modal-card,.modal-content,.modal-overlay>div,.settings-modal-card,.vb-modal,.vb-modal-overlay>.vb-modal,.vpm-card{max-height:92vh;max-height:92dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-head,.modal-header,.popup-header,.settings-modal-head,.vb-modal-head,.vb-modal-header{position:sticky!important;top:0!important;z-index:6!important;background:var(--vb-card,#fff)!important;margin-bottom:0!important;padding-bottom:12px!important;border-bottom:1px solid var(--border,#e6ecf5)!important;box-shadow:0 -34px 0 0 var(--vb-card,#fff)!important}.modal .save-row,.modal-actions,.modal-card .save-row,.modal-foot,.modal-footer,.settings-modal-actions,.vb-modal .save-row,.vb-modal-actions{position:sticky!important;bottom:0!important;z-index:6!important;background:var(--vb-card,#fff)!important;margin-top:0!important;padding-top:12px!important;border-top:1px solid var(--border,#e6ecf5)!important;box-shadow:0 34px 0 0 var(--vb-card,#fff)!important}}@media (max-width:480px){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{max-width:100%;box-sizing:border-box}label{word-break:break-word;overflow-wrap:anywhere}}@media (max-width:1024px){img{max-width:100%}}@media (max-width:767px){.add-custom,.add-item,.add-item-wide,.btn-add,.btn-create,.btn-primary,.btn-save,.modal-actions .btn,.save-row .btn,.viya-add-product-btn,.vpm-btn.primary,button[type=submit]{min-height:44px}}@media (max-width:767px){:is(.dashboard-shell,.app) .page-h1,:is(.dashboard-shell,.app) .page-head h1,:is(.dashboard-shell,.app) .page-title,:is(.dashboard-shell,.app) h1{font-size:18px!important;font-weight:700!important;line-height:1.2!important}:is(.dashboard-shell,.app) .hero p,:is(.dashboard-shell,.app) .page-head .sub,:is(.dashboard-shell,.app) .page-head p,:is(.dashboard-shell,.app) .page-sub,:is(.dashboard-shell,.app) .subtitle{font-size:12px!important;font-weight:400!important;line-height:1.35!important}:is(.dashboard-shell,.app) .card-head h2,:is(.dashboard-shell,.app) .card-title,:is(.dashboard-shell,.app) .panel-head h2,:is(.dashboard-shell,.app) .section-title,:is(.dashboard-shell,.app) h2{font-size:16px!important;font-weight:700!important}:is(.dashboard-shell,.app) .metric h3,:is(.dashboard-shell,.app) .stat h3,:is(.dashboard-shell,.app) .summary-card span{font-size:11px!important;font-weight:600!important}:is(.dashboard-shell,.app) .metric h2,:is(.dashboard-shell,.app) .stat .value,:is(.dashboard-shell,.app) .summary-card strong{font-size:18px!important;font-weight:700!important}:is(.dashboard-shell,.app) .metric p,:is(.dashboard-shell,.app) .stat p,:is(.dashboard-shell,.app) .summary-card small{font-size:10px!important;font-weight:400!important}:is(.dashboard-shell,.app) .btn{font-size:13px!important;font-weight:600!important}:is(.dashboard-shell,.app) .search input,:is(.dashboard-shell,.app) .vb-filter-search,:is(.dashboard-shell,.app) .vb-filter-select,:is(.dashboard-shell,.app) input,:is(.dashboard-shell,.app) select,:is(.dashboard-shell,.app) textarea{font-size:13px!important}:is(.dashboard-shell,.app) th{font-size:12px!important}:is(.dashboard-shell,.app) td{font-size:13px!important}:is(.dashboard-shell,.app) .badge,:is(.dashboard-shell,.app) .pill,:is(.dashboard-shell,.app) .status-badge,:is(.dashboard-shell,.app) .vb-tab-count{font-size:11px!important}:is(.dashboard-shell,.app) .vb-tab{font-size:11px!important}:is(.dashboard-shell,.app) .quick-action small,:is(.dashboard-shell,.app) .quick-action span,:is(.dashboard-shell,.app) .quick-tile{font-size:11px!important}:is(.dashboard-shell,.app) .cust-name,:is(.dashboard-shell,.app) .customer-name,:is(.dashboard-shell,.app) .trip-name{font-size:14px!important}:is(.dashboard-shell,.app) .inv-no,:is(.dashboard-shell,.app) .invoice-no,:is(.dashboard-shell,.app) .invoice-number{font-size:13px!important}:is(.dashboard-shell,.app) .amount,:is(.dashboard-shell,.app) .amt{font-size:14px!important}}@media (max-width:767px){.dashboard-shell{overflow-x:hidden!important}.dashboard-shell .metrics,.dashboard-shell .summary-grid,.dashboard-shell .type-grid,.dashboard-shell .vb-summary-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:12px!important}.dashboard-shell .metric,.dashboard-shell .summary-card,.dashboard-shell .type-card{min-height:90px!important;padding:10px!important;border-radius:12px!important;box-shadow:0 4px 14px rgba(15,23,42,.05)!important;gap:8px!important}.dashboard-shell .micon,.dashboard-shell .sum-icon,.dashboard-shell .type-icon{width:36px!important;height:36px!important;min-width:36px!important;border-radius:10px!important;font-size:20px!important;flex:0 0 auto!important}.dashboard-shell .card:not(.chart-card):not(.summary-card):not(.metric):not(.type-card),.dashboard-shell .panel,.dashboard-shell .table-card,.dashboard-shell .table-shell,.dashboard-shell .tool-card,.dashboard-shell .type-panel,.dashboard-shell .vb-card{padding:12px!important;border-radius:14px!important;box-shadow:0 4px 14px rgba(15,23,42,.05)!important;margin-bottom:10px!important}.dashboard-shell .btn,.dashboard-shell .vb-mobile-btn{height:36px!important;min-height:36px!important;padding:0 12px!important;border-radius:10px!important;gap:6px!important}.dashboard-shell .btn i,.dashboard-shell .btn svg{font-size:15px!important}.dashboard-shell .actions,.dashboard-shell .head-actions,.dashboard-shell .vb-action-row{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important}.dashboard-shell .actions .btn,.dashboard-shell .head-actions .btn{width:auto!important;flex:0 1 auto!important}.dashboard-shell .main-content>section,.dashboard-shell .page-head{margin-bottom:12px!important}.dashboard-shell .content,.dashboard-shell .main,.dashboard-shell .main-content{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))!important}}.vb-page{padding:18px 26px}.vb-card{background:var(--card,#fff);border:1px solid var(--border,#e5edf7);border-radius:14px;padding:14px;box-shadow:0 4px 14px rgba(15,23,42,.05)}.vb-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.vb-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.vb-action-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.vb-mobile-btn{height:38px;padding:0 16px;border-radius:10px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}@media (max-width:767px){.vb-page{padding:12px 14px calc(92px + env(safe-area-inset-bottom,0px))}.vb-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vb-mobile-btn{height:36px;padding:0 12px;font-size:13px}}.mobile-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.mobile-summary-card{background:#fff;border:1px solid var(--border,#e5edf7);box-shadow:var(--shadow,0 14px 40px rgba(15,23,42,.07))}.mobile-summary-content{min-width:0}.mobile-summary-currency,.mobile-summary-value,.mobile-summary-value-row{direction:ltr;unicode-bidi:isolate;font-family:Inter,Arial,sans-serif}@media (max-width:767px){.mobile-summary-grid,html body .dashboard-shell .metrics:has(> .metric),html body .dashboard-shell .stat-cards:has(> .stat-card),html body .dashboard-shell .stat-row:has(> .stat-card),html body .dashboard-shell .stats-grid:has(> .stat-card),html body .dashboard-shell .summary-grid:has(> .metric-card),html body .dashboard-shell .summary-grid:has(> .summary),html body .dashboard-shell .summary-grid:has(> .summary-card){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important;padding-inline:6px!important;box-sizing:border-box!important;align-items:stretch!important}.mobile-summary-card,html body .dashboard-shell .metrics>.metric,html body .dashboard-shell .stat-cards>.stat-card,html body .dashboard-shell .stat-row>.stat-card,html body .dashboard-shell .stats-grid>.stat-card,html body .dashboard-shell .summary-grid>.metric-card,html body .dashboard-shell .summary-grid>.summary,html body .dashboard-shell .summary-grid>.summary-card{height:112px!important;min-height:112px!important;width:100%!important;min-width:0!important;padding:12px 14px!important;border-radius:18px!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr) 40px!important;grid-template-rows:auto auto 1fr!important;column-gap:8px!important;row-gap:0!important;align-items:stretch!important;overflow:hidden!important}.mobile-summary-content,html body .dashboard-shell .stat-card .stat-top{display:contents!important}html body .dashboard-shell .metric-card>div:not(.metric-icon),html body .dashboard-shell .metric>div:not(.micon),html body .dashboard-shell .stat-cards>.stat-card .stat-top>div:not(.stat-icon),html body .dashboard-shell .stat-row>.stat-card>.stat-body,html body .dashboard-shell .stats-grid>.stat-card>div:not(.stat-icon):not(.stat-top),html body .dashboard-shell .summary-card>div:not(.sum-icon),html body .dashboard-shell .summary>div:not(.sicon){grid-column:1!important;grid-row:1/4!important;min-width:0!important;height:100%!important;display:grid!important;grid-template-rows:auto auto 1fr!important;align-self:stretch!important}.mobile-summary-title,html body .dashboard-shell .metric h3,html body .dashboard-shell .metric-card h3,html body .dashboard-shell .stat-card .stat-label,html body .dashboard-shell .stat-cards>.stat-card span,html body .dashboard-shell .stat-row>.stat-card .stat-label,html body .dashboard-shell .stats-grid>.stat-card span,html body .dashboard-shell .summary span,html body .dashboard-shell .summary-card span{grid-column:1!important;grid-row:1!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-transform:none!important;letter-spacing:0!important;font-family:Inter,Arial,sans-serif!important;font-size:15px!important;line-height:1.15!important;font-weight:700!important}.mobile-summary-value,.mobile-summary-value-row,html body .dashboard-shell .metric h2,html body .dashboard-shell .metric-card h2,html body .dashboard-shell .stat-card .stat-value,html body .dashboard-shell .stat-cards>.stat-card h2,html body .dashboard-shell .stat-row>.stat-card .stat-value,html body .dashboard-shell .stats-grid>.stat-card strong,html body .dashboard-shell .summary strong,html body .dashboard-shell .summary-card strong{grid-column:1!important;grid-row:2!important;margin:6px 0 0!important;font-family:Inter,Arial,sans-serif!important;font-size:15px!important;line-height:1!important;font-weight:700!important;letter-spacing:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;overflow-wrap:normal!important;word-break:keep-all!important;direction:ltr!important;unicode-bidi:isolate!important;font-variant-numeric:tabular-nums!important}.mobile-summary-currency{font-family:Inter,Arial,sans-serif!important;font-size:10px!important;line-height:1!important;font-weight:600!important;white-space:nowrap!important}.mobile-summary-meta,html body .dashboard-shell .metric p,html body .dashboard-shell .metric-card p,html body .dashboard-shell .stat-card .stat-sub,html body .dashboard-shell .stat-cards>.stat-card .stat-foot,html body .dashboard-shell .stat-row>.stat-card .stat-sub,html body .dashboard-shell .summary .sub,html body .dashboard-shell .summary-card small{grid-column:1!important;grid-row:3!important;align-self:end!important;margin:4px 0 0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;letter-spacing:0!important;font-family:Inter,Arial,sans-serif!important;font-size:9px!important;line-height:1.1!important;font-weight:700!important}.mobile-summary-icon,html body .dashboard-shell .metric .micon,html body .dashboard-shell .metric-card .metric-icon,html body .dashboard-shell .stat-card .stat-icon,html body .dashboard-shell .summary .sicon,html body .dashboard-shell .summary-card .sum-icon{grid-column:2!important;grid-row:1/4!important;width:40px!important;height:40px!important;min-width:40px!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;justify-self:end!important;flex:0 0 40px!important;font-size:19px!important;line-height:1!important}.mobile-summary-icon i,.mobile-summary-icon svg,html body .dashboard-shell .metric .micon i,html body .dashboard-shell .metric .micon svg,html body .dashboard-shell .metric-card .metric-icon i,html body .dashboard-shell .metric-card .metric-icon svg,html body .dashboard-shell .stat-card .stat-icon i,html body .dashboard-shell .stat-card .stat-icon svg,html body .dashboard-shell .summary .sicon i,html body .dashboard-shell .summary .sicon svg,html body .dashboard-shell .summary-card .sum-icon i,html body .dashboard-shell .summary-card .sum-icon svg{width:19px!important;height:19px!important;font-size:19px!important;line-height:1!important}html[lang=dv] .mobile-summary-title,html[lang=dv] body .dashboard-shell .metric h3,html[lang=dv] body .dashboard-shell .metric-card h3,html[lang=dv] body .dashboard-shell .stat-card .stat-label,html[lang=dv] body .dashboard-shell .stat-cards>.stat-card span,html[lang=dv] body .dashboard-shell .stat-row>.stat-card .stat-label,html[lang=dv] body .dashboard-shell .stats-grid>.stat-card span,html[lang=dv] body .dashboard-shell .summary span,html[lang=dv] body .dashboard-shell .summary-card span{font-family:"MV Waheed",Inter,Arial,sans-serif!important;font-size:20px!important;line-height:1.05!important;font-weight:400!important;direction:rtl!important;text-align:start!important}html[lang=dv] .mobile-summary-meta:lang(dv){font-family:"MV Waheed",Inter,Arial,sans-serif!important;font-size:14px!important;line-height:1.05!important;font-weight:400!important}}@media (max-width:359px){.mobile-summary-grid,html body .dashboard-shell .metrics:has(> .metric),html body .dashboard-shell .stat-cards:has(> .stat-card),html body .dashboard-shell .stat-row:has(> .stat-card),html body .dashboard-shell .stats-grid:has(> .stat-card),html body .dashboard-shell .summary-grid:has(> .metric-card),html body .dashboard-shell .summary-grid:has(> .summary),html body .dashboard-shell .summary-grid:has(> .summary-card){gap:8px!important;padding-inline:4px!important}.mobile-summary-card,html body .dashboard-shell .metrics>.metric,html body .dashboard-shell .stat-cards>.stat-card,html body .dashboard-shell .stat-row>.stat-card,html body .dashboard-shell .stats-grid>.stat-card,html body .dashboard-shell .summary-grid>.metric-card,html body .dashboard-shell .summary-grid>.summary,html body .dashboard-shell .summary-grid>.summary-card{height:106px!important;min-height:106px!important;padding:10px 12px!important;grid-template-columns:minmax(0,1fr) 36px!important}.mobile-summary-title,html body .dashboard-shell .metric h3,html body .dashboard-shell .metric-card h3,html body .dashboard-shell .stat-card .stat-label,html body .dashboard-shell .stat-cards>.stat-card span,html body .dashboard-shell .stat-row>.stat-card .stat-label,html body .dashboard-shell .stats-grid>.stat-card span,html body .dashboard-shell .summary span,html body .dashboard-shell .summary-card span{font-size:14px!important}html[lang=dv] .mobile-summary-title,html[lang=dv] body .dashboard-shell .metric h3,html[lang=dv] body .dashboard-shell .metric-card h3,html[lang=dv] body .dashboard-shell .stat-card .stat-label,html[lang=dv] body .dashboard-shell .stat-cards>.stat-card span,html[lang=dv] body .dashboard-shell .stat-row>.stat-card .stat-label,html[lang=dv] body .dashboard-shell .stats-grid>.stat-card span,html[lang=dv] body .dashboard-shell .summary span,html[lang=dv] body .dashboard-shell .summary-card span{font-size:18px!important}.mobile-summary-value,html body .dashboard-shell .metric h2,html body .dashboard-shell .metric-card h2,html body .dashboard-shell .stat-card .stat-value,html body .dashboard-shell .stat-cards>.stat-card h2,html body .dashboard-shell .stat-row>.stat-card .stat-value,html body .dashboard-shell .stats-grid>.stat-card strong,html body .dashboard-shell .summary strong,html body .dashboard-shell .summary-card strong{font-size:14px!important}.mobile-summary-meta,html body .dashboard-shell .metric p,html body .dashboard-shell .metric-card p,html body .dashboard-shell .stat-card .stat-sub,html body .dashboard-shell .stat-cards>.stat-card .stat-foot,html body .dashboard-shell .stat-row>.stat-card .stat-sub,html body .dashboard-shell .summary .sub,html body .dashboard-shell .summary-card small{font-size:8px!important}.mobile-summary-icon,html body .dashboard-shell .metric .micon,html body .dashboard-shell .metric-card .metric-icon,html body .dashboard-shell .stat-card .stat-icon,html body .dashboard-shell .summary .sicon,html body .dashboard-shell .summary-card .sum-icon{width:36px!important;height:36px!important;min-width:36px!important;flex-basis:36px!important}.mobile-summary-icon i,.mobile-summary-icon svg,html body .dashboard-shell .metric .micon i,html body .dashboard-shell .metric .micon svg,html body .dashboard-shell .metric-card .metric-icon i,html body .dashboard-shell .metric-card .metric-icon svg,html body .dashboard-shell .stat-card .stat-icon i,html body .dashboard-shell .stat-card .stat-icon svg,html body .dashboard-shell .summary .sicon i,html body .dashboard-shell .summary .sicon svg,html body .dashboard-shell .summary-card .sum-icon i,html body .dashboard-shell .summary-card .sum-icon svg{width:17px!important;height:17px!important;font-size:17px!important}}@media (max-width:767px){html body.trips-page .dashboard-shell .metrics>.metric h3{font-family:Inter,Arial,sans-serif!important;font-size:15px!important;line-height:1.15!important;font-weight:700!important;margin:0!important;padding:0!important}html body.trips-page .dashboard-shell .metrics>.metric h2,html[lang=dv] body.trips-page .dashboard-shell .metrics>.metric h2{font-family:Inter,Arial,sans-serif!important;font-size:15px!important;line-height:1!important;font-weight:700!important;margin:6px 0 0!important;direction:ltr!important;unicode-bidi:isolate!important}html body.trips-page .dashboard-shell .metrics>.metric p,html[lang=dv] body.trips-page .dashboard-shell .metrics>.metric p{font-family:Inter,Arial,sans-serif!important;font-size:9px!important;line-height:1.1!important;font-weight:700!important;margin:4px 0 0!important}html[lang=dv] body.trips-page .dashboard-shell .metrics>.metric h3{font-family:"MV Waheed",Inter,Arial,sans-serif!important;font-size:20px!important;line-height:1.05!important;font-weight:400!important}body.lang-dv .dashboard-shell .stats-grid:has(> .stat-card)>.stat-card,html.viya-dv body .dashboard-shell .stats-grid:has(> .stat-card)>.stat-card,html[lang=dv] body .dashboard-shell .stats-grid:has(> .stat-card)>.stat-card{height:112px!important;min-height:112px!important}}@media (max-width:359px){html body.trips-page .dashboard-shell .metrics>.metric h3{font-size:14px!important}html[lang=dv] body.trips-page .dashboard-shell .metrics>.metric h3{font-size:18px!important}html body.trips-page .dashboard-shell .metrics>.metric h2,html[lang=dv] body.trips-page .dashboard-shell .metrics>.metric h2{font-size:14px!important}html body.trips-page .dashboard-shell .metrics>.metric p,html[lang=dv] body.trips-page .dashboard-shell .metrics>.metric p{font-size:8px!important}body.lang-dv .dashboard-shell .stats-grid:has(> .stat-card)>.stat-card,html.viya-dv body .dashboard-shell .stats-grid:has(> .stat-card)>.stat-card,html[lang=dv] body .dashboard-shell .stats-grid:has(> .stat-card)>.stat-card{height:106px!important;min-height:106px!important}}@media (max-width:767px){html body .dashboard-shell .metrics:has(> .metric),html body .dashboard-shell .metrics>.metric,html body .dashboard-shell .stat-cards:has(> .stat-card),html body .dashboard-shell .stat-cards>.stat-card,html body .dashboard-shell .stat-row:has(> .stat-card),html body .dashboard-shell .stat-row>.stat-card,html body .dashboard-shell .stats-grid:has(> .stat-card),html body .dashboard-shell .stats-grid>.stat-card,html body .dashboard-shell .summary-grid:has(> .metric-card),html body .dashboard-shell .summary-grid:has(> .summary),html body .dashboard-shell .summary-grid:has(> .summary-card),html body .dashboard-shell .summary-grid>.metric-card,html body .dashboard-shell .summary-grid>.summary,html body .dashboard-shell .summary-grid>.summary-card{direction:ltr!important;text-align:start!important}html[lang=dv] body .dashboard-shell .metric h3,html[lang=dv] body .dashboard-shell .metric-card h3,html[lang=dv] body .dashboard-shell .stat-card .stat-label,html[lang=dv] body .dashboard-shell .stat-cards>.stat-card span,html[lang=dv] body .dashboard-shell .stat-row>.stat-card .stat-label,html[lang=dv] body .dashboard-shell .stats-grid>.stat-card span,html[lang=dv] body .dashboard-shell .summary span,html[lang=dv] body .dashboard-shell .summary-card span{direction:rtl!important;text-align:start!important}html body .dashboard-shell .metric h2,html body .dashboard-shell .metric-card h2,html body .dashboard-shell .stat-card .stat-value,html body .dashboard-shell .stat-cards>.stat-card h2,html body .dashboard-shell .stat-row>.stat-card .stat-value,html body .dashboard-shell .stats-grid>.stat-card strong,html body .dashboard-shell .summary strong,html body .dashboard-shell .summary-card strong{direction:ltr!important;text-align:start!important;unicode-bidi:isolate!important}}@media (max-width:767px){body,html{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}body{position:relative}.app,.app-shell,.checkout-main,.checkout-shell,.content,.content-wrapper,.dashboard-shell,.main,.main-content,.page,.page-container,.page-wrapper,.trip-body,.trip-body-main,.trip-body-side,.trip-detail-page,.vbd-body,.vbd-main{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;overflow-x:clip}.action-row,.bottom-grid,.button-row,.card,.cards-grid,.dashboard-grid,.filter-card,.filter-row,.filters-grid,.form-actions,.form-grid,.head-actions,.head-row,.metric,.metric-card,.metrics,.page-head,.panel,.section-card,.stat-card,.stat-cards,.stats-grid,.summary,.summary-card,.summary-grid,.table-card,.toolbar,.topbar,.trip-grid,.trip-summary-card,.vb-card,.vbd-card{max-width:100%!important;min-width:0!important}.action-row>*,.bottom-grid>*,.button-row>*,.cards-grid>*,.dashboard-grid>*,.filter-row>*,.filters-grid>*,.form-actions>*,.form-grid>*,.head-actions>*,.head-row>*,.metrics>*,.page-head>*,.stat-cards>*,.stats-grid>*,.summary-grid>*,.toolbar>*,.topbar>*,.trip-grid>*{min-width:0!important}.action-row,.button-row,.filter-row,.form-actions,.head-actions,.head-row,.page-head,.toolbar,.topbar{flex-wrap:wrap!important}.cat-scroll-wrap,.category-tabs,.chip-row,.data-table-wrap,.items-card,.line-items-card,.settings-menu,.settings-nav,.table-container,.table-responsive,.table-wrap,.tabs,.td-table-wrap,.td-tabs,.vb-tabs,.vbd-table-wrap{max-width:100%!important;min-width:0!important;overflow-x:auto!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.dialog,.dialog-panel,.dropdown-menu,.modal,.modal-card,.modal-content,.more-menu,.search-results,.vbd-dd-menu,.vbd-search-results{width:min(100%,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;min-width:0!important}.bottom-nav,.mobile-bottom-nav,.viya-mob-nav{max-width:100vw!important;left:0!important;right:0!important}[style*="min-width: 700px"],[style*="min-width: 800px"],[style*="min-width: 900px"],[style*="min-width:700px"],[style*="min-width:800px"],[style*="min-width:900px"]{max-width:100%!important;min-width:0!important}}:root{--header-height:56px;--bottom-nav-height:64px;--sidebar-width:var(--vb-sidebar-w, 264px);--radius-card:16px;--spacing-page:16px;--control-height:40px;--ds-font:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;--ds-font-dhivehi:'MV Waheed';--ds-fs-page-title:28px;--ds-fs-section-title:22px;--ds-fs-card-title:16px;--ds-fs-normal:14px;--ds-fs-small:12px;--ds-fs-table-head:13px;--ds-fs-table-cell:14px;--ds-fs-button:14px;--ds-fs-input:14px;--ds-fs-badge:12px;--ds-fs-sidebar:14px;--ds-btn-sm:36px;--ds-btn-md:44px;--ds-btn-lg:48px;--ds-input-h:44px;--ds-textarea-min:110px;--ds-radius-btn:12px;--ds-radius-input:12px;--ds-radius-card:16px;--ds-radius-badge:999px;--ds-row-h:60px;--ds-head-h:52px;--ds-pad-card:16px;--ds-gap-section:24px;--ds-gap-card:16px;--ds-gap-row:12px;--ds-gap-btn:10px;--ds-gap-input:12px;--ds-ic-menu:20px;--ds-ic-action:20px;--ds-ic-card:24px;--ds-ic-quick:24px;--ds-shadow-card:0 12px 30px rgba(8, 27, 68, 0.07);--ds-container:1280px}/* ============================================================================ PHASE 2 CANONICAL DESIGN TOKENS These tokens are the app-wide design-system contract. Existing legacy tokens are mapped into them so pages can migrate without a page redesign. ========================================================================== */:root{--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--color-primary:#185FA5;--color-primary-hover:#0C4F8D;--color-primary-soft:#E8F2FC;--color-secondary:#334155;--color-bg:#F6F8FB;--color-surface:#FFFFFF;--color-surface-muted:#F8FAFC;--color-border:#DDE6F1;--color-border-strong:#C9D6E6;--color-text:#0F172A;--color-muted:#52637A;--color-success:#0F8A5F;--color-success-soft:#E5F7EF;--color-warning:#B7791F;--color-warning-soft:#FFF4DA;--color-danger:#C83232;--color-danger-soft:#FCEBEB;--color-info-soft:#E8F2FC;--type-page-title:28px;--type-section-title:20px;--type-card-title:16px;--type-body:14px;--type-caption:13px;--type-small:12px;--type-number:24px;--type-amount:22px;--type-button:14px;--type-table:14px;--type-form:14px;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-card:8px;--radius-modal:12px;--shadow-card:0 8px 24px rgba(15, 23, 42, 0.06);--shadow-popover:0 18px 50px rgba(15, 23, 42, 0.14);--shadow-focus:0 0 0 3px rgba(24, 95, 165, 0.18);--height-button:40px;--height-button-sm:32px;--height-button-lg:44px;--height-field:40px;--height-table-head:44px;--height-table-row:52px;--icon-size:18px;--icon-size-sm:16px;--icon-size-lg:22px;--page-max:1280px;--sidebar-width:var(--vb-sidebar-w, 220px);--motion-fast:150ms ease;--motion-normal:220ms ease;--primary:var(--color-primary);--primary-dark:var(--color-primary-hover);--primary-soft:var(--color-primary-soft);--bg:var(--color-bg);--card:var(--color-surface);--text:var(--color-text);--muted:var(--color-muted);--border:var(--color-border);--success:var(--color-success);--warning:var(--color-warning);--danger:var(--color-danger);--vb-bg:var(--color-bg);--vb-card:var(--color-surface);--vb-text:var(--color-text);--vb-muted:var(--color-muted);--vb-border:var(--color-border);--vb-blue:var(--color-primary);--vb-sidebar-w:var(--sidebar-width);--ui-primary:var(--color-primary);--ui-primary-2:var(--color-primary);--ui-primary-grad:var(--color-primary);--ui-primary-glow:none;--ui-bg:var(--color-bg);--ui-card:var(--color-surface);--ui-card-solid:var(--color-surface);--ui-border:var(--color-border);--ui-shadow:var(--shadow-card);--ui-shadow-md:var(--shadow-card);--ui-shadow-lg:var(--shadow-popover);--ui-r-card:var(--radius-card);--ui-r-btn:var(--radius-md);--ui-r-input:var(--radius-md);--ui-r-modal:var(--radius-modal)}html.viya-dv,html[data-theme=dark]{--color-bg:#08111F;--color-surface:#0F1B2D;--color-surface-muted:#13223A;--color-border:#23354F;--color-border-strong:#334866;--color-text:#E5EDF7;--color-muted:#9AAAC0;--color-primary:#5AA7F0;--color-primary-hover:#7AB8F5;--color-primary-soft:#122A45;--shadow-card:0 8px 24px rgba(0, 0, 0, 0.18);--ds-btn-primary:#246FC0;--ds-btn-primary-hover:#185FA5}/* ========================================================================= 1 · TYPOGRAPHY — reusable title classes (opt-in,exactspecsizes) ========================================================================= */.page-title{font-family:var(--ds-font);font-size:var(--ds-fs-page-title);font-weight:700;line-height:1.15;letter-spacing:-.01em}.section-title{font-family:var(--ds-font);font-size:var(--ds-fs-section-title);font-weight:600;line-height:1.2}.card-title{font-family:var(--ds-font);font-size:var(--ds-fs-card-title);font-weight:600;line-height:1.25}.text-normal{font-size:var(--ds-fs-normal)}.text-small{font-size:var(--ds-fs-small)}@media (max-width:767px){.page-title{font-size:26px}.section-title{font-size:19px}.card-title{font-size:16px}}.dhivehi,.thaana,[lang=dv]{font-family:var(--ds-font-dhivehi);direction:rtl}.btn-danger,.btn-primary,.btn-secondary,.btn-success,.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--ds-btn-md);min-height:var(--ds-btn-md);padding:0 18px;border:1.5px solid transparent;border-radius:var(--ds-radius-btn);font-family:var(--ds-font);font-size:var(--ds-fs-button);font-weight:600;line-height:1;cursor:pointer;white-space:nowrap;box-sizing:border-box;text-decoration:none;transition:filter .15s ease,background .15s ease,opacity .15s ease}.btn-danger:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-success:disabled,.ds-btn:disabled{opacity:.55;cursor:not-allowed}.btn-sm{height:var(--ds-btn-sm);min-height:var(--ds-btn-sm);padding:0 14px;border-radius:10px;font-size:13px}.btn-md{height:var(--ds-btn-md);min-height:var(--ds-btn-md)}.btn-lg{height:var(--ds-btn-lg);min-height:var(--ds-btn-lg);padding:0 22px;font-size:15px}.btn-block{width:100%}.btn-action{height:40px;min-height:40px;border-radius:var(--ds-radius-btn);font-size:var(--ds-fs-button);font-weight:600}.btn-action-wide{width:140px}.btn-action-90{width:90px}.btn-icon{width:44px;height:44px;min-height:44px;padding:0}.btn-danger .ti,.btn-danger svg,.btn-primary .ti,.btn-primary svg,.btn-secondary .ti,.btn-secondary svg,.btn-success .ti,.btn-success svg,.ds-btn .ti,.ds-btn svg{width:var(--ds-ic-action);height:var(--ds-ic-action);font-size:var(--ds-ic-action);flex-shrink:0}.input-standard,select.input-standard{height:var(--ds-input-h);min-height:var(--ds-input-h);border:1.5px solid var(--border,#e2e8f0);border-radius:var(--ds-radius-input);padding:0 14px;font-family:var(--ds-font);font-size:var(--ds-fs-input);font-weight:600;color:var(--text,#0f172a);background:#fff;box-sizing:border-box;width:100%}textarea.input-standard{height:auto;min-height:var(--ds-textarea-min);padding:14px;resize:vertical;line-height:1.5}.input-standard:focus{outline:0;border-color:var(--primary,#185fa5)}.table-standard{width:100%;border-collapse:collapse;font-family:var(--ds-font)}.table-standard thead th{height:52px;font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;background:#f7f9fc;text-align:left;padding:0 14px;border-bottom:1px solid #e2e8f0;white-space:nowrap;vertical-align:middle;position:sticky;top:0;z-index:2}.table-standard tbody td{height:60px;font-size:14px;font-weight:500;color:#334155;padding:0 14px;border-bottom:1px solid #eef2f7;vertical-align:middle}.table-standard td.center,.table-standard th.center{text-align:center}.table-standard td.right,.table-standard th.right{text-align:right}.table-standard td .btn-action,.table-standard td .ds-btn{vertical-align:middle}html.viya-dv .table-standard thead th,html[data-theme=dark] .table-standard thead th{background:#0f1830;color:#9fb1cb;border-bottom-color:#22324f}html.viya-dv .table-standard tbody td,html[data-theme=dark] .table-standard tbody td{color:#dbe7f5;border-bottom-color:#1b2740}.card-standard{background:#fff;border:1px solid #e5eaf3;border-radius:var(--ds-radius-card);padding:var(--ds-pad-card);box-shadow:var(--ds-shadow-card);box-sizing:border-box}.card-grid{display:grid;gap:var(--ds-gap-card)}.badge-standard{display:inline-flex;align-items:center;gap:5px;font-family:var(--ds-font);font-size:var(--ds-fs-badge);font-weight:700;line-height:1;padding:5px 10px;border-radius:var(--ds-radius-badge)}.page-container{max-width:var(--ds-container);margin-inline:auto;width:100%;box-sizing:border-box}.stack-24>*+*{margin-top:var(--ds-gap-section)}.row-gap-12{display:flex;gap:var(--ds-gap-btn);flex-wrap:wrap}.main-content,.main-content button,.main-content input,.main-content select,.main-content textarea,body{font-family:var(--ds-font)}.main-content,body{font-size:var(--ds-fs-normal)}.sidebar .nav-link,.sidebar a.nav-link{font-size:var(--ds-fs-sidebar)}.btn,.vb-btn,button.btn{border-radius:var(--ds-radius-btn)!important;font-size:var(--ds-fs-button)!important;font-weight:600!important;font-family:var(--ds-font)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;box-sizing:border-box!important}.btn:not(.btn-sm):not(.btn-lg):not(.btn-icon):not(.btn-xs):not(.page-btn):not(.qty-btn):not(.row-btn):not(.row-del):not(.icon-btn):not(.act-btn):not(.td-tab):not(.cat):not(.pay-method):not(.chip):not(.tab):not(.seg-btn){height:var(--ds-btn-md)!important;min-height:var(--ds-btn-md)!important;padding:0 16px!important}.btn-sm{height:var(--ds-btn-sm)!important;min-height:var(--ds-btn-sm)!important;border-radius:10px!important;font-size:13px!important;padding:0 14px!important}.btn-lg{height:var(--ds-btn-lg)!important;min-height:var(--ds-btn-lg)!important;border-radius:var(--ds-radius-btn)!important}.btn-icon{width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border-radius:var(--ds-radius-btn)!important}:root{--ds-btn-primary:#185FA5;--ds-btn-primary-hover:#0C4F8D;--ds-btn-danger:#ef4444;--ds-btn-success:#16a34a;--ds-btn-secondary-bd:#d5deea}.btn,.btn-danger,.btn-light,.btn-primary,.btn-secondary,.btn-success,.ds-btn{gap:var(--ds-gap-btn)!important}.btn-danger .ti,.btn-danger svg,.btn-primary .ti,.btn-primary svg,.btn-secondary .ti,.btn-secondary svg,.btn-success .ti,.btn-success svg,.btn>.ti,.btn>i,.btn>svg,.ds-btn .ti,.ds-btn svg{width:var(--ds-ic-action)!important;height:var(--ds-ic-action)!important;font-size:var(--ds-ic-action)!important;flex-shrink:0}.btn-primary{background:var(--ds-btn-primary)!important;border:1px solid var(--ds-btn-primary)!important;color:#fff!important;box-shadow:none!important}.btn-primary:hover{background:var(--ds-btn-primary-hover)!important}.btn-light,.btn-secondary{background:#fff!important;color:#0f172a!important;border:1px solid var(--ds-btn-secondary-bd)!important}.btn-danger{background:var(--ds-btn-danger)!important;border:1px solid var(--ds-btn-danger)!important;color:#fff!important}.btn-success{background:var(--ds-btn-success)!important;border:1px solid var(--ds-btn-success)!important;color:#fff!important}.primary-button,.submit-btn,a.primary-button,button.primary-button,button.submit-btn{height:var(--ds-btn-md)!important;min-height:var(--ds-btn-md)!important;padding:0 16px!important;border-radius:var(--ds-radius-btn)!important;font-size:var(--ds-fs-button)!important;font-weight:600!important;font-family:var(--ds-font)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:var(--ds-gap-btn)!important;box-sizing:border-box!important}.primary-button>.ti,.primary-button>i,.primary-button>svg,.submit-btn>.ti,.submit-btn>i,.submit-btn>svg{width:var(--ds-ic-action)!important;height:var(--ds-ic-action)!important;font-size:var(--ds-ic-action)!important;flex-shrink:0}.act-btn:disabled,.btn-approve:disabled,.btn-danger:disabled,.btn-danger[disabled],.btn-icon:disabled,.btn-light:disabled,.btn-light[disabled],.btn-primary.disabled,.btn-primary:disabled,.btn-primary[disabled],.btn-reject:disabled,.btn-secondary:disabled,.btn-secondary[disabled],.btn-success:disabled,.btn-success[disabled],.btn-view:disabled,.btn.disabled,.btn:disabled,.btn[disabled],.ds-btn:disabled,.ds-btn[disabled],.primary-button:disabled,.save-btn:disabled,.send-btn:disabled,.vac-btn:disabled,.vac-btn[disabled]{background:#e5eaf3!important;color:#52637a!important;border:1px solid #d5deea!important;opacity:1!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important;background-image:none!important}.act-btn:disabled .ti,.btn-approve:disabled .ti,.btn-danger:disabled .ti,.btn-danger:disabled svg,.btn-primary:disabled .ti,.btn-primary:disabled svg,.btn-reject:disabled .ti,.btn-success:disabled .ti,.btn-success:disabled svg,.btn:disabled .ti,.btn:disabled svg,.btn[disabled] .ti,.btn[disabled] svg,.send-btn:disabled .ti,.send-btn:disabled svg{color:var(--color-muted,#52637a)!important;stroke:#64748b!important}.main-content input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not(.mini-input):not(.row-input):not(.row-desc):not(.qty-val):not(.addr-phone-input):not(.editable-price),.main-content select:not(.mini-input):not(.row-input){height:var(--ds-input-h)!important;min-height:var(--ds-input-h)!important;padding:0 14px!important;border-radius:var(--ds-radius-input)!important;font-size:var(--ds-fs-input)!important;box-sizing:border-box!important}.main-content textarea:not(.row-desc){min-height:var(--ds-textarea-min)!important;padding:14px!important;border-radius:var(--ds-radius-input)!important;font-size:var(--ds-fs-input)!important;box-sizing:border-box!important}.main-content .vb-search input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not(.mini-input):not(.row-input):not(.row-desc):not(.qty-val):not(.addr-phone-input):not(.editable-price),.main-content input.vb-filter-search:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not(.mini-input):not(.row-input):not(.row-desc):not(.qty-val):not(.addr-phone-input):not(.editable-price){height:44px!important;border-radius:14px!important;font-size:14px!important;padding:0 14px 0 44px!important}[dir=rtl] .main-content .vb-search input,[dir=rtl] .main-content input.vb-filter-search,body.lang-dv .main-content .vb-search input,body.lang-dv .main-content input.vb-filter-search,html[lang=dv] .main-content .vb-search input,html[lang=dv] .main-content input.vb-filter-search{padding:0 44px 0 14px!important}.vb-filter-search-wrap>input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]),input.vb-filter-search:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]){padding-left:44px!important;box-sizing:border-box!important}[dir=rtl] .vb-filter-search-wrap>input,[dir=rtl] input.vb-filter-search,body.lang-dv .vb-filter-search-wrap>input,body.lang-dv input.vb-filter-search,html[lang=dv] .vb-filter-search-wrap>input,html[lang=dv] input.vb-filter-search{padding-left:14px!important;padding-right:44px!important}.card-standard,:is(.main-content,.main) :is(.card,.summary-card,.dashboard-card,.insights-card,.report-card,.info-card){border-radius:var(--ds-radius-card)!important;padding:var(--ds-pad-card)!important;border:1px solid #e5eaf3!important;box-shadow:0 12px 30px rgba(8,27,68,.07)!important}:is(.main-content,.main) :is(.metric-card,.stat-card,.kpi-card,.panel){border-radius:var(--ds-radius-card)!important;border:1px solid #e5eaf3!important;box-shadow:0 12px 30px rgba(8,27,68,.07)!important}html.dark :is(.main-content,.main) :is(.card,.metric-card,.stat-card,.summary-card,.kpi-card,.dashboard-card,.insights-card,.report-card,.info-card,.panel),html.viya-dv :is(.main-content,.main) :is(.card,.metric-card,.stat-card,.summary-card,.kpi-card,.dashboard-card,.insights-card,.report-card,.info-card,.panel){border-color:#22324f!important}:is(.main-content,.main) table th{font-size:13px;font-weight:600;vertical-align:middle}:is(.main-content,.main) table td{font-size:14px;vertical-align:middle}@media (min-width:769px){:is(.main-content,.main) table th{height:52px!important}:is(.main-content,.main) table td{height:60px!important}}@media (min-width:769px){:is(.main-content,.main) table thead th{position:sticky!important;top:0!important;z-index:2!important}}:is(.main-content,.main) td[data-label=Action],:is(.main-content,.main) td[data-label=Actions]{width:170px;min-width:170px;text-align:center!important;white-space:nowrap}:is(.main-content,.main) td[data-label=Send],:is(.main-content,.main) td[data-label=View]{width:110px;min-width:110px;text-align:center!important;white-space:nowrap}:is(.main-content,.main) td[data-label=Approve],:is(.main-content,.main) td[data-label=Reject]{text-align:center!important;white-space:nowrap}:is(.main-content,.main) td .btn:not(.btn-sm):not(.btn-lg):not(.btn-icon):not(.btn-xs):not(.page-btn):not(.qty-btn):not(.row-btn):not(.row-del):not(.icon-btn):not(.act-btn):not(.td-tab):not(.cat):not(.pay-method):not(.chip):not(.tab):not(.seg-btn){height:40px!important;min-height:40px!important;vertical-align:middle}.main td .btn+.btn,.main-content td .btn+.btn{margin-left:6px}:is(.main-content,.main) .table-container,:is(.main-content,.main) .table-responsive,:is(.main-content,.main) .table-wrap,:is(.main-content,.main) .td-table-wrap{border-radius:16px;overflow-x:auto;max-width:100%}@media (max-width:992px){body,html{overflow-x:clip;max-width:100%}}.pay-btn,.pay-method{position:relative!important;box-sizing:border-box!important;width:150px!important;height:74px!important;min-height:74px!important;display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:0 8px!important;border:1.5px solid #d7e0ee!important;border-radius:14px!important;background:#fff!important;color:#1f2937!important;font-size:13px!important;font-weight:700!important;line-height:1.15!important;text-align:center!important;cursor:pointer!important;box-shadow:none!important;transition:background .15s,border-color .15s,color .15s,box-shadow .15s!important}.pay-btn .pay-icon,.pay-btn>i,.pay-btn>svg,.pay-method .pay-icon,.pay-method>i,.pay-method>svg{font-size:24px!important;width:auto!important;height:auto!important;line-height:1!important;color:inherit!important;flex-shrink:0!important}.pay-btn:hover,.pay-method:hover{border-color:var(--primary,#185fa5)!important}.pay-btn:focus-visible,.pay-method:focus-visible{outline:3px solid rgba(24,95,165,.45)!important;outline-offset:2px!important}.pay-btn.active,.pay-btn.selected,.pay-btn[aria-pressed=true],.pay-method.active,.pay-method.selected,.pay-method[aria-pressed=true]{background:var(--primary,#185fa5)!important;border-color:var(--primary,#185fa5)!important;color:#fff!important;box-shadow:0 8px 18px rgba(24,95,165,.3)!important}.pay-btn.active>i,.pay-btn.active>svg,.pay-btn.selected>i,.pay-btn[aria-pressed=true]>i,.pay-method.active .pay-icon,.pay-method.active>i,.pay-method.active>svg,.pay-method.selected>i,.pay-method[aria-pressed=true] .pay-icon,.pay-method[aria-pressed=true]>i{color:#fff!important}.pay-btn.active::after,.pay-btn.selected::after,.pay-btn[aria-pressed=true]::after,.pay-method.active::after,.pay-method.selected::after,.pay-method[aria-pressed=true]::after{content:"\2713";position:absolute;top:6px;right:6px;width:20px;height:20px;background:#16a34a;color:#fff;border:2px solid #fff;border-radius:50%;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(8,27,68,.25)}.pay-grid,.payment-grid{display:flex!important;flex-wrap:wrap!important;gap:12px!important;align-items:stretch!important}@media (max-width:767px){.pay-btn,.pay-method{width:calc(50% - 6px)!important;flex:0 0 calc(50% - 6px)!important;height:64px!important;min-height:64px!important}}.main-content .btn .ti,.main-content .btn svg:not([width]){width:var(--ds-ic-action);height:var(--ds-ic-action)}.pagination{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;row-gap:8px!important}#paginationPages,.pagination .page-numbers,.pagination .pages{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}#showingText,.count-text,.pagination #showingText,.pagination .count-text{font-size:13px!important;font-weight:500!important;color:var(--color-muted,#52637a)!important}.page-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:36px!important;width:auto!important;height:36px!important;min-height:36px!important;padding:0 9px!important;border:1px solid var(--border,#e2e8f0)!important;border-radius:8px!important;background:#fff!important;color:var(--text,#0f172a)!important;font-size:14px!important;font-weight:600!important;line-height:1!important;cursor:pointer!important;box-shadow:none!important;flex:0 0 auto!important;transition:background .15s ease,border-color .15s ease,color .15s ease!important}.page-btn:hover:not(:disabled):not(.active):not([aria-current=page]){background:#f1f5f9!important;border-color:#cbd5e1!important}.page-btn.active,.page-btn[aria-current=page]{background:var(--primary,#185fa5)!important;border-color:var(--primary,#185fa5)!important;color:#fff!important}.page-btn:disabled,.page-btn[disabled]{opacity:.45!important;cursor:not-allowed!important}.page-btn:focus-visible{outline:2px solid rgba(24,95,165,.5)!important;outline-offset:2px!important}.page-btn .ti,.page-btn svg{width:16px!important;height:16px!important;font-size:16px!important;flex-shrink:0!important}.page-btn.page-nav,.page-btn.page-next,.page-btn.page-prev{width:34px!important;min-width:34px!important;padding:0!important}html.dark .page-btn,html.viya-dv .page-btn{background:#0f1830!important;border-color:#22324f!important;color:#e6edf7!important}html.dark .page-btn.active,html.viya-dv .page-btn.active{background:var(--primary,#185fa5)!important;border-color:var(--primary,#185fa5)!important;color:#fff!important}@media (max-width:640px){.pagination{justify-content:center!important}}@media (prefers-reduced-motion:reduce){.btn-danger,.btn-primary,.btn-secondary,.btn-success,.ds-btn{transition:none}}@media (min-width:993px){html:has(.app),html:has(.dashboard-shell){height:100%}body:has(.app),body:has(.dashboard-shell){height:100%;overflow:hidden}.app,.dashboard-shell{height:100vh!important;height:100dvh!important;min-height:0!important;overflow:hidden!important}.app>.sidebar,.dashboard-shell>.sidebar{height:100vh!important;height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important}.app>.main,body:not(.checkout-page):not(.settings-page) .dashboard-shell>.main-content{height:100vh!important;height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important}.app>.main>.topbar,.main-content>.viya-app-header{position:sticky!important;top:0!important;z-index:50!important}}.app .card,.main-content .card{border-radius:var(--ds-radius-card)!important}@media (min-width:769px){.app .content table:not(.cart-table):not(.today-table) tbody tr,.main-content table:not(.cart-table):not(.cart-items):not(.today-table):not(.pos-table):not(.qty):not(.vb-cardify) tbody tr{height:var(--ds-row-h)}}.act-btn,.td-row-btn,.vb-actions-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;height:36px!important;min-height:36px!important;width:auto!important;min-width:95px!important;max-width:110px!important;padding:0 10px 0 12px!important;border-radius:10px!important;font-family:var(--ds-font, Inter, sans-serif)!important;font-size:13px!important;font-weight:500!important;line-height:1!important;white-space:nowrap!important;box-sizing:border-box!important;cursor:pointer!important;transition:box-shadow .15s ease,background .15s ease,transform .05s ease!important}.act-btn>.ti,.act-btn>svg,.td-row-btn>.ti,.td-row-btn>svg,.vb-actions-btn>.ti,.vb-actions-btn>svg{font-size:16px!important;width:16px!important;height:16px!important;flex:0 0 auto!important}.act-btn>.ti:last-child,.act-btn>svg:last-child,.td-row-btn>.ti:last-child,.td-row-btn>svg:last-child,.vb-actions-btn>.ti:last-child,.vb-actions-btn>svg:last-child{font-size:14px!important;width:14px!important;height:14px!important}.act-btn:hover,.td-row-btn:hover,.vb-actions-btn:hover{box-shadow:0 2px 8px rgba(8,27,68,.12)!important}.main-content td .act-btn,.main-content td .td-row-btn,.main-content td .vb-actions-btn{flex:0 0 auto!important}@media (min-width:768px) and (max-width:991px){.act-btn,.td-row-btn,.vb-actions-btn{height:34px!important;min-height:34px!important;font-size:12px!important}}@media (max-width:767px){.act-btn,.td-row-btn,.vb-actions-btn{height:32px!important;min-height:32px!important;font-size:12px!important;width:88px!important;min-width:88px!important;max-width:88px!important}}.actions-menu,.dd-menu,.more-menu,.td-row-menu,.vb-actions-menu{border-radius:10px!important;box-shadow:0 12px 30px rgba(8,27,68,.14)!important;padding:6px!important;min-width:180px!important;box-sizing:border-box!important}.actions-menu>a,.actions-menu>button,.dd-menu .dd-item,.dd-menu>a,.dd-menu>button,.more-menu>a,.more-menu>button,.td-row-menu>a,.td-row-menu>button,.vb-actions-menu>a,.vb-actions-menu>button{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;height:36px!important;min-height:36px!important;padding:0 10px!important;border-radius:8px!important;font-size:13px!important;font-weight:500!important;white-space:nowrap!important;box-sizing:border-box!important}.pagination,.pagination-btns,.td-pagination,.vb-pagination{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;flex-wrap:wrap!important;min-height:36px!important;margin:0!important;padding:0!important}.pagination-row,.vb-pagination-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important}.page-btn,.pg-btn,.td-pg-btn,.vb-page-num{height:36px!important;min-width:36px!important;padding:0 9px!important;border-radius:8px!important;border:1px solid #d5deea!important;background:#fff!important;color:#334155!important;font-size:14px!important;font-weight:600!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;box-sizing:border-box!important;font-family:var(--ds-font, Inter, sans-serif)!important;transition:background .15s ease,border-color .15s ease,color .15s ease!important}.page-btn:hover:not(:disabled),.pg-btn:hover:not(:disabled),.td-pg-btn:hover:not(:disabled),.vb-page-btn:hover:not(:disabled),.vb-page-num:hover:not(:disabled){background:#f1f5f9!important;border-color:#c3cfe0!important}.page-btn.active,.page-btn[aria-current=page],.pg-btn.active,.td-pg-btn.active,.vb-page-num.active,.vb-page-num[aria-current=page]{background:#185fa5!important;border-color:#185fa5!important;color:#fff!important}.page-btn:disabled,.pg-btn:disabled,.td-pg-btn:disabled,.vb-page-btn:disabled,.vb-page-num:disabled{opacity:.45!important;cursor:not-allowed!important}.page-btn:focus-visible,.pg-btn:focus-visible,.td-pg-btn:focus-visible,.vb-page-btn:focus-visible,.vb-page-num:focus-visible{outline:2px solid #185FA5!important;outline-offset:2px!important}.pg-btn.arrow,.vb-page-btn{width:34px!important;min-width:34px!important;height:34px!important;padding:0!important;border-radius:8px!important;border:1px solid #d5deea!important;background:#fff!important;color:#475569!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;box-sizing:border-box!important}.pg-btn.arrow svg,.vb-page-btn svg{width:16px!important;height:16px!important}.pg-dots,.vb-page-dots{min-width:22px!important;color:#94a3b8!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.pagination-info,.vb-page-info{font-size:13px!important;font-weight:500!important;color:var(--color-muted,#52637a)!important}@media (max-width:640px){.pagination-row,.vb-pagination-row{justify-content:center!important}.page-btn,.pg-btn,.td-pg-btn,.vb-page-num{height:34px!important;min-width:34px!important;font-size:13px!important}}.data-card{display:flex;flex-direction:column;min-width:0;height:100%;background:var(--surface,#fff);border:1px solid var(--border,#e5e7eb);border-radius:var(--ds-radius-card,18px);padding:var(--ds-pad-card,24px);box-shadow:var(--ds-shadow-card,0 12px 30px rgba(8,27,68,.07));box-sizing:border-box;overflow-wrap:anywhere}.data-card>*{min-width:0}@media (max-width:767px){.data-card{padding:16px;border-radius:16px}}.form-card{background:var(--surface,#fff);border:1px solid var(--border,#e5e7eb);border-radius:var(--ds-radius-card,18px);padding:var(--ds-pad-card,24px);box-shadow:var(--ds-shadow-card,0 12px 30px rgba(8,27,68,.07));box-sizing:border-box;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;align-items:start}.form-card .field{display:flex;flex-direction:column;gap:6px;min-width:0}.form-card .field.span-2{grid-column:1/-1}.form-card .field-label,.form-card label{font-size:13px;font-weight:600;color:var(--muted,#64748b)}.form-card input,.form-card select,.form-card textarea{width:100%;box-sizing:border-box}.form-card .field-error{font-size:12px;font-weight:600;color:var(--danger,#ef4444)}.form-card .form-actions{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;margin-top:4px}@media (max-width:767px){.form-card{grid-template-columns:1fr;padding:16px;gap:14px}}@media (max-width:480px){.form-card .form-actions{justify-content:stretch}.form-card .form-actions>*{flex:1 1 auto}}.button-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.button-row.end{justify-content:flex-end}.button-row.center{justify-content:center}.button-row.between{justify-content:space-between}@media (max-width:480px){.button-row.stack{flex-direction:column;align-items:stretch}.button-row.stack>*{width:100%}}.amount-cell{text-align:right;white-space:nowrap;font-weight:700;font-variant-numeric:tabular-nums}.mobile-card-list{display:flex;flex-direction:column;gap:10px;min-width:0}.mobile-card-list>*{background:var(--surface,#fff);border:1px solid var(--border,#e5e7eb);border-radius:14px;padding:14px;box-sizing:border-box;min-width:0;overflow-wrap:anywhere}.safe-wrap{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.truncate-2-line{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}html.dark .data-card,html.dark .form-card,html.dark .mobile-card-list>*,html.viya-dv .data-card,html.viya-dv .form-card,html.viya-dv .mobile-card-list>*{background:#0f1830;border-color:#22324f}@font-face{font-family:"MV Waheed";src:url('/assets/fonts/MVWaheed.woff2') format('woff2'),url('/assets/fonts/MV_A_Waheed_Bold.ttf') format('truetype');font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:Faruma;src:url('/assets/fonts/MVWaheed.woff2') format('woff2');font-weight:400 900;font-display:swap}@font-face{font-family:"MV Faruma";src:url('/assets/fonts/MVWaheed.woff2') format('woff2');font-weight:400 900;font-display:swap}@font-face{font-family:ViyaFaruma;src:url('/assets/fonts/MVWaheed.woff2') format('woff2');font-weight:400 900;font-display:swap}@font-face{font-family:"Noto Sans Thaana";src:url('/assets/fonts/MVWaheed.woff2') format('woff2');font-weight:400 900;font-display:swap}html[dir=rtl] :not([data-keep-ltr]),html[lang=dv] :not([data-keep-ltr]){font-family:"MV Waheed",Inter,Arial,sans-serif!important;font-weight:700!important;line-height:1.8!important;letter-spacing:normal!important}html[lang=dv] .amount,html[lang=dv] .code,html[lang=dv] .date,html[lang=dv] .email,html[lang=dv] .invoice-no,html[lang=dv] .money,html[lang=dv] .mono,html[lang=dv] .number,html[lang=dv] .sku,html[lang=dv] .t-inv,html[lang=dv] .trip-no,html[lang=dv] .vbd-amt,html[lang=dv] .vbd-stat-num,html[lang=dv] [data-keep-ltr],html[lang=dv] input[type=email],html[lang=dv] input[type=number],html[lang=dv] input[type=tel]{font-family:Inter,Inter,ui-monospace,monospace!important;direction:ltr!important;unicode-bidi:isolate!important;font-weight:700!important}html[lang=dv] body{font-size:clamp(16px,1.9vw,20px)!important}html[lang=dv] h1{font-size:clamp(28px,3vw,34px)!important;line-height:1.6!important}html[lang=dv] h2{font-size:clamp(25px,2.5vw,30px)!important;line-height:1.6!important}html[lang=dv] .card-title,html[lang=dv] .section-title,html[lang=dv] h3{font-size:clamp(21px,2vw,25px)!important;line-height:1.7!important}html[lang=dv] .card,html[lang=dv] .dashboard-card,html[lang=dv] .metric,html[lang=dv] .stat-card,html[lang=dv] .trip-card,html[lang=dv] .vbd-card,html[lang=dv] a,html[lang=dv] button,html[lang=dv] input,html[lang=dv] label,html[lang=dv] li,html[lang=dv] p,html[lang=dv] select,html[lang=dv] span,html[lang=dv] td{font-size:20px!important}html[lang=dv] .amount,html[lang=dv] .money,html[lang=dv] .vbd-amt,html[lang=dv] .vbd-stat-num{font-size:max(24px, 1em)!important}html[lang=dv] .badge,html[lang=dv] .pill,html[lang=dv] .status-pill,html[lang=dv] .vbd-pill{font-size:18px!important}@media (max-width:640px){html[lang=dv] h1{font-size:30px!important}html[lang=dv] h2{font-size:26px!important}html[lang=dv] .card,html[lang=dv] .metric,html[lang=dv] .trip-card,html[lang=dv] .vbd-card,html[lang=dv] button,html[lang=dv] input,html[lang=dv] label,html[lang=dv] p,html[lang=dv] select,html[lang=dv] span{font-size:19px!important}}html[dir=rtl] :not(.amount):not(.money):not(.number):not(.date):not(.trip-no):not(.invoice-no):not(i):not(svg):not(path):not(use):not(code):not(pre):not([class*=ti-]):not([class*=icon]):not(.material-icons):not(.lucide):not(.fa):not(.fas):not(.far):not(.fab),html[lang=dv] :not(.amount):not(.money):not(.number):not(.date):not(.trip-no):not(.invoice-no):not(i):not(svg):not(path):not(use):not(code):not(pre):not([class*=ti-]):not([class*=icon]):not(.material-icons):not(.lucide):not(.fa):not(.fas):not(.far):not(.fab){font-family:"MV Waheed",Inter,Arial,sans-serif!important;font-weight:400!important;-webkit-text-stroke:0!important;text-shadow:none!important;letter-spacing:normal}html[lang=dv] input[type=date],html[lang=dv] input[type=email],html[lang=dv] input[type=number],html[lang=dv] input[type=tel],html[lang=dv] input[type=time]{font-family:Inter,Arial,sans-serif!important;direction:ltr!important;unicode-bidi:isolate!important}html[lang=dv] .amount,html[lang=dv] .amount-fit,html[lang=dv] .money,html[lang=dv] .number,html[lang=dv] .price,html[lang=dv] .quantity,html[lang=dv] .vbd-amt,html[lang=dv] .vbd-stat-num{font-variant-numeric:tabular-nums}html[lang=dv] #showingText,html[lang=dv] .badge,html[lang=dv] .bottom-nav-label,html[lang=dv] .chip,html[lang=dv] .helper-text,html[lang=dv] .meta-text,html[lang=dv] .page-btn,html[lang=dv] .pagination,html[lang=dv] .pill,html[lang=dv] .status-badge,html[lang=dv] .status-pill,html[lang=dv] .vbd-pill,html[lang=dv] .viya-bottom-nav-item,html[lang=dv] .viya-bottom-nav-item span,html[lang=dv] small{font-size:15px!important;line-height:1.5!important}body:has(.app),body:has(.dashboard-shell),body:has(.vbd-app),html:has(.app),html:has(.dashboard-shell),html:has(.vbd-app){overflow-x:clip;max-width:100%}.app>.sidebar,.dashboard-shell>.sidebar,.vbd-app>.sidebar{flex:0 0 auto!important}.app>.main,.dashboard-shell>.main-content,.vbd-main{min-width:0!important}@media (min-width:1025px){body:not(.sales-pos-page):not(.checkout-page):not(.settings-page) .dashboard-shell>.main-content,body:not(.sales-pos-page):not(.settings-page) .app>.main,body:not(.sales-pos-page):not(.settings-page) .vbd-main{padding-inline:var(--vb-pad-x,24px)!important}}:is(.main-content,.main,.vbd-main) :is(.card,.panel,.stat-card,.table-card,.form-card,.summary-card,.dashboard-card,.metric-card,.kpi-card,.info-card,.report-card,.insights-card){min-width:0;max-width:100%}:is(.main-content,.main,.vbd-main) .grid,:is(.main-content,.main,.vbd-main) [class*="-grid"],:is(.main-content,.main,.vbd-main)>*{min-width:0}.auto-grid{display:grid;gap:clamp(12px,1.4vw,20px);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}.kpi-grid{display:grid;gap:clamp(12px,1.4vw,20px);grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.content-with-sidebar{display:grid;gap:clamp(14px,1.8vw,22px);grid-template-columns:minmax(0,1fr) minmax(300px,360px)}@media (max-width:1100px){.content-with-sidebar{grid-template-columns:1fr}}.form-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.filter-row{display:flex;flex-wrap:wrap;gap:12px;min-width:0}.filter-row>*{flex:1 1 180px;min-width:0;max-width:100%}.table-scroll{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.amount-fit{font-size:clamp(18px, 2vw, 30px);line-height:1.1;overflow-wrap:anywhere}.page-container{width:min(100%,var(--ds-container));margin-inline:auto;min-width:0}.topbar-inner{width:min(100%,var(--ds-container));margin-inline:auto;display:flex;align-items:center;gap:10px;min-width:0}.topbar-search{flex:1 1 280px;min-width:0;max-width:520px}.topbar-actions{display:flex;flex:0 0 auto;gap:8px;flex-wrap:wrap}@media (max-width:767px){html body .kpi-grid,html body .metrics,html body .stat-cards,html body .stat-grid,html body .stats-grid,html body .summary-cards,html body .summary-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;width:100%!important;padding-inline:14px!important;box-sizing:border-box!important;align-items:stretch!important}html body .kpi,html body .metrics .metric,html body .stat-card,html body .summary-card,html body .summary-grid .metric-card{height:auto!important;min-height:140px!important;min-width:0!important;padding:16px!important;border-radius:20px!important;box-sizing:border-box!important;overflow:visible!important}html body .summary-card{flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:6px!important}html body .kpi-icon,html body .metrics .metric .micon,html body .stat-icon,html body .summary-grid .metric-icon{width:50px!important;height:50px!important;min-width:50px!important;flex:0 0 50px!important;border-radius:15px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}html body .kpi-icon i,html body .kpi-icon svg,html body .metrics .metric .micon i,html body .metrics .metric .micon svg,html body .stat-icon i,html body .stat-icon svg,html body .summary-grid .metric-icon i,html body .summary-grid .metric-icon svg{font-size:24px!important;width:24px!important;height:24px!important;line-height:1!important}html body .kpi .kpi-title,html body .metrics .metric h3,html body .stat-card .stat-label,html body .stat-card>div>span,html body .summary-card>span,html body .summary-grid .metric-text h3{font-size:22px!important;line-height:1.2!important;font-weight:400!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;max-width:100%!important}html.viya-dv body .kpi .kpi-title,html.viya-dv body .metrics .metric h3,html.viya-dv body .stat-card .stat-label,html.viya-dv body .stat-card>div>span,html.viya-dv body .summary-card>span,html.viya-dv body .summary-grid .metric-text h3{font-family:"MV Waheed",Inter,Arial,sans-serif!important;font-size:22px!important;line-height:1.25!important}html:not(.viya-dv) body .kpi .kpi-title,html:not(.viya-dv) body .metrics .metric h3,html:not(.viya-dv) body .stat-card .stat-label,html:not(.viya-dv) body .stat-card>div>span,html:not(.viya-dv) body .summary-card>span,html:not(.viya-dv) body .summary-grid .metric-text h3{font-size:15px!important;line-height:1.25!important;font-weight:700!important}html body .kpi .kpi-value,html body .metrics .metric h2,html body .stat-card .stat-value,html body .stat-card>div>strong,html body .summary-card>strong,html body .summary-grid .metric-text h2{font-size:17px!important;line-height:1.15!important;font-weight:700!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;max-width:100%!important}html body .kpi .kpi-sub,html body .metrics .metric p,html body .stat-card .stat-sub,html body .summary-grid .metric-text p{font-size:11px!important;line-height:1.2!important;font-weight:500!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;max-width:100%!important}}@media (max-width:359px){html body .kpi-grid,html body .metrics,html body .stat-cards,html body .stat-grid,html body .stats-grid,html body .summary-cards,html body .summary-grid{gap:10px!important;padding-inline:10px!important}html body .kpi,html body .metrics .metric,html body .stat-card,html body .summary-card,html body .summary-grid .metric-card{height:auto!important;min-height:132px!important;padding:13px!important;border-radius:18px!important}html body .kpi-icon,html body .metrics .metric .micon,html body .stat-icon,html body .summary-grid .metric-icon{width:44px!important;height:44px!important;min-width:44px!important;flex:0 0 44px!important;border-radius:13px!important}html body .kpi-icon i,html body .kpi-icon svg,html body .metrics .metric .micon i,html body .metrics .metric .micon svg,html body .stat-icon i,html body .stat-icon svg,html body .summary-grid .metric-icon i,html body .summary-grid .metric-icon svg{font-size:21px!important;width:21px!important;height:21px!important}html body .kpi .kpi-title,html body .metrics .metric h3,html body .stat-card .stat-label,html body .summary-card>span,html body .summary-grid .metric-text h3,html.viya-dv body .kpi .kpi-title,html.viya-dv body .metrics .metric h3,html.viya-dv body .stat-card .stat-label,html.viya-dv body .summary-card>span,html.viya-dv body .summary-grid .metric-text h3{font-size:19px!important}html body .kpi .kpi-value,html body .metrics .metric h2,html body .stat-card .stat-value,html body .summary-card>strong,html body .summary-grid .metric-text h2{font-size:15px!important}html body .kpi .kpi-sub,html body .metrics .metric p,html body .stat-card .stat-sub,html body .summary-grid .metric-text p{font-size:9px!important}}@media (max-width:767px){html body .dashboard-shell .metrics:has(> .metric),html body .dashboard-shell .stat-cards:has(> .stat-card),html body .dashboard-shell .stat-row:has(> .stat-card),html body .dashboard-shell .stats-grid:has(> .stat-card),html body .dashboard-shell .summary-grid:has(> .metric-card),html body .dashboard-shell .summary-grid:has(> .summary),html body .dashboard-shell .summary-grid:has(> .summary-card){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important;padding-inline:6px!important;box-sizing:border-box!important;align-items:stretch!important}html body .dashboard-shell .metrics>.metric,html body .dashboard-shell .stat-cards>.stat-card,html body .dashboard-shell .stat-row>.stat-card,html body .dashboard-shell .stats-grid>.stat-card,html body .dashboard-shell .summary-grid>.metric-card,html body .dashboard-shell .summary-grid>.summary,html body .dashboard-shell .summary-grid>.summary-card{height:112px!important;min-height:112px!important;width:100%!important;min-width:0!important;padding:12px 14px!important;border-radius:18px!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr) 40px!important;grid-template-rows:auto auto 1fr!important;column-gap:8px!important;overflow:hidden!important}html body .dashboard-shell .stat-card .stat-top{display:contents!important}html body .dashboard-shell .metric-card>div:not(.metric-icon),html body .dashboard-shell .metric>div:not(.micon),html body .dashboard-shell .stat-cards>.stat-card .stat-top>div:not(.stat-icon),html body .dashboard-shell .stat-row>.stat-card>.stat-body,html body .dashboard-shell .stats-grid>.stat-card>div:not(.stat-icon):not(.stat-top),html body .dashboard-shell .summary-card>div:not(.sum-icon),html body .dashboard-shell .summary>div:not(.sicon){grid-column:1!important;grid-row:1/4!important;min-width:0!important;height:100%!important;display:grid!important;grid-template-rows:auto auto 1fr!important}html body .dashboard-shell .metric h3,html body .dashboard-shell .metric-card h3,html body .dashboard-shell .stat-card .stat-label,html body .dashboard-shell .stat-cards>.stat-card span,html body .dashboard-shell .stat-row>.stat-card .stat-label,html body .dashboard-shell .stats-grid>.stat-card span,html body .dashboard-shell .summary span,html body .dashboard-shell .summary-card span{grid-column:1!important;grid-row:1!important;margin:0!important;font-family:Inter,Arial,sans-serif!important;font-size:15px!important;line-height:1.15!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-transform:none!important;letter-spacing:0!important}html body .dashboard-shell .metric h2,html body .dashboard-shell .metric-card h2,html body .dashboard-shell .stat-card .stat-value,html body .dashboard-shell .stat-cards>.stat-card h2,html body .dashboard-shell .stat-row>.stat-card .stat-value,html body .dashboard-shell .stats-grid>.stat-card strong,html body .dashboard-shell .summary strong,html body .dashboard-shell .summary-card strong{grid-column:1!important;grid-row:2!important;margin:6px 0 0!important;font-family:Inter,Arial,sans-serif!important;font-size:15px!important;line-height:1!important;font-weight:700!important;letter-spacing:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;overflow-wrap:normal!important;word-break:keep-all!important;direction:ltr!important;unicode-bidi:isolate!important;font-variant-numeric:tabular-nums!important}html body .dashboard-shell .metric p,html body .dashboard-shell .metric-card p,html body .dashboard-shell .stat-card .stat-sub,html body .dashboard-shell .stat-cards>.stat-card .stat-foot,html body .dashboard-shell .stat-row>.stat-card .stat-sub,html body .dashboard-shell .summary .sub,html body .dashboard-shell .summary-card small{grid-column:1!important;grid-row:3!important;align-self:end!important;margin:4px 0 0!important;font-family:Inter,Arial,sans-serif!important;font-size:9px!important;line-height:1.1!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;letter-spacing:0!important}html body .dashboard-shell .metric .micon,html body .dashboard-shell .metric-card .metric-icon,html body .dashboard-shell .stat-card .stat-icon,html body .dashboard-shell .summary .sicon,html body .dashboard-shell .summary-card .sum-icon{grid-column:2!important;grid-row:1/4!important;width:40px!important;height:40px!important;min-width:40px!important;flex:0 0 40px!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;justify-self:end!important;font-size:19px!important;line-height:1!important;position:static!important}html body .dashboard-shell .metric .micon i,html body .dashboard-shell .metric .micon svg,html body .dashboard-shell .metric-card .metric-icon i,html body .dashboard-shell .metric-card .metric-icon svg,html body .dashboard-shell .stat-card .stat-icon i,html body .dashboard-shell .stat-card .stat-icon svg,html body .dashboard-shell .summary .sicon i,html body .dashboard-shell .summary .sicon svg,html body .dashboard-shell .summary-card .sum-icon i,html body .dashboard-shell .summary-card .sum-icon svg{width:19px!important;height:19px!important;font-size:19px!important;line-height:1!important}html[lang=dv] body .dashboard-shell .metric h3,html[lang=dv] body .dashboard-shell .metric-card h3,html[lang=dv] body .dashboard-shell .stat-card .stat-label,html[lang=dv] body .dashboard-shell .stat-cards>.stat-card span,html[lang=dv] body .dashboard-shell .stat-row>.stat-card .stat-label,html[lang=dv] body .dashboard-shell .stats-grid>.stat-card span,html[lang=dv] body .dashboard-shell .summary span,html[lang=dv] body .dashboard-shell .summary-card span{font-family:"MV Waheed",Inter,Arial,sans-serif!important;font-size:20px!important;line-height:1.05!important;font-weight:400!important;direction:rtl!important;text-align:start!important}}@media (max-width:359px){html body .dashboard-shell .metrics:has(> .metric),html body .dashboard-shell .stat-cards:has(> .stat-card),html body .dashboard-shell .stat-row:has(> .stat-card),html body .dashboard-shell .stats-grid:has(> .stat-card),html body .dashboard-shell .summary-grid:has(> .metric-card),html body .dashboard-shell .summary-grid:has(> .summary),html body .dashboard-shell .summary-grid:has(> .summary-card){gap:8px!important;padding-inline:4px!important}html body .dashboard-shell .metrics>.metric,html body .dashboard-shell .stat-cards>.stat-card,html body .dashboard-shell .stat-row>.stat-card,html body .dashboard-shell .stats-grid>.stat-card,html body .dashboard-shell .summary-grid>.metric-card,html body .dashboard-shell .summary-grid>.summary,html body .dashboard-shell .summary-grid>.summary-card{height:106px!important;min-height:106px!important;padding:10px 12px!important;grid-template-columns:minmax(0,1fr) 36px!important}html body .dashboard-shell .metric h3,html body .dashboard-shell .metric-card h3,html body .dashboard-shell .stat-card .stat-label,html body .dashboard-shell .stat-cards>.stat-card span,html body .dashboard-shell .stat-row>.stat-card .stat-label,html body .dashboard-shell .stats-grid>.stat-card span,html body .dashboard-shell .summary span,html body .dashboard-shell .summary-card span{font-size:14px!important}html[lang=dv] body .dashboard-shell .metric h3,html[lang=dv] body .dashboard-shell .metric-card h3,html[lang=dv] body .dashboard-shell .stat-card .stat-label,html[lang=dv] body .dashboard-shell .stat-cards>.stat-card span,html[lang=dv] body .dashboard-shell .stat-row>.stat-card .stat-label,html[lang=dv] body .dashboard-shell .stats-grid>.stat-card span,html[lang=dv] body .dashboard-shell .summary span,html[lang=dv] body .dashboard-shell .summary-card span{font-size:18px!important}html body .dashboard-shell .metric h2,html body .dashboard-shell .metric-card h2,html body .dashboard-shell .stat-card .stat-value,html body .dashboard-shell .stat-cards>.stat-card h2,html body .dashboard-shell .stat-row>.stat-card .stat-value,html body .dashboard-shell .stats-grid>.stat-card strong,html body .dashboard-shell .summary strong,html body .dashboard-shell .summary-card strong{font-size:14px!important}html body .dashboard-shell .metric p,html body .dashboard-shell .metric-card p,html body .dashboard-shell .stat-card .stat-sub,html body .dashboard-shell .stat-cards>.stat-card .stat-foot,html body .dashboard-shell .stat-row>.stat-card .stat-sub,html body .dashboard-shell .summary .sub,html body .dashboard-shell .summary-card small{font-size:8px!important}html body .dashboard-shell .metric .micon,html body .dashboard-shell .metric-card .metric-icon,html body .dashboard-shell .stat-card .stat-icon,html body .dashboard-shell .summary .sicon,html body .dashboard-shell .summary-card .sum-icon{width:36px!important;height:36px!important;min-width:36px!important;flex-basis:36px!important}html body .dashboard-shell .metric .micon i,html body .dashboard-shell .metric .micon svg,html body .dashboard-shell .metric-card .metric-icon i,html body .dashboard-shell .metric-card .metric-icon svg,html body .dashboard-shell .stat-card .stat-icon i,html body .dashboard-shell .stat-card .stat-icon svg,html body .dashboard-shell .summary .sicon i,html body .dashboard-shell .summary .sicon svg,html body .dashboard-shell .summary-card .sum-icon i,html body .dashboard-shell .summary-card .sum-icon svg{width:17px!important;height:17px!important;font-size:17px!important}}@media (max-width:767px){html body.trips-page .dashboard-shell .metrics>.metric h3{font-family:Inter,Arial,sans-serif!important;font-size:15px!important;line-height:1.15!important;font-weight:700!important;margin:0!important;padding:0!important}html body.trips-page .dashboard-shell .metrics>.metric h2,html[lang=dv] body.trips-page .dashboard-shell .metrics>.metric h2{font-family:Inter,Arial,sans-serif!important;font-size:15px!important;line-height:1!important;font-weight:700!important;margin:6px 0 0!important;direction:ltr!important;unicode-bidi:isolate!important}html body.trips-page .dashboard-shell .metrics>.metric p,html[lang=dv] body.trips-page .dashboard-shell .metrics>.metric p{font-family:Inter,Arial,sans-serif!important;font-size:9px!important;line-height:1.1!important;font-weight:700!important;margin:4px 0 0!important}html[lang=dv] body.trips-page .dashboard-shell .metrics>.metric h3{font-family:"MV Waheed",Inter,Arial,sans-serif!important;font-size:20px!important;line-height:1.05!important;font-weight:400!important}body.lang-dv .dashboard-shell .stats-grid:has(> .stat-card)>.stat-card,html.viya-dv body .dashboard-shell .stats-grid:has(> .stat-card)>.stat-card,html[lang=dv] body .dashboard-shell .stats-grid:has(> .stat-card)>.stat-card{height:112px!important;min-height:112px!important}}@media (max-width:359px){html body.trips-page .dashboard-shell .metrics>.metric h3{font-size:14px!important}html[lang=dv] body.trips-page .dashboard-shell .metrics>.metric h3{font-size:18px!important}html body.trips-page .dashboard-shell .metrics>.metric h2,html[lang=dv] body.trips-page .dashboard-shell .metrics>.metric h2{font-size:14px!important}html body.trips-page .dashboard-shell .metrics>.metric p,html[lang=dv] body.trips-page .dashboard-shell .metrics>.metric p{font-size:8px!important}body.lang-dv .dashboard-shell .stats-grid:has(> .stat-card)>.stat-card,html.viya-dv body .dashboard-shell .stats-grid:has(> .stat-card)>.stat-card,html[lang=dv] body .dashboard-shell .stats-grid:has(> .stat-card)>.stat-card{height:106px!important;min-height:106px!important}}@media (max-width:767px){html body .dashboard-shell .metrics:has(> .metric),html body .dashboard-shell .metrics>.metric,html body .dashboard-shell .stat-cards:has(> .stat-card),html body .dashboard-shell .stat-cards>.stat-card,html body .dashboard-shell .stat-row:has(> .stat-card),html body .dashboard-shell .stat-row>.stat-card,html body .dashboard-shell .stats-grid:has(> .stat-card),html body .dashboard-shell .stats-grid>.stat-card,html body .dashboard-shell .summary-grid:has(> .metric-card),html body .dashboard-shell .summary-grid:has(> .summary),html body .dashboard-shell .summary-grid:has(> .summary-card),html body .dashboard-shell .summary-grid>.metric-card,html body .dashboard-shell .summary-grid>.summary,html body .dashboard-shell .summary-grid>.summary-card{direction:ltr!important;text-align:start!important}html[lang=dv] body .dashboard-shell .metric h3,html[lang=dv] body .dashboard-shell .metric-card h3,html[lang=dv] body .dashboard-shell .stat-card .stat-label,html[lang=dv] body .dashboard-shell .stat-cards>.stat-card span,html[lang=dv] body .dashboard-shell .stat-row>.stat-card .stat-label,html[lang=dv] body .dashboard-shell .stats-grid>.stat-card span,html[lang=dv] body .dashboard-shell .summary span,html[lang=dv] body .dashboard-shell .summary-card span{direction:rtl!important;text-align:start!important}html body .dashboard-shell .metric h2,html body .dashboard-shell .metric-card h2,html body .dashboard-shell .stat-card .stat-value,html body .dashboard-shell .stat-cards>.stat-card h2,html body .dashboard-shell .stat-row>.stat-card .stat-value,html body .dashboard-shell .stats-grid>.stat-card strong,html body .dashboard-shell .summary strong,html body .dashboard-shell .summary-card strong{direction:ltr!important;text-align:start!important;unicode-bidi:isolate!important}}@media (max-width:599px){#invItemLockBanner,.item-lock-banner{font-size:12px!important;padding:7px 12px!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}#invItemLockBanner{margin:0 12px 10px!important}}body,html{background:var(--color-bg)!important;color:var(--color-text)!important}body::after{display:none!important}body,button,input,select,table,textarea{font-family:var(--ds-font)!important;letter-spacing:0!important}.main,.main-content,.shell>main{max-width:var(--page-max)!important;width:100%!important;margin-inline:auto!important;padding:var(--space-6)!important}.card-header,.page-head,.panel-head,.section-header,.table-header,.vb-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.page-head h1,.page-title,h1.page-h1{margin:0!important;color:var(--color-text)!important;font-size:var(--type-page-title)!important;font-weight:750!important;line-height:1.18!important;letter-spacing:0!important}.card-title,.panel-head h2,.section-title,.table-header h2{color:var(--color-text)!important;font-size:var(--type-section-title)!important;font-weight:700!important;line-height:1.25!important;letter-spacing:0!important}.caption,.empty-state p,.field-hint,.hint,.sub,.subtitle{color:var(--color-muted)!important;font-size:var(--type-caption)!important;line-height:1.45!important}.card,.checkout-card,.customer-card,.dashboard-card,.ds-card,.empty-state,.info-card,.invoice-card,.kpi-card,.metric,.metric-card,.panel,.product-card,.project-card,.report-card,.settings-card,.settings-menu,.settings-panel,.settings-section,.stat-card,.summary,.summary-card,.table-card,.table-shell,.table-wrap,.trip-card,.vb-card{background:var(--color-surface)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-card)!important;box-shadow:var(--shadow-card)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transition:border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast)!important}.card:hover,.kpi-card:hover,.metric-card:hover,.metric:hover,.panel:hover,.stat-card:hover,.summary-card:hover{transform:none!important;border-color:var(--color-border-strong)!important;box-shadow:var(--shadow-card)!important}.card:not(.table-card):not(.items-card):not(.invoice-card),.ds-card,.info-card,.settings-card,.settings-panel,.settings-section{padding:var(--space-6)!important}.ds-kpi,.kpi-card,.metric,.metric-card,.stat-card,.summary,.summary-card{min-height:104px!important;padding:var(--space-5)!important;display:flex!important;align-items:center!important;gap:var(--space-4)!important}.ds-kpi-title,.metric h3,.metric-card h3,.stat-card .stat-label,.summary span,.summary-card span{color:var(--color-muted)!important;font-size:var(--type-caption)!important;font-weight:650!important;line-height:1.3!important}.ds-kpi-value,.metric h2,.metric-card h2,.stat-card .stat-value,.summary strong,.summary-card strong,.vbd-amt{color:var(--color-text)!important;font-size:var(--type-number)!important;font-weight:800!important;line-height:1.1!important;letter-spacing:0!important}.ds-icon-box,.kpi-icon,.micon,.sicon,.stat-icon,.sum-icon{width:42px!important;height:42px!important;min-width:42px!important;border-radius:var(--radius-lg)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:var(--color-primary-soft)!important;color:var(--color-primary)!important}.btn,.btn-danger,.btn-ghost,.btn-light,.btn-outline,.btn-primary,.btn-secondary,.btn-success,.ds-btn,.primary-button,.secondary-button,a.btn,button.btn{height:var(--height-button)!important;min-height:var(--height-button)!important;padding:0 var(--space-4)!important;border-radius:var(--radius-md)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:var(--space-2)!important;font-size:var(--type-button)!important;font-weight:700!important;line-height:1!important;text-decoration:none!important;white-space:nowrap!important;border:1px solid var(--color-border)!important;box-shadow:none!important;background-image:none!important;transition:background var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast),transform var(--motion-fast)!important}.btn-primary,.btn.primary,.ds-btn-primary,.primary-button{background:var(--color-primary)!important;border-color:var(--color-primary)!important;color:#fff!important}.btn-primary:hover,.btn.primary:hover,.ds-btn-primary:hover,.primary-button:hover{background:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!important;transform:none!important}.btn-light,.btn-outline,.btn-secondary,.ds-btn-secondary,.secondary-button{background:var(--color-surface)!important;border-color:var(--color-border)!important;color:var(--color-text)!important}.btn-ghost,.ds-btn-ghost{background:0 0!important;border-color:transparent!important;color:var(--color-muted)!important}.btn-danger,.danger-button,.ds-btn-danger{background:var(--color-danger)!important;border-color:var(--color-danger)!important;color:#fff!important}.btn-success,.ds-btn-success,.success-button{background:var(--color-success)!important;border-color:var(--color-success)!important;color:#fff!important}.btn-sm{height:var(--height-button-sm)!important;min-height:var(--height-button-sm)!important;padding:0 var(--space-3)!important;font-size:var(--type-small)!important}.btn-lg{height:var(--height-button-lg)!important;min-height:var(--height-button-lg)!important;padding:0 var(--space-5)!important}.btn-icon,.icon-btn,.modal-close{width:var(--height-button)!important;height:var(--height-button)!important;min-height:var(--height-button)!important;padding:0!important}.btn .ti,.btn i,.btn svg,button .ti,button svg{width:var(--icon-size)!important;height:var(--icon-size)!important;font-size:var(--icon-size)!important;flex-shrink:0!important}.btn:disabled,.btn[disabled],button:disabled{background:#e8eef6!important;border-color:#d6e0ec!important;color:#7b8ca3!important;opacity:1!important;cursor:not-allowed!important;transform:none!important}.ds-input,.form-input,.form-select,.form-textarea,.input-standard,.main-content input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not(.qty-val):not(.editable-price),.main-content select,.main-content textarea:not(.row-desc){width:100%;min-height:var(--height-field)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;background:var(--color-surface)!important;color:var(--color-text)!important;font-size:var(--type-form)!important;font-weight:600!important;box-shadow:none!important}.form-input,.form-select,.input-standard,.main-content input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not(.qty-val):not(.editable-price),.main-content select{height:var(--height-field)!important;padding:0 var(--space-3)!important}.form-textarea,.main-content textarea{padding:var(--space-3)!important;line-height:1.5!important}.field,.form-group,.modal-field{display:flex!important;flex-direction:column!important;gap:var(--space-2)!important}.field label,.form-label,.modal-field label{color:var(--color-muted)!important;font-size:var(--type-small)!important;font-weight:700!important}.ds-table,.main table,.main-content table{width:100%;border-collapse:collapse!important;color:var(--color-text)!important;font-size:var(--type-table)!important}.main table th,.main-content table th{height:var(--height-table-head)!important;padding:0 var(--space-4)!important;background:var(--color-surface-muted)!important;color:var(--color-muted)!important;border-bottom:1px solid var(--color-border)!important;font-size:var(--type-small)!important;font-weight:750!important;text-transform:none!important}.main table td,.main-content table td{height:var(--height-table-row)!important;padding:var(--space-3) var(--space-4)!important;border-bottom:1px solid var(--color-border)!important;font-size:var(--type-table)!important;vertical-align:middle!important}.main tbody tr:hover,.main-content tbody tr:hover{background:var(--color-surface-muted)!important}.badge,.ds-badge,.pill,.status-pill,.status:not(td):not(th):not(tr),[class*=badge-]:not(td):not(th):not(tr),[class*=status-]:not(td):not(th):not(tr){min-width:70px!important;min-height:28px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:4px 10px!important;border-radius:999px!important;font-size:var(--type-small)!important;font-weight:750!important;line-height:1!important;white-space:nowrap!important;border:1px solid transparent!important}.badge-active,.badge-paid,.badge-success,.pill-green,.status-active,.status-completed,.status-paid{background:var(--color-success-soft)!important;color:var(--color-success)!important}.badge-pending,.badge-warning,.pill-purple,.status-pending{background:var(--color-warning-soft)!important;color:var(--color-warning)!important}.badge-cancelled,.badge-danger,.badge-overdue,.pill-red,.status-cancelled,.status-overdue{background:var(--color-danger-soft)!important;color:var(--color-danger)!important}.badge-draft,.badge-inactive,.badge-neutral,.badge-void,.pill-gray,.pill-grey,.status-draft,.status-inactive,.status-void{background:#eef2f7!important;color:#475569!important}html.viya-dv .badge-draft,html.viya-dv .badge-inactive,html.viya-dv .badge-neutral,html.viya-dv .badge-void,html.viya-dv .status-draft,html.viya-dv .status-inactive,html.viya-dv .status-void{background:#1e2c42!important;color:#9aaac0!important}.modal-backdrop,.modal-bg,.modal-overlay,.viya-modal-backdrop{background:rgba(15,23,42,.48)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.dialog,.modal-box,.modal-card,.modal-content,.modal-overlay>.modal,.popup,.viya-modal-card{background:var(--color-surface)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-modal)!important;box-shadow:var(--shadow-popover)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.modal-actions,.modal-footer,.modal-head,.modal-header{padding:var(--space-4) var(--space-5)!important;border-color:var(--color-border)!important}.modal-body{padding:var(--space-5)!important}.empty-row,.empty-state,.no-data,.prod-load-error{padding:var(--space-8) var(--space-6)!important;text-align:center!important;color:var(--color-muted)!important;background:var(--color-surface)!important}.prod-skeleton,.sk-box,.sk-line,.skel,.skeleton{border-radius:var(--radius-sm)!important;background:linear-gradient(90deg,#eef3f8 0,#f7fafc 50%,#eef3f8 100%)!important;background-size:220% 100%!important;animation:viyaSkeleton 1.2s ease-in-out infinite!important}@keyframes viyaSkeleton{0%{background-position:100% 0}100%{background-position:-100% 0}}.sidebar,.viya-sidebar,aside.sidebar{width:var(--sidebar-width)!important;min-width:var(--sidebar-width)!important;border-color:var(--color-border)!important}.sidebar .nav-link,.sidebar a,.viya-sidebar a{min-height:40px!important;border-radius:var(--radius-md)!important;gap:var(--space-3)!important;font-size:var(--type-body)!important;font-weight:650!important}.dashboard-topbar,.topbar,.vb-topbar{min-height:56px!important;gap:var(--space-4)!important}.ti,svg[aria-hidden=true]{stroke-width:2!important}:focus-visible{outline:3px solid rgba(24,95,165,.35)!important;outline-offset:2px!important}input:focus,select:focus,textarea:focus{outline:0!important;border-color:var(--color-primary)!important;box-shadow:var(--shadow-focus)!important}@media (max-width:1024px){.main,.main-content,.shell>main{padding:var(--space-4)!important}.page-head,.panel-head,.section-header,.table-header{gap:var(--space-3)!important}}@media (max-width:640px){:root{--type-page-title:24px;--type-section-title:18px;--type-number:22px}.main,.main-content,.shell>main{padding:var(--space-3)!important}.actions,.head-actions,.page-actions,.page-head,.panel-head,.section-header,.table-header{align-items:stretch!important;gap:var(--space-3)!important}}:root{--phase3-page-gap:var(--space-5);--phase3-section-gap:var(--space-4);--phase3-toolbar-h:44px}body{background:linear-gradient(180deg,#f8fafd 0,var(--color-bg) 44%,#f3f7fb 100%)!important}.app,.dashboard-shell,.shell{background:0 0!important}.container,.main,.main-content{display:flex;flex-direction:column;gap:var(--phase3-page-gap)}.container>*,.main-content>*,.main>*{min-width:0}.page-head,.page-header,.reports-head,.settings-head{min-height:72px;padding:var(--space-2) 0 var(--space-3)!important;border-bottom:1px solid rgba(221,230,241,.75);margin-bottom:0!important}.page-head>div:first-child,.page-header>div:first-child,.settings-head>div:first-child{display:grid;gap:var(--space-1)}.breadcrumb,.crumb,.eyebrow{color:var(--color-muted)!important;font-size:var(--type-small)!important;font-weight:750!important;letter-spacing:.02em!important;text-transform:uppercase!important}.actions,.filter-actions,.head-actions,.page-actions,.top-actions{display:flex!important;align-items:center!important;gap:var(--space-2)!important;flex-wrap:wrap!important}.cards,.metrics,.stat-cards,.stats-grid,.summary-grid,.vbd-cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:var(--space-4)!important;align-items:stretch!important}.metric,.metric-card,.stat-card,.summary,.summary-card,.vbd-card{position:relative;overflow:hidden}.metric-card::after,.metric::after,.stat-card::after,.summary-card::after,.summary::after{content:"";position:absolute;inset:auto var(--space-4) 0 var(--space-4);height:3px;border-radius:999px 999px 0 0;background:var(--color-primary);opacity:.14}.card,.panel,.report-card,.settings-card,.table-card,.table-shell{overflow:hidden}.card-head,.panel-head,.table-header{padding-bottom:var(--space-3)!important;border-bottom:1px solid var(--color-border)!important}.filter-grid,.filter-row,.rp-controls,.table-toolbar,.toolbar,.tools,.vb-filter-bar{display:flex!important;align-items:center!important;gap:var(--space-3)!important;flex-wrap:wrap!important;padding:var(--space-3)!important;background:var(--color-surface)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-card)!important;box-shadow:var(--shadow-card)!important}.filter-row input,.filter-row select,.tools input,.tools select,.vb-filter-bar input,.vb-filter-bar select{flex:1 1 180px;max-width:100%}.table-responsive,.table-wrap,.table-wrapper,.td-table-wrap{border:1px solid var(--color-border)!important;background:var(--color-surface)!important;border-radius:var(--radius-card)!important}.pagination{padding-top:var(--space-3)!important;justify-content:flex-end!important}.empty-row::before,.empty-state::before,.no-data::before{width:48px!important;height:48px!important;margin:0 auto var(--space-3)!important;border-radius:var(--radius-lg)!important;background:var(--color-primary-soft)!important;color:var(--color-primary)!important}body:has(#loginForm){background:radial-gradient(circle at 18% 18%,rgba(24,95,165,.12),transparent 34%),linear-gradient(135deg,#f6f9fd 0,#eef5fb 100%)!important}body:has(#loginForm) .page{grid-template-columns:minmax(0,1fr) minmax(380px,480px)!important;gap:var(--space-8)!important;padding:var(--space-8)!important;align-items:stretch!important}body:has(#loginForm) .panel-left{border-radius:24px!important;background:linear-gradient(145deg,rgba(12,30,62,.96),rgba(24,95,165,.88))!important;box-shadow:0 24px 80px rgba(12,30,62,.18)!important;padding:var(--space-10)!important}body:has(#loginForm) .orb-bottom,body:has(#loginForm) .panel-left::after,body:has(#loginForm) .panel-left::before{display:none!important}body:has(#loginForm) .panel-right{background:0 0!important;padding:0!important;display:grid!important;place-items:center!important}body:has(#loginForm) .auth-card,body:has(#loginForm) .card-login,body:has(#loginForm) .form-card,body:has(#loginForm) .login-card{width:min(100%,440px)!important;padding:var(--space-8)!important;border-radius:16px!important;background:var(--color-surface)!important;border:1px solid var(--color-border)!important;box-shadow:var(--shadow-popover)!important}body:has(#loginForm) #loginButton{width:100%!important;height:44px!important}body:has(#productArea) .checkout-layout,body:has(#productArea) .pos-layout{gap:var(--space-4)!important;align-items:start!important}body:has(#productArea) #productArea,body:has(#productArea) .product-grid{gap:var(--space-3)!important}body:has(#productArea) .prod-card,body:has(#productArea) .product-card{border-radius:var(--radius-card)!important;border:1px solid var(--color-border)!important;box-shadow:var(--shadow-card)!important}body:has(#productArea):not(.vb-mcart-ready) .cart-panel,body:has(#productArea):not(.vb-mcart-ready) .order-panel,body:has(#productArea):not(.vb-mcart-ready) .summary-panel{position:sticky!important;top:var(--space-4)!important}.settings-layout{gap:var(--space-5)!important}.settings-menu,.settings-nav{padding:var(--space-3)!important}.settings-link{min-height:40px!important;border-radius:var(--radius-md)!important;font-weight:700!important}body:has(#statsGrid) .topbar{background:rgba(255,255,255,.92)!important;border-bottom:1px solid var(--color-border)!important;box-shadow:none!important}body:has(#statsGrid) .container{max-width:var(--page-max)!important;margin:0 auto!important;padding:var(--space-6)!important}body:has(#statsGrid) .stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:var(--space-4)!important}body:has(#statsGrid) .stat{background:var(--color-surface)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-card)!important;padding:var(--space-5)!important;box-shadow:var(--shadow-card)!important}body:has(#statsGrid) .nav-tabs{padding:var(--space-1)!important;background:var(--color-surface)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-card)!important;gap:var(--space-1)!important}body:has(#statsGrid) .nav-tabs a{min-height:38px!important;border-radius:var(--radius-md)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 var(--space-4)!important;font-weight:750!important}body:has(#statsGrid) .nav-tabs a.active{background:var(--color-primary)!important;color:#fff!important}@media (max-width:1200px){.cards,.metrics,.stat-cards,.stats-grid,.summary-grid,.vbd-cards,body:has(#statsGrid) .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:760px){body:has(#loginForm) .page{display:flex!important;flex-direction:column!important;padding:var(--space-4)!important;gap:var(--space-4)!important}body:has(#loginForm) .panel-left{min-height:auto!important;padding:var(--space-6)!important}body:has(#loginForm) .feats,body:has(#loginForm) .panel-hero,body:has(#loginForm) .stats-row{display:none!important}.cards,.metrics,.stat-cards,.stats-grid,.summary-grid,body:has(#statsGrid) .stats{grid-template-columns:1fr!important}.page-head,.page-header,.reports-head,.settings-head{min-height:auto!important;flex-direction:column!important;align-items:stretch!important}.actions .btn,.head-actions .btn,.page-actions .btn{flex:1 1 auto!important}body:has(#productArea):not(.vb-mcart-ready) .cart-panel,body:has(#productArea):not(.vb-mcart-ready) .order-panel,body:has(#productArea):not(.vb-mcart-ready) .summary-panel{position:static!important}}body,html{max-width:100%}*,::after,::before{box-sizing:border-box}.card,.content-section,.dash-card,.dashboard-main,.invoice-card,.main-content,.metric-card,.mini-card,.modal-card,.modal-content,.page-content,.page-panel,.panel,.products-card,.settings-card,.stat-card,.summary-card,.table-card,.tool-card,.type-card,.vbd-card,.vbd-panel,.viya-main{min-width:0}.cards>*,.dash-grid>*,.filter-grid>*,.form-grid>*,.kpi-grid>*,.metrics>*,.modal-grid>*,.quick-link-grid>*,.quick-row>*,.role-cards>*,.settings-form-grid>*,.settings-grid>*,.stat-cards>*,.stats-grid>*,.summary-grid>*,.trip-grid>*,.type-grid>*,.vbd-cards>*,.vbd-stats>*{min-width:0}.filter-grid input,.filter-grid select,.filter-grid textarea,.form-grid input,.form-grid select,.form-grid textarea,.modal-grid input,.modal-grid select,.modal-grid textarea,.settings-form-grid input,.settings-form-grid select,.settings-form-grid textarea,.settings-grid input,.settings-grid select,.settings-grid textarea{max-width:100%;min-width:0}.panel:has(table),.report-table-wrap,.table-card,.table-scroll,.table-wrap,.table-wrapper,.td-table-wrap,.trip-invoices-wrapper,.vbd-table-wrap{max-width:100%;-webkit-overflow-scrolling:touch}canvas,img,svg{max-width:100%}.cart-item-thumb,.grid-pic,.line-thumb,.prod-img,.product-card-image,.product-image{min-width:0;overflow:hidden}.cart-item-thumb img,.grid-pic img,.line-thumb img,.prod-img img,.product-card-image img,.product-image img{object-fit:contain}.actions,.business-summary-actions,.head-actions,.modal-actions,.modal-footer,.page-actions,.phone-user-actions,.report-actions,.settings-modal-actions{min-width:0;flex-wrap:wrap}.act-btn,.btn,.icon-btn,.page-btn,.pay-method,.settings-link,.td-pg-btn,button{max-width:100%}.modal,.modal-card,.modal-content,.modal-inner,.settings-modal-card,.vb-modal,[role=dialog]:not(:where([class*=overlay])):not(:where(.settings-modal)):not(:where(.modal-bg)):not(:where(.modal-backdrop)){max-width:min(96vw,760px);max-height:min(92dvh,760px)}.modal-card,.modal-content,.modal-inner,.settings-modal-card{overflow:auto;overscroll-behavior:contain}.modal-head,.modal-header,.settings-modal-head,.vb-modal-header{position:sticky;top:0;z-index:3}.modal-actions,.modal-footer,.settings-modal-actions,.vb-modal-actions{position:sticky;bottom:0;z-index:3}.action-menu,.dd-menu,.dropdown-menu,.more-menu,.td-dd,[role=menu]{max-width:min(92vw,320px);max-height:min(70dvh,420px);overflow:auto;inset-inline:auto 0}html[dir=rtl] .action-menu,html[dir=rtl] .dd-menu,html[dir=rtl] .dropdown-menu,html[dir=rtl] .more-menu,html[dir=rtl] .td-dd,html[dir=rtl] [role=menu]{inset-inline:0 auto}.amount,.balance,.metric-card h2,.metric-card strong,.money,.stat-card .stat-value,.stat-card strong,.stats-grid .value,.stats-grid strong,.summary-grid .value,.summary-grid strong,.total,.type-card strong,.vbd-amt{max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:normal}@media (min-width:1200px){:root{--sidebar-width:var(--vb-sidebar-w, 260px)}.dashboard-main,.main-content,.viya-main{max-width:min(100%,1480px)}}@media (min-width:1024px){.page-topbar,.pos-header,.topbar,.vbd-topbar{position:sticky;top:0;z-index:50}}@media (min-width:768px) and (max-width:1180px){.kpi-grid,.metrics,.stat-cards,.stats-grid,.summary-grid,.vbd-cards,.vbd-stats,body:has(#statsGrid) .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.filter-grid,.form-grid,.modal-grid,.settings-form-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bottom-nav,.mobile-bottom-nav,.viya-bottom-nav{display:none}}@media (max-width:767px){.kpi-grid,.metrics,.stat-cards,.stats-grid,.summary-grid,body:has(#statsGrid) .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.metric-card,.stat-card,.summary-card,.type-card{min-height:88px;padding:12px}.metric-card h2,.metric-card strong,.stat-card .stat-value,.stat-card strong,.stats-grid .value,.stats-grid strong,.summary-grid .value,.summary-grid strong,.type-card strong{font-size:clamp(14px, 4.4vw, 20px);line-height:1.14}.dash-grid,.filter-grid,.form-grid,.modal-grid,.settings-form-grid,.settings-grid,.trip-grid{grid-template-columns:minmax(0,1fr)!important}.head,.page-head,.page-header,.reports-head,.settings-head,.topbar{min-width:0}.actions .btn,.head-actions .btn,.modal-actions .btn,.modal-footer .btn,.page-actions .btn,.settings-modal-actions .btn{flex:1 1 min(100%,150px);min-width:0}.modal,.vb-modal,[role=dialog]{padding-inline:10px}.modal-card,.modal-content,.modal-inner,.settings-modal-card{width:100%;max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}}@media (max-width:340px){.kpi-grid,.metrics,.stat-cards,.stats-grid,.summary-grid,.vbd-cards,.vbd-stats,body:has(#statsGrid) .stats{gap:8px!important}.metric-card,.stat-card,.summary-card,.type-card,.vbd-card{padding:10px}.metric-card h2,.metric-card strong,.stat-card .stat-value,.stat-card strong,.stats-grid .value,.stats-grid strong,.summary-grid .value,.summary-grid strong,.type-card strong,.vbd-amt{font-size:clamp(13px, 4.1vw, 17px)}}:root{--vb-btn-h:44px;--vb-btn-r:10px;--vb-btn-fs:14px;--vb-btn-fw:700;--vb-btn-gap:8px;--vb-btn-ic:20px;--vb-btn-pad:0 16px}.btn-danger,.btn-ghost,.btn-light,.btn-outline,.btn-outline-blue,.btn-outline-red,.btn-primary,.btn-secondary,.btn-success,.primary-button,.secondary-button,.vb-btn,/* 1 · Shape / font / layout — every variant, base `.btn` optional. */.btn,a.btn,button.btn{font-family:var(--ds-font)!important;font-size:var(--vb-btn-fs)!important;font-weight:var(--vb-btn-fw)!important;border-radius:var(--vb-btn-r)!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:var(--vb-btn-gap)!important;box-sizing:border-box!important;cursor:pointer;text-decoration:none!important;white-space:nowrap!important}:is(.btn,.btn-primary,.btn-secondary,.btn-light,.btn-outline,.btn-outline-blue,.btn-outline-red,.btn-ghost,.btn-danger,.btn-success,.primary-button,.secondary-button):not(.btn-sm):not(.btn-lg):not(.btn-icon):not(.btn-xs):not(.page-btn):not(.qty-btn):not(.row-btn):not(.row-del):not(.icon-btn):not(.act-btn):not(.td-tab):not(.cat):not(.pay-method):not(.chip):not(.tab):not(.seg-btn):not(.viya-page-back):not(.viya-back-btn):not(.vb-back-btn){height:var(--vb-btn-h)!important;min-height:var(--vb-btn-h)!important;padding:var(--vb-btn-pad)!important}:is(.btn,.btn-primary,.btn-secondary,.btn-light,.btn-outline,.btn-outline-blue,.btn-outline-red,.btn-ghost,.btn-danger,.btn-success,.primary-button,.secondary-button)>.ti,:is(.btn,.btn-primary,.btn-secondary,.btn-light,.btn-outline,.btn-outline-blue,.btn-outline-red,.btn-ghost,.btn-danger,.btn-success,.primary-button,.secondary-button)>.vi>svg,:is(.btn,.btn-primary,.btn-secondary,.btn-light,.btn-outline,.btn-outline-blue,.btn-outline-red,.btn-ghost,.btn-danger,.btn-success,.primary-button,.secondary-button)>i,:is(.btn,.btn-primary,.btn-secondary,.btn-light,.btn-outline,.btn-outline-blue,.btn-outline-red,.btn-ghost,.btn-danger,.btn-success,.primary-button,.secondary-button)>svg{width:var(--vb-btn-ic)!important;height:var(--vb-btn-ic)!important;font-size:var(--vb-btn-ic)!important;flex-shrink:0!important}:is(.btn,.btn-primary,.btn-secondary,.btn-light,.btn-outline,.btn-outline-blue,.btn-outline-red,.btn-ghost,.btn-danger,.btn-success,.primary-button,.secondary-button)>.vi{width:auto!important;height:auto!important;min-width:0!important;padding:0!important;margin:0!important;flex:0 0 auto!important}.btn-primary,.btn.primary,.primary-button{background:var(--color-primary)!important;border:1px solid var(--color-primary)!important;color:#fff!important}.btn-primary:hover:not(:disabled),.btn.primary:hover:not(:disabled),.primary-button:hover:not(:disabled){background:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!important}.btn-light,.btn-outline,.btn-secondary,.secondary-button{background:var(--color-surface)!important;border:1px solid var(--color-border)!important;color:var(--color-text)!important}.btn-light:hover:not(:disabled),.btn-outline:hover:not(:disabled),.btn-secondary:hover:not(:disabled),.secondary-button:hover:not(:disabled){background:rgba(24,95,165,.08)!important;border-color:var(--color-primary)!important}.btn-ghost{background:0 0!important;border:1px solid transparent!important;color:var(--color-muted)!important}.btn-ghost:hover:not(:disabled){background:rgba(100,116,139,.12)!important;color:var(--color-text)!important}.btn-danger,.danger-button{background:var(--color-danger)!important;border:1px solid var(--color-danger)!important;color:#fff!important}.btn-success,.success-button{background:var(--color-success)!important;border:1px solid var(--color-success)!important;color:#fff!important}.btn-danger:hover:not(:disabled),.btn-success:hover:not(:disabled){filter:brightness(.94)!important}.main-content input:disabled,.main-content input[readonly]:not([type=checkbox]):not([type=radio]),.main-content select:disabled,.main-content textarea:disabled{opacity:.6!important;cursor:not-allowed!important}.main-content input::placeholder,.main-content textarea::placeholder{color:var(--color-muted,#94a3b8)!important;opacity:1!important}.main-content input[type=checkbox]:not(.switch),.main-content input[type=radio]{accent-color:var(--color-primary,#185FA5)!important;width:16px;height:16px;cursor:pointer}.main-content input[type=checkbox]:not(.switch):focus-visible,.main-content input[type=radio]:focus-visible{outline:2px solid var(--color-primary,#185FA5);outline-offset:2px}.main-content input[type=date]::-webkit-calendar-picker-indicator,.main-content input[type=datetime-local]::-webkit-calendar-picker-indicator,.main-content input[type=month]::-webkit-calendar-picker-indicator,.main-content input[type=time]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}html.viya-dv .main-content input[type=date]::-webkit-calendar-picker-indicator,html.viya-dv .main-content input[type=datetime-local]::-webkit-calendar-picker-indicator,html[data-theme=dark] .main-content input[type=date]::-webkit-calendar-picker-indicator,html[data-theme=dark] .main-content input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.6);opacity:.75}.main-content input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not(.qty-val):not(.editable-price).is-invalid,.main-content input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not(.qty-val):not(.editable-price)[aria-invalid=true],.main-content select.is-invalid,.main-content select[aria-invalid=true],.main-content textarea.is-invalid,.main-content textarea[aria-invalid=true]{border-color:var(--color-danger,#dc2626)!important;box-shadow:0 0 0 3px rgba(200,50,50,.18)!important}.main-content input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not(.qty-val):not(.editable-price):user-invalid,.main-content select:user-invalid,.main-content textarea:user-invalid{border-color:var(--color-danger,#dc2626)!important;box-shadow:0 0 0 3px rgba(200,50,50,.18)!important}.main-content input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not(.qty-val):not(.editable-price).is-valid,.main-content select.is-valid,.main-content textarea.is-valid{border-color:var(--color-success,#16a34a)!important;box-shadow:0 0 0 3px rgba(22,163,74,.18)!important}.main-content .error-text,.main-content .field-error{color:var(--color-danger,#dc2626);font-size:12px;font-weight:600;margin-top:5px;display:block}:root{--vb-card-radius:16px}:is(.main-content,.main,.vbd-main,.app,.dashboard-shell) :is(.card,.panel,.info-card,.dashboard-card,.report-card,.insights-card,.form-card,.table-card,.note-card,.td-panel,.gas-summary-card,.stat-card,.metric-card,.kpi-card,.summary-card,.vbd-card,.trip-summary-card,.invoice-summary-card,.vb-kpi-card,.type-card){background:var(--color-surface)!important;border:1px solid var(--color-border)!important;border-radius:var(--vb-card-radius)!important;box-shadow:var(--shadow-card)!important;box-sizing:border-box!important}.vb-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;min-width:0;align-items:stretch}.vb-kpi-grid>*{min-width:0}.vb-kpi-card{position:relative;display:flex;flex-direction:column;min-width:0;box-sizing:border-box;overflow:hidden;padding:18px;min-height:118px;background:var(--color-surface,#fff);border:1px solid var(--color-border,#e6ecf5);border-radius:var(--vb-card-radius,16px);box-shadow:var(--shadow-card);transition:transform .18s ease,box-shadow .18s ease}.vb-kpi-card::before{content:'';position:absolute;inset:0 0 auto 0;height:3px;opacity:.9;z-index:1}.vb-kpi-card.k-blue::before{background:linear-gradient(90deg,#2c7bc9,#185fa5)}.vb-kpi-card.k-coral::before{background:linear-gradient(90deg,#ff8a6e,#ff6a4d)}.vb-kpi-card.k-dark::before{background:linear-gradient(90deg,#33507c,#0c1e3e)}.vb-kpi-card.k-green::before{background:linear-gradient(90deg,#34c98a,#0fae6e)}.vb-kpi-top{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.vb-kpi-label{min-width:0;margin:0;color:#8296af;font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vb-kpi-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}.vb-kpi-icon i,.vb-kpi-icon svg{width:20px;height:20px;font-size:20px}.vb-kpi-icon.k-blue{background:linear-gradient(145deg,#2c7bc9,#14538f);box-shadow:0 6px 14px -6px rgba(24,95,165,.7),inset 0 1px 0 rgba(255,255,255,.28)}.vb-kpi-icon.k-coral{background:linear-gradient(145deg,#ff8a6e,#f2542f);box-shadow:0 6px 14px -6px rgba(255,106,77,.7),inset 0 1px 0 rgba(255,255,255,.3)}.vb-kpi-icon.k-dark{background:linear-gradient(145deg,#2b4368,#0c1e3e);box-shadow:0 6px 14px -6px rgba(12,30,62,.6),inset 0 1px 0 rgba(255,255,255,.16)}.vb-kpi-icon.k-green{background:linear-gradient(145deg,#34c98a,#0b9a60);box-shadow:0 6px 14px -6px rgba(15,174,110,.65),inset 0 1px 0 rgba(255,255,255,.28)}.vb-kpi-value{display:flex;align-items:baseline;gap:4px;width:100%;min-width:0;margin-top:20px;color:#0c1e3e;font-size:20px;font-weight:800;letter-spacing:-.035em;line-height:1.05;white-space:nowrap;overflow:hidden;font-variant-numeric:tabular-nums}.vb-kpi-value .kpi-cur{flex:0 0 auto;font-size:.6em;font-weight:750;opacity:.6}.vb-kpi-value .vamt-full{min-width:0;overflow:hidden;text-overflow:ellipsis}.vb-kpi-value.neg{color:#f2542f}.vb-kpi-sub{margin-top:10px;color:#64748b;font-size:13px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html.viya-dv .vb-kpi-card .vb-kpi-value{color:#f1f6ff}html.viya-dv .vb-kpi-card .vb-kpi-label{color:#93a4c0}html.viya-dv .vb-kpi-card .vb-kpi-sub{color:#9fb1cb}@media (max-width:1024px){.vb-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (max-width:560px){.vb-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vb-kpi-card{padding:14px;min-height:0}.vb-kpi-icon{width:38px;height:38px;border-radius:11px}.vb-kpi-icon i,.vb-kpi-icon svg{width:18px;height:18px;font-size:18px}.vb-kpi-value{margin-top:14px;font-size:clamp(16px,4.5vw,20px)}.vb-kpi-label{font-size:11px}.vb-kpi-sub{margin-top:6px;font-size:12px}}.ti,.vi{vertical-align:middle!important;flex-shrink:0!important;line-height:1!important}.main-content :is(.btn,a,button,label,h1,h2,h3,h4,h5,.nav-link,.card-title,.section-title,li,td,th,.pill,.badge,.tab,.td-tab,.chip,.stat-icon,.metric-icon,.kpi-icon,.tdk-icon,.isc-ci,.vbd-ci,.sicon,.info-row,.list-item,.dd-item,.action-item)>svg{vertical-align:middle;flex-shrink:0}.main-content :is(.btn,a,button,label,.nav-link,.card-title,.section-title,li,td,th,.pill,.badge,.tab,.td-tab,.chip)>svg[stroke=currentColor]{stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.main-content :is(.btn,a,button,label,.nav-link,.card-title,li,td,th,.pill)>svg:not([width]):not([height]):not([class]){width:18px;height:18px}:root{--vb-btn-focus:0 0 0 3px rgba(24,95,165,.35)}.act-btn,.btn,.btn-danger,.btn-ghost,.btn-light,.btn-outline,.btn-outline-blue,.btn-outline-red,.btn-primary,.btn-secondary,.btn-success,.icon-btn,.primary-button,.row-btn,.save-btn,.secondary-button,.seg-btn,.send-btn,.td-row-btn,.unified-action-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}.act-btn:focus-visible,.btn-danger:focus-visible,.btn-ghost:focus-visible,.btn-light:focus-visible,.btn-outline:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-success:focus-visible,.btn:focus-visible,.icon-btn:focus-visible,.primary-button:focus-visible,.row-btn:focus-visible,.save-btn:focus-visible,.secondary-button:focus-visible,.seg-btn:focus-visible,.send-btn:focus-visible,.td-row-btn:focus-visible,.unified-action-btn:focus-visible{outline:0!important;box-shadow:var(--vb-btn-focus)!important}.act-btn,.row-btn,.seg-btn,.send-btn,.td-row-btn,.unified-action-btn{border-radius:10px!important;font-weight:700!important;font-family:var(--ds-font)!important;box-sizing:border-box!important}.act-btn>.ti,.act-btn>svg,.icon-btn>.ti,.icon-btn>svg,.row-btn>.ti,.row-btn>svg,.seg-btn>.ti,.seg-btn>svg,.send-btn>.ti,.send-btn>svg,.td-row-btn>.ti,.td-row-btn>svg,.unified-action-btn>.ti,.unified-action-btn>svg{width:16px!important;height:16px!important;font-size:16px!important;flex-shrink:0!important}.main table td,.main table th,.main-content table td,.main-content table th{font-variant-numeric:tabular-nums!important}.main-content table :is(td,th):is(.text-right,.right,.num,.amount,[data-label=Amount],[data-label=Value],[data-label=Total],[data-label=Paid],[data-label=Balance],[data-label=Price],[data-label=Qty],[data-label=Rate]){text-align:right!important}.main-content table :is(td,th):is(.center,.text-center,[data-label=Status],[data-label=Action],[data-label=Actions],[data-label=Send],[data-label=View],[data-label=Reject],[data-label=Approve]){text-align:center!important}.main-content table td:is([data-label=Action],[data-label=Actions],[data-label=Send],[data-label=View],[data-label=Reject],[data-label=Approve]){white-space:nowrap!important}.main-content table td:is([data-label=Action],[data-label=Actions],[data-label=Send]){vertical-align:middle!important}:root{--ds-btn-top:48px;--ds-btn-top-pad:18px}.head-actions>.btn:not(.btn-sm):not(.btn-lg):not(.btn-icon):not(.btn-xs):not(.page-btn):not(.qty-btn):not(.row-btn):not(.row-del):not(.icon-btn):not(.act-btn):not(.td-tab):not(.cat):not(.pay-method):not(.chip):not(.tab):not(.seg-btn):not(.viya-page-back):not(.viya-back-btn):not(.vb-back-btn):not(.fab),.head-actions>.viya-add-product-btn,.page-head .actions>.btn:not(.btn-sm):not(.btn-lg):not(.btn-icon):not(.btn-xs):not(.page-btn):not(.qty-btn):not(.row-btn):not(.row-del):not(.icon-btn):not(.act-btn):not(.td-tab):not(.cat):not(.pay-method):not(.chip):not(.tab):not(.seg-btn):not(.viya-page-back):not(.viya-back-btn):not(.vb-back-btn):not(.fab),.page-head .actions>.viya-add-product-btn,.page-head .head-actions>.btn:not(.btn-sm):not(.btn-lg):not(.btn-icon):not(.btn-xs):not(.page-btn):not(.qty-btn):not(.row-btn):not(.row-del):not(.icon-btn):not(.act-btn):not(.td-tab):not(.cat):not(.pay-method):not(.chip):not(.tab):not(.seg-btn):not(.viya-page-back):not(.viya-back-btn):not(.vb-back-btn):not(.fab),.page-head .head-actions>.viya-add-product-btn{min-height:var(--ds-btn-top)!important;max-height:var(--ds-btn-top)!important;padding:0 var(--ds-btn-top-pad)!important;border-radius:12px!important;box-sizing:border-box!important;font-size:14px!important;font-weight:650!important;line-height:1!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:auto!important;min-width:0!important;max-width:none!important;flex:0 0 auto!important}.head-actions>.btn>.ti,.head-actions>.btn>.vi,.head-actions>.btn>i,.head-actions>.btn>svg,.page-head .actions>.btn>.ti,.page-head .actions>.btn>.vi,.page-head .actions>.btn>i,.page-head .actions>.btn>svg,.page-head .head-actions>.btn>.ti,.page-head .head-actions>.btn>.vi,.page-head .head-actions>.btn>i,.page-head .head-actions>.btn>svg{width:auto!important;height:auto!important;min-width:0!important;padding:0!important;margin:0!important;flex:0 0 auto!important;font-size:17px!important;line-height:1!important}.head-actions>.btn>.vi>svg,.head-actions>.btn>svg,.page-head .actions>.btn>.vi>svg,.page-head .actions>.btn>svg,.page-head .head-actions>.btn>.vi>svg,.page-head .head-actions>.btn>svg{width:17px!important;height:17px!important;flex:0 0 auto!important;display:block!important}.head-actions>.btn>span,.page-head .actions>.btn>span,.page-head .head-actions>.btn>span{flex:0 0 auto!important;margin:0!important;padding:0!important}.head-actions,.page-head .actions,.page-head .head-actions{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex-wrap:wrap!important}.head-actions>.select,.head-actions>select,.page-head .actions>.select,.page-head .actions>input[type=date],.page-head .actions>select,.page-head .head-actions>.select,.page-head .head-actions>select{height:var(--ds-btn-top)!important;min-height:var(--ds-btn-top)!important;border-radius:12px!important;font-size:14px!important;box-sizing:border-box!important}@media (min-width:641px) and (max-width:1024px){:root{--ds-btn-top-pad:15px}.head-actions,.page-head .actions,.page-head .head-actions{gap:8px!important}}@media (max-width:640px){:root{--ds-btn-top-pad:14px}.head-actions,.page-head .actions,.page-head .head-actions{justify-content:flex-start!important;gap:8px!important}}.invoice-confirm-overlay,.vb-confirm-overlay,.vb-modal-overlay,.viya-confirm-overlay{background:rgba(15,23,42,.48)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.invoice-confirm-card,.vb-modal,.vb-modal-card,.viya-confirm-card{background:var(--color-surface)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-modal)!important;box-shadow:var(--shadow-popover)!important;box-sizing:border-box!important}.vb-modal-footer,.vb-modal-head,.vb-modal-header{padding:var(--space-4) var(--space-5)!important;border-color:var(--color-border)!important}.vb-modal-body{padding:var(--space-5)!important}.modal-title,.vb-modal-title,:is(.modal-header,.modal-head,.vb-modal-head,.vb-modal-header,.apv-modal-head) :is(h1,h2,h3){font-family:var(--ds-font)!important;font-size:17px!important;font-weight:800!important;color:var(--color-text)!important;line-height:1.25!important;letter-spacing:-.01em!important}body,html{max-width:100%!important;overflow-x:clip!important}body .dashboard-shell,body .main,body .main-content,body .viya-main,body [class*=page-content]{max-width:100%!important;overflow-x:clip!important}.main-content img{max-width:100%!important;height:auto}.main-content canvas,.main-content embed,.main-content iframe,.main-content object,.main-content video{max-width:100%!important}.main-content pre{max-width:100%!important;overflow-x:auto!important}.main-content :is(.table-wrap,.table-scroll,.report-table-wrap,.table-responsive,[class*=table-wrap]:not(.td-table-wrap),[class*=table-scroll]){max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}.main-content :is(div,section,td):has(> table):not(.panel):not(.card):not(.vbd-panel):not(.td-panel):not([class*=grid]):not([class*=head]):not([class*=body]){max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}#custComboPanel,#gasAddressDropdown,#statusMenu,.action-dropdown,.action-menu .action-dropdown,.business-options,.cust-combo-panel,.dd-menu,.dd-portal,.dropdown-menu,.filter-menu,.gas-house-list,.menu-portal,.more-menu,.status-menu,.td-row-menu,.vbd-dd-menu{z-index:1000000!important}#custComboPanel,#gasAddressDropdown,#statusMenu,.action-dropdown,.business-options,.cust-combo-panel,.dd-menu,.dropdown-menu,.filter-menu,.gas-house-list,.more-menu,.status-menu,.td-row-menu,.vbd-dd-menu{max-width:calc(100vw - 16px)!important;max-height:min(70vh,calc(100vh - 24px))!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.vb-file-upload{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 10px;border:1.5px solid var(--border,#e2e8f0);border-radius:10px;background:#fff;box-sizing:border-box;transition:border-color .15s ease}.vb-file-upload:focus-within{border-color:var(--primary,#185fa5)}.vb-file-upload-input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.vb-file-upload-btn{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;height:32px;padding:0 14px;background:var(--primary,#185fa5);color:#fff;border-radius:8px;font-size:13px;font-weight:750;cursor:pointer;user-select:none;transition:background .15s ease,transform .1s ease}.vb-file-upload-btn:hover{background:#14538f}.vb-file-upload-btn i{font-size:15px}.vb-file-upload-name{flex:1 1 auto;min-width:0;font-size:13px;font-weight:600;color:var(--muted,#64748b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vb-file-upload-name.has-file{color:var(--text,#0f172a)}html.viya-dv .vb-file-upload{background:#101a32;border-color:#22324f}html.viya-dv .vb-file-upload-name{color:#93a4c0}html.viya-dv .vb-file-upload-name.has-file{color:#e6edf7}@media (max-width:480px){.vb-file-upload-btn span{display:none}.vb-file-upload-btn{padding:0 10px}}.vb-inv-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px}.vb-inv-table col.vic-customer{width:26%!important}.vb-inv-table col.vic-island{width:90px!important}.vb-inv-table col.vic-number{width:130px!important}.vb-inv-table col.vic-date{width:100px!important}.vb-inv-table col.vic-total{width:100px!important}.vb-inv-table col.vic-paid{width:100px!important}.vb-inv-table col.vic-status{width:90px!important}.vb-inv-table col.vic-action{width:110px!important}.vb-inv-table col.vic-send{width:90px!important}.vb-inv-table thead tr{height:44px}.vb-inv-table thead th{font-size:12px;font-weight:750;color:var(--muted,#64748b);text-transform:uppercase;letter-spacing:.04em;padding:0 12px;border-bottom:1.5px solid var(--border,#e2e8f0);vertical-align:middle}.vb-inv-table tbody tr{height:56px!important;border-bottom:1px solid var(--border,#eef1f5)}.vb-inv-table tbody td{padding:0 12px;vertical-align:middle;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:768px) and (max-width:1180px){.vb-inv-table tbody tr{height:52px!important}}.vb-inv-table td.vic-customer,.vb-inv-table th.vic-customer{text-align:left}.vb-inv-table td.vic-island,.vb-inv-table th.vic-island{text-align:center}.vb-inv-table td.vic-number,.vb-inv-table th.vic-number{text-align:left}.vb-inv-table td.vic-date,.vb-inv-table th.vic-date{text-align:left}.vb-inv-table td.vic-paid,.vb-inv-table td.vic-total,.vb-inv-table th.vic-paid,.vb-inv-table th.vic-total{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.vb-inv-table td.vic-action,.vb-inv-table td.vic-send,.vb-inv-table td.vic-status,.vb-inv-table th.vic-action,.vb-inv-table th.vic-send,.vb-inv-table th.vic-status{text-align:center}.vb-inv-table td.vic-customer .vb-inv-cust-name{font-weight:700;color:var(--text,#0f172a)}.vb-inv-table td.vic-customer .vb-inv-cust-sub{font-size:11px;color:var(--muted,#64748b);font-weight:600}.vb-status-badge{display:inline-flex;align-items:center;justify-content:center;width:72px!important;height:28px!important;border-radius:8px;font-size:11.5px;font-weight:750;overflow:hidden;white-space:nowrap;text-overflow:clip}.vb-status-badge.vb-status-badge-sm{font-size:10px}.vb-status-paid{background:var(--bg-success,#eaf3de);color:var(--text-success,#27500a)}.vb-status-unpaid{background:var(--bg-danger,#fcebeb);color:var(--text-danger,#791f1f)}.vb-status-partial{background:var(--bg-warning,#faeeda);color:var(--text-warning,#633806)}.vb-status-overdue{background:#fee2e2;color:#991b1b}.vb-status-draft{background:#f1f5f9;color:#475569}.vb-inv-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:110px!important;height:40px!important;border-radius:8px;border:1.5px solid var(--border,#e2e8f0);background:#fff;color:var(--text,#0f172a);font-size:12.5px;font-weight:700;cursor:pointer}.vb-inv-action-btn:hover{background:var(--surface-1,#f8fafc)}.vb-inv-send-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:90px!important;height:40px!important;border-radius:8px;border:0;background:var(--primary,#185fa5);color:#fff;font-size:12.5px;font-weight:700;cursor:pointer}.vb-inv-send-btn:hover{background:#14538f}html.viya-dv .vb-inv-table thead th{border-bottom-color:#22324f}html.viya-dv .vb-inv-table tbody tr{border-bottom-color:#1c2842}html.viya-dv .vb-inv-table td.vic-customer .vb-inv-cust-name{color:#e6edf7}html.viya-dv .vb-inv-action-btn{background:#101a32;border-color:#22324f;color:#e6edf7}html.viya-dv .vb-inv-action-btn:hover{background:#16223d}@media (max-width:767px){.vb-inv-table,.vb-inv-table tbody,.vb-inv-table td,.vb-inv-table tr{display:block;width:auto!important}.vb-inv-table thead{display:none}.vb-inv-table tbody tr{height:auto;border:1px solid var(--border,#e2e8f0);border-radius:12px;padding:10px 12px;margin-bottom:10px}.vb-inv-table tbody td{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border,#f1f5f9);white-space:normal;text-align:right!important}.vb-inv-table tbody td:last-child{border-bottom:0}.vb-inv-table tbody td.vic-customer{text-align:left!important;justify-content:flex-start}.vb-inv-table tbody td::before{content:attr(data-label);font-size:11px;font-weight:750;color:var(--muted,#64748b);text-transform:uppercase;letter-spacing:.03em}.vb-inv-table tbody td.vic-customer::before{display:none}.vb-inv-action-btn,.vb-inv-send-btn,.vb-status-badge{width:auto;min-width:72px;padding:0 12px}}:is(.vb-kpi-grid,.vbd-cards,.stats-grid,.stat-cards,.summary-grid,.metrics,.kpi-grid){align-items:stretch!important}:is(.vb-kpi-card,.vbd-card,.stat-card,.metric-card,.summary-card,.kpi,.metrics > .metric){min-width:0!important;box-sizing:border-box!important}:is(.vb-kpi-label,.vbd-title,.stat-label,.metric-card h3,.summary-card > span,.kpi-title,.metrics > .metric h3){font-family:Inter,Arial,sans-serif!important;font-size:13px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:.04em!important;text-transform:uppercase!important}:is(.vb-kpi-value,.vb-kpi-number,.vbd-amt,.stat-value,.stat-card strong,.metric-card h2,.summary-card > strong,.kpi-value,.metrics > .metric h2){font-family:Inter,Arial,sans-serif!important;font-size:32px!important;line-height:1.05!important;font-weight:800!important;letter-spacing:0!important;font-variant-numeric:tabular-nums!important;direction:ltr!important;unicode-bidi:isolate!important;max-width:100%!important}:is(.vb-kpi-footer,.vb-kpi-sub,.vbd-trend,.stat-sub,.stat-foot,.metric-card p,.summary-card small,.kpi-sub,.metrics > .metric p){font-family:Inter,Arial,sans-serif!important;font-size:12px!important;line-height:1.25!important;font-weight:650!important;letter-spacing:0!important}:is(.vb-kpi-icon,.vbd-ci,.stat-icon,.metric-icon,.sum-icon,.sicon,.kpi-icon,.metrics > .metric .micon){width:44px!important;height:44px!important;min-width:44px!important;flex:0 0 44px!important;border-radius:13px!important}:is(.vb-kpi-icon,.vbd-ci,.stat-icon,.metric-icon,.sum-icon,.sicon,.kpi-icon,.metrics > .metric .micon) :is(i,svg){width:20px!important;height:20px!important;font-size:20px!important}@media (min-width:768px) and (max-width:1024px){:is(.vb-kpi-value,.vb-kpi-number,.vbd-amt,.stat-value,.stat-card strong,.metric-card h2,.summary-card > strong,.kpi-value,.metrics > .metric h2){font-size:28px!important}}@media (max-width:767px){:is(.vb-kpi-grid,.vbd-cards,.stats-grid,.stat-cards,.summary-grid,.metrics,.kpi-grid){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;box-sizing:border-box!important}:is(.vb-kpi-card,.vbd-card,.stat-card,.metric-card,.summary-card,.kpi,.metrics > .metric){min-height:118px!important;padding:12px!important;border-radius:16px!important;overflow:hidden!important}:is(.vb-kpi-label,.vbd-title,.stat-label,.metric-card h3,.summary-card > span,.kpi-title,.metrics > .metric h3){font-size:12px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}:is(.vb-kpi-value,.vb-kpi-number,.vbd-amt,.stat-value,.stat-card strong,.metric-card h2,.summary-card > strong,.kpi-value,.metrics > .metric h2){font-size:24px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important}:is(.vb-kpi-footer,.vb-kpi-sub,.vbd-trend,.stat-sub,.stat-foot,.metric-card p,.summary-card small,.kpi-sub,.metrics > .metric p){font-size:11px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}:is(.vb-kpi-icon,.vbd-ci,.stat-icon,.metric-icon,.sum-icon,.sicon,.kpi-icon,.metrics > .metric .micon){width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important;border-radius:11px!important}:is(.vb-kpi-icon,.vbd-ci,.stat-icon,.metric-icon,.sum-icon,.sicon,.kpi-icon,.metrics > .metric .micon) :is(i,svg){width:18px!important;height:18px!important;font-size:18px!important}}@media (max-width:359px){:is(.vb-kpi-card,.vbd-card,.stat-card,.metric-card,.summary-card,.kpi,.metrics > .metric){min-height:108px!important;padding:10px!important}:is(.vb-kpi-value,.vb-kpi-number,.vbd-amt,.stat-value,.stat-card strong,.metric-card h2,.summary-card > strong,.kpi-value,.metrics > .metric h2){font-size:21px!important}}@media (min-width:768px) and (max-width:1024px){body,html{overflow-x:hidden!important;overflow-x:clip!important}.dashboard-shell{display:block!important}body .main,body .main-content,body .viya-main{padding:18px max(18px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px))!important;min-width:0!important;overflow-x:hidden!important;background:var(--bg,#f4f6f9)!important}.page-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;flex-wrap:wrap!important;padding:0 0 16px!important}.page-h1,.page-head h1{font-size:22px!important}.actions,.filter-bar,.head-actions,.inv-filters,.page-actions,.toolbar,.tools,.vb-filter-bar{display:flex!important;flex-wrap:wrap!important;overflow-x:visible!important;gap:10px!important;width:auto!important}.bottom-grid,.card-grid,.cards-grid,.dashboard-grid,.kpi-grid,.metric-grid,.metrics,.mini-cards,.stat-cards,.stats,.stats-grid,.summary-cards,.summary-grid,.type-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important}.cards-grid>*,.kpi-grid>*,.metrics>*,.mini-cards>*,.stats-grid>*,.summary-cards>*,.summary-grid>*,.type-grid>*{height:100%!important;min-width:0!important}.main-content .vb-cardify,.main-content table{display:table!important;width:100%!important;min-width:0!important;table-layout:auto!important}.main-content .vb-cardify thead,.main-content table thead{display:table-header-group!important}.main-content .vb-cardify tbody,.main-content table tbody{display:table-row-group!important}.main-content .vb-cardify tr,.main-content table tr{display:table-row!important}.main-content .vb-cardify td,.main-content .vb-cardify th,.main-content table td,.main-content table th{display:table-cell!important;width:auto!important;text-align:inherit!important}.main-content .vb-cardify td::before,.main-content table td::before{content:none!important}.table-card,.table-shell,.table-wrap,.td-table-wrap,.trip-invoices-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;max-width:100%!important}.field-grid,.form-grid,.form-row,.grid-2,.modal-grid,.two-col{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 16px!important}.form-grid .full,.form-grid [style*="grid-column:1/-1"],.grid-2 .full,.modal-grid .full,.modal-grid [style*="grid-column:1/-1"]{grid-column:1/-1!important}.act-btn,.btn,.btn-ghost,.btn-primary,.btn-secondary,.btn-soft{height:42px!important;min-height:42px!important;padding:0 16px!important;font-size:14px!important}.btn-sm{height:36px!important;min-height:36px!important;padding:0 12px!important}.pos-main-grid{display:grid!important;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr)!important;gap:16px!important;align-items:start!important}.pos-main-grid .cart-panel{position:sticky!important;top:12px!important;max-height:calc(100vh - 90px)!important;max-height:calc(100dvh - 90px)!important;overflow:auto!important}.pos-main-grid .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.pos-main-grid .summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pay-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.pos-body{display:grid!important;grid-template-columns:minmax(0,1.7fr) minmax(300px,380px)!important;height:calc(100dvh - 52px)!important;min-height:0!important;overflow:hidden!important}.pos-body .cart-panel,.pos-body .order-panel{height:100%!important;max-height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-left:1px solid var(--border,#e2e8f0)!important}.cart-panel .cart-items,.cart-panel .cart-scroll,.order-panel .cart-scroll{overflow-y:auto!important;min-height:0!important}.cart-panel .auto-print-row,.cart-panel .cart-actions,.cart-panel .cart-totals,.cart-panel .pay-section,.order-panel .cart-totals,.order-panel .pay-section{flex:0 0 auto!important}.pos-body .product-grid,.product-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))!important;gap:10px!important}.btn-pdf,.btn-print{height:40px!important}.bottom-grid,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#cashFlowCard,#pnlCard,.chart-box,.chart-card,.chart-wrap,.insights{grid-column:1/-1!important;width:100%!important}#projectGrid,#tripGrid,.grid-cards,.project-grid,.trip-grid,.tripGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important}#projectGrid>*,#tripGrid>*,.project-grid>*,.trip-grid>*{height:100%!important}.modal-card,.modal-overlay>.modal,.modal.open{max-width:92vw!important}}@media (min-width:768px) and (max-width:1180px){.vbd-app .vbd-body .vbd-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;width:100%!important;align-items:stretch!important}.vbd-app .vbd-body .vbd-cards>.vbd-card{min-width:0!important;width:100%!important;max-width:none!important;height:100%!important;min-height:118px!important;padding:14px!important;border-radius:18px!important;overflow:hidden!important;box-sizing:border-box!important}.vbd-app .vbd-body .vbd-cards>.vbd-card .vbd-card-top{gap:8px!important;margin-bottom:8px!important}.vbd-app .vbd-body .vbd-cards>.vbd-card .vbd-card-top span:first-child{font-size:clamp(12px, 1.7vw, 16px)!important;line-height:1.2!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important}.vbd-app .vbd-body .vbd-cards>.vbd-card .vbd-amt{font-size:clamp(15px, 2vw, 22px)!important;line-height:1.15!important;white-space:nowrap!important;font-variant-numeric:tabular-nums!important;overflow:hidden!important;text-overflow:ellipsis!important}.vbd-app .vbd-body .vbd-cards>.vbd-card .vbd-trend{font-size:clamp(10px, 1.3vw, 12.5px)!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.vbd-app .vbd-body .vbd-cards>.vbd-card .vbd-ci{width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;flex:0 0 40px!important;border-radius:12px!important;font-size:19px!important}.vbd-app .vbd-body .vbd-cards>.vbd-card .vbd-ci i,.vbd-app .vbd-body .vbd-cards>.vbd-card .vbd-ci svg{width:19px!important;height:19px!important;font-size:19px!important}body.lang-dv .vbd-app .vbd-body .vbd-cards>.vbd-card .vbd-amt,html[lang=dv] .vbd-app .vbd-body .vbd-cards>.vbd-card .vbd-amt{font-size:clamp(15px, 2vw, 22px)!important}}@media (min-width:1181px){html body .vbd-body .vbd-cards .vbd-amt{font-size:clamp(20px, 1.6vw, 25px)!important;line-height:1.15!important;letter-spacing:-.02em!important}html body .vbd-body .vbd-cards .vbd-amt .kpi-cur,html body .vbd-body .vbd-cards .vbd-amt .vbd-cur{font-size:12px!important}html body .vbd-body .vbd-cards .vbd-card-top>span:first-child{font-size:15.5px!important;letter-spacing:.02em!important}html body .vbd-body .vbd-cards .vbd-trend{font-size:14.5px!important}}#paymentMethodRow,#paymentMethods,.pay-grid,.pay-method-row,.payment-grid,.payment-methods{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;width:100%!important;margin:8px 0!important;overflow:visible!important;box-sizing:border-box!important}.pay-btn,.pay-inv-btn,.pay-method,.pay-method-btn{width:auto!important;min-width:0!important;max-width:none!important;flex:initial!important;height:58px!important;min-height:58px!important;box-sizing:border-box!important;border-radius:12px!important;border:1.5px solid #e2e8f0!important;background:#fff!important;color:#475569!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:0 6px!important;font-size:12px!important;font-weight:600!important;line-height:1.15!important;white-space:nowrap!important;cursor:pointer!important;position:relative!important;transition:all .2s ease!important;box-shadow:none!important;text-align:center!important}.pay-btn>.ti,.pay-btn>i,.pay-inv-btn>span:first-child,.pay-method .pay-icon,.pay-method-btn .pay-icon{font-size:18px!important;width:18px!important;height:18px!important;line-height:1!important;margin:0!important}.pay-btn:hover,.pay-inv-btn:hover,.pay-method-btn:hover,.pay-method:hover{border-color:var(--primary,#185fa5)!important;color:var(--primary,#185fa5)!important;background:#f7faff!important}.pay-btn.active,.pay-btn.selected,.pay-inv-btn.active,.pay-method-btn.active,.pay-method.active{background:var(--primary,#185fa5)!important;border-color:var(--primary,#185fa5)!important;color:#fff!important;box-shadow:0 4px 12px rgba(24,95,165,.25)!important}.pay-btn.active *,.pay-btn.selected *,.pay-inv-btn.active *,.pay-method-btn.active *,.pay-method.active *{color:#fff!important}.pay-btn.active::after,.pay-btn.selected::after,.pay-inv-btn.active::after,.pay-method-btn.active::after,.pay-method.active::after{content:"\2713"!important;position:absolute!important;top:-6px!important;right:-6px!important;width:18px!important;height:18px!important;border-radius:50%!important;background:#16a34a!important;color:#fff!important;font-size:11px!important;font-weight:900!important;line-height:18px!important;text-align:center!important;border:2px solid #fff!important;box-shadow:0 1px 3px rgba(0,0,0,.25)!important}@media (max-width:1024px){.pay-btn,.pay-inv-btn,.pay-method,.pay-method-btn{width:auto!important;min-width:0!important;height:56px!important;min-height:56px!important;font-size:12px!important}}@media (max-width:560px){#paymentMethodRow,#paymentMethods,.pay-grid,.pay-method-row,.payment-grid,.payment-methods{grid-template-columns:repeat(2,1fr)!important;overflow:visible!important;gap:8px!important}.pay-btn,.pay-inv-btn,.pay-method,.pay-method-btn{width:auto!important;min-width:0!important;height:56px!important;min-height:56px!important}}.pos-body #paymentMethodRow,.pos-body #paymentMethods,.pos-body .pay-grid,.pos-body .pay-method-row,.pos-body .payment-grid,.pos-body .payment-methods{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;width:100%!important;overflow:visible!important;box-sizing:border-box!important}.pos-body .pay-btn,.pos-body .pay-inv-btn,.pos-body .pay-method,.pos-body .pay-method-btn{width:auto!important;min-width:0!important;flex:1 1 0!important;height:56px!important;min-height:56px!important;box-sizing:border-box!important;border-radius:12px!important;padding:0 8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;font-size:15px!important;font-weight:500!important;line-height:1.15!important;white-space:nowrap!important;overflow:visible!important}.pos-body .pay-inv-btn>span:first-child,.pos-body .pay-method .pay-icon,.pos-body .pay-method-btn .pay-icon{font-size:19px!important;width:19px!important;height:19px!important;line-height:1!important}@media (min-width:768px) and (max-width:1024px){.pos-body .pay-btn,.pos-body .pay-inv-btn,.pos-body .pay-method,.pos-body .pay-method-btn{height:52px!important;min-height:52px!important;font-size:14px!important;padding:0 6px!important}.pos-body .pay-inv-btn>span:first-child,.pos-body .pay-method .pay-icon,.pos-body .pay-method-btn .pay-icon{font-size:18px!important;width:18px!important;height:18px!important}}@media (max-width:767px){.pos-body #paymentMethodRow,.pos-body #paymentMethods,.pos-body .pay-grid,.pos-body .pay-method-row,.pos-body .payment-grid,.pos-body .payment-methods{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.pos-body .pay-btn,.pos-body .pay-inv-btn,.pos-body .pay-method,.pos-body .pay-method-btn{height:auto!important;min-height:0!important;flex:0 1 auto!important;padding:10px 6px!important;font-size:13px!important;gap:4px!important}.pos-body .pay-method .pay-icon,.pos-body .pay-method-btn .pay-icon{font-size:20px!important;width:20px!important;height:20px!important}}