:root{--mob-nav-h:64px;--mob-bg:#f5f7fa;--mob-card:#ffffff;--mob-border:#e8edf3;--mob-blue:#185FA5;--mob-text:#1a2b4b;--mob-muted:#6b7a99;--mob-red:#e63946;--mob-green:#2ec27e}/* ── Bottom navigation bar ── */.viya-mob-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--mob-nav-h);background:#fff;border-top:1px solid var(--mob-border);z-index:9999;box-shadow:0 -2px 12px rgba(0,0,0,.08)}.viya-mob-nav-inner{display:flex;align-items:stretch;height:100%;max-width:600px;margin:0 auto}.viya-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:none;background:0 0;cursor:pointer;padding:0;color:#8896b3;text-decoration:none;font-family:inherit;transition:color .15s;-webkit-tap-highlight-color:transparent}.viya-nav-item.active{color:var(--mob-blue)}.viya-nav-item:active{opacity:.7}.viya-nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.viya-nav-icon svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.viya-nav-label{font-size:10px;font-weight:600;letter-spacing:.01em;line-height:1}.viya-more-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:10000;opacity:0;transition:opacity .25s}.viya-more-overlay.open{display:block;opacity:1}.viya-more-sheet{position:fixed;bottom:0;left:0;right:0;background:#1a2540;border-radius:20px 20px 0 0;z-index:10001;padding:0 0 40px;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);max-height:85vh;overflow-y:auto}.viya-more-sheet.open{transform:translateY(0)}.viya-more-handle{width:36px;height:4px;background:rgba(255,255,255,.2);border-radius:99px;margin:12px auto 0}.viya-more-title{font-size:11px;font-weight:700;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.1em;padding:16px 24px 12px}.viya-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 20px 16px}.viya-more-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:rgba(255,255,255,.07);border-radius:16px;border:none;cursor:pointer;color:#fff;font-family:inherit;text-decoration:none;transition:background .15s;-webkit-tap-highlight-color:transparent}.viya-more-item:active{background:rgba(255,255,255,.14)}.viya-more-item-icon{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.viya-more-item-icon svg{width:22px;height:22px;stroke:#ffffff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.viya-more-item-label{font-size:12px;font-weight:600;color:#fff}.viya-more-signout{margin:8px 20px 0;width:calc(100% - 40px);height:52px;border:1.5px solid rgba(230,57,70,.5);border-radius:14px;background:rgba(230,57,70,.1);color:#ff6b75;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent}@media (max-width:768px){.viya-mob-nav{display:flex}body{padding-bottom:var(--mob-nav-h)!important}.sidebar{display:none!important}.dashboard-shell{grid-template-columns:1fr!important}.main-content{min-width:0!important;width:100%!important}}@media (min-width:768px) and (max-width:1024px){.viya-mob-nav{display:none!important}body{padding-bottom:0!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,.content,.content-wrapper,.dashboard-shell,.main,.main-content,.page,.page-container,.page-wrapper,.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}.card,.metric,.metric-card,.panel,.stat-card,.summary,.summary-card,.table-card,.vb-card,.vbd-card{max-width:100%!important;min-width:0!important}.category-tabs,.chip-row,.data-table-wrap,.items-card,.line-items-card,.table-container,.table-responsive,.table-wrap,.tabs,.td-table-wrap,.vbd-table-wrap{max-width:100%!important;min-width:0!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}.bottom-nav,.mobile-bottom-nav,.viya-mob-nav{max-width:100vw!important;left:0!important;right:0!important}}.viya-fab{display:none}:root{--bg:#eef2f7;--card:#fff;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--shadow:0 32px 80px rgba(15, 23, 42, 0.1);--primary:#185FA5;--primary-soft:#E8F2FC;--google:#f5f5f5;--ViyaBook-font:Inter,"SF Pro Display","Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif}/* ── Responsive flex containers (flex-wrappattern) ── */.vb-flex-wrap{display:flex;flex-wrap:wrap;gap:16px}.vb-flex-item{flex-grow:1;flex-basis:220px;min-width:0}.vb-flex-item-sm{flex-grow:1;flex-basis:140px;min-width:0}.vb-flex-item-lg{flex-grow:1;flex-basis:320px;min-width:0}.vb-stats-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.vb-stat-card{flex:1 1 180px;min-width:0}.vb-auto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.vb-auto-grid-sm{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.vb-auto-grid-lg{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}@font-face{font-family:'MV Waheed';src:url('../../fonts/MVWaheed.woff2') format('woff2'),url('../../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('../../fonts/MVWaheed.woff2') format('woff2');font-weight:400 900;font-display:swap}@font-face{font-family:'MV Boli';src:url('../../fonts/MVWaheed.woff2') format('woff2');font-weight:400 900;font-display:swap}@font-face{font-family:'Noto Sans Thaana';src:url('../../fonts/MVWaheed.woff2') format('woff2');font-weight:400 900;font-display:swap}*{box-sizing:border-box;font-family:var(--ViyaBook-font)}body{margin:0;min-height:100vh;min-height:100dvh;min-height:100svh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);font-family:var(--ViyaBook-font);background:radial-gradient(circle at top,rgba(24,95,165,.14),transparent 20%),linear-gradient(180deg,#f8fafc 0,#e2e8f0 100%);color:var(--text)}body,html{max-width:100%;overflow-x:hidden;overflow-x:clip}canvas,img,svg,video{max-width:100%}body.ViyaBook-dv,body.viya-dv,html[lang=dv],html[lang=dv] body{font-family:"MV Waheed",Inter,Arial,sans-serif!important}body.ViyaBook-dv button,body.ViyaBook-dv input,body.ViyaBook-dv select,body.ViyaBook-dv textarea,body.viya-dv button,body.viya-dv input,body.viya-dv select,body.viya-dv textarea,html[lang=dv] button,html[lang=dv] input,html[lang=dv] select,html[lang=dv] textarea{font-family:"MV Waheed",Inter,Arial,sans-serif!important}body.ViyaBook-dv [data-lang],body.viya-dv [data-lang],html[lang=dv] [data-lang]{font-family:"MV Waheed",Inter,Arial,sans-serif!important}.page-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:32px 16px}.login-panel{width:min(420px,100%);background:var(--card);border-radius:32px;padding:40px 32px;box-shadow:var(--shadow);border:1px solid rgba(148,163,184,.16)}.logo-wrap{display:grid;place-items:center;margin-bottom:28px}.brand-mark{width:88px;height:88px;border-radius:50%;background:linear-gradient(180deg,#eff8ff 0,#e0f2fe 100%);display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(15,23,42,.05)}.brand-mark svg{width:64px;height:64px}.hero-copy{text-align:center;margin-bottom:28px}.hero-copy h1{margin:0;font-size:2.1rem;letter-spacing:-.03em}.hero-copy p{margin:10px auto 0;color:var(--muted);font-size:1rem}.social-button{width:100%;border:1px solid var(--border);background:var(--google);color:var(--text);border-radius:12px;padding:14px 18px;font-size:.98rem;display:inline-flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.social-button:hover{box-shadow:0 14px 30px rgba(15,23,42,.08)}.google-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;font-weight:700}.divider{display:flex;align-items:center;gap:18px;margin:24px 0;color:var(--muted)}.divider::after,.divider::before{content:'';flex:1;height:1px;background:var(--border)}.login-form{display:grid;gap:20px}.field-group{display:grid;gap:10px}label{font-size:.95rem;color:var(--muted)}.input-box{display:flex;align-items:center;gap:12px;border:1px solid var(--border);background:#f8fafc;border-radius:12px;padding:12px 14px}.input-icon{font-size:1rem}input{width:100%;border:none;outline:0;background:0 0;color:var(--text);font-size:1rem}input::placeholder{color:#94a3b8}.error-message{min-height:18px;color:var(--danger);font-size:.88rem}.primary-button{width:100%;padding:16px 18px;border:none;border-radius:12px;background:var(--primary);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease}.primary-button:hover{background:#0b1b3b}.footer-row{margin-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:.95rem}a{color:var(--primary-soft);text-decoration:none}a:hover{text-decoration:underline}.page-panel{width:min(960px,100%);background:var(--card);border-radius:32px;padding:32px;box-shadow:var(--shadow);border:1px solid rgba(148,163,184,.16)}.page-header{display:grid;gap:16px;margin-bottom:32px}.page-header h1{margin:0;font-size:2rem;letter-spacing:-.03em}.page-header p{margin:0;color:var(--muted);font-size:1rem}.settings-form{display:grid;gap:24px}.horizontal-group,.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.field-group.full-width{grid-column:span 2}.business-settings{display:grid;gap:18px;padding:24px;border-radius:24px;background:rgba(15,23,42,.04);border:1px solid rgba(15,23,42,.08)}.business-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.business-tabs{display:flex;flex-wrap:wrap;gap:10px}.business-chip{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:var(--card);cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.business-chip.active{background:var(--primary-soft);color:#fff;border-color:transparent}.business-delete-button{width:26px;height:26px;border:none;border-radius:50%;background:rgba(15,23,42,.08);color:var(--text);cursor:pointer;display:inline-grid;place-items:center}.business-chip.active .business-delete-button{background:rgba(255,255,255,.18);color:#fff}.business-profile-card{display:grid;gap:20px;border-radius:24px;background:var(--card);border:1px solid rgba(15,23,42,.08);padding:24px}.profile-card-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.business-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.business-profile-grid .full-width{grid-column:span 2}.business-actions{display:flex;gap:12px;flex-wrap:wrap}.logo-preview,.logo-upload-preview{min-height:86px;border-radius:12px;border:1px solid rgba(15,23,42,.08);display:grid;place-items:center;padding:14px;background:#f8fafc}.logo-preview img,.logo-upload-preview img{max-width:100%;max-height:86px;object-fit:contain}.logo-placeholder{color:var(--muted)}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.6);display:grid;place-items:center;padding:24px;z-index:1000}.modal-overlay.hidden{display:none}.modal-card{width:min(640px,100%);background:var(--card);border-radius:28px;padding:28px;box-shadow:var(--shadow)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.modal-close{border:none;background:0 0;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:12px}.preferences-settings{display:grid;gap:18px;padding:24px;border-radius:24px;background:rgba(15,23,42,.04);border:1px solid rgba(15,23,42,.08)}.section-header{display:grid;gap:4px}.section-header h2{margin:0;font-size:1.25rem;color:var(--text)}.section-header p{margin:0;color:var(--muted);font-size:.95rem}.preferences-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.preference-group{display:grid;gap:12px}.preference-label{font-size:.95rem;color:var(--muted);font-weight:600}@media (max-width:860px){.business-profile-grid,.horizontal-group,.preferences-grid,.settings-grid{grid-template-columns:1fr}}.toggle-control{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.preview-card{background:rgba(15,23,42,.04);border-radius:24px;padding:24px;border:1px solid rgba(15,23,42,.08)}.preview-card p{margin:0;color:var(--muted);font-size:.95rem}.preview-card h2{margin:12px 0 0;font-size:1.8rem}.readonly-with-icon{position:relative}.readonly-with-icon .icon-button.small{background:rgba(15,23,42,.06);border:none;border-radius:14px;padding:10px 12px;cursor:pointer;color:var(--primary-soft);font-size:.95rem}.form-note{color:var(--muted);font-size:.92rem;margin-top:6px}.success-text{color:#15803d}@media (max-width:860px){.horizontal-group,.settings-grid{grid-template-columns:1fr}}@media (max-width:420px){.login-panel{padding:32px 22px}}.dashboard-shell{min-height:100vh;min-height:100dvh;display:flex;background:linear-gradient(180deg,#e7f1ff 0,#f7fbff 100%)}.sidebar{width:var(--vb-sidebar-w,280px);position:sticky;top:0;align-self:flex-start;height:100vh;height:100dvh;background:linear-gradient(180deg,#0c1e3e 0,#040e1e 100%);border-right:1px solid rgba(15,23,42,.08);padding:32px 24px;display:flex;flex-direction:column;box-shadow:0 48px 120px rgba(15,23,42,.06)}.sidebar-brand{display:flex;align-items:center;gap:16px;margin-bottom:24px}.sidebar-brand .brand-mark{width:56px;height:56px;box-shadow:inset 0 0 0 1px rgba(15,23,42,.05)}.sidebar-brand .brand-copy h2{margin:0;font-size:1.45rem;color:#0b1b3b}.sidebar-brand .brand-copy p{margin:6px 0 0;font-size:.95rem;color:var(--muted)}.business-switcher{position:relative;margin-bottom:28px}.business-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-radius:12px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.9);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);cursor:pointer;transition:transform .2s ease,border-color .2s ease}.business-trigger:hover{border-color:rgba(24,95,165,.2)}.business-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(24,95,165,.1);color:var(--primary);font-size:14px}.business-current{flex:1;text-align:left;font-weight:700;color:var(--text)}.business-arrow{font-size:12px;color:var(--muted)}.business-options{display:none;position:absolute;top:100%;left:0;right:0;margin-top:14px;background:rgba(255,255,255,.96);border:1px solid rgba(15,23,42,.08);border-radius:20px;box-shadow:0 24px 60px rgba(15,23,42,.14);list-style:none;padding:10px 0;z-index:20}.business-switcher.open .business-options{display:block}.business-option{padding:10px 12px;cursor:pointer;color:var(--text);transition:background .2s ease}.business-option:hover{background:rgba(24,95,165,.08)}.business-create{color:var(--primary);font-weight:700}.sidebar-nav{flex:1}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav li{margin-bottom:2px}.sidebar-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--muted);text-decoration:none;font-weight:600;transition:background .25s ease,color .25s ease,transform .25s ease}.sidebar-nav a:hover{background:rgba(24,95,165,.08);color:var(--primary)}.sidebar-nav a.active{background:linear-gradient(135deg,var(--primary) 0,#378add 100%);color:#fff}.sidebar-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:10px;background:rgba(24,95,165,.08)}.main-content{flex:1;padding:28px 32px;overflow-y:auto}.dashboard-topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px;flex-wrap:wrap;width:100%}.topbar-title{min-width:220px}.topbar-title h1{margin:0;font-size:2.2rem;color:var(--text);line-height:1.05}.topbar-title p{margin:8px 0 0;color:var(--muted);font-size:.98rem}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;min-width:min(100%,420px)}.search-box.compact-search{display:flex;align-items:center;gap:10px;height:48px;padding:0 14px;border-radius:14px;background:rgba(255,255,255,.92);border:1px solid rgba(15,23,42,.08);width:clamp(220px,24vw,360px);min-width:220px;max-width:360px}.search-box.compact-search input{width:100%;border:none;outline:0;font-size:.95rem;color:var(--text);background:0 0}.notification-button{position:relative;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.9);width:48px;height:48px;border-radius:14px;display:grid;place-items:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.notification-button:hover{box-shadow:0 14px 30px rgba(15,23,42,.1)}.notification-button .badge{position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:999px;background:var(--danger);color:#fff;font-size:.75rem;display:grid;place-items:center}.profile-menu-wrap{position:relative}.profile-button{border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.9);padding:0 16px;min-width:76px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.profile-button:hover{box-shadow:0 14px 30px rgba(15,23,42,.1)}.profile-button span{font-weight:700;color:var(--primary)}.profile-dropdown{display:none;position:absolute;right:0;top:calc(100% + 12px);width:200px;border-radius:12px;background:rgba(255,255,255,.98);border:1px solid rgba(15,23,42,.09);box-shadow:0 28px 60px rgba(15,23,42,.08);padding:12px;z-index:15}.profile-menu-wrap.open .profile-dropdown{display:block}.profile-dropdown a,.profile-dropdown button{display:block;width:100%;text-align:left;padding:12px 14px;border-radius:14px;background:0 0;border:none;color:var(--text);font-size:.95rem;cursor:pointer;transition:background .2s ease}.profile-dropdown a:hover,.profile-dropdown button:hover{background:rgba(24,95,165,.08)}.header-actions .primary-button,.header-actions .secondary-button{width:auto;min-height:48px;padding:0 16px;border-radius:14px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto}.header-actions .primary-button{min-width:max-content}.header-actions .secondary-button{background:rgba(255,255,255,.72)}.content-section{display:grid;gap:20px}.trip-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.trip-card{display:block;background:rgba(255,255,255,.96);border:1px solid rgba(15,23,42,.08);border-radius:24px;padding:20px;color:inherit;text-decoration:none;box-shadow:0 24px 60px rgba(15,23,42,.05);transition:transform .2s ease,border-color .2s ease}.trip-card:hover{border-color:rgba(24,95,165,.15)}.trip-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap;margin-bottom:20px}.trip-title-wrap{display:flex;gap:16px;align-items:flex-start}.trip-icon{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;background:rgba(24,95,165,.1);color:var(--primary);font-weight:700;font-size:.95rem}.trip-title{margin:0;font-size:1.15rem;color:var(--text)}.trip-meta{margin:8px 0 0;color:var(--muted);font-size:.93rem;line-height:1.4}.trip-status-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.status-pill{padding:8px 14px;border-radius:999px;background:rgba(34,197,94,.14);color:#1f7a2d;font-size:.78rem;font-weight:700;letter-spacing:.01em;text-transform:uppercase}.trip-arrow{color:var(--primary);font-size:1.4rem}.trip-metrics{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:14px}.metric-card{background:rgba(247,250,255,.9);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:6px}.metric-card span{color:var(--muted);font-size:.82rem}.metric-card strong{font-size:1rem;color:var(--text)}.metric-card p{margin:0;color:var(--muted);font-size:.82rem}.metric-blue strong{color:var(--primary)}.metric-orange strong{color:#ea580c}.metric-green strong{color:var(--success)}.unpaid-row{margin-top:16px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px;border-radius:12px;background:rgba(254,242,242,.85);border:1px solid rgba(239,68,68,.12);color:#b91c1c}.unpaid-row span{font-weight:700}.delete-btn{border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.95);border-radius:14px;padding:10px 12px;color:var(--text);cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.delete-btn:hover{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.08);color:#b91c1c}.empty-state{padding:40px 20px;border-radius:20px;background:rgba(255,255,255,.95);text-align:center;color:var(--muted);font-size:.98rem}.stats-grid.premium-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.stat-card{display:grid;gap:18px;padding:20px;border-radius:20px;background:rgba(255,255,255,.8);border:1px solid rgba(15,23,42,.08);box-shadow:0 28px 70px rgba(15,23,42,.08)}a.stat-card,a.stat-card:hover{color:inherit;text-decoration:none}a.stat-card{cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}a.stat-card:hover{border-color:rgba(24,95,165,.18);box-shadow:0 32px 80px rgba(15,23,42,.12)}.stat-card-title{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.stat-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;font-size:1.25rem}.stat-blue{background:rgba(59,130,246,.12);color:var(--primary)}.stat-teal{background:rgba(20,184,166,.16);color:#0f766e}.stat-green{background:rgba(34,197,94,.14);color:#15803d}.stat-orange{background:rgba(245,158,11,.14);color:#d97706}.stat-purple{background:rgba(24,95,165,.14);color:var(--primary)}.stat-pink{background:rgba(219,39,119,.14);color:#be185d}.stat-card span{display:block;color:var(--muted);font-size:.92rem;margin-bottom:6px}.stat-card h3{margin:0;font-size:1.8rem;color:var(--text)}.stat-trend{margin:0;color:var(--primary);font-size:.92rem}.quick-actions{margin-bottom:32px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-heading h2{margin:0;font-size:1.5rem;color:var(--text)}.secondary-button{border:1px solid rgba(15,23,42,.12);background:0 0;padding:12px 18px;border-radius:14px;color:var(--primary);cursor:pointer;transition:background .2s ease,transform .2s ease}.secondary-button:hover{background:rgba(24,95,165,.08)}.modern-actions{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.action-card{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;border-radius:12px;border:1px solid transparent;color:#fff;min-height:108px;transition:transform .25s ease,box-shadow .25s ease;text-decoration:none}.action-left{display:flex;align-items:center;gap:14px}.action-card span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.2);font-size:1.1rem}.action-card strong{display:block;margin-bottom:6px;font-size:1rem}.action-card p{margin:0;font-size:.88rem;color:rgba(255,255,255,.95)}.action-arrow{font-size:1.3rem;opacity:.9}.action-purple{background:linear-gradient(135deg,var(--primary),var(--primary))}.action-teal{background:linear-gradient(135deg,#0f766e,#14b8a6)}.action-blue{background:linear-gradient(135deg,#0f6dff,#38bdf8)}.action-green{background:linear-gradient(135deg,#15803d,#4ade80)}.action-card:hover{box-shadow:0 20px 50px rgba(15,23,42,.16)}.tables-row{display:grid;grid-template-columns:2fr 1fr;gap:24px}.table-card{background:rgba(255,255,255,.96);border-radius:24px;padding:24px;border:1px solid rgba(15,23,42,.08);box-shadow:0 32px 70px rgba(15,23,42,.08)}.table-card.table-large .table-row{grid-template-columns:1.1fr 1.6fr 1.6fr 1fr 1fr 1fr auto}.table-card.table-medium .table-row{grid-template-columns:1fr 1.7fr 1fr 1fr 1fr}.table-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.table-header h2{margin:0;font-size:1.25rem}.table-header p{margin:4px 0 0;color:var(--muted);font-size:.95rem}.table-row{display:grid;gap:16px;align-items:center;padding:14px 0;border-top:1px solid rgba(15,23,42,.06)}.table-row.header-row{border-top:none;color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.table-row:not(.header-row):hover{background:rgba(24,95,165,.05)}.table-row button,.table-row span{color:var(--text);font-size:.95rem}.status{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;font-size:.8rem;font-weight:700;text-transform:uppercase}.status.paid{background:#d1fae5;color:#057a55}.status.due{background:#fef3c7;color:#b45309}.status.overdue{background:#fee2e2;color:#b91c1c}.row-action{border:1px solid rgba(15,23,42,.12);background:0 0;color:var(--primary);border-radius:14px;padding:10px 14px;cursor:pointer;text-align:center;text-decoration:none;transition:background .2s ease,transform .2s ease}.row-action:hover{background:rgba(24,95,165,.08)}@media (max-width:1180px){.stats-grid.premium-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.tables-row{grid-template-columns:1fr}}.hamburger-toggle{display:none;position:fixed;top:16px;left:16px;width:44px;height:44px;border:1px solid rgba(15,23,42,.12);background:rgba(255,255,255,.95);border-radius:12px;cursor:pointer;z-index:1001;flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:background .3s ease,transform .3s ease}.hamburger-toggle:hover{background:rgba(255,255,255,.98)}.hamburger-toggle span{display:block;width:22px;height:2px;background:var(--primary);border-radius:1px;transition:all .3s ease}.hamburger-toggle.active span:first-child{transform:rotate(45deg) translate(8px,8px)}.hamburger-toggle.active span:nth-child(2){opacity:0}.hamburger-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:999;animation:fadeIn .3s ease}.sidebar-overlay.active{display:block}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media (max-width:768px){.dashboard-shell{flex-direction:column}.hamburger-toggle{display:flex}.sidebar{position:fixed;left:0;top:0;width:280px;height:100vh;height:100dvh;z-index:1000;transform:translateX(-100%);transition:transform .3s ease;box-shadow:4px 0 12px rgba(15,23,42,.15);border-right:1px solid rgba(15,23,42,.08);overflow-y:auto}.sidebar.active{transform:translateX(0)}.sidebar{padding:20px 16px}.main-content{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));margin-top:12px}.dashboard-topbar{align-items:flex-start;flex-wrap:wrap;margin-top:36px}.topbar-title h1{font-size:1.75rem}.topbar-title p{font-size:.9rem}.header-actions{width:100%;justify-content:flex-start;order:10}.search-box.compact-search{width:100%;min-width:unset;max-width:unset;margin-top:12px}.header-actions .notification-button,.header-actions .primary-button,.header-actions .profile-button,.header-actions .secondary-button{min-width:48px;flex:0 0 auto}.modern-actions,.stats-grid.premium-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.table-wrapper{overflow-x:auto;border-radius:12px;box-shadow:0 1px 3px rgba(15,23,42,.1)}table{min-width:100%}.form-grid,.horizontal-group,.preferences-grid,.settings-grid{grid-template-columns:1fr}.field-group.full-width{grid-column:1}.card{margin-bottom:12px}}@media (max-width:480px){body{font-size:14px}.page-shell{padding:16px 12px}.login-panel{padding:28px 20px;border-radius:20px}.hero-copy h1{font-size:1.75rem}.hero-copy p{font-size:.9rem}.dashboard-topbar{gap:12px}.topbar-title h1{font-size:1.5rem;line-height:1.2}.topbar-title p{font-size:.85rem;margin-top:6px}.sidebar{width:250px}.sidebar-brand .brand-mark{width:48px;height:48px}.sidebar-brand .brand-copy h2{font-size:1.2rem}.sidebar-brand .brand-copy p{font-size:.85rem}.sidebar-nav a{padding:12px 14px;font-size:.9rem}.main-content{padding:12px}.btn,.primary-button,.secondary-button,button{min-height:44px;padding:12px 16px}.notification-button,.profile-button{width:44px;height:44px}.input-box,input,select,textarea{min-height:44px}.search-box.compact-search{height:44px}.stats-grid,.stats-grid.premium-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{padding:12px;gap:10px}.stat-icon{width:38px;height:38px;font-size:1rem}.stat-card h3{font-size:1.2rem}.modern-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.action-card{padding:12px;min-height:90px;gap:8px}.action-card p{display:none}.action-card strong{font-size:.9rem}.modal-card{width:100%;margin:16px}.page-panel{padding:16px;border-radius:20px}.table-mobile-card{display:flex;flex-direction:column;background:rgba(255,255,255,.92);border:1px solid rgba(15,23,42,.08);border-radius:12px;padding:12px;margin-bottom:12px;gap:8px}.table-mobile-card::before{content:attr(data-label);font-weight:700;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.list-grid{grid-template-columns:1fr}h1{font-size:clamp(1.3rem, 5vw, 2.2rem)}h2{font-size:clamp(1.1rem, 4vw, 1.8rem)}h3{font-size:clamp(1rem, 3vw, 1.4rem)}p{font-size:clamp(.85rem, 2vw, 1rem)}}@media (max-width:320px){.page-shell{padding:12px 8px}.login-panel{padding:20px 16px}.hero-copy h1{font-size:1.4rem}.topbar-title h1{font-size:1.25rem}.sidebar{width:220px}.header-actions{gap:6px}.search-box.compact-search{display:none}.stats-grid{gap:8px}input,select,textarea{font-size:16px}}body,html{font-size:13px!important}body,input,select,textarea{font-size:13px!important}.btn,.cat-btn,.filter-btn,.pos-btn,.primary-action,.primary-btn,.primary-button,.save-bill,.save-btn,.secondary-action,.secondary-button,.small-btn,.tab,.tab-pill,.view-btn,.view-register,.wave-btn,button{font-size:13px!important;font-weight:700!important}.customer-head h1,.page h1,.page-header h1,.register-title h1,.sales-head h1,.settings-title h1,.top h1,.topbar-title h1,h1{font-size:clamp(24px, 2.4vw, 28px)!important;line-height:1.18!important;letter-spacing:0!important}.modal-head h2,.panel-head h2,.register-card-head h2,h2{font-size:clamp(18px, 1.9vw, 22px)!important;line-height:1.25!important}.card h3,.plan-card h3,.role-card h3,.summary-card h3,h3{font-size:16px!important;line-height:1.25!important}.customer-head p,.page-header p,.panel-head p,.settings-title p,.sub,.subtitle,.topbar-title p,p{font-size:13px!important}.pos-table,.settings-table,.table-modern,table{font-size:12px!important}.pos-table th,.settings-table th,.table-modern th,.table-row.header-row,th{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.04em!important;font-weight:800!important}.pos-table td,.settings-table td,.table-modern td,.table-row button,.table-row span,td{font-size:12px!important}.customer-search,.customer-search-row input,.field input,.field select,.field textarea,.input-box,.product-search,.search-box,.select-box,input,select,textarea{font-size:13px!important}.sidebar-nav a,.viya-sidebar-nav a,body .nav a{font-size:13px!important;font-weight:700!important}.dashboard-content,.main-content,.page-content,.viya-main{padding-top:22px!important;padding-bottom:22px!important}.customer-head,.dashboard-topbar,.header,.page-header,.sales-head,.top,.top-row{min-height:56px!important;margin-bottom:18px!important}.action-card,.card,.expense-card,.invoice-card,.kpi-card,.plan-card,.product-area,.report-card,.role-card,.settings-card,.stat-card,.summary-card,.table-card,.table-shell,.tool-card,.toolbar{padding:16px!important}.settings-panel{padding:24px!important}.settings-menu{padding:14px!important;gap:12px!important}.business-meta,.export-grid,.kpi-grid,.plans-grid,.role-grid,.settings-grid,.stats-grid,.stats-grid.premium-stats,.subscription-meta,.summary-grid{gap:14px!important}.balance-row strong,.kpi-card strong,.metric-card strong,.stat-card h3,.summary-card strong,.total-row{font-size:clamp(22px, 2vw, 26px)!important}.project-card,.trip-card{padding:20px!important}.project-title,.trip-title{font-size:18px!important}.project-meta,.trip-meta{font-size:12px!important}.metric-card{min-height:118px!important;padding:16px!important}.metric-card p,.metric-card span{font-size:12px!important}@media (max-width:480px){input,select,textarea{font-size:16px!important}.customer-head h1,.page-header h1,.register-title h1,.sales-head h1,.settings-title h1,.topbar-title h1,h1{font-size:24px!important}}.vb-login-shell{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,0.95fr);gap:54px;padding:44px 54px;background:radial-gradient(circle at 45% 0,rgba(187,220,255,.55),transparent 22%),linear-gradient(135deg,#f1f7ff 0,var(--card) 52%,#eef6ff 100%);color:var(--text);overflow:hidden}.vb-login-marketing{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:22px;position:relative}.vb-login-logo{width:270px;max-width:72vw;height:auto;margin-bottom:26px}.vb-smart-pill{width:max-content;max-width:100%;border-radius:12px;background:#ddecff;color:#095de8;padding:10px 16px;font-weight:900}.vb-login-marketing h1{margin:0;max-width:650px;font-size:clamp(2.6rem, 5vw, 4.6rem);line-height:1.05;letter-spacing:0;color:#07133d}.vb-login-marketing h1 span{color:#105dea}.vb-login-marketing p{max-width:480px;margin:0;color:#263858;font-size:1.18rem;line-height:1.55;font-weight:650}.vb-device-scene{position:relative;min-height:310px;margin-top:18px}.vb-laptop-mock{position:absolute;left:170px;bottom:18px;width:min(520px,70vw);height:280px;border:10px solid var(--text);border-radius:12px 18px 10px 10px;background:var(--card);box-shadow:0 28px 70px rgba(7,21,47,.22);padding:22px}.vb-laptop-bar{display:flex;gap:10px;margin-bottom:22px}.vb-laptop-bar span{width:90px;height:42px;border-radius:12px;background:linear-gradient(135deg,#edf5ff,#e9f8f3)}.vb-chart-lines{height:110px;border-radius:14px;background:linear-gradient(135deg,transparent 47%,rgba(22,105,242,.9) 48%,rgba(22,105,242,.9) 51%,transparent 52%),linear-gradient(22deg,transparent 48%,rgba(255,80,80,.85) 49%,rgba(255,80,80,.85) 51%,transparent 52%),repeating-linear-gradient(0deg,#fff 0 26px,#edf2f8 27px);border:1px solid #e5edf7}.vb-dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.vb-dashboard-grid span{height:42px;border-radius:12px;background:#eff6ff}.vb-phone-mock{position:absolute;left:34px;bottom:0;width:150px;height:270px;border:8px solid var(--text);border-radius:28px;background:var(--card);z-index:2;padding:28px 12px 12px;box-shadow:0 24px 52px rgba(7,21,47,.24)}.vb-phone-top{position:absolute;top:8px;left:50%;width:48px;height:6px;transform:translateX(-50%);border-radius:999px;background:var(--text)}.vb-phone-mock strong{display:block;font-size:.78rem;margin-bottom:10px}.vb-mini-card{display:block;border-radius:12px;padding:10px;margin-top:9px;font-size:.68rem;font-weight:900;color:var(--text)}.vb-mini-card.green{background:#e9f9ef}.vb-mini-card.orange{background:#fff0e3}.vb-mini-card.blue{background:#e5f1ff}.vb-floating-card{position:absolute;left:min(560px,70vw);bottom:10px;width:170px;height:118px;border-radius:16px;background:rgba(255,255,255,.92);border:1px solid #dfe9f7;box-shadow:0 20px 48px rgba(7,21,47,.14);display:flex;align-items:end;gap:10px;padding:18px}.vb-floating-card span{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#88bdff,var(--primary))}.vb-floating-card span:first-child{height:42px}.vb-floating-card span:nth-child(2){height:66px}.vb-floating-card span:nth-child(3){height:84px}.vb-floating-card span:nth-child(4){height:102px}.vb-paper-plane{position:absolute;right:140px;top:18px;color:var(--primary);font-size:4rem;transform:rotate(-18deg);opacity:.75}.vb-feature-badges{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:18px;padding-top:28px;border-top:1px solid #dbe7f5}.vb-feature-badges span{min-height:48px;display:inline-flex;align-items:center;gap:10px;color:#334465;font-weight:800}.vb-feature-badges span::before{content:"";width:42px;height:42px;border-radius:12px;background:#e6f0ff;box-shadow:inset 0 0 0 1px #d7e7ff}.vb-login-card{align-self:center;width:min(680px,100%);justify-self:center;background:rgba(255,255,255,.94);border:1px solid #dce7f5;border-radius:28px;padding:clamp(30px,5vw,70px);box-shadow:0 34px 90px rgba(7,21,47,.14);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.vb-card-logo{display:block;width:190px;max-width:70%;margin:0 auto 18px}.vb-login-card .hero-copy{margin-bottom:34px}.vb-login-card .hero-copy h1{font-size:2.15rem;color:#07133d}.vb-login-card .hero-copy p{font-size:1.15rem}.vb-login-card .social-button{min-height:64px;border-radius:14px;background:var(--card);font-weight:900;color:#07133d}.vb-login-card .input-box{min-height:64px;border-radius:14px;background:var(--card)}.vb-login-card .input-icon{color:var(--muted);font-size:1.25rem}.vb-login-card .primary-button{min-height:64px;border-radius:14px;background:linear-gradient(135deg,#095cff,#2278ff);box-shadow:0 18px 34px rgba(22,105,242,.28)}.vb-login-options{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;color:#334465;font-weight:750}.vb-remember{display:inline-flex;align-items:center;gap:10px;color:#334465}.vb-remember input{width:22px;height:22px;accent-color:var(--primary)}.vb-login-card .footer-row{justify-content:center;margin-top:26px}.vb-secure-note{margin-top:40px;padding-top:26px;border-top:1px solid var(--border);color:#53657f;font-weight:800;text-align:center}@media (max-width:1100px){.vb-login-shell{grid-template-columns:1fr;padding:28px}.vb-login-marketing{text-align:center;align-items:center}.vb-device-scene{width:min(760px,100%)}.vb-feature-badges{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}}@media (max-width:640px){.vb-login-shell{padding:18px}.vb-device-scene{display:none}.vb-feature-badges{grid-template-columns:1fr;gap:8px}.vb-login-card{padding:24px 18px;border-radius:22px}.vb-login-options{align-items:flex-start;flex-direction:column}}:root{--vb-navy:#0C1E3E;--vb-navy-soft:#0b2548;--vb-blue:var(--primary);--vb-blue-dark:var(--primary-dark);--vb-bg:var(--bg);--vb-card:var(--card);--vb-text:var(--text);--vb-muted:var(--muted);--vb-border:#dfe7f2;--vb-shadow:0 14px 38px rgba(7, 21, 47, 0.08)}body{background:var(--vb-bg)!important;color:var(--vb-text)!important}.dashboard-content,.main-content,.page-content,.viya-main{background:var(--vb-bg)!important}.content-section,.customer-page,.dashboard-wrap,.expense-page,.invoice-page,.page,.products-page,.projects-page,.reports-page,.sales-page,.settings-page,.staffs-page,.trips-page{max-width:none!important}.customer-head,.dashboard-topbar,.header,.page-header,.panel-head,.settings-title,.top,.top-row{background:0 0!important;border:0!important}.customer-head,.dashboard-topbar,.header,.page-header,.top,.top-row{min-height:78px;margin-bottom:28px!important}.customer-head h1,.page-header h1,.settings-title h1,.topbar-title h1,h1{color:var(--vb-text)!important;letter-spacing:0!important;font-weight:900!important}.customer-head p,.page-header p,.panel-head p,.settings-title p,.sub,.subtitle,.topbar-title p{color:var(--vb-muted)!important;font-weight:650!important}.add-project-btn,.add-trip-btn,.btn.primary,.modal-save,.primary,.primary-action,.primary-button,.project-modal-save,.trip-modal-save,.wave-primary,a.primary-button,button[onclick*=Add],button[onclick*=openAdd]{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%)!important;color:var(--card)!important;border:0!important;border-radius:12px!important;box-shadow:0 14px 28px rgba(22,105,242,.24)!important}.add-year-btn,.btn.secondary,.delete-year-btn,.filter-btn,.secondary,.secondary-action,.secondary-button,.tab,.tab-pill,.view-btn,.wave-secondary,input,select,textarea{border-color:var(--vb-border)!important}.add-year-btn,.btn.secondary,.secondary,.secondary-action,.secondary-button,.tab,.tab-pill,.view-btn,.wave-secondary{background:var(--card)!important;color:#125bcf!important;border-radius:12px!important}.action-card,.card,.empty-state,.expense-card,.invoice-card,.kpi-card,.month-section,.plan-card,.product-area,.project-card,.report-card,.role-card,.settings-card,.settings-menu,.settings-panel,.stat-card,.summary-card,.table-card,.table-shell,.tool-card,.toolbar,.trip-card,.year-section{background:var(--vb-card)!important;border:1px solid var(--vb-border)!important;border-radius:12px!important;box-shadow:var(--vb-shadow)!important}.month-section,.year-section{overflow:hidden!important}.month-header,.year-header{background:var(--card)!important;border-color:var(--vb-border)!important}.month-content,.year-content{background:var(--card)!important}.project-card,.trip-card{padding:28px!important;border-radius:12px!important;box-shadow:0 16px 44px rgba(7,21,47,.08)!important}.project-card-top,.trip-card-top{padding-bottom:22px!important;border-bottom:1px solid #eef2f7!important;margin-bottom:22px!important}.project-icon,.trip-icon{width:68px!important;height:68px!important;border-radius:14px!important;background:linear-gradient(135deg,#eef6ff 0,#d9eaff 100%)!important;color:#1766d9!important;font-size:1.05rem!important;font-weight:900!important}.project-title,.trip-title{font-size:1.45rem!important;font-weight:900!important;color:var(--vb-text)!important}.project-meta,.trip-meta{color:#4d5a70!important;font-size:1rem!important}.project-metrics,.trip-metrics{grid-template-columns:repeat(4,minmax(150px,1fr))!important;gap:20px!important}.metric-card{min-height:150px!important;border:0!important;border-radius:16px!important;padding:24px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)!important}.metric-blue{background:linear-gradient(135deg,#edf5ff 0,#f6f9ff 100%)!important}.metric-green{background:linear-gradient(135deg,#eafbf4 0,#f3fbf8 100%)!important}.metric-orange{background:linear-gradient(135deg,#fff3e7 0,#fff9f2 100%)!important}.metric-red{background:linear-gradient(135deg,#fff0f2 0,#fff7f8 100%)!important}.metric-card strong{color:var(--vb-text)!important;font-size:1.55rem!important;font-weight:900!important}.active-count,.status-pill.active,.year-active-count{background:#e7f8ef!important;color:#0f9f68!important;border:1px solid #c8efdc!important}.complete-btn{background:linear-gradient(135deg,#19bd7d 0,#11a36b 100%)!important;color:#fff!important;border:0!important;border-radius:12px!important;box-shadow:0 12px 24px rgba(17,163,107,.22)!important}.settings-table,.table-modern,table{background:var(--card)!important;border-color:var(--vb-border)!important}.settings-table th,.table-modern th,.table-row.header-row,th{background:#f8fafc!important;color:#475569!important}.modal,.modal-card,.project-modal,.trip-modal{border-radius:22px!important;border:1px solid var(--vb-border)!important;box-shadow:0 28px 80px rgba(7,21,47,.24)!important}@media (max-width:980px){.project-metrics,.trip-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:620px){.customer-head,.dashboard-topbar,.header,.page-header,.top,.top-row{align-items:stretch!important}.project-card,.trip-card{padding:18px!important}.project-metrics,.trip-metrics{grid-template-columns:1fr!important;gap:12px!important}.metric-card{min-height:118px!important;padding:18px!important}}@media (min-width:1024px){.hamburger-toggle{display:none}.sidebar-overlay{display:none!important}.sidebar{transform:translateX(0)!important}}@media (max-width:860px){.dashboard-shell{flex-direction:column}.sidebar{position:relative;width:100%;height:auto;box-shadow:none;border-right:none}.sidebar{padding:24px 18px}.main-content{padding:20px 18px}.dashboard-topbar{align-items:flex-start}.header-actions{width:100%;justify-content:flex-start}.search-box.compact-search{width:100%;min-width:100%;order:10}.header-actions .primary-button,.header-actions .secondary-button{flex:1 1 180px}.modern-actions,.stats-grid.premium-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media (max-width:620px){.dashboard-topbar{flex-direction:column;align-items:stretch}.header-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.search-box.compact-search{grid-column:1/-1}.notification-button,.profile-button,.profile-menu-wrap{width:100%}.header-actions .primary-button,.header-actions .secondary-button,.notification-button,.profile-button{height:46px;min-height:46px}.table-row{grid-template-columns:1fr;gap:12px}.table-row.header-row{display:none}.table-row button,.table-row span{display:block;width:100%}.table-row .status{justify-self:start}}.sidebar-footer{margin-top:auto;padding-top:24px;border-top:1px solid rgba(15,23,42,.08)}.sidebar-toggle-group{margin-bottom:16px}.toggle-label{display:block;margin-bottom:10px;color:var(--muted);font-size:.9rem;font-weight:600}.switch-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:rgba(15,23,42,.04);border-radius:12px;padding:4px}.switch-option{border:none;background:0 0;font-size:.95rem;font-weight:700;color:var(--muted);padding:14px 12px;border-radius:14px;cursor:pointer;transition:background .25s ease,color .25s ease}.switch-option.active{background:linear-gradient(135deg,var(--primary),#378add);color:#fff}.logout-button{width:100%;margin-top:10px;padding:10px 12px;border:none;border-radius:8px;background:#e24b4a;color:#fff;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s ease,box-shadow .2s ease}.logout-button:hover{box-shadow:0 18px 36px rgba(239,68,68,.25)}.logout-icon{display:inline-grid;place-items:center}.invoice-dropdown{position:relative;display:inline-block}.invoice-dropdown-btn{width:38px;height:38px;border-radius:12px;border:none;background:#eef4ff;color:var(--primary);font-size:20px;font-weight:700;cursor:pointer}.invoice-dropdown-menu{position:absolute;right:0;top:44px;width:220px;background:#fff;border-radius:14px;border:1px solid var(--border);box-shadow:0 12px 30px rgba(0,0,0,.12);display:none;overflow:hidden;z-index:9999}.invoice-dropdown-menu.show{display:block}.invoice-dropdown-menu button{width:100%;border:none;background:#fff;padding:14px 16px;text-align:left;cursor:pointer;font-size:14px;font-weight:600;color:var(--text)}.invoice-dropdown-menu button:hover{background:#f8fafc}.invoice-dropdown-menu .danger-action{color:var(--danger)}@media (max-width:768px){.app-sidebar,.sidebar{width:100%;min-height:auto}.dashboard-content,.main-content,.page-content{width:100%;padding:16px}.dashboard-grid,.invoice-grid,.project-grid,.stats-grid,.trip-grid{grid-template-columns:1fr!important}.dashboard-card,.invoice-card,.project-card,.trip-card{width:100%}.invoice-actions,.page-actions,.top-actions{flex-direction:column;gap:12px}.invoice-actions button,.page-actions button,.top-actions button{width:100%}.invoice-form input,.invoice-form select,.invoice-form textarea{width:100%}.invoice-dropdown-menu{left:0;right:auto}table{display:block;overflow-x:auto;white-space:nowrap}.form-grid{grid-template-columns:1fr!important}}.sidebar{width:var(--vb-sidebar-w,220px);background:#0f172a;color:#fff;position:fixed;height:100vh;height:100dvh;left:0;top:0;padding:20px;border-right:1px solid rgba(255,255,255,.08)}.main-content{margin-left:var(--vb-sidebar-w,220px);padding:24px}.card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 10px 30px rgba(15,23,42,.08);border:1px solid #e2e8f0}.btn-primary{background:linear-gradient(135deg,var(--primary),#0c4f8d);color:#fff;border:none;padding:12px 18px;border-radius:12px;cursor:pointer;font-weight:600}.btn-primary:hover{opacity:.9}.table-modern{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}.table-modern th{background:#f8fafc;color:var(--muted);text-align:left;padding:14px}.table-modern td{padding:14px;border-top:1px solid #f1f5f9}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 10px 25px rgba(15,23,42,.06)}@media(max-width:768px){.sidebar{width:100%;height:auto;position:relative}.main-content{margin-left:0;padding:16px}.stats-grid{grid-template-columns:1fr}}.landing-login-shell{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:1.1fr .9fr;background:linear-gradient(135deg,#eef6ff,var(--card))}.landing-side{padding:70px 8%;display:flex;flex-direction:column;justify-content:center}.brand-row{display:flex;align-items:center;gap:14px;margin-bottom:50px}.brand-row h2{font-size:28px;color:var(--text)}.landing-side h1{font-size:58px;line-height:1.05;color:var(--text);margin-bottom:24px}.landing-side p{font-size:19px;line-height:1.7;color:var(--muted);max-width:620px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px;max-width:640px}.feature-list div{background:#fff;border:1px solid #e5eaf1;border-radius:12px;padding:18px;font-weight:800;box-shadow:0 16px 36px rgba(15,23,42,.06)}.login-panel{align-self:center;justify-self:center;width:min(440px,90%);background:#fff;border:1px solid #e5eaf1;border-radius:28px;padding:36px;box-shadow:0 30px 90px rgba(15,23,42,.12)}@media(max-width:900px){.landing-login-shell{grid-template-columns:1fr}.landing-side{padding:40px 24px}.landing-side h1{font-size:38px}.feature-list{grid-template-columns:1fr}.login-panel{margin:0 auto 40px}}body,html{width:100%;overflow-x:hidden;overflow-x:clip}.dashboard-shell,.main-content,.page-shell{width:100%}.page-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px}.login-panel{width:100%;max-width:440px;margin:0 auto;background:var(--card);border-radius:28px;padding:36px;box-shadow:0 30px 90px rgba(15,23,42,.12);border:1px solid #e5eaf1}.card,.page-panel,.table-card{width:100%;max-width:1440px;margin:0 auto}.dashboard-shell{display:flex;min-height:100vh;min-height:100dvh}.sidebar{width:var(--vb-sidebar-w,220px);background:#0f172a;color:#fff;position:fixed;left:0;top:0;height:100vh;height:100dvh;padding:20px;overflow-y:auto}.main-content{flex:1;margin-left:var(--vb-sidebar-w,220px);padding:24px}.stats-grid,.stats-grid.premium-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.modern-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.invoice-grid,.project-grid,.trip-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.card,.invoice-card,.project-card,.table-card,.trip-card{background:#fff;border-radius:20px;padding:20px;border:1px solid #e2e8f0;box-shadow:0 10px 30px rgba(15,23,42,.08)}.table-wrapper{width:100%;overflow-x:auto}.table-modern{width:100%;border-collapse:collapse}.table-modern th{background:#f8fafc;padding:14px;text-align:left}.table-modern td{padding:14px;border-top:1px solid #f1f5f9}.btn-primary,.primary-button{background:linear-gradient(135deg,var(--primary),#0c4f8d);color:#fff;border:none;padding:14px 18px;border-radius:14px;cursor:pointer;font-weight:700}.btn-primary:hover,.primary-button:hover{opacity:.92}.input-box{min-height:52px}@media (max-width:900px){.dashboard-shell{flex-direction:column}.sidebar{position:relative;width:100%;height:auto}.main-content{margin-left:0;padding:18px}.landing-login-shell{grid-template-columns:1fr}.landing-side{padding:40px 24px}.landing-side h1{font-size:40px}.feature-list{grid-template-columns:1fr}.login-panel{max-width:100%}}@media (max-width:768px){.page-shell{padding:14px}.login-panel{width:100%;padding:24px 18px;border-radius:24px}.main-content{padding:14px}.invoice-grid,.modern-actions,.project-grid,.stats-grid,.stats-grid.premium-stats,.trip-list{grid-template-columns:1fr}.header-actions{width:100%;flex-wrap:wrap}.search-box.compact-search{width:100%;min-width:100%}.table-modern{display:block;overflow-x:auto;white-space:nowrap}.topbar-title h1{font-size:1.5rem}.landing-side h1{font-size:32px}.feature-list div{padding:14px}}@media (max-width:480px){.login-panel{padding:20px 16px}.hero-copy h1{font-size:1.8rem}.topbar-title h1{font-size:1.3rem}.card,.invoice-card,.project-card,.table-card,.trip-card{padding:16px}input,select,textarea{font-size:16px}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f9ff;color:#0f172a}.vb-login-page{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:radial-gradient(circle at 45% 0,rgba(59,130,246,.1),transparent 22%),linear-gradient(135deg,#f8fbff 0,#edf6ff 100%);overflow:hidden}.vb-login-left{display:flex;align-items:center;padding:56px 64px}.vb-left-content{width:100%;max-width:780px}.vb-main-logo{width:215px;margin-bottom:70px}.vb-smart-pill{display:inline-flex;align-items:center;padding:10px 18px;border-radius:12px;background:#dbeafe;color:#075bd8;font-weight:800;font-size:15px;margin-bottom:22px}.vb-login-left h1{margin:0;max-width:720px;font-size:48px;line-height:1.15;letter-spacing:-1.2px;color:#0b1026;font-weight:900}.vb-login-left h1 span{color:#1264e8}.vb-login-left p{margin:22px 0 0;max-width:560px;font-size:18px;line-height:1.7;color:#26324d;font-weight:500}.vb-illustration{position:relative;height:390px;margin-top:35px}.vb-phone{position:absolute;left:25px;bottom:45px;width:150px;height:250px;background:var(--card);border:10px solid #0b1220;border-radius:30px;box-shadow:0 28px 60px rgba(15,23,42,.18);padding:28px 12px 12px;z-index:3}.vb-phone-speaker{position:absolute;top:13px;left:50%;width:50px;height:5px;background:#0b1220;border-radius:20px;transform:translateX(-50%)}.vb-phone strong{display:block;font-size:12px;margin-bottom:12px}.vb-phone-card{display:block;padding:10px;border-radius:12px;margin-bottom:8px;font-size:11px}.vb-phone-card small{display:block;color:#334155;font-weight:700}.vb-phone-card b{display:block;color:#0f172a;margin-top:3px}.vb-phone-card.green{background:#eafaf1}.vb-phone-card.orange{background:#fff2df}.vb-phone-card.blue{background:#e8f2ff}.vb-laptop{position:absolute;left:155px;bottom:75px;width:520px;height:250px;background:var(--card);border:10px solid #0b1220;border-radius:22px;box-shadow:0 28px 70px rgba(15,23,42,.18);padding:28px;overflow:hidden}.vb-laptop-top{display:flex;gap:12px;margin-bottom:24px}.vb-laptop-top span{height:44px;flex:1;border-radius:12px;background:#edf8fb}.vb-laptop-cards{display:flex;gap:14px;margin-bottom:16px}.vb-laptop-cards span{height:36px;width:120px;border-radius:12px;background:#f0f9ff}.vb-chart{position:relative;height:88px;border:1px solid #e5edf7;border-radius:14px;overflow:hidden}.vb-line-blue,.vb-line-red{position:absolute;width:330px;height:8px;border-radius:99px;transform-origin:left center}.vb-line-red{background:#ff4d5e;left:85px;top:35px;transform:rotate(17deg)}.vb-line-blue{background:var(--primary);left:220px;top:58px;transform:rotate(-38deg)}.vb-laptop-bottom{display:flex;gap:12px;margin-top:14px}.vb-laptop-bottom span{height:36px;flex:1;border-radius:12px;background:#f1f5f9}.vb-chart-card{position:absolute;right:45px;bottom:35px;width:180px;height:115px;background:var(--card);border-radius:16px;box-shadow:0 24px 55px rgba(24,95,165,.2);display:flex;align-items:flex-end;gap:12px;padding:18px;z-index:4}.vb-chart-card span{width:28px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#8ec5ff,var(--primary))}.vb-chart-card span:first-child{height:42px}.vb-chart-card span:nth-child(2){height:62px}.vb-chart-card span:nth-child(3){height:78px}.vb-chart-card span:nth-child(4){height:92px}.vb-plane{position:absolute;right:105px;top:15px;font-size:48px;color:#3b82f6;transform:rotate(-25deg);opacity:.85}.vb-feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding-top:28px;border-top:1px solid #dbe7f5}.vb-feature-row div{display:flex;align-items:center;gap:12px;color:#26324d;font-weight:700}.vb-feature-row span{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#e8f2ff;color:var(--primary)}.vb-login-right{display:flex;align-items:center;justify-content:center;padding:48px 70px 48px 20px}.vb-login-card-new{width:100%;max-width:760px;min-height:860px;background:rgba(255,255,255,.94);border:1px solid #dce7f5;border-radius:30px;box-shadow:0 35px 100px rgba(15,23,42,.12);padding:72px 76px 44px}.vb-card-logo-new{display:block;width:170px;margin:0 auto 34px}.vb-login-title{text-align:center;margin-bottom:42px}.vb-login-title h2{margin:0;font-size:38px;line-height:1.1;color:#0b1026;font-weight:900;letter-spacing:-.8px}.vb-login-title p{margin:14px 0 0;font-size:19px;color:var(--muted);font-weight:500}.vb-google-btn{width:100%;height:66px;border-radius:12px;border:1px solid #d6e1ef;background:var(--card);color:#0f172a;font-size:17px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:14px;transition:.2s ease}.vb-google-btn:hover{box-shadow:0 14px 30px rgba(15,23,42,.08)}.vb-google-btn span{color:var(--primary);font-weight:900}.vb-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:36px 0;color:var(--muted)}.vb-divider span{height:1px;background:#dce7f5}.vb-divider p{margin:0;font-size:17px;font-weight:600}.vb-login-form{display:flex;flex-direction:column;gap:26px}.vb-form-group label{display:block;margin-bottom:12px;font-size:16px;color:#0f172a;font-weight:800}.vb-input-wrap{height:66px;border:1px solid #d6e1ef;border-radius:13px;background:var(--card);display:flex;align-items:center;padding:0 22px;gap:16px}.vb-input-wrap span{font-size:22px;color:var(--muted)}.vb-input-wrap input{width:100%;border:0;outline:0;background:0 0;font-size:17px;color:#0f172a}.vb-input-wrap input::placeholder{color:#94a3b8}.vb-eye-btn{border:0;background:0 0;cursor:pointer;font-size:18px;opacity:.7}.error-message{display:block;color:var(--danger);font-size:13px;margin-top:8px;min-height:14px}.vb-login-options-new{display:flex;align-items:center;justify-content:space-between;margin-top:2px;font-size:16px;color:#475569;font-weight:600}.vb-login-options-new label{display:flex;align-items:center;gap:10px}.vb-login-options-new input{width:22px;height:22px;accent-color:var(--primary)}.vb-login-options-new a,.vb-signup-text a{color:var(--primary);text-decoration:none;font-weight:800}.vb-signin-btn{width:100%;height:70px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary));color:var(--card);font-size:19px;font-weight:900;cursor:pointer;box-shadow:0 18px 35px rgba(24,95,165,.28);margin-top:6px}.vb-signin-btn:hover{filter:brightness(1.04)}.vb-signup-text{text-align:center;margin:36px 0 42px;color:var(--muted);font-size:16px}.vb-secure-line{border-top:1px solid #dce7f5;padding-top:28px;display:flex;justify-content:center;gap:12px;color:var(--muted);font-weight:700;font-size:16px}@media (max-width:1100px){.vb-login-page{grid-template-columns:1fr}.vb-login-left{display:none}.vb-login-right{padding:24px}.vb-login-card-new{min-height:auto;padding:42px 24px;border-radius:22px}.vb-login-title h2{font-size:30px}.vb-login-title p{font-size:15px}}.clean-preview{margin-top:34px;width:560px;max-width:92%}.preview-window{height:300px;border-radius:22px;background:linear-gradient(180deg,var(--card),#f8fbff);border:1px solid #dbe7f5;box-shadow:0 26px 70px rgba(15,23,42,.12);padding:24px}.preview-topbar{width:45%;height:16px;border-radius:99px;background:#eaf1fb;margin-bottom:24px}.preview-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.preview-kpis div{height:70px;border-radius:16px;background:#eef6ff}.preview-kpis div:nth-child(2){background:#fff7ed}.preview-kpis div:nth-child(3){background:#ecfdf5}.preview-chart{height:90px;border-radius:12px;background:linear-gradient(135deg,rgba(11,100,255,.14),rgba(11,100,255,.03));border:1px solid #e5edf7;margin-bottom:18px}.preview-lines span{display:block;height:12px;border-radius:99px;background:#eaf1fb;margin-bottom:10px}.preview-lines span:first-child{width:80%}.preview-lines span:nth-child(2){width:62%}.preview-lines span:nth-child(3){width:44%}}:root{--vb-page-bg:var(--bg);--vb-card-bg:var(--card);--vb-primary:var(--primary);--vb-soft-shadow:0 12px 30px rgba(8, 27, 68, 0.07)}body,html{font-family:Inter,Arial,sans-serif!important;font-size:14px!important;color:var(--vb-text)!important;background:var(--vb-page-bg)!important}body .main,body .main-content,body .viya-main,body main.main{background:var(--vb-page-bg)!important;padding:20px 28px!important;min-width:0}body,input,label,p,select,span,textarea{font-size:14px}.customer-head h1,.invoice-header h1,.page-head h1,.page-header h1,.settings-title h1,.topbar-title h1,h1{font-size:28px!important;line-height:1.18!important;letter-spacing:0!important;color:var(--vb-text)}.btn,.btn-light,.btn-primary,.primary-action,.secondary-action,.tab-pill,.wave-button,.wave-outline,button{font-size:13px!important;font-weight:700!important}.field input,.field select,.field textarea,.product-search,.search,.wave-input,input,select,textarea{font-family:Inter,Arial,sans-serif!important;font-size:14px!important;border-color:var(--vb-border)!important}.data-table,.items-table,.settings-table,table{font-size:13px!important}.data-table th,.item-head,.settings-table th,th{font-size:11px!important;text-transform:uppercase;letter-spacing:.03em}.card,.cart,.customer-card,.expense-card,.invoice-card,.kpi-card,.meta-box,.metric-card,.modal,.panel,.plan-card,.product-card,.products-card,.project-card,.report-card,.role-card,.settings-card,.settings-menu,.settings-panel,.stat-card,.summary-card,.table-card,.table-shell,.tool-card,.toolbar,.trip-card{background:var(--vb-card-bg)!important;border-color:var(--vb-border)!important;border-radius:16px!important;box-shadow:var(--vb-soft-shadow)!important}.btn-primary,.modal-save,.pay,.primary-action,.save,.wave-button{background:linear-gradient(135deg,var(--vb-primary),#1d6dff)!important;color:var(--card)!important}.items-scroll,.panel,.table-shell,.table-wrap,.table-wrapper{max-width:100%}.items-scroll,.table-wrap,.table-wrapper{overflow-x:auto}@media (max-width:760px){body .main,body .main-content,body .viya-main,body main.main{padding:14px!important}.customer-head h1,.invoice-header h1,.page-head h1,.page-header h1,.settings-title h1,.topbar-title h1,h1{font-size:22px!important}.business-meta,.cards,.drawer-info,.export-grid,.form-grid,.kpi-grid,.layout,.live-grid,.pay-grid,.plans-grid,.role-grid,.settings-grid,.settings-layout,.stats-grid,.subscription-meta,.typecards{grid-template-columns:1fr!important}.bottom-actions,.header-actions,.invoice-actions,.page-actions,.top-actions{width:100%}.bottom-actions .btn,.header-actions .btn,.invoice-actions .btn,.page-actions .btn,.primary-action,.secondary-action,.top-actions .btn{width:100%}table{min-width:680px}}body:has(.viya-app-header) .main-content>.dashboard-topbar,body:has(.viya-app-header) .main-content>.topbar,body:has(.viya-app-header) .viya-main>.topbar,body:has(.viya-app-header) main.main>.topbar{display:none!important}.viya-app-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.82)!important;border:1px solid rgba(228,235,245,.92)!important;border-radius:12px!important;box-shadow:0 14px 40px rgba(15,23,42,.07)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:10px 12px!important}.viya-header-search,.viya-icon-btn,.viya-profile-trigger{border-color:var(--vb-border)!important;background:rgba(255,255,255,.94)!important}.sidebar-nav a.active,.viya-sidebar-nav a.active,body .nav a.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark))!important;box-shadow:0 14px 30px rgba(24,95,165,.28)!important}.card,.cart,.expense-card,.invoice-card,.kpi-card,.metric-card,.panel,.products-card,.report-card,.settings-card,.stat-card,.summary-card,.table-card,.tool-card{transition:transform .18s ease,box-shadow .18s ease}.card:hover,.cart:hover,.expense-card:hover,.invoice-card:hover,.kpi-card:hover,.metric-card:hover,.panel:hover,.products-card:hover,.report-card:hover,.settings-card:hover,.stat-card:hover,.summary-card:hover,.table-card:hover,.tool-card:hover{box-shadow:0 18px 46px rgba(15,23,42,.1)!important}.sidebar-brand{display:flex;align-items:center;gap:10px}.sidebar-logo-img{width:42px;height:42px;object-fit:contain}.brand-text h2{margin:0;font-size:18px;font-weight:800;color:var(--card);line-height:1.1}.brand-text p{margin:3px 0 0;font-size:11px;font-weight:500;color:rgba(255,255,255,.72);letter-spacing:.2px}html{width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip}body{width:100%;max-width:100%;overflow-x:hidden!important;overflow-x:clip!important}*,::after,::before{box-sizing:border-box}canvas,img,svg,video{max-width:100%}.app,.dashboard-shell,.layout,.page-layout{width:100%;max-width:100%;min-width:0}.card,.content,.dashboard-content,.invoice-card,.items-card,.main,.main-content,.menu-panel,.notes-totals,.order-panel,.page-content,.panel,.products-card,.table-card,.viya-main,.workspace{min-width:0!important;max-width:100%}.customer-head,.head,.invoice-header,.page-head,.panel-head,.settings-title,.topbar,.viya-app-header,.welcome{min-width:0}.brand-name,.brand-text h2,.customer-head h1,.head h1,.invoice-header h1,.page-head h1,.settings-title h1,.sidebar-brand,.topbar h1,.viya-app-title{overflow-wrap:anywhere}.actions,.bottom-actions,.category-row,.filter-grid,.filters,.head-actions,.invoice-actions,.page-actions,.pages,.quick-actions,.tabs,.topbar{max-width:100%}.category-row,.pages,.tabs,.view-toggle{overflow-x:auto;-webkit-overflow-scrolling:touch}.detail-table-card,.items-scroll,.panel:has(table),.table-panel,.table-shell,.table-wrap,.table-wrapper{width:100%;max-width:100%;overflow-x:auto!important;overflow-y:hidden;-webkit-overflow-scrolling:touch}.data-table,.items-table,.pos-table,.settings-table,.table-modern,table{width:100%}.data-table,.items-table,.pos-table,.settings-table,.table-modern{min-width:720px}.btn,.customer-select,.filter-input,.filter-select,.product-search,.search,.top-search,button,input,select,textarea{max-width:100%}.btn,.dots,.edit-btn,.icon-btn,.page-btn,.row-btn,.top-action,.top-btn,button{touch-action:manipulation}.cards,.customer-grid,.export-grid,.form-grid,.grid-2,.grid-3,.grid-4,.grid-view,.invoice-grid,.kpi-grid,.live-grid,.metrics,.modal-grid,.pay-grid,.plan-grid,.plans-grid,.product-grid,.project-grid,.quick,.quick-actions,.role-cards,.role-grid,.settings-grid,.stats-grid,.summary-grid,.type-grid{min-width:0}.card,.customer-card,.grid-card,.invoice-card,.panel,.product-card,.project-card,.summary,.summary-card,.trip-card{min-width:0}@media (max-width:1440px){body .main,body .main-content,body .viya-main,body main.main{padding-left:22px!important;padding-right:22px!important}.app>.main .content{gap:20px!important}.app>.main .order-panel{width:100%}.app>.main .product-area{grid-template-columns:repeat(3,minmax(150px,1fr))!important;gap:14px!important}}@media (max-width:1200px){.app,.dashboard-shell{grid-template-columns:var(--vb-sidebar-w,220px) minmax(0,1fr)!important}body .main,body .main-content,body .viya-main,body main.main{padding-left:18px!important;padding-right:18px!important}.cards,.kpi-grid,.metrics,.quick,.quick-actions,.stats-grid,.summary-grid,.type-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.customer-grid,.grid-view,.invoice-grid,.product-grid,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.app>.main .content,.content-grid,.dashboard-shell>.main-content .grid-top,.dashboard-shell>.main-content .notes-totals,.grid-2,.settings-layout,.tables-grid{grid-template-columns:1fr!important}.dashboard-shell>.main-content .notes-box{border-right:0!important;border-bottom:1px solid var(--vb-border,var(--border))!important}.app>.main .order-panel{position:static!important}}@media (max-width:992px){.app,.dashboard-shell{display:block!important;grid-template-columns:1fr!important}.app-sidebar,.sidebar,.viya-sidebar{position:fixed!important;top:0!important;left:0!important;z-index:1000!important;width:min(320px,86vw)!important;max-width:86vw!important;height:100dvh!important;min-height:100dvh!important;overflow-y:auto!important;transform:translateX(-105%)!important;transition:transform .3s ease!important;display:flex!important}.app-sidebar.active,.app-sidebar.open,.sidebar.active,.sidebar.open,.viya-sidebar.active,.viya-sidebar.open,body.sidebar-open .app-sidebar,body.sidebar-open .sidebar,body.sidebar-open .viya-sidebar{transform:translateX(0)!important}.sidebar-overlay.active,body.sidebar-open .sidebar-overlay{display:block!important;opacity:1!important;pointer-events:auto!important}.dashboard-content,.main,.main-content,.page-content,.viya-main{width:100%!important;margin-left:0!important}.topbar,.viya-app-header{grid-template-columns:minmax(0,1fr) auto auto!important;gap:12px!important}.topbar .profile,.topbar .user-pill{min-width:0!important}.app>.main .topbar{grid-template-columns:minmax(0,1fr) minmax(180px,235px) 56px 56px!important}.app>.main .topbar .profile{grid-column:1/-1!important}.app>.main .summary{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.app>.main .product-area{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-shell>.main-content .invoice-details{grid-template-columns:132px minmax(0,1fr)!important}.filter-grid,.filters,.panel-head{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:768px){body .main,body .main-content,body .viya-main,body main.main{padding:14px!important}.customer-head,.head,.invoice-header,.page-head,.panel-head,.topbar,.viya-app-header,.welcome{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;gap:12px!important}.customer-head>*,.head>*,.invoice-header>*,.page-head>*,.panel-head>*,.topbar>*,.viya-app-header>*,.welcome>*{min-width:0}.search,.top-search,.viya-header-search{flex:1 1 100%!important;width:100%!important;min-width:0!important}.actions,.bottom-actions,.head-actions,.invoice-actions,.page-actions,.quick-actions{display:flex!important;flex-wrap:wrap!important;width:100%!important;justify-content:stretch!important}.actions .btn,.bottom-actions .btn,.head-actions .btn,.invoice-actions .btn,.page-actions .btn,.quick-actions .btn,.quick-actions button{flex:1 1 170px!important}.bb-grid,.cards,.content-grid,.customer-grid,.detail-grid,.donut-layout,.export-grid,.filter-grid,.filters,.form-grid,.grid-2,.grid-3,.grid-4,.grid-view,.invoice-grid,.kpi-grid,.live-grid,.metrics,.modal-grid,.pay-grid,.plan-grid,.plans-grid,.product-grid,.project-grid,.quick,.quick-actions,.role-cards,.role-grid,.settings-grid,.stats-grid,.summary-grid,.tables-grid,.type-grid{grid-template-columns:1fr!important}.business-profile-grid .full-width,.field.full,.full,.settings-grid .full-width{grid-column:1/-1!important}.app>.main .topbar{display:grid!important;grid-template-columns:minmax(0,1fr) 54px 54px!important}.app>.main .profile,.app>.main .table-select{grid-column:1/-1!important}.app>.main .summary{grid-template-columns:1fr!important;gap:12px!important}.app>.main .content{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}.app>.main .product-area,.app>.main .product-area.line{grid-template-columns:1fr!important;min-height:360px!important}.app>.main .product-area.line .product-card{grid-template-columns:110px minmax(0,1fr)!important}.app>.main .action-row,.app>.main .customer-row,.app>.main .discount-row,.app>.main .received-row,.dashboard-shell>.main-content .invoice-details,.dashboard-shell>.main-content .total-line{grid-template-columns:1fr!important}.app>.main .payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-shell>.main-content .footer-actions{flex-direction:column!important}.modal,.modal-card{max-width:calc(100vw - 28px)!important}.data-table,.items-table,.pos-table,.settings-table,.table-modern,table{min-width:680px!important}}@media (max-width:480px){body .main,body .main-content,body .viya-main,body main.main{padding:12px!important}.customer-head h1,.invoice-header h1,.page-head h1,.page-header h1,.settings-title h1,.topbar-title h1,h1{font-size:22px!important;line-height:1.2!important}.app-sidebar,.sidebar,.viya-sidebar{width:min(288px,84vw)!important;max-width:84vw!important}.app>.main .topbar{grid-template-columns:minmax(0,1fr) 48px 48px!important;gap:10px!important}.app>.main .table-select,.app>.main .top-search,.search,.top-search{height:52px!important}.app>.main .top-action,.icon-btn,.top-btn{width:48px!important;min-width:48px!important;height:48px!important}.app>.main .summary-card,.summary-card{min-height:0!important;height:auto!important;padding:16px!important}.app>.main .product-img{height:128px!important}.app>.main .product-search-row{grid-template-columns:minmax(0,1fr) 48px!important;padding-left:12px!important;padding-right:12px!important}.app>.main .category-row{padding:12px!important;gap:10px!important}.app>.main .order-inner,.app>.main .payment,.card-pad,.notes-box,.totals-box{padding:16px!important}.app>.main .order-item{grid-template-columns:44px minmax(0,1fr)!important}.app>.main .qty-ctrl,.app>.main .remove-item{grid-column:2!important}.app>.main .action-row,.bottom-actions,.footer-actions,.modal-actions{display:grid!important;grid-template-columns:1fr!important}.app>.main .action-row button,.bottom-actions button,.btn,.footer-actions button,.modal-actions button{width:100%}.view-toggle{width:100%}.view-toggle button{flex:1 0 auto;justify-content:center;padding-left:14px!important;padding-right:14px!important}.data-table,.items-table,.pos-table,.settings-table,.table-modern,table{min-width:640px!important}}@media (max-width:360px){body .main,body .main-content,body .viya-main,body main.main{padding:10px!important}.customer-head h1,.invoice-header h1,.page-head h1,.settings-title h1,h1{font-size:20px!important}.app-sidebar,.sidebar,.viya-sidebar{width:min(270px,86vw)!important;max-width:86vw!important}.app>.main .topbar{grid-template-columns:minmax(0,1fr) 44px 44px!important}.app>.main .top-action,.icon-btn,.top-btn{width:44px!important;min-width:44px!important;height:44px!important}.app>.main .payment-grid{grid-template-columns:1fr!important}.app>.main .summary-card,.card,.invoice-card,.panel,.products-card,.summary-card,.table-card{padding-left:12px!important;padding-right:12px!important}.data-table,.items-table,.pos-table,.settings-table,.table-modern,table{min-width:600px!important}}body.viya-sidebar-page,body:has(> .app){overflow-x:hidden!important}.dashboard-shell,body.viya-sidebar-page .viya-layout,body:has(> .app)>.app{max-width:100%!important;min-width:0!important}@media (min-width:993px){.dashboard-shell,body.viya-sidebar-page .viya-layout,body:has(> .app)>.app{display:grid!important;grid-template-columns:var(--vb-sidebar-w,220px) minmax(0,1fr)!important}.dashboard-shell>.sidebar,body.viya-sidebar-page .viya-layout>.sidebar,body.viya-sidebar-page .viya-layout>.viya-sidebar,body:has(> .app)>.app>.sidebar{grid-column:1!important;width:var(--vb-sidebar-w,220px)!important;min-width:var(--vb-sidebar-w,220px)!important;max-width:var(--vb-sidebar-w,220px)!important;position:sticky!important;top:0!important;left:auto!important;transform:none!important}.dashboard-shell>.main-content,body.viya-sidebar-page .viya-layout>.viya-main,body:has(> .app)>.app>.main{grid-column:2!important;width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important}}@media (max-width:992px){.dashboard-shell,body.viya-sidebar-page .viya-layout,body:has(> .app)>.app{display:block!important}.dashboard-shell>.main-content,body.viya-sidebar-page .viya-layout>.viya-main,body:has(> .app)>.app>.main{width:100%!important;margin-left:0!important}}.modal-bg,.modal.open,.modal.show,.project-modal-bg,.vb-modal-overlay,.viya-business-modal{position:fixed!important;inset:0!important;z-index:100000!important;display:none!important;align-items:center!important;justify-content:center!important;padding:24px!important;background:rgba(31,41,55,.46)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}.modal-bg.open,.modal.open,.modal.show,.project-modal-bg.open,.vb-modal-overlay.open,.vb-modal-overlay.show,.viya-business-modal.open{display:flex!important}.modal-bg>.modal,.modal-card,.modal-content,.modal.open>.modal-card,.modal.show>.modal-card,.project-modal,.trip-modal-card,.vb-modal,.viya-business-card{width:min(980px,100%)!important;max-height:min(92vh,860px)!important;overflow:auto!important;background:#eef1f5!important;border:1px solid rgba(203,213,225,.9)!important;border-radius:28px!important;box-shadow:0 34px 90px rgba(15,23,42,.28)!important;padding:30px!important;color:#0f172a!important}.modal-head,.modal-header,.project-modal-head,.vb-modal-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;margin-bottom:22px!important}.modal-head h2,.modal-header h2,.project-modal-head h2,.vb-modal-header h2,.viya-business-card h2{margin:0!important;color:#0f172a!important;font-size:clamp(22px, 2vw, 30px)!important;font-weight:900!important;letter-spacing:0!important}.form-grid,.modal-grid,.project-modal-grid,.vb-form-grid,.viya-business-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.field,.modal-field,.project-modal-field,.vb-form-group,.viya-business-field{display:grid!important;gap:8px!important}.field.full,.modal-field.full,.project-modal-field.full,.vb-form-group.full,.viya-business-field.full{grid-column:1/-1!important}.field label,.modal-field label,.project-modal-field label,.vb-form-group label,.viya-business-field label{color:#172033!important;font-size:13px!important;font-weight:900!important}.modal-bg>.modal input,.modal-bg>.modal select,.modal-bg>.modal textarea,.modal-card input,.modal-card select,.modal-card textarea,.modal-content input,.modal-content select,.modal-content textarea,.project-modal input,.project-modal select,.project-modal textarea,.trip-modal-card input,.trip-modal-card select,.trip-modal-card textarea,.vb-modal input,.vb-modal select,.vb-modal textarea,.viya-business-card input,.viya-business-card select,.viya-business-card textarea{width:100%!important;min-height:48px!important;border:1px solid #d5deea!important;border-radius:14px!important;background:var(--card)!important;color:#0f172a!important;padding:12px 14px!important;font:inherit!important;font-weight:750!important;outline:0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important}.modal-bg>.modal textarea,.modal-card textarea,.modal-content textarea,.project-modal textarea,.trip-modal-card textarea,.vb-modal textarea,.viya-business-card textarea{min-height:104px!important;resize:vertical!important}.modal-bg>.modal input:focus,.modal-bg>.modal select:focus,.modal-bg>.modal textarea:focus,.modal-card input:focus,.modal-card select:focus,.modal-card textarea:focus,.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus,.project-modal input:focus,.project-modal select:focus,.project-modal textarea:focus,.trip-modal-card input:focus,.trip-modal-card select:focus,.trip-modal-card textarea:focus,.vb-modal input:focus,.vb-modal select:focus,.vb-modal textarea:focus,.viya-business-card input:focus,.viya-business-card select:focus,.viya-business-card textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 4px rgba(24,95,165,.13)!important}.modal-actions,.project-modal-actions,.vb-modal-actions,.viya-business-actions{display:flex!important;justify-content:flex-end!important;gap:12px!important;margin-top:24px!important}.modal-actions button,.project-modal-actions button,.vb-modal-actions button,.viya-business-actions button{min-height:46px!important;border-radius:14px!important;padding:0 18px!important;font-weight:900!important}.modal-actions .btn-primary,.project-modal-save,.vb-modal-actions .btn-primary,.viya-business-primary{border:0!important;color:var(--card)!important;background:linear-gradient(135deg,var(--primary),var(--primary-dark))!important;box-shadow:0 18px 38px rgba(37,99,255,.22)!important}.modal-actions .btn-light,.project-modal-cancel,.vb-modal-actions .btn-light,.viya-business-secondary{background:var(--card)!important;color:#0f172a!important;border:1px solid #d5deea!important}.close,.close-btn,.modal-close,.project-modal-close,.vb-modal-close{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;min-width:42px!important;border:1px solid #d5deea!important;border-radius:14px!important;background:var(--card)!important;color:#0f172a!important;font-size:22px!important;font-weight:900!important;cursor:pointer!important}[data-theme=dark] .modal-bg,[data-theme=dark] .modal.open,[data-theme=dark] .modal.show,[data-theme=dark] .project-modal-bg,[data-theme=dark] .vb-modal-overlay,[data-theme=dark] .viya-business-modal{background:rgba(2,6,23,.68)!important}[data-theme=dark] .modal-bg>.modal,[data-theme=dark] .modal-card,[data-theme=dark] .modal-content,[data-theme=dark] .modal.open>.modal-card,[data-theme=dark] .modal.show>.modal-card,[data-theme=dark] .project-modal,[data-theme=dark] .trip-modal-card,[data-theme=dark] .vb-modal,[data-theme=dark] .viya-business-card{background:rgba(15,23,42,.96)!important;border-color:rgba(148,163,184,.18)!important;color:#f8fafc!important;box-shadow:0 34px 100px rgba(0,0,0,.52)!important}[data-theme=dark] .modal-head h2,[data-theme=dark] .modal-header h2,[data-theme=dark] .project-modal-head h2,[data-theme=dark] .vb-modal-header h2,[data-theme=dark] .viya-business-card h2{color:#f8fafc!important}[data-theme=dark] .field label,[data-theme=dark] .modal-field label,[data-theme=dark] .project-modal-field label,[data-theme=dark] .vb-form-group label,[data-theme=dark] .viya-business-field label{color:#cbd5e1!important}[data-theme=dark] .modal-bg>.modal input,[data-theme=dark] .modal-bg>.modal select,[data-theme=dark] .modal-bg>.modal textarea,[data-theme=dark] .modal-card input,[data-theme=dark] .modal-card select,[data-theme=dark] .modal-card textarea,[data-theme=dark] .modal-content input,[data-theme=dark] .modal-content select,[data-theme=dark] .modal-content textarea,[data-theme=dark] .project-modal input,[data-theme=dark] .project-modal select,[data-theme=dark] .project-modal textarea,[data-theme=dark] .trip-modal-card input,[data-theme=dark] .trip-modal-card select,[data-theme=dark] .trip-modal-card textarea,[data-theme=dark] .vb-modal input,[data-theme=dark] .vb-modal select,[data-theme=dark] .vb-modal textarea,[data-theme=dark] .viya-business-card input,[data-theme=dark] .viya-business-card select,[data-theme=dark] .viya-business-card textarea{background:var(--card)!important;color:#0f172a!important;border-color:rgba(203,213,225,.95)!important}[data-theme=dark] .close,[data-theme=dark] .close-btn,[data-theme=dark] .modal-actions .btn-light,[data-theme=dark] .modal-close,[data-theme=dark] .project-modal-cancel,[data-theme=dark] .project-modal-close,[data-theme=dark] .vb-modal-actions .btn-light,[data-theme=dark] .vb-modal-close,[data-theme=dark] .viya-business-secondary{background:rgba(255,255,255,.08)!important;color:#f8fafc!important;border-color:rgba(148,163,184,.22)!important}@media (max-width:720px){.modal-bg,.modal.open,.modal.show,.project-modal-bg,.vb-modal-overlay,.viya-business-modal{align-items:flex-start!important;padding:12px!important}.modal-bg>.modal,.modal-card,.modal-content,.modal.open>.modal-card,.modal.show>.modal-card,.project-modal,.trip-modal-card,.vb-modal,.viya-business-card{width:100%!important;max-height:calc(100dvh - 24px)!important;border-radius:22px!important;padding:20px!important}.form-grid,.modal-grid,.project-modal-grid,.vb-form-grid,.viya-business-grid{grid-template-columns:1fr!important}.modal-actions,.project-modal-actions,.vb-modal-actions,.viya-business-actions{flex-direction:column-reverse!important}.modal-actions button,.project-modal-actions button,.vb-modal-actions button,.viya-business-actions button{width:100%!important}}.vb-search-select{position:relative;width:100%}.vb-native-select-hidden{display:none!important}.vb-search-input{width:100%!important;min-height:48px!important;border:1px solid var(--border,#dfe8f5)!important;border-radius:12px!important;background:#fff!important;color:#0f172a!important;padding:0 14px!important;font:inherit!important;font-weight:850!important;outline:0!important}.vb-search-input:focus{border-color:#8bbdff!important;box-shadow:0 0 0 4px rgba(37,99,255,.1)!important}.vb-select-popover{display:none;position:absolute;z-index:100020;top:calc(100% + 8px);left:0;right:0;max-height:260px;overflow-y:auto;padding:8px;background:#fff;border:1px solid #dfe8f5;border-radius:16px;box-shadow:0 24px 55px rgba(15,23,42,.18)}.vb-select-popover.open{display:block}.vb-select-search-label{padding:8px 10px 10px;color:var(--muted);font-size:12px;font-weight:900}.vb-select-row{width:100%;border:0;background:0 0;border-radius:12px;padding:12px;display:flex;justify-content:space-between;gap:14px;align-items:center;text-align:left;color:#0f172a;cursor:pointer}.vb-select-row:focus,.vb-select-row:hover{background:#f4f8ff}.vb-select-row strong{display:block;font-size:14px;font-weight:950}.vb-select-row small{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:750}.vb-item-row b{color:#0f6ff7;white-space:nowrap}.vb-select-empty{padding:20px 12px;color:var(--muted);font-weight:850;text-align:center}.vb-select-create{width:100%;min-height:46px;border:1px dashed #9fc2ff;background:#f8fbff;color:#0f6ff7;border-radius:12px;font-weight:950;cursor:pointer;margin-top:6px}[data-theme=dark] .vb-search-input{background:#fff!important;color:#0f172a!important;border-color:rgba(203,213,225,.95)!important}[data-theme=dark] .vb-select-popover{background:rgba(15,23,42,.98);border-color:rgba(148,163,184,.2);box-shadow:0 24px 60px rgba(0,0,0,.45)}[data-theme=dark] .vb-select-row{color:#f8fafc}[data-theme=dark] .vb-select-row:focus,[data-theme=dark] .vb-select-row:hover{background:rgba(59,130,246,.14)}[data-theme=dark] .vb-select-empty,[data-theme=dark] .vb-select-row small,[data-theme=dark] .vb-select-search-label{color:#94a3b8}[data-theme=dark] .vb-select-create{background:rgba(37,99,255,.12);border-color:rgba(96,165,250,.45);color:#93c5fd}:root{--vb-bg:var(--bg);--vb-card:var(--card);--vb-text:var(--text);--vb-muted:var(--muted);--vb-border:var(--border);--vb-blue:var(--primary);--vb-green:var(--success);--vb-red:var(--danger);--vb-orange:var(--warning);--vb-purple:var(--primary);--vb-shadow:0 14px 40px rgba(15, 23, 42, 0.07);--vb-shadow-sm:0 8px 24px rgba(15, 23, 42, 0.05);--vb-radius:16px;--vb-radius-sm:10px;--vb-radius-lg:20px;--vb-sidebar-w:220px;--vb-main-pad:24px 28px;--vb-search-h:42px;--vb-search-border:#e5edf7;--vb-search-shadow:0 2px 8px rgba(15,23,42,.06);--vb-search-ph:#94a3b8;--vb-search-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E")}html{background:var(--vb-bg)!important;overflow-x:hidden;overflow-x:clip}body{margin:0!important;background:var(--vb-bg)!important;color:var(--vb-text)!important;font-size:14px!important;font-family:Inter,"Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;overflow-x:clip}.app,.dashboard-shell,.shell{min-height:100vh!important;min-height:100dvh!important}.app>aside.sidebar,.dashboard-shell>aside.sidebar,.shell>.side,.shell>aside.sidebar{width:var(--vb-sidebar-w)!important;min-width:var(--vb-sidebar-w)!important;max-width:var(--vb-sidebar-w)!important;flex-shrink:0!important;min-height:100vh!important;min-height:100dvh!important}.main,.main-content,.shell>main{padding:var(--vb-main-pad)!important;min-width:0!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}.topbar{min-height:52px!important;margin-bottom:24px!important}.app>.main .search,.app>.main .top-search,.filter-search:not(input):not(textarea),.search-box:not(input):not(textarea),.search-main:not(input):not(textarea),.search-wrap,.search:not(input):not(textarea),.table-search:not(input):not(textarea),.top-search:not(input){display:flex!important;align-items:center!important;height:42px!important;max-width:420px!important;width:100%!important;border-radius:14px!important;background:#fff var(--vb-search-icon) no-repeat 13px center!important;background-size:16px 16px!important;border:1px solid #e5edf7!important;box-shadow:0 6px 18px rgba(15,23,42,.05)!important;padding:0 14px 0 38px!important;gap:0!important;overflow:hidden!important;box-sizing:border-box!important}.search-box:not(input)>span:first-child,.search-box:not(input)>svg:first-child,.search:not(input)>span:first-child,.search:not(input)>svg:first-child,.top-search>span:first-child,.top-search>svg:first-child{display:none!important}.app>.main .search input,.app>.main .top-search input,.filter-search:not(input) input,.search-box:not(input) input,.search-main:not(input) input,.search-wrap input,.search:not(input) input,.table-search:not(input) input,.top-search input{flex:1!important;height:100%!important;border:none!important;outline:0!important;box-shadow:none!important;background:0 0!important;font-size:14px!important;font-weight:600!important;color:#0f172a!important;width:100%!important;min-width:0!important;padding:0!important;border-radius:0!important}.filter-search:not(input) input::placeholder,.search-box:not(input) input::placeholder,.search-wrap input::placeholder,.search:not(input) input::placeholder,.table-search:not(input) input::placeholder,.top-search input::placeholder{color:#94a3b8!important;font-weight:600!important}input.filter-search,input.search,input.search-box,input.table-search,input.top-search{display:block!important;height:42px!important;max-width:420px!important;width:100%!important;border-radius:14px!important;background:#fff var(--vb-search-icon) no-repeat 13px center!important;background-size:16px 16px!important;border:1px solid #e5edf7!important;box-shadow:0 6px 18px rgba(15,23,42,.05)!important;padding:0 14px 0 38px!important;font-size:14px!important;font-weight:600!important;color:#0f172a!important;outline:0!important;box-sizing:border-box!important}input.filter-search::placeholder,input.search-box::placeholder,input.search::placeholder,input.table-search::placeholder,input.top-search::placeholder{color:#94a3b8!important;font-weight:600!important}.filter-bar>input:not([type=checkbox]):not([type=radio]):not([type=number]):not([type=button]):not([type=submit]):not([type=hidden]),.filter-bar>input[type=search],.filter-bar>input[type=text],.panel-head>input:not([type=checkbox]):not([type=radio]):not([type=number]):not([type=button]):not([type=submit]):not([type=hidden]),.panel-head>input[type=search],.panel-head>input[type=text]{height:42px!important;border-radius:14px!important;background:#fff var(--vb-search-icon) no-repeat 13px center!important;background-size:15px 15px!important;border:1px solid #e5edf7!important;box-shadow:0 6px 18px rgba(15,23,42,.05)!important;padding:0 14px 0 36px!important;font-size:13px!important;font-weight:600!important;color:#0f172a!important;outline:0!important;font-family:inherit!important;box-sizing:border-box!important}.filter-bar>input::placeholder,.panel-head>input::placeholder{color:#94a3b8!important;font-weight:600!important}.vb-filter-search-wrap,.vb-search{position:relative!important}.vb-filter-search-wrap>.search-icon,.vb-filter-search-wrap>i,.vb-filter-search-wrap>svg,.vb-search>.search-icon,.vb-search>i,.vb-search>svg{position:absolute!important;left:14px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;pointer-events:none!important}.vb-search input,input.vb-filter-search{padding:0 14px 0 44px!important;box-sizing:border-box!important}body.lang-dv .vb-filter-search-wrap>.search-icon,body.lang-dv .vb-filter-search-wrap>i,body.lang-dv .vb-filter-search-wrap>svg,body.lang-dv .vb-search>.search-icon,body.lang-dv .vb-search>i,body.lang-dv .vb-search>svg,html[lang=dv] .vb-filter-search-wrap>.search-icon,html[lang=dv] .vb-filter-search-wrap>i,html[lang=dv] .vb-filter-search-wrap>svg,html[lang=dv] .vb-search>.search-icon,html[lang=dv] .vb-search>i,html[lang=dv] .vb-search>svg{left:auto!important;right:14px!important}body.lang-dv .vb-search input,body.lang-dv input.vb-filter-search,html[lang=dv] .vb-search input,html[lang=dv] input.vb-filter-search{padding:0 44px 0 14px!important}.app>.main .search:focus-within,.app>.main .top-search:focus-within,.filter-bar>input:focus,.filter-search:not(input):focus-within,.panel-head>input:focus,.search-box:not(input):focus-within,.search-wrap:focus-within,.search:not(input):focus-within,.table-search:not(input):focus-within,.top-search:not(input):focus-within,input.filter-search:focus,input.search-box:focus,input.search:focus,input.table-search:focus,input.top-search:focus{border-color:#93c5fd!important;box-shadow:0 0 0 3px rgba(37,99,255,.1),0 6px 18px rgba(15,23,42,.05)!important;outline:0!important}.icon-btn,.top-action,.top-btn{height:52px;border-radius:14px!important;border:1px solid var(--vb-border)!important;background:#fff!important;box-shadow:var(--vb-shadow-sm)!important}.profile,.user-pill{height:52px;border-radius:14px!important;border:1px solid var(--vb-border)!important;background:#fff!important}h1{font-size:28px!important;font-weight:950!important;letter-spacing:-.03em!important;line-height:1.25!important;margin:0 0 8px!important;color:var(--vb-text)!important}.page-head,.welcome{margin-bottom:22px!important}.sub,.subtitle{font-size:14px!important;color:var(--vb-muted)!important;font-weight:700!important;margin:0!important}.breadcrumb,.crumb{font-size:13px!important;color:#475569!important;font-weight:800!important;margin-bottom:10px!important}.card,.invoice-card,.items-card,.panel,.products-card,.table-card{background:var(--vb-card)!important;border:1px solid var(--vb-border)!important;border-radius:var(--vb-radius)!important;box-shadow:var(--vb-shadow)!important}.kpi-card,.metric,.stat-card,.summary-card,.type-card{background:var(--vb-card)!important;border:1px solid var(--vb-border)!important;border-radius:var(--vb-radius)!important;box-shadow:var(--vb-shadow)!important}.card:not(.table-card):not(.items-card):not(.invoice-card){padding:18px!important}.panel{padding:18px!important}.panel-head{margin-bottom:16px!important}.panel-head h2,.panel>h2:first-child{font-size:17px!important;font-weight:950!important;margin:0!important}.btn,a.btn,button.btn{display:inline-flex!important;align-items:center!important;gap:6px!important;height:36px!important;padding:0 14px!important;font-size:13px!important;font-weight:500!important;border-radius:8px!important;cursor:pointer!important;transition:background .15s,color .15s,border-color .15s,box-shadow .15s!important;border:none!important;font-family:inherit!important;white-space:nowrap!important;text-decoration:none!important;box-sizing:border-box!important;line-height:1!important;vertical-align:middle!important}.btn:focus-visible{box-shadow:0 0 0 3px rgba(24,95,165,.25)!important;outline:0!important}.btn i{font-size:16px!important;line-height:1!important;flex-shrink:0}.btn:disabled,.btn[disabled]{opacity:.45!important;cursor:not-allowed!important;transform:none!important;pointer-events:none}.btn-primary{background:var(--primary,#185fa5)!important;color:#fff!important;border:none!important}.btn-primary:hover:not(:disabled){background:var(--primary-dark,#0c4f8d)!important}.btn-secondary{background:#f5f5f3!important;color:#1a1a18!important;border:.5px solid #c8c6bc!important}.btn-secondary:hover:not(:disabled){background:#ebebea!important}.btn-light,.btn:not(.btn-primary):not(.btn-secondary):not(.btn-outline):not(.btn-danger):not(.btn-danger-outline):not(.btn-warning):not(.btn-ghost):not(.btn-muted):not(.btn-success):not(.btn-sm):not(.btn-lg):not(.btn-icon):not([class*=btn-]){background:#f5f5f3!important;color:#1a1a18!important;border:.5px solid #c8c6bc!important}.btn-light:hover:not(:disabled){background:#ebebea!important}.btn-outline{background:0 0!important;color:#185fa5!important;border:1px solid #185fa5!important}.btn-outline:hover:not(:disabled){background:#e8f2fc!important}.btn-danger{background:#e24b4a!important;color:#fff!important;border:none!important}.btn-danger:hover:not(:disabled){background:#a32d2d!important}.btn-danger-outline{background:0 0!important;color:#e24b4a!important;border:1px solid #e24b4a!important}.btn-danger-outline:hover:not(:disabled){background:#fcebeb!important}.btn-warning{background:#ef9f27!important;color:#fff!important;border:none!important}.btn-warning:hover:not(:disabled){background:#ba7517!important}.btn-ghost{background:0 0!important;color:#6b6a65!important;border:.5px solid transparent!important}.btn-ghost:hover:not(:disabled){background:#f5f5f3!important;color:#1a1a18!important}.btn-success{background:var(--success)!important;color:#fff!important;border:none!important}.btn-success:hover:not(:disabled){background:#0d6b31!important}.btn-icon{width:36px!important;padding:0!important;justify-content:center!important}.btn-sm{height:28px!important;padding:0 10px!important;font-size:12px!important;border-radius:6px!important}.btn-sm i{font-size:14px!important}.btn-lg{height:44px!important;padding:0 20px!important;font-size:14px!important;border-radius:10px!important}.btn-lg i{font-size:17px!important}html[data-theme=dark] .btn-light,html[data-theme=dark] .btn-secondary{background:#1e293b!important;color:#e2e8f0!important;border-color:#334155!important}html[data-theme=dark] .btn-ghost{color:#94a3b8!important}html[data-theme=dark] .btn-ghost:hover{background:#1e293b!important;color:#e2e8f0!important}input:not([type=checkbox]):not([type=radio]):not([type=range]),select{height:46px;border:1px solid #dde5f0!important;border-radius:var(--vb-radius-sm)!important;padding:0 14px!important;background:#fff!important;font-family:inherit!important;font-weight:750!important;color:var(--vb-text)!important;outline:0!important;box-sizing:border-box!important;transition:border-color .15s,box-shadow .15s!important}textarea{border:1px solid #dde5f0!important;border-radius:var(--vb-radius-sm)!important;padding:12px 14px!important;background:#fff!important;font-family:inherit!important;font-weight:750!important;color:var(--vb-text)!important;outline:0!important;box-sizing:border-box!important;resize:vertical;transition:border-color .15s,box-shadow .15s!important}input:focus,select:focus,textarea:focus{border-color:var(--vb-blue)!important;box-shadow:0 0 0 3px rgba(0,87,255,.1)!important}table{width:100%;border-collapse:collapse;font-size:13px!important;font-family:inherit!important}th{background:#f7f9fd!important;text-align:left!important;color:#334155!important;font-size:11px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.04em!important;padding:14px 16px!important;border-bottom:1px solid var(--vb-border)!important}td{padding:14px 16px!important;border-top:1px solid var(--vb-border)!important;font-weight:750!important;vertical-align:middle!important;color:var(--vb-text)!important}tbody tr:hover{background:#f8fbff!important}.badge,.pill,.status{display:inline-flex!important;padding:5px 12px!important;border-radius:999px!important;font-size:11px!important;font-weight:900!important;white-space:nowrap!important}.modal{position:fixed!important;inset:0!important;background:rgba(7,21,47,.48)!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;z-index:100000!important;display:none!important;align-items:center!important;justify-content:center!important;padding:18px!important}.modal.open,.modal.show,.modal[open]{display:flex!important}.modal-bg.open>.modal,.modal-bg.show>.modal,.modal-overlay.open>.modal,.modal-overlay.show>.modal,.modal-overlay:not(.hidden)>.modal{display:flex!important}.modal-card{background:var(--vb-card)!important;border-radius:20px!important;box-shadow:0 28px 70px rgba(7,21,47,.22)!important;max-height:calc(100dvh - 36px)!important;overflow-y:auto!important}.modal-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:18px!important}.modal-head h2{font-size:20px!important;margin:0!important}.modal-close{width:40px!important;height:40px!important;border:0!important;border-radius:10px!important;background:#f1f5fb!important;font-weight:950!important;cursor:pointer!important;display:grid!important;place-items:center!important;font-size:18px!important;flex-shrink:0!important}.modal-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}.field{display:grid!important;gap:7px!important}.field.full,.field[data-full]{grid-column:1/-1!important}.field label{font-weight:900!important;font-size:13px!important;color:#253450!important}.modal-actions{display:flex!important;justify-content:flex-end!important;gap:12px!important;margin-top:18px!important}.tabs{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.tab{border:1px solid var(--vb-border)!important;background:#fff!important;color:#334155!important;border-radius:999px!important;padding:9px 18px!important;font-weight:900!important;font-size:13px!important;cursor:pointer!important;transition:background .15s,color .15s,border-color .15s!important}.tab.active{background:var(--vb-blue)!important;color:#fff!important;border-color:var(--vb-blue)!important}.dots,.edit-btn,.row-btn,.view-btn{border:1px solid var(--vb-border)!important;background:#fff!important;border-radius:10px!important;font-weight:900!important;cursor:pointer!important}.pagination{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:14px 18px!important;gap:12px!important;flex-wrap:wrap!important}.pages{display:flex!important;gap:6px!important}.page-btn{width:36px!important;height:36px!important;border:1px solid var(--vb-border)!important;background:#fff!important;border-radius:9px!important;color:#334155!important;font-weight:900!important;cursor:pointer!important}.page-btn.active{background:var(--vb-blue)!important;color:#fff!important;border-color:var(--vb-blue)!important}.app>aside.sidebar,.dashboard-shell>aside.sidebar,.shell>.side,.shell>aside.sidebar{background:linear-gradient(180deg,#0c1e3e 0,#040e1e 100%)!important}.main,.main-content{animation:vb-fadein .18s ease both!important}@keyframes vb-fadein{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.main,.main-content{animation:none!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c8d4e8;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a0b0cc}.text-muted{color:var(--vb-muted)!important}.text-blue{color:var(--vb-blue)!important}.text-green{color:var(--vb-green)!important}.text-red{color:var(--vb-red)!important}.fw-900{font-weight:900!important}.fw-950{font-weight:950!important}.app>.main,.dashboard-shell>.main-content,.shell>.main,.shell>main{min-width:0!important;overflow-x:hidden!important}.items-card,.items-scroll,.table-card,.table-shell,.table-wrap,.table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}body.viya-auth-page{min-height:100vh!important;min-height:100dvh!important;background:radial-gradient(circle at top left,rgba(14,116,255,.12) 0,transparent 28%),radial-gradient(circle at bottom left,rgba(14,165,233,.1) 0,transparent 24%),linear-gradient(135deg,var(--card),#f7fbff)!important;color:var(--vb-text)!important;overflow-x:hidden!important}#pageLoader{position:fixed;inset:0;background:#fff;display:flex;align-items:center;justify-content:center;z-index:99999;transition:opacity .3s}#pageLoader.done{opacity:0;pointer-events:none}.loader-spin{width:40px;height:40px;border:3px solid #f1f5f9;border-top-color:var(--primary);border-radius:50%;animation:loaderSpin .7s linear infinite}@keyframes loaderSpin{to{transform:rotate(360deg)}}.viya-spin{width:44px;height:44px;border:3px solid #f1f5f9;border-top-color:var(--primary);border-radius:50%;animation:viyaSpin .75s linear infinite}@keyframes viyaSpin{to{transform:rotate(360deg)}}.login-page,.viya-auth-layout{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,0.92fr);gap:clamp(34px,5vw,64px);align-items:center;padding:clamp(36px,6vw,68px) clamp(22px,7vw,8%)}.hero,.viya-auth-hero{min-width:0}.brand,.viya-auth-brand{display:flex;align-items:center;gap:14px;margin-bottom:clamp(34px,6vw,70px)}.real-logo,.viya-auth-logo{width:80px;height:auto;object-fit:contain}.brand h1,.viya-auth-brand h1{margin:0;font-size:34px!important;line-height:1;letter-spacing:0!important}.brand p,.viya-auth-brand p{margin:6px 0 0;color:#2b3d73;font-size:15px}.hero h2,.viya-auth-hero h2{margin:0 0 24px;font-size:clamp(38px, 4vw, 50px)!important;line-height:1.12;letter-spacing:0!important;color:#07133d!important}.hero h2 span,.viya-auth-hero h2 span{color:#0969ff}.hero-text,.viya-auth-copy{max-width:540px;color:#23386d;font-size:18px;line-height:1.65;margin:0 0 34px}.features{display:grid;gap:18px;margin-bottom:34px}.feature{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.feature-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#eaf2ff;flex:0 0 auto}.feature strong{display:block;font-size:17px;margin-bottom:4px}.feature p{margin:0;color:#2b3d73;font-size:15px}.preview-card{width:min(620px,100%);border-radius:22px;background:var(--card);border:1px solid #dfe8f6;box-shadow:0 28px 70px rgba(7,19,61,.14);overflow:hidden;margin-top:34px}.preview-top{height:54px;background:#061a45;color:var(--card);display:flex;align-items:center;justify-content:space-between;padding:0 18px}.preview-top div{display:flex;gap:7px}.preview-top span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.35)}.preview-layout{display:grid;grid-template-columns:110px minmax(0,1fr);min-height:270px}.preview-sidebar{background:#07183f;padding:24px 16px}.preview-sidebar p{height:12px;border-radius:20px;background:rgba(255,255,255,.25);margin:0 0 18px}.preview-content{padding:24px;background:linear-gradient(135deg,var(--card),#f7fbff)}.preview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.preview-chart,.preview-list p,.preview-stats div{border:1px solid #e4ecf8;background:var(--card)}.preview-stats div{border-radius:16px;padding:14px}.preview-stats small{display:block;color:var(--muted);font-size:11px;margin-bottom:8px}.preview-stats strong{font-size:14px;color:#07133d}.preview-main{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.preview-chart{height:150px;border-radius:12px;display:flex;align-items:end;gap:12px;padding:18px}.preview-chart i{flex:1;border-radius:10px 10px 0 0;background:linear-gradient(180deg,#1d73ff,#9fc5ff)}.preview-list{display:grid;gap:12px}.preview-list p{display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:14px;padding:12px;font-size:12px;color:#263a69;margin:0}.preview-list span{width:8px;height:8px;background:#1d73ff;border-radius:50%}.preview-list b{color:#0f9f6e;font-size:11px}.login-card-wrap,.page-shell{display:flex;flex-direction:column;align-items:center}.page-shell{min-height:100vh;min-height:100dvh;justify-content:center;padding:32px 16px}.login-card,.login-panel{width:min(460px,100%);background:rgba(255,255,255,.94);border:1px solid #e2eaf7;border-radius:22px;padding:42px 34px 32px;box-shadow:0 30px 70px rgba(15,50,100,.14);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-mark img,.card-real-logo{display:block;width:86px!important;height:auto!important;margin:0 auto 22px;object-fit:contain}.logo-wrap{display:grid;place-items:center;margin-bottom:8px}.brand-mark{background:0 0!important;box-shadow:none!important}.hero-copy h1,.login-card h2,.login-panel h1{text-align:center;font-size:26px!important;line-height:1.2;margin:0 0 8px!important;letter-spacing:0!important}.hero-copy p,.login-card .sub{text-align:center;color:#30416f!important;margin:0 0 30px!important;font-size:15px}.login-card label,.login-form label,.login-panel label{display:block;font-size:14px;font-weight:800;margin-bottom:8px}.login-card .input-box,.login-form .input-box,.login-panel .input-box{position:relative;margin-bottom:20px}.login-card .input-box span,.login-form .input-box span,.login-panel .input-box span{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#67799f;z-index:1}.login-card .input-box input,.login-form .input-box input,.login-panel .input-box input{width:100%;height:54px!important;padding-left:44px!important;font-size:15px!important}.error,.error-message{color:var(--danger);font-size:13px;font-weight:800;min-height:16px;display:block;margin:-10px 0 14px}.footer-row,.row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 26px;font-size:14px}.footer-row a,.row a,.signup a{color:#006bff;text-decoration:none;font-weight:800}.login-card .btn,.login-panel .primary-button{width:100%!important;height:54px!important;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,#1175ff,#0057e7)!important;color:#fff!important;font-size:16px!important;font-weight:900!important;cursor:pointer;box-shadow:0 16px 28px rgba(0,89,255,.24)!important}.login-card .google{background:#fff!important;color:#10204f!important;box-shadow:none!important;border:1px solid #d9e3f2!important}.divider{display:flex;align-items:center;gap:14px;color:#526487;margin:26px 0;font-size:14px}.divider::after,.divider::before{content:"";flex:1;height:1px;background:#dfe7f3}.secure,.signup{text-align:center;color:#425579}.signup{margin-top:26px;font-size:14px}.secure{margin-top:36px}.secure strong{display:block;color:#263a69;font-size:18px;margin-bottom:10px}.search-filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.search-wrap{display:flex;align-items:center;height:36px;border:.5px solid #c8c6bc;border-radius:8px;background:#fff;padding:0 4px 0 10px;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.search-wrap:focus-within{border-color:#185fa5;box-shadow:0 0 0 3px rgba(24,95,165,.15)}.search-wrap .ti-search{font-size:15px;color:#888780;flex-shrink:0;pointer-events:none;line-height:1}.search-wrap input{flex:1!important;border:none!important;outline:0!important;background:0 0!important;font-size:13px!important;color:#1a1a18!important;padding:0 6px!important;font-family:inherit!important;min-width:0!important;height:auto!important;min-height:unset!important;border-radius:0!important;box-shadow:none!important}.search-wrap input::placeholder{color:#888780}.search-clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:0 0;cursor:pointer;color:#888780;font-size:14px;border-radius:4px;flex-shrink:0;transition:color .15s;padding:0}.search-clear:hover{color:#1a1a18}.filter-select{height:36px;padding:0 10px;border:.5px solid #c8c6bc;border-radius:8px;background:#fff;color:#1a1a18;font-size:13px;font-family:inherit;outline:0;cursor:pointer;box-sizing:border-box}.filter-select:focus{border-color:#185fa5;box-shadow:0 0 0 3px rgba(24,95,165,.15)}html[data-theme=dark] .search-wrap{background:#1e293b;border-color:#334155}html[data-theme=dark] .search-wrap .ti-search{color:var(--muted)}html[data-theme=dark] .search-wrap input{color:#e2e8f0!important}html[data-theme=dark] .search-wrap input::placeholder{color:var(--muted)}html[data-theme=dark] .search-clear{color:var(--muted)}html[data-theme=dark] .search-clear:hover{color:#e2e8f0}html[data-theme=dark] .filter-select{background:#1e293b;border-color:#334155;color:#e2e8f0}.nav-search{display:flex;align-items:center;gap:8px;flex:1;max-width:420px;height:36px;background:#fff;border:.5px solid #c8c6bc;border-radius:8px;padding:0 12px;box-sizing:border-box}.nav-search i{color:#6b6a65;font-size:15px;flex-shrink:0}.nav-search input{border:none;outline:0;background:0 0;font-family:inherit;font-size:13px;width:100%;color:#1a1a18;font-weight:400;height:auto;min-height:unset;padding:0;border-radius:0}.nav-search input::placeholder{color:#888780}html[data-theme=dark] .nav-search{background:#1e293b;border-color:#334155}html[data-theme=dark] .nav-search input{color:#e2e8f0}.topbar{display:flex!important;align-items:center!important;gap:8px!important}.icon-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;border-radius:8px!important;border:.5px solid #c8c6bc!important;background:#fff!important;color:#6b6a65!important;cursor:pointer!important;font-size:18px!important;transition:background .15s,color .15s!important;flex-shrink:0!important}.icon-btn:hover{background:#f5f5f3!important;color:#1a1a18!important}html[data-theme=dark] .icon-btn{background:#1e293b!important;border-color:#334155!important;color:#94a3b8!important}html[data-theme=dark] .icon-btn:hover{background:#273549!important;color:#e2e8f0!important}.bell-wrap{position:relative;display:inline-flex}.bell-badge{position:absolute;top:-4px;right:-4px;width:16px;height:16px;background:#e24b4a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#fff;border:2px solid #fff;pointer-events:none}.profile-btn{display:flex!important;align-items:center!important;gap:8px!important;height:36px!important;padding:0 10px 0 4px!important;border-radius:8px!important;border:.5px solid #c8c6bc!important;background:#fff!important;cursor:pointer!important;transition:background .15s!important;font-family:inherit!important}.profile-btn:hover{background:#f5f5f3!important}.profile-btn .avatar{width:28px!important;height:28px!important;border-radius:50%!important;background:#185fa5!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;font-weight:600!important;color:#fff!important;flex-shrink:0!important}.profile-name{font-size:13px;font-weight:500;color:#1a1a18;line-height:1.2}.profile-role{font-size:11px;color:#888780;line-height:1.2}.dropdown-wrap{position:relative}.dropdown-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px rgba(15,23,42,.12);padding:6px;z-index:1000}.dropdown-menu.open{display:block}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:13px;font-weight:500;color:#1a1a18;background:0 0;border:none;border-radius:7px;cursor:pointer;text-align:left;transition:background .12s;font-family:inherit}.dropdown-item:hover{background:#f5f5f3}.dropdown-item.danger{color:#e24b4a}.dropdown-item.danger:hover{background:#fcebeb}.dropdown-item i{font-size:15px;flex-shrink:0}.dropdown-divider{height:1px;background:var(--border);margin:4px 6px}html[data-theme=dark] .dropdown-menu{background:#0d1f3c;border-color:#1e3a5f}html[data-theme=dark] .dropdown-item{color:#e2e8f0}html[data-theme=dark] .dropdown-item:hover{background:#1e293b}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:100000;padding:16px}.modal-overlay.hidden{display:none!important}.modal-overlay .modal{background:#fff;border-radius:16px;width:100%;max-width:560px;border:.5px solid #c8c6bc;overflow:hidden;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(15,23,42,.22);padding:0!important;margin:0!important;position:relative!important;inset:auto!important}.modal-overlay .modal.modal-sm{max-width:420px}.modal-overlay .modal.modal-lg{max-width:820px}.modal-overlay .modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:.5px solid #e8e6de;flex-shrink:0;margin:0}.modal-overlay .modal-title{font-size:16px;font-weight:600;color:#1a1a18;display:flex;align-items:center;gap:8px;margin:0}.modal-overlay .modal-title i{font-size:18px;color:#185fa5}.modal-overlay .modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:.5px solid #c8c6bc;background:#f5f5f3;cursor:pointer;font-size:16px;color:#6b6a65;transition:background .15s,color .15s;flex-shrink:0;padding:0}.modal-overlay .modal-close:hover{background:#ebebea;color:#1a1a18}.modal-overlay .modal-body{padding:20px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;flex:1}.modal-overlay .modal-footer{padding:14px 20px;border-top:.5px solid #e8e6de;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0}.modal-overlay .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-overlay .form-row.full{grid-template-columns:1fr}.modal-overlay .form-group{display:flex;flex-direction:column;gap:5px}.modal-overlay .form-label{font-size:11px;font-weight:600;color:#6b6a65;text-transform:uppercase;letter-spacing:.04em}.modal-overlay .form-label .req{color:#e24b4a;margin-left:2px}.modal-overlay .form-input,.modal-overlay .form-select,.modal-overlay .form-textarea{height:38px;padding:0 12px;border:.5px solid #c8c6bc;border-radius:8px;background:#f9f9f7;color:#1a1a18;font-size:13px;font-family:inherit;outline:0;transition:border-color .15s,box-shadow .15s,background .15s;width:100%;box-sizing:border-box}.modal-overlay .form-textarea{height:auto;min-height:76px;padding:10px 12px;resize:vertical}.modal-overlay .form-input:focus,.modal-overlay .form-select:focus,.modal-overlay .form-textarea:focus{border-color:#185fa5;box-shadow:0 0 0 3px rgba(24,95,165,.12);background:#fff}.modal-overlay .form-input::placeholder,.modal-overlay .form-textarea::placeholder{color:#b4b2a9}.modal-overlay .photo-upload{border:1.5px dashed #c8c6bc;border-radius:10px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:border-color .15s,background .15s;background:#f9f9f7;text-align:center}.modal-overlay .photo-upload:hover{border-color:#185fa5;background:#e8f2fc}.modal-overlay .form-divider{display:flex;align-items:center;gap:10px;margin:2px 0}.modal-overlay .form-divider span{font-size:11px;color:#b4b2a9;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.modal-overlay .form-divider::after,.modal-overlay .form-divider::before{content:'';flex:1;height:.5px;background:#e8e6de}.modal-overlay .modal-confirm-text{font-size:14px;color:#44433e;line-height:1.6;margin:0}.modal-overlay .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-overlay .field.full,.modal-overlay .form-grid .full{grid-column:1/-1}.modal-overlay .field{display:flex;flex-direction:column;gap:5px}.modal-overlay .field>label{font-size:11px;font-weight:600;color:#6b6a65;text-transform:uppercase;letter-spacing:.04em}.modal-overlay .field input:not([type=checkbox]):not([type=radio]):not([type=file]),.modal-overlay .field select,.modal-overlay .field textarea{min-height:38px;height:38px;padding:0 12px;border:.5px solid #c8c6bc;border-radius:8px;background:#f9f9f7;color:#1a1a18;font-size:13px;font-family:inherit;outline:0;width:100%;box-sizing:border-box;transition:border-color .15s,box-shadow .15s,background .15s}.modal-overlay .field textarea{height:auto;min-height:76px;padding:10px 12px;resize:vertical}.modal-overlay .field input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,.modal-overlay .field select:focus,.modal-overlay .field textarea:focus{border-color:#185fa5;box-shadow:0 0 0 3px rgba(24,95,165,.12);background:#fff}@media (max-width:560px){.modal-overlay .form-grid{grid-template-columns:1fr}}html[data-theme=dark] .modal-overlay .field>label{color:#94a3b8}html[data-theme=dark] .modal-overlay .field input:not([type=checkbox]):not([type=radio]):not([type=file]),html[data-theme=dark] .modal-overlay .field select,html[data-theme=dark] .modal-overlay .field textarea{background:#0b1e38;border-color:#334155;color:#f1f5f9}@media (max-width:560px){.modal-overlay .form-row{grid-template-columns:1fr}}html[data-theme=dark] .modal-overlay .modal{background:#0d1f3c;border-color:#1e3a5f}html[data-theme=dark] .modal-overlay .modal-footer,html[data-theme=dark] .modal-overlay .modal-head{border-color:#1e3a5f}html[data-theme=dark] .modal-overlay .modal-title{color:#f1f5f9}html[data-theme=dark] .modal-overlay .modal-close{background:#1e293b;border-color:#334155;color:#94a3b8}html[data-theme=dark] .modal-overlay .modal-close:hover{background:#273549;color:#e2e8f0}html[data-theme=dark] .modal-overlay .form-input,html[data-theme=dark] .modal-overlay .form-select,html[data-theme=dark] .modal-overlay .form-textarea{background:#0b1e38;border-color:#334155;color:#f1f5f9}html[data-theme=dark] .modal-overlay .form-input:focus,html[data-theme=dark] .modal-overlay .form-select:focus,html[data-theme=dark] .modal-overlay .form-textarea:focus{background:#0b1e38}html[data-theme=dark] .modal-overlay .modal-confirm-text{color:#cbd5e1}html[data-theme=dark] .modal-overlay .photo-upload{background:#0b1e38;border-color:#334155}@keyframes vbSidebarSkel{0%,100%{opacity:.55}50%{opacity:.9}}.sidebar:empty{width:220px;min-width:220px;max-width:220px;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 30% 0,#0b3a78 0,#071f43 35%,#03152f 100%);border-right:1px solid rgba(255,255,255,.08);box-shadow:10px 0 35px rgba(2,8,23,.15);padding:22px 20px;box-sizing:border-box;position:relative;overflow:hidden}.sidebar:empty::before{content:"";display:block;height:150px;margin-bottom:14px;background:linear-gradient(rgba(255,255,255,.08) 0 0) 0 0/100% 72px no-repeat,linear-gradient(rgba(255,255,255,.05) 0 0) 0 92px/100% 58px no-repeat;border-radius:14px;animation:vbSidebarSkel 1.2s ease-in-out infinite}.sidebar:empty::after{content:"";display:block;height:calc(100vh - 210px);height:calc(100dvh - 210px);border-radius:8px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.06) 0,rgba(255,255,255,.06) 38px,transparent 38px,transparent 54px);animation:vbSidebarSkel 1.2s ease-in-out infinite}.viya-loader-logo{width:auto!important;height:72px!important;max-width:180px!important;object-fit:contain!important}.sidebar-brand{display:flex!important;align-items:center!important;gap:11px!important;overflow:hidden!important;min-width:0!important}.vb-brand-icon{display:block!important;height:42px!important;width:auto!important;max-width:64px!important;flex-shrink:0!important;object-fit:contain!important}.brand img,.side .brand img,.sidebar .brand img{width:42px!important;height:42px!important;max-width:64px!important;object-fit:contain!important}.vb-brand-copy{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;overflow:hidden!important}.vb-brand-name{display:block!important;font-size:15.5px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.15!important;letter-spacing:-.01em!important}.vb-brand-tag{display:block!important;font-size:10.5px!important;font-weight:600!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.2!important}.viya-mobile-logo{height:28px!important;width:auto!important;max-width:110px!important;object-fit:contain!important}.viya-header-logo{height:28px!important;width:auto!important;max-width:130px!important;object-fit:contain!important}.viya-svg-icon,[data-viya-icon] svg{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.18em}button>.viya-svg-icon:only-child{width:1em;height:1em;margin:0 auto;display:block}@media (max-width:1023px){.vb-brand-icon{height:36px!important;max-width:56px!important}.vb-brand-name{font-size:14px!important}.vb-brand-tag{font-size:10px!important}}@media (max-width:767px){.viya-mobile-logo{height:26px!important}}@media (max-width:430px){.viya-mobile-logo{height:24px!important}}body,html{overflow-x:hidden!important;overflow-x:clip!important;max-width:100%!important}*{box-sizing:border-box}@media (min-width:1024px) and (max-width:1366px){:root{--vb-sidebar-w:200px!important}.app>aside.sidebar,.dashboard-shell>aside.sidebar,.sidebar,.viya-sidebar,aside.sidebar{width:200px!important;min-width:200px!important;max-width:200px!important;padding:20px 12px!important}.sidebar-nav a,.viya-sidebar-nav a{padding:9px 10px!important;font-size:12.5px!important;gap:8px!important}.sidebar-icon{width:22px!important;height:22px!important}.vb-brand-name{font-size:13px!important}.vb-brand-tag{font-size:9.5px!important}.business-trigger{padding:8px 10px!important;font-size:12px!important}.sidebar-nav .nav-section-label{font-size:9px!important;padding:10px 10px 3px!important}.main,.main-content,.viya-main{padding:16px 18px!important}.viya-app-header{padding:8px 10px!important}.kpi-grid,.metrics,.mini-stats,.stats-grid,.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.cards,.quick-actions,.type-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.content-grid,.donut-wrap,.tables-grid,.trip-inner-grid{grid-template-columns:1fr!important}.grid-top,.notes-totals{grid-template-columns:1fr!important}.invoice-details{grid-template-columns:130px minmax(0,1fr) 130px minmax(0,1fr)!important}.filter-grid,.filters{display:flex!important;flex-wrap:wrap!important;gap:10px!important}.filter-grid>*,.filters>*{flex:1 1 180px!important;min-width:0!important}.items-scroll,.panel:has(table),.table-wrap,.table-wrapper,.td-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.settings-layout{grid-template-columns:1fr!important}.modal-card,.modal-content,.modal-inner{width:min(560px,96vw)!important;max-width:min(560px,96vw)!important;padding:20px!important}.form-grid,.modal-grid{grid-template-columns:1fr 1fr!important}.bottom-actions,.footer-actions{flex-wrap:wrap!important;gap:8px!important}.bottom-actions .btn,.footer-actions .btn{flex:1 1 140px!important;min-width:0!important}}@media (min-width:993px) and (max-width:1023px){.app,.dashboard-shell,body.viya-sidebar-page .viya-layout,body:has(> .app)>.app{display:block!important;grid-template-columns:none!important}.app-sidebar,.dashboard-shell>.sidebar,.sidebar,.viya-sidebar,body.viya-sidebar-page .viya-layout>.sidebar,body.viya-sidebar-page .viya-layout>.viya-sidebar,body:has(> .app)>.app>.sidebar{display:flex!important;position:fixed!important;top:0!important;left:0!important;z-index:10001!important;width:min(300px,86vw)!important;max-width:86vw!important;height:100dvh!important;min-height:100dvh!important;overflow-y:auto!important;transform:translateX(-105%)!important;transition:transform .3s ease!important;grid-column:auto!important}.app-sidebar.active,.sidebar.active,.viya-sidebar.active,body.sidebar-open .app-sidebar,body.sidebar-open .sidebar,body.sidebar-open .viya-sidebar{transform:translateX(0)!important}.dashboard-content,.dashboard-shell>.main-content,.main,.main-content,.page-content,.viya-main,body.viya-sidebar-page .viya-layout>.viya-main,body:has(> .app)>.app>.main{grid-column:auto!important;width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;padding-top:72px!important}.cards,.kpi-grid,.metrics,.mini-stats,.quick,.quick-actions,.stats-grid,.summary-grid,.type-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.content-grid,.tables-grid{grid-template-columns:1fr!important}.donut-wrap{grid-template-columns:1fr!important}.grid-top,.notes-totals{grid-template-columns:1fr!important}.invoice-details{grid-template-columns:130px minmax(0,1fr)!important}.modal-card,.modal-content{width:min(540px,94vw)!important;max-width:min(540px,94vw)!important}.bottom-actions,.footer-actions{flex-wrap:wrap!important}.bottom-actions .btn,.footer-actions .btn{flex:1 1 140px!important}.sidebar-overlay.active,body.sidebar-open .sidebar-overlay{display:block!important;opacity:1!important;pointer-events:auto!important}}@media (max-width:1023px){.login-page,.viya-auth-layout{grid-template-columns:1fr!important;padding:32px 20px!important}.hero,.viya-auth-hero{display:none!important}.login-card,.login-card-wrap,.login-panel{width:100%!important;max-width:520px!important;margin-left:auto!important;margin-right:auto!important}.detail-table-card,.items-scroll,.panel:has(table),.table-panel,.table-shell,.table-wrap,.table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.content-grid,.tables-grid{grid-template-columns:1fr!important}.donut-wrap{grid-template-columns:1fr!important}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.filter-grid,.filters{display:flex!important;flex-wrap:wrap!important}.filter-grid>*,.filters>*{flex:1 1 200px!important;min-width:0!important}.settings-layout{grid-template-columns:1fr!important}.grid-top,.notes-totals{grid-template-columns:1fr!important}}@media (max-width:1023px){.dashboard-topbar,.page-topbar,.top-bar,.topbar,.topbar-stub,header.topbar{display:none!important}.filter-row .search-wrap,.page-filters .search-wrap,.panel .search-wrap,.search-bar:not(.top-nav .search-wrap),.tool-card .search-wrap,.top-search{display:none!important}.top-nav,.top-nav .search-wrap{display:flex!important}}@media (max-width:767px){.login-page,.viya-auth-layout{min-height:100dvh!important;padding:24px 16px!important}.login-card,.login-panel{border-radius:20px!important;padding:28px 22px!important}.footer-row,.row{align-items:flex-start!important;flex-direction:column!important}.secure{margin-top:24px!important}.mini-stats,.summary-grid{grid-template-columns:1fr!important}.donut-wrap{grid-template-columns:1fr!important}.metrics{grid-template-columns:1fr!important}.head,.page-head,.topbar,.welcome{flex-wrap:wrap!important;gap:10px!important}.actions,.head-actions,.page-actions{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important}.actions .btn,.actions button,.head-actions .btn,.page-actions .btn,.page-actions button{flex:1 1 160px!important;min-width:0!important}.modal,.modal-card,.modal-inner{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important}.settings-grid,.settings-layout{grid-template-columns:1fr!important}.invoice-details{grid-template-columns:1fr!important}.grid-top,.notes-totals{grid-template-columns:1fr!important}.footer-actions{flex-direction:column!important}.footer-actions .btn,.footer-actions button{width:100%!important}.detail-grid,.form-grid,.modal-grid{grid-template-columns:1fr!important}.summary{grid-template-columns:1fr!important}}@media (max-width:479px){.login-page,.viya-auth-layout{padding:18px 12px!important}.login-card,.login-panel{padding:24px 18px!important}.brand-mark img,.card-real-logo{width:72px!important}.hero-copy h1,.login-card h2,.login-panel h1{font-size:23px!important}.cards,.kpi-grid,.metrics,.mini-stats,.stats-grid,.summary-grid{grid-template-columns:1fr!important}.card,.invoice-card,.panel,.products-card,.table-card{padding:14px!important}.modal,.modal-card{border-radius:12px!important}.btn-primary,.save-btn,.submit-btn{width:100%!important}}@media (min-width:769px) and (max-width:1023px){body .main,body .main-content,body main.main,body.viya-sidebar-page .viya-main{padding-bottom:24px!important}}@media (min-width:769px) and (max-width:1023px){.cards,.kpi-grid,.mini-stats,.stats-grid,.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media (min-width:769px){.vb-cardify tbody tr{display:table-row!important;border:none!important;border-radius:0!important;padding:0!important;margin-bottom:0!important}.vb-cardify tbody td{display:table-cell!important;text-align:left!important}.vb-cardify tbody td::before{display:none!important}}@media (min-width:769px) and (max-width:1023px){body{font-size:14px!important}.page-head h1,.topbar-title h1{font-size:20px!important}.btn{height:40px!important;font-size:13px!important}.nav-link{font-size:13px!important}}:root{--ui-primary:var(--primary);--ui-primary-2:#3b82f6;--ui-primary-grad:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);--ui-primary-glow:0 16px 40px rgba(24,95,165,0.28);--ui-secondary:#3b82f6;--ui-bg:#f5f7fb;--ui-card:rgba(255,255,255,0.72);--ui-card-solid:var(--card);--ui-glass:rgba(255,255,255,0.68);--ui-glass-border:rgba(255,255,255,0.38);--ui-glass-blur:blur(16px);--ui-text:var(--text);--ui-muted:var(--muted);--ui-muted-2:#9ca3af;--ui-border:rgba(148,163,184,0.24);--ui-shadow:0 10px 30px rgba(0,0,0,0.08);--ui-shadow-md:0 20px 50px rgba(0,0,0,0.10);--ui-shadow-lg:0 28px 70px rgba(0,0,0,0.13);--ui-r-card:22px;--ui-r-btn:999px;--ui-r-input:14px;--ui-r-modal:28px;--ui-r-sm:12px;--ui-ease:all 0.25s cubic-bezier(0.4,0,0.2,1);--ui-ease-spring:all 0.3s cubic-bezier(0.34,1.56,0.64,1);--ui-green:#10b981;--ui-green-bg:rgba(16,185,129,0.10);--ui-red:var(--danger);--ui-red-bg:rgba(239,68,68,0.08);--ui-orange:var(--warning);--ui-orange-bg:rgba(245,158,11,0.10);--ui-purple-bg:rgba(24,95,165,0.10);--ui-blue-bg:rgba(59,130,246,0.10)}*,::after,::before{box-sizing:border-box}body,html{font-family:Inter,Poppins,"Segoe UI",-apple-system,sans-serif!important;max-width:100%;overflow-x:hidden;overflow-x:clip}body{background:var(--ui-bg)!important;color:var(--ui-text)!important}body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 10% 10%,rgba(24,95,165,.12),transparent 35%),radial-gradient(circle at 90% 5%,rgba(59,130,246,.1),transparent 30%),radial-gradient(circle at 50% 95%,rgba(16,185,129,.07),transparent 30%),linear-gradient(160deg,#f5f7fb 0,#eef2ff 100%)}.action-card,.card,.checkout-card,.customer-card,.empty-state,.expense-card,.export-card,.glass-card,.invoice-card,.kpi-card,.metric-card,.modal-card,.panel,.plan-card,.product-card,.project-card,.quick-link-card,.report-card,.role-card,.settings-card,.settings-menu,.settings-panel,.settings-section,.staff-card,.stat-card,.summary-card,.table-card,.table-shell,.tool-card,.trip-card{background:var(--ui-card)!important;border:1px solid var(--ui-glass-border)!important;border-radius:var(--ui-r-card)!important;box-shadow:var(--ui-shadow)!important;-webkit-backdrop-filter:var(--ui-glass-blur)!important;backdrop-filter:var(--ui-glass-blur)!important;-webkit-backdrop-filter:var(--ui-glass-blur)!important;transition:var(--ui-ease)!important}.action-card:hover,.card:hover,.customer-card:hover,.invoice-card:hover,.kpi-card:hover,.metric-card:hover,.product-card:hover,.project-card:hover,.quick-link-card:hover,.stat-card:hover,.trip-card:hover{box-shadow:var(--ui-shadow-md)!important;border-color:rgba(24,95,165,.2)!important}.dialog,.modal-box,.modal-card,.modal-content,.popup,.trip-modal-card,.viya-modal-card{border-radius:var(--ui-r-modal)!important;background:rgba(255,255,255,.96)!important;border:1px solid var(--ui-glass-border)!important;box-shadow:var(--ui-shadow-lg)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}.modal,.modal-backdrop,.modal-bg,.modal-overlay,.viya-modal-backdrop{background:rgba(17,24,39,.35)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.add-biz-btn,.add-product-main,.add-project-btn,.add-trip-btn,.btn-primary,.btn.primary,.complete-sale,.export-btn,.modal-save,.pay-order,.primary,.primary-button,.project-modal-save,.save-btn,.trip-modal-save,button.primary,button[class*=add-btn],button[class*=save-btn]{background:var(--ui-primary-grad)!important;color:var(--card)!important;border:none!important;border-radius:var(--ui-r-btn)!important;box-shadow:var(--ui-primary-glow)!important;font-weight:700!important;letter-spacing:.01em!important;transition:var(--ui-ease)!important}.add-product-main:not(:disabled):hover,.add-trip-btn:not(:disabled):hover,.btn-primary:not(:disabled):hover,.btn.primary:not(:disabled):hover,.pay-order:not(:disabled):hover,.primary-button:not(:disabled):hover,.save-btn:not(:disabled):hover{box-shadow:0 20px 48px rgba(24,95,165,.38)!important;filter:brightness(1.06)!important}.add-customer,.add-year-btn,.biz-open-btn,.btn-secondary,.btn.secondary,.customer-tool-btn,.filter-btn,.ghost,.ghost-button,.pdf-order,.print-order,.save-order,.scan-bill-btn,.secondary,.secondary-button,.tab-pill,.view-btn,button.secondary{background:rgba(255,255,255,.8)!important;color:var(--ui-primary)!important;border:1px solid rgba(24,95,165,.28)!important;border-radius:var(--ui-r-btn)!important;font-weight:700!important;-webkit-backdrop-filter:var(--ui-glass-blur)!important;backdrop-filter:var(--ui-glass-blur)!important;-webkit-backdrop-filter:var(--ui-glass-blur)!important;transition:var(--ui-ease)!important}.btn.secondary:not(:disabled):hover,.secondary-button:not(:disabled):hover,.view-btn:not(:disabled):hover{background:rgba(24,95,165,.08)!important;border-color:rgba(24,95,165,.5)!important}.btn-danger,.customer-tool-btn.danger,.danger,.danger-button,.delete-btn{background:var(--ui-red-bg)!important;color:var(--ui-red)!important;border:1px solid rgba(239,68,68,.28)!important;border-radius:var(--ui-r-btn)!important;font-weight:700!important;transition:var(--ui-ease)!important}.danger-button:not(:disabled):hover,.delete-btn:not(:disabled):hover{background:rgba(239,68,68,.16)!important}.btn-success,.complete-btn,.success-button{background:linear-gradient(135deg,#10b981,var(--success))!important;color:#fff!important;border:none!important;border-radius:var(--ui-r-btn)!important;box-shadow:0 14px 30px rgba(16,185,129,.26)!important;transition:var(--ui-ease)!important}.icon-btn,.menu-btn,.notification-button,.viya-icon-btn{border-radius:14px!important;border:1px solid var(--ui-border)!important;background:rgba(255,255,255,.88)!important;-webkit-backdrop-filter:var(--ui-glass-blur)!important;backdrop-filter:var(--ui-glass-blur)!important;-webkit-backdrop-filter:var(--ui-glass-blur)!important;transition:var(--ui-ease)!important}.icon-btn:hover,.menu-btn:hover,.notification-button:hover,.viya-icon-btn:hover{box-shadow:var(--ui-shadow)!important;border-color:rgba(24,95,165,.3)!important}.btn:disabled,.button:disabled,button:disabled{opacity:.48!important;cursor:not-allowed!important;transform:none!important;filter:none!important}.cust-select,.input-box,.prod-search,.search-box,.viya-header-search,input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{border-radius:var(--ui-r-input)!important;border:1px solid var(--ui-border)!important;background:rgba(255,255,255,.85)!important;color:var(--ui-text)!important;transition:var(--ui-ease)!important}.input-box:focus-within,.prod-search:focus-within,input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{outline:0!important;border-color:var(--ui-primary)!important;box-shadow:0 0 0 3px rgba(24,95,165,.14)!important;background:var(--card)!important}input::placeholder,textarea::placeholder{color:var(--ui-muted-2)!important}.nav a.active,.sidebar-nav a.active,.viya-sidebar-nav a.active{background:var(--ui-primary-grad)!important;color:var(--card)!important;box-shadow:0 12px 28px rgba(24,95,165,.3)!important}.nav a:not(.active):hover,.sidebar-nav a:not(.active):hover,.viya-sidebar-nav a:not(.active):hover{background:rgba(24,95,165,.1)!important;color:var(--ui-primary)!important}.dashboard-topbar,.pos-header,.topbar,.viya-app-header{background:rgba(255,255,255,.72)!important;border:1px solid var(--ui-glass-border)!important;border-radius:20px!important;-webkit-backdrop-filter:var(--ui-glass-blur)!important;backdrop-filter:var(--ui-glass-blur)!important;-webkit-backdrop-filter:var(--ui-glass-blur)!important;box-shadow:var(--ui-shadow)!important}.badge,.pill,.status,.status-pill{border-radius:999px!important;font-size:11px!important;font-weight:700!important;letter-spacing:.04em!important;text-transform:uppercase!important;padding:5px 12px!important}.badge-success,.pill.paid,.status-pill.paid,.status.paid{background:var(--ui-green-bg)!important;color:#065f46!important;border:1px solid rgba(16,185,129,.28)!important}.badge-warning,.pill.due,.status-pill.pending,.status.due,.status.pending{background:var(--ui-orange-bg)!important;color:#92400e!important;border:1px solid rgba(245,158,11,.28)!important}.badge-danger,.pill.overdue,.status-pill.overdue,.status.overdue{background:var(--ui-red-bg)!important;color:#991b1b!important;border:1px solid rgba(239,68,68,.28)!important}.active-count,.status-pill.active{background:var(--ui-green-bg)!important;color:#065f46!important;border:1px solid rgba(16,185,129,.28)!important}table:not(.invoice-table){border-collapse:separate!important;border-spacing:0 6px!important;width:100%!important}table:not(.invoice-table) th,table:not(.invoice-table) thead th{background:rgba(24,95,165,.06)!important;color:var(--ui-muted)!important;font-size:11px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.06em!important;border:none!important;padding:10px 16px!important}table:not(.invoice-table) thead th:first-child{border-radius:12px 0 0 12px!important}table:not(.invoice-table) thead th:last-child{border-radius:0 12px 12px 0!important}table:not(.invoice-table) td{background:rgba(255,255,255,.82)!important;border-top:1px solid rgba(148,163,184,.12)!important;border-bottom:1px solid rgba(148,163,184,.12)!important;color:var(--ui-text)!important;padding:12px 16px!important;transition:var(--ui-ease)!important}table:not(.invoice-table) td:first-child{border-left:1px solid rgba(148,163,184,.12)!important;border-radius:12px 0 0 12px!important}table:not(.invoice-table) td:last-child{border-right:1px solid rgba(148,163,184,.12)!important;border-radius:0 12px 12px 0!important}table:not(.invoice-table) tbody tr:hover td{background:rgba(24,95,165,.05)!important;border-color:rgba(24,95,165,.14)!important}.table-card{width:100%!important;overflow:hidden!important;background:#fff!important;border:1px solid #e6edf5!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(22,49,82,.06)!important;padding:0!important}.table-card .invoice-table{border-collapse:collapse!important;border-spacing:0!important;table-layout:fixed!important;width:100%!important;background:#fff!important}.table-card .invoice-table tbody td,.table-card .invoice-table thead th{border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}.table-card .invoice-table tbody tr{background:#fff!important;box-shadow:none!important}.table-card .invoice-table thead,.table-card .invoice-table thead tr{background:#f7f9fc!important}.table-card .invoice-table thead th,.table-card .invoice-table thead th.actions-col,.table-card .invoice-table thead th.amount-col,.table-card .invoice-table thead th.status-col,.table-card .invoice-table thead th:first-child,.table-card .invoice-table thead th:last-child{height:44px!important;padding:0 16px!important;background:#f7f9fc!important;border:0!important;border-bottom:1px solid #e4ebf3!important;border-radius:0!important;color:#74849c!important;font-size:11px!important;font-weight:700!important;vertical-align:middle!important;white-space:nowrap!important;letter-spacing:.02em!important;text-transform:uppercase!important;box-shadow:none!important}.table-card .invoice-table thead th{text-align:left!important}.table-card .invoice-table tbody td{height:54px!important;padding:8px 16px!important;border-bottom:1px solid #edf1f6!important;color:#172033!important;font-size:12px!important;vertical-align:middle!important}.table-card .invoice-table tbody tr:last-child td{border-bottom:0!important}.table-card .invoice-table tbody td:first-child,.table-card .invoice-table thead th:first-child{padding-left:20px!important}.table-card .invoice-table col.col-customer{width:30%!important}.table-card .invoice-table col.col-number{width:22%!important}.table-card .invoice-table col.col-date{width:16%!important}.table-card .invoice-table col.col-amount{width:15%!important}.table-card .invoice-table col.col-status{width:8%!important}.table-card .invoice-table col.col-action{width:9%!important}.table-card .invoice-table td:nth-child(4),.table-card .invoice-table th:nth-child(4){text-align:right!important}.table-card .invoice-table td:nth-child(5),.table-card .invoice-table td:nth-child(6),.table-card .invoice-table th:nth-child(5),.table-card .invoice-table th:nth-child(6){text-align:center!important}.table-card .invoice-table td.actions-col,.table-card .invoice-table td.status-col,.table-card .invoice-table td.td-dd-cell,.table-card .invoice-table td[data-label=Action],.table-card .invoice-table td[data-label=Actions],.table-card .invoice-table td[data-label=Status]{min-width:0!important;max-width:none!important;overflow:visible!important}.table-card .invoice-table td.amount,.table-card .invoice-table td.invoice-amount-cell{overflow:visible!important;white-space:nowrap!important;text-align:right!important}.table-card .invoice-table td.status-col .pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:54px!important;height:24px!important;padding:0 8px!important;border-radius:999px!important;font-size:10px!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important;box-shadow:none!important;border:0!important}.table-card .invoice-table .pill.active,.table-card .invoice-table .pill.approved,.table-card .invoice-table .pill.paid{color:#0f9d63!important;background:#e7f7ef!important}.table-card .invoice-table .pill.pending,.table-card .invoice-table .pill.pending_approval,.table-card .invoice-table .pill.unpaid{color:#1668c4!important;background:#e9f2fd!important}.table-card .invoice-table .pill.cancelled,.table-card .invoice-table .pill.overdue,.table-card .invoice-table .pill.rejected{color:#d64545!important;background:#fdecec!important}.table-card .invoice-table .pill.draft,.table-card .invoice-table .pill.merged,.table-card .invoice-table .pill.partial{color:#64748b!important;background:#eef1f6!important}.table-card .invoice-table td.td-dd-cell .td-dd{display:inline-flex!important;justify-content:center!important;margin:0 auto!important}.table-card .invoice-table .act-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:auto!important;min-width:auto!important;max-width:none!important;height:30px!important;padding:0 10px!important;border:1px solid #d9e2ec!important;border-radius:8px!important;background:#fff!important;color:#344054!important;font-size:10px!important;font-weight:600!important;line-height:1!important;box-shadow:none!important;text-decoration:none!important}.table-card .invoice-table .act-btn.open,.table-card .invoice-table .act-btn:active,.table-card .invoice-table .act-btn:focus,.table-card .invoice-table .act-btn:hover{box-shadow:none!important}.table-card .invoice-table .act-btn::after,.table-card .invoice-table .act-btn::before,.table-card .invoice-table td.actions-col::after,.table-card .invoice-table td.actions-col::before,.table-card .invoice-table td.td-dd-cell::after,.table-card .invoice-table td.td-dd-cell::before{content:none!important;display:none!important}@media (min-width:768px) and (max-width:1024px){.table-card .invoice-table thead th{height:42px!important;padding:0 11px!important}.table-card .invoice-table tbody td{height:50px!important;padding:7px 11px!important}.table-card .invoice-table tbody td:first-child,.table-card .invoice-table thead th:first-child{padding-left:14px!important}.table-card .invoice-table td.status-col .pill{min-width:50px!important;height:22px!important;font-size:9.5px!important}.table-card .invoice-table .act-btn{height:28px!important;padding:0 8px!important;font-size:9.5px!important}}#td-invoices .trip-invoices-wrapper .tinv{min-width:900px!important}#td-invoices .trip-invoices-wrapper .tinv-head,#td-invoices .trip-invoices-wrapper .tinv-row{grid-template-columns:minmax(0,19fr) minmax(0,9fr) minmax(0,17fr) minmax(0,14fr) minmax(0,14fr) minmax(0,9fr) minmax(0,10fr) minmax(0,8fr)!important;gap:0!important;align-items:center!important}#td-invoices .trip-invoices-wrapper .tinv-head>*,#td-invoices .trip-invoices-wrapper .tinv-row>*{padding-left:8px!important;padding-right:8px!important;min-width:0!important;box-sizing:border-box!important}#td-invoices .trip-invoices-wrapper .tinv-head{height:50px!important;padding:0 14px!important;background:#f8fafc!important;border-bottom:1px solid #e4ebf3!important;color:#60718c!important;font-size:11px!important;font-weight:700!important}#td-invoices .trip-invoices-wrapper .tinv-row{min-height:74px!important;padding:9px 14px!important;border-bottom:1px solid #e8eef5!important}#td-invoices .trip-invoices-wrapper .tinv-amt .tinv-cur{font-size:9px!important;font-weight:700!important;margin-right:4px!important;color:#94a3b8!important}#td-invoices .trip-invoices-wrapper .tinv-amt .tinv-num{min-width:0!important;font-size:12px!important;font-weight:800!important}#td-invoices .trip-invoices-wrapper .tinv-status>*{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:56px!important;height:24px!important;padding:0 8px!important;border-radius:999px!important;font-size:10px!important;font-weight:700!important;line-height:1!important}#td-invoices .trip-invoices-wrapper .tinv-act .act-btn{height:32px!important;min-width:auto!important;max-width:100%!important;padding:0 9px!important;font-size:10.5px!important;font-weight:600!important;border-radius:8px!important;box-shadow:none!important}#td-invoices .trip-invoices-wrapper .tinv-send .send-badge,#td-invoices .trip-invoices-wrapper .tinv-send .send-btn{height:30px!important;min-width:66px!important;padding:0 9px!important;font-size:10.5px!important;border-radius:8px!important;box-shadow:none!important}@media (min-width:768px) and (max-width:1024px){#td-invoices .trip-invoices-wrapper .tinv-head{height:42px!important;padding-inline:9px!important;font-size:10px!important}#td-invoices .trip-invoices-wrapper .tinv-row{min-height:62px!important;padding:8px 9px!important}#td-invoices .trip-invoices-wrapper .tinv-status>*{min-width:52px!important;height:22px!important;font-size:9px!important}}@media (min-width:768px){body.trip-detail-page .page-head{display:flex!important;flex-direction:column!important;gap:12px!important;visibility:visible!important;opacity:1!important;height:auto!important;min-height:0!important;overflow:visible!important;margin:0 0 16px!important}body.trip-detail-page .page-head>div{visibility:visible!important;opacity:1!important}body.trip-detail-page .page-head .head-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:100%!important;overflow:visible!important;visibility:visible!important;opacity:1!important;height:auto!important;min-height:0!important;padding:0!important}body.trip-detail-page .page-head .head-actions #addExpenseLink,body.trip-detail-page .page-head .head-actions #checkoutLink,body.trip-detail-page .page-head .head-actions #editButton,body.trip-detail-page .page-head .head-actions #excelButton,body.trip-detail-page .page-head .head-actions #gasCollectionLink,body.trip-detail-page .page-head .head-actions #moreButton,body.trip-detail-page .page-head .head-actions #pdfButton,body.trip-detail-page .page-head .head-actions #posterButton,body.trip-detail-page .page-head .head-actions .more-wrap{display:inline-flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important;width:auto!important;min-width:0!important;max-width:none!important;height:40px!important;min-height:40px!important;padding:0 14px!important;gap:7px!important;font-size:13px!important;line-height:normal!important;flex:0 0 auto!important;overflow:visible!important;border-radius:11px!important}body.trip-detail-page .page-head .head-actions .btn i,body.trip-detail-page .page-head .head-actions .btn>svg{font-size:16px!important;width:16px!important;height:16px!important}}@media (min-width:1025px){html body.trip-detail-page #tripMainActions.trip-main-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;width:100%!important;margin:0 0 16px!important;align-items:center!important;justify-content:flex-start!important;visibility:visible!important;opacity:1!important;overflow:visible!important;min-height:0!important}html body.trip-detail-page #tripMainActions.trip-main-actions #addExpenseLink,html body.trip-detail-page #tripMainActions.trip-main-actions #checkoutLink,html body.trip-detail-page #tripMainActions.trip-main-actions #gasCollectionLink,html body.trip-detail-page #tripMainActions.trip-main-actions #posterButton,html body.trip-detail-page #tripMainActions.trip-main-actions .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:auto!important;min-width:0!important;max-width:none!important;height:46px!important;min-height:46px!important;padding:0 22px!important;border-radius:12px!important;font-size:14px!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important;overflow:visible!important;color:#fff!important;box-sizing:border-box!important;flex:0 0 auto!important;visibility:visible!important;opacity:1!important}html body.trip-detail-page #tripMainActions.trip-main-actions .btn::after{content:none!important;display:none!important}html body.trip-detail-page #tripMainActions.trip-main-actions .btn .vb-inline-icon,html body.trip-detail-page #tripMainActions.trip-main-actions .btn i,html body.trip-detail-page #tripMainActions.trip-main-actions .btn svg{width:18px!important;height:18px!important;min-width:18px!important}}@media (min-width:768px){body.trip-detail-page .vb-td-filterbar{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important}body.trip-detail-page .vb-td-filterbar>#unifiedSearchWrap{flex:1 1 auto!important;min-width:0!important;width:auto!important;margin:0!important}body.trip-detail-page .vb-td-filterbar>#invSort,body.trip-detail-page .vb-td-filterbar>#invStatusFilter{flex:0 0 auto!important;width:auto!important;min-width:120px!important;max-width:170px!important;height:38px!important}body.trip-detail-page .vb-td-filterbar>#invViewToggle,body.trip-detail-page .vb-td-filterbar>#tabActionBtn{flex:0 0 auto!important;white-space:nowrap!important}}.empty-row,.empty-state,.no-data{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:56px 24px!important;text-align:center!important;border-radius:var(--ui-r-card)!important;background:var(--ui-card)!important;border:1.5px dashed rgba(148,163,184,.35)!important;box-shadow:none!important}.empty-state::before{content:"📭";font-size:2.8rem;display:block;margin-bottom:16px;opacity:.65}.empty-state .empty-msg,.empty-state p{color:var(--ui-muted)!important;font-size:14px!important;font-weight:600!important;max-width:260px;line-height:1.5}.selectable{cursor:pointer;transition:var(--ui-ease)!important;border:1.5px solid transparent!important;border-radius:var(--ui-r-card)!important}.selectable:hover{border-color:rgba(24,95,165,.25)!important;box-shadow:var(--ui-shadow)!important}.customer-card.selected,.product-card.selected,.selectable.active-item,.selectable.selected,.trip-card.selected,[data-selected=true]{border:2px solid var(--ui-primary)!important;box-shadow:0 0 0 4px rgba(24,95,165,.14),var(--ui-shadow-md)!important;background:rgba(24,95,165,.04)!important}.cat-btn.active,.cat.active,.filter-btn.active,.pay-btn.active,.tab.active,.trip-tab.active{background:var(--ui-primary-grad)!important;color:var(--card)!important;border-color:transparent!important;box-shadow:0 8px 20px rgba(24,95,165,.28)!important}.skel-cell,html.viya-loading .viya-skel-target,html.viya-loading [data-skel]{background:linear-gradient(90deg,var(--viya-skel-base) 25%,var(--viya-skel-hi) 50%,var(--viya-skel-base) 75%)!important;background-size:200% 100%!important;animation:viya-shimmer 1.55s ease-in-out infinite!important;border-radius:8px!important}.blue-icon,.kpi-icon.blue,.stat-blue{background:var(--ui-blue-bg)!important;color:var(--primary)!important}.kpi-icon.purple,.purple-icon,.stat-purple{background:var(--ui-purple-bg)!important;color:var(--ui-primary)!important}.green-icon,.kpi-icon.green,.stat-green{background:var(--ui-green-bg)!important;color:var(--success)!important}.kpi-icon.orange,.orange-icon,.stat-orange{background:var(--ui-orange-bg)!important;color:#d97706!important}.kpis,.stats-grid,.stats-grid.premium-stats{display:grid!important;gap:16px!important}.kpi-card,.stat-card{position:relative;overflow:hidden}.kpi-card::before,.stat-card::before{content:"";position:absolute;top:-40%;right:-20%;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(24,95,165,.1),transparent 70%);pointer-events:none}.action-card{border-radius:var(--ui-r-card)!important;transition:var(--ui-ease)!important}.action-card:hover{box-shadow:0 24px 60px rgba(15,23,42,.18)!important}.panel-head h2,.section-heading h2,.table-header h2{font-weight:900!important;letter-spacing:-.02em!important;color:var(--ui-text)!important}.row-action,.view-btn.row-action{border-radius:10px!important;font-size:12px!important;font-weight:700!important;border:1px solid rgba(24,95,165,.25)!important;background:rgba(24,95,165,.06)!important;color:var(--ui-primary)!important;transition:var(--ui-ease)!important}.row-action:hover{background:var(--ui-primary-grad)!important;color:#fff!important;border-color:transparent!important}.prod-item,.product-list-item{background:rgba(255,255,255,.9)!important;border:1.5px solid var(--ui-border)!important;border-radius:12px!important;box-shadow:0 6px 18px rgba(0,0,0,.06)!important;transition:var(--ui-ease)!important;cursor:pointer}.prod-item:hover,.product-list-item:hover{border-color:rgba(24,95,165,.3)!important;box-shadow:0 12px 32px rgba(24,95,165,.14)!important}.prod-item.selected,.product-list-item.in-cart{border:2px solid var(--ui-primary)!important;background:rgba(24,95,165,.05)!important;box-shadow:0 0 0 3px rgba(24,95,165,.12),0 12px 30px rgba(24,95,165,.18)!important}.cart-panel,.checkout-panel,.order-panel{background:rgba(255,255,255,.92)!important;border-radius:20px!important;border:1px solid var(--ui-glass-border)!important;-webkit-backdrop-filter:var(--ui-glass-blur)!important;backdrop-filter:var(--ui-glass-blur)!important;-webkit-backdrop-filter:var(--ui-glass-blur)!important}.cart-item,.order-item{border-radius:14px!important;background:rgba(24,95,165,.04)!important;border:1px solid rgba(24,95,165,.1)!important;margin-bottom:8px!important;transition:var(--ui-ease)!important}.item-qty,.qty,.qty-ctrl,.quantity-control{display:inline-flex!important;align-items:center!important;gap:0!important;border-radius:999px!important;border:1px solid var(--ui-border)!important;background:rgba(255,255,255,.92)!important;overflow:hidden!important;box-shadow:0 4px 12px rgba(0,0,0,.06)!important}.qty button,.qty-ctrl button,.quantity-control button{min-width:32px!important;height:32px!important;border:none!important;background:0 0!important;color:var(--ui-primary)!important;font-weight:900!important;font-size:16px!important;border-radius:0!important;cursor:pointer;transition:var(--ui-ease)!important}.qty button:hover,.qty-ctrl button:hover,.quantity-control button:hover{background:rgba(24,95,165,.1)!important;transform:none!important}.cat,.cat-btn,.category-tab{border-radius:999px!important;font-weight:800!important;transition:var(--ui-ease)!important;border:1.5px solid var(--ui-border)!important;background:rgba(255,255,255,.88)!important;color:var(--ui-muted)!important}.cat-btn:hover,.cat:hover,.category-tab:hover{border-color:rgba(24,95,165,.3)!important;color:var(--ui-primary)!important;background:rgba(24,95,165,.07)!important}.pay-btn,.payment-method-btn{border-radius:14px!important;border:1.5px solid var(--ui-border)!important;background:rgba(255,255,255,.88)!important;font-weight:800!important;transition:var(--ui-ease)!important}.pay-btn.active,.payment-method-btn.active{background:var(--ui-primary-grad)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 24px rgba(24,95,165,.28)!important}.prod-search,.product-search-box{border-radius:14px!important;background:rgba(255,255,255,.92)!important;border:1px solid var(--ui-border)!important;box-shadow:0 4px 12px rgba(0,0,0,.05)!important}.order-total,.summary-total,.total-card{background:var(--ui-primary-grad)!important;color:#fff!important;border-radius:12px!important;padding:20px!important;box-shadow:var(--ui-primary-glow)!important}#completeSaleBtn,.floating-checkout,.pay-now-btn,button[id*=checkout],button[id*=completeSale]{background:var(--ui-primary-grad)!important;color:#fff!important;border:none!important;border-radius:var(--ui-r-btn)!important;box-shadow:var(--ui-primary-glow)!important;font-weight:800!important;font-size:15px!important;min-height:52px!important;width:100%!important;transition:var(--ui-ease-spring)!important}#completeSaleBtn:not(:disabled):hover,.pay-now-btn:not(:disabled):hover{box-shadow:0 22px 50px rgba(24,95,165,.4)!important}.metric-blue{background:linear-gradient(135deg,#eef2ff 0,#e0e7ff 100%)!important}.metric-green{background:linear-gradient(135deg,#ecfdf5 0,#d1fae5 100%)!important}.metric-orange{background:linear-gradient(135deg,#fffbeb 0,#fef3c7 100%)!important}.metric-red{background:linear-gradient(135deg,#fff1f2 0,#ffe4e6 100%)!important}.metric-purple{background:linear-gradient(135deg,#faf5ff 0,#ede9fe 100%)!important}.settings-menu{border-radius:var(--ui-r-card)!important}.settings-link,.settings-menu a{border-radius:12px!important;transition:var(--ui-ease)!important}.settings-link.active,.settings-menu a.active{background:var(--ui-primary-grad)!important;color:#fff!important}.settings-link:hover:not(.active),.settings-menu a:hover:not(.active){background:rgba(24,95,165,.08)!important;color:var(--ui-primary)!important}.switch-option.active,.switch-options .active{background:var(--ui-primary-grad)!important;color:#fff!important;box-shadow:0 8px 18px rgba(24,95,165,.24)!important}.business-chip.active{background:var(--ui-primary-grad)!important;color:#fff!important;border-color:transparent!important}.avatar,.viya-avatar{background:var(--ui-primary-grad)!important;color:#fff!important}.logout-button,.viya-logout{border-radius:14px!important;background:rgba(239,68,68,.08)!important;color:var(--danger)!important;border:1px solid rgba(239,68,68,.22)!important;transition:var(--ui-ease)!important}.logout-button:hover,.viya-logout:hover{background:rgba(239,68,68,.14)!important;box-shadow:0 12px 28px rgba(239,68,68,.18)!important}.status-pill{border-radius:999px!important}.unpaid-row{border-radius:14px!important;background:rgba(239,68,68,.07)!important;border:1px solid rgba(239,68,68,.18)!important}.customer-head h1,.main-head h1,.page-header h1,.register-title h1,.sales-head h1,.settings-title h1,.topbar-title h1{font-weight:900!important;letter-spacing:-.03em!important;color:var(--ui-text)!important;background:var(--ui-primary-grad);-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.section-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:16px!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgba(24,95,165,.25);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:rgba(24,95,165,.45)}@keyframes ui-pagein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.content-section,.main,.main-content,.viya-main{animation:ui-pagein .3s ease forwards}@media (max-width:768px){.kpis,.stats-grid,.stats-grid.premium-stats{grid-template-columns:repeat(2,1fr)!important}.modern-actions,.quick-actions{grid-template-columns:repeat(2,1fr)!important}.tables-row{grid-template-columns:1fr!important}table,tbody,td,th,thead,tr{display:block!important}thead tr{display:none!important}td{display:flex!important;align-items:center!important;justify-content:space-between!important;border-radius:0!important;border:none!important;border-bottom:1px solid rgba(148,163,184,.12)!important;padding:10px 14px!important}td:first-child{border-radius:14px 14px 0 0!important;border-bottom:none!important;font-weight:800!important}td:last-child{border-radius:0 0 14px 14px!important;border:none!important}tbody tr{background:rgba(255,255,255,.88)!important;border-radius:14px!important;border:1px solid var(--ui-glass-border)!important;box-shadow:0 4px 12px rgba(0,0,0,.05)!important;margin-bottom:10px!important;overflow:hidden!important}td::before{content:attr(data-label);font-size:11px;font-weight:700;color:var(--ui-muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;margin-right:8px}}@media (max-width:480px){.kpis,.stats-grid,.stats-grid.premium-stats{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.header-actions .primary-button,.header-actions .secondary-button,.primary-button,.secondary-button{width:100%!important;justify-content:center!important}.header-actions{flex-direction:column!important}input,select,textarea{font-size:16px!important}.main,.main-content,.viya-main{padding:14px!important}}@media (max-width:768px){.pos-body{grid-template-columns:1fr!important;grid-template-rows:1fr auto!important}.cart-panel,.order-panel{position:sticky!important;bottom:0!important;z-index:50!important;border-radius:24px 24px 0 0!important;box-shadow:0 -8px 40px rgba(0,0,0,.12)!important;max-height:50vh!important;overflow-y:auto!important}}.viya-content-ready{animation:ui-pagein .28s ease forwards!important}:focus-visible{outline:2px solid var(--ui-primary)!important;outline-offset:2px!important}.app,.dashboard-shell,.layout,.main,.main-content,.viya-main{max-width:100%!important;overflow-x:hidden!important}:root{--viya-skel-base:#e8edf5;--viya-skel-hi:#f4f7fc;--viya-skel-card:var(--card);--viya-skel-page:var(--bg)}html.viya-dv{--viya-skel-base:#1d2839;--viya-skel-hi:#27344a;--viya-skel-card:#0f1830;--viya-skel-page:#0a0f1e}100%{background-position:-200% 0}.skel,.skel-line{background:linear-gradient(90deg,var(--viya-skel-base) 25%,var(--viya-skel-hi) 50%,var(--viya-skel-base) 75%);background-size:200% 100%;animation:viya-shimmer 1.55s ease-in-out infinite;border-radius:5px;display:block}.skel{color:transparent!important;border-radius:8px;overflow:hidden}.skel-line{height:14px;margin:10px 0;border-radius:7px}body,html{background:var(--viya-skel-page)}html.viya-loading body{background:var(--viya-skel-page)!important}.skel-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0}.skel-row{pointer-events:none}.skel-row td{padding:13px 16px!important;border-bottom:1px solid #f0f4fa;vertical-align:middle}html.viya-dv .skel-row td{border-bottom-color:#1b2740}.skel-list-item{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #f0f4fa;pointer-events:none}html.viya-dv .skel-list-item{border-bottom-color:#1b2740}[data-skel] .skel-val,span.skel-val{display:inline-block;background:linear-gradient(90deg,var(--viya-skel-base) 25%,var(--viya-skel-hi) 50%,var(--viya-skel-base) 75%);background-size:200% 100%;animation:viya-shimmer 1.55s ease-in-out infinite;border-radius:5px;color:transparent}html.viya-loading .card h2,html.viya-loading .card h3,html.viya-loading .closing-row strong,html.viya-loading .dashboard-subtitle,html.viya-loading .dashboard-title,html.viya-loading .dashboard-topbar input,html.viya-loading .kpis .kpi-note,html.viya-loading .kpis .kpi-value,html.viya-loading .main-head h1,html.viya-loading .main-head p,html.viya-loading .page-head .subtitle,html.viya-loading .page-head h1,html.viya-loading .summary-grid .summary p.sub,html.viya-loading .summary-grid .summary strong,html.viya-loading .summary-item strong,html.viya-loading .summary-tile strong,html.viya-loading .topbar input,html.viya-loading .viya-app-title,html.viya-loading .viya-skel-target,html.viya-loading [data-skel]{color:transparent!important;background:linear-gradient(90deg,var(--viya-skel-base) 25%,var(--viya-skel-hi) 50%,var(--viya-skel-base) 75%)!important;background-size:200% 100%!important;animation:viya-shimmer 1.55s ease-in-out infinite!important;border-radius:5px!important;display:inline-block;min-width:64px;position:relative}html.viya-loading .kpis .kpi-value{min-width:100px;min-height:28px}html.viya-loading .kpis .kpi-note{min-width:80px;min-height:14px;margin-top:4px}html.viya-loading .summary-grid .summary strong{min-width:90px;min-height:22px}html.viya-loading .summary-grid .summary p.sub{min-width:120px;min-height:13px}html.viya-loading .summary-tile strong{min-width:80px;min-height:20px}html.viya-loading .closing-row strong{min-width:80px;min-height:18px}html.viya-loading .summary-item strong{min-width:36px;min-height:18px}html.viya-loading .dashboard-title,html.viya-loading .main-head h1,html.viya-loading .page-head h1{min-width:180px;min-height:32px}html.viya-loading .dashboard-subtitle,html.viya-loading .main-head p,html.viya-loading .page-head .subtitle{min-width:260px;min-height:14px}html.viya-loading .dashboard-topbar input,html.viya-loading .topbar input{min-height:42px;width:100%}html.viya-loading .kpis .kpi-icon{opacity:.3}html.viya-loading .sidebar .biz-name,html.viya-loading .sidebar .biz-type,html.viya-loading [id=sidebarBizName],html.viya-loading [id=sidebarBizType]{color:transparent!important;background:linear-gradient(90deg,rgba(255,255,255,.08) 25%,rgba(255,255,255,.16) 50%,rgba(255,255,255,.08) 75%)!important;background-size:200% 100%!important;animation:viya-shimmer 1.55s ease-in-out infinite!important;border-radius:4px!important;display:inline-block;min-width:80px}html.viya-loading .card,html.viya-loading .mini-card,html.viya-loading .stat-card,html.viya-loading .summary,html.viya-loading .summary-tile{background-color:var(--viya-skel-card)!important}html.viya-loading .field input:not([type=checkbox]):not([type=radio]),html.viya-loading .field select,html.viya-loading .field textarea{color:transparent!important;background:linear-gradient(90deg,var(--viya-skel-base) 25%,var(--viya-skel-hi) 50%,var(--viya-skel-base) 75%)!important;background-size:200% 100%!important;animation:viya-shimmer 1.55s ease-in-out infinite!important;border-radius:8px!important}html.viya-loading .stat-value,html.viya-loading [class*=stat-card] strong,html.viya-loading [class*=stats-card] strong{color:transparent!important;background:linear-gradient(90deg,var(--viya-skel-base) 25%,var(--viya-skel-hi) 50%,var(--viya-skel-base) 75%)!important;background-size:200% 100%!important;animation:viya-shimmer 1.55s ease-in-out infinite!important;border-radius:5px!important;display:inline-block;min-width:48px}#viyaSkelBar{display:none;position:fixed;top:0;left:0;right:0;z-index:9999;background:#0f2549;color:#fff;padding:10px 18px;font-size:13px;font-weight:700;text-align:center;align-items:center;justify-content:center;gap:10px;box-shadow:0 2px 12px rgba(0,0,0,.25)}#viyaSkelBar.visible{display:flex}#viyaSkelBar button{background:#0b72ff;color:#fff;border:none;border-radius:6px;padding:4px 14px;font:inherit;font-weight:800;font-size:12px;cursor:pointer;flex-shrink:0}#viyaSkelBar button:hover{background:#0057e0}body.viya-leaving{opacity:0!important;pointer-events:none;transition:opacity .12s ease}.viya-content-ready{animation:viya-fadein .25s ease forwards}@keyframes viya-fadein{from{opacity:.6}to{opacity:1}}@media (max-width:768px){html.viya-loading .kpis .kpi-value{min-width:70px}html.viya-loading .summary-grid .summary strong{min-width:60px}}.viya-skel-std{position:fixed;inset:0;z-index:9990;display:flex;background:var(--viya-skel-page);overflow:hidden;opacity:1;transition:opacity .28s ease}.viya-skel-std.viya-skel-hide{opacity:0;pointer-events:none}.viya-skel-std .vss-bar{background:linear-gradient(90deg,var(--viya-skel-base) 25%,var(--viya-skel-hi) 50%,var(--viya-skel-base) 75%);background-size:200% 100%;animation:viya-shimmer 1.55s ease-in-out infinite;border-radius:8px}.viya-skel-std .vss-side{width:244px;flex-shrink:0;background:#101a30;padding:22px 16px;display:flex;flex-direction:column;gap:15px}.viya-skel-std .vss-side .vss-logo,.viya-skel-std .vss-side .vss-nav{background:linear-gradient(90deg,rgba(255,255,255,.07) 25%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.07) 75%);background-size:200% 100%;animation:viya-shimmer 1.55s ease-in-out infinite;border-radius:7px}.viya-skel-std .vss-side .vss-logo{height:34px;width:140px;margin-bottom:16px}.viya-skel-std .vss-side .vss-nav{height:13px}.viya-skel-std .vss-main{flex:1;min-width:0;padding:26px 30px;overflow:hidden}.viya-skel-std .vss-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:26px}.viya-skel-std .vss-htext{flex:1;min-width:0;display:flex;flex-direction:column;gap:11px}.viya-skel-std .vss-title{height:30px;width:240px;max-width:55%}.viya-skel-std .vss-sub{height:14px;width:330px;max-width:78%}.viya-skel-std .vss-pill{height:20px;width:92px;border-radius:999px}.viya-skel-std .vss-btn{height:42px;width:150px;border-radius:11px;flex-shrink:0}.viya-skel-std .vss-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.viya-skel-std .vss-kpi{background:var(--viya-skel-card);border:1px solid rgba(148,163,184,.16);border-radius:14px;padding:17px 18px;display:flex;flex-direction:column;gap:13px}.viya-skel-std .vss-kpi .k1{height:13px;width:52%}.viya-skel-std .vss-kpi .k2{height:26px;width:72%}.viya-skel-std .vss-kpi .k3{height:11px;width:40%}.viya-skel-std .vss-card{background:var(--viya-skel-card);border:1px solid rgba(148,163,184,.16);border-radius:16px;padding:18px 20px}.viya-skel-std .vss-tabs{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.viya-skel-std .vss-tab{height:32px;width:94px;border-radius:999px}.viya-skel-std .vss-rows{display:flex;flex-direction:column;gap:16px}.viya-skel-std .vss-row{height:15px;width:100%}.viya-skel-std .vss-row:nth-child(2n){width:94%}.viya-skel-std.vss-simple .vss-kpis,.viya-skel-std.vss-simple .vss-tabs{display:none}.viya-skel-std.vss-simple .vss-card{padding:26px 24px}.viya-skel-std.vss-simple .vss-rows{gap:18px}.viya-skel-std.vss-simple .vss-row{height:17px}@media (max-width:768px){.viya-skel-std .vss-side{display:none}.viya-skel-std .vss-main{padding:calc(env(safe-area-inset-top,0px) + 16px) 16px 18px}.viya-skel-std .vss-kpis{grid-template-columns:repeat(2,1fr);gap:12px}.viya-skel-std .vss-title{max-width:70%}.viya-skel-std .vss-btn{width:46px}}.btn,.delete-btn,.primary-btn,.primary-button,.save-btn,.secondary-button{height:36px!important;min-height:36px!important;border-radius:8px!important;font-size:13px!important;font-weight:600!important;padding:0 16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;cursor:pointer!important;font-family:inherit!important;white-space:nowrap!important;transition:all .15s!important;line-height:1!important;box-sizing:border-box!important;text-decoration:none!important}.btn:disabled,.primary-button:disabled,.save-btn:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important}#completeSaleBtn,.btn-gradient,.btn-primary,.btn.primary,.primary-btn,.primary-button,.save-btn,button.primary{background:var(--primary)!important;background-image:none!important;color:#fff!important;border:1px solid var(--primary)!important;box-shadow:none!important}#completeSaleBtn:hover,.btn-gradient:hover,.btn-primary:hover,.btn.primary:hover,.primary-button:hover,.save-btn:hover{background:var(--primary-dark)!important;border-color:var(--primary-dark)!important}.btn-light,.btn-secondary,.btn-soft,.secondary-button{background:#f0f5ff!important;background-image:none!important;color:var(--text)!important;border:1px solid #ccd9f0!important;box-shadow:none!important}.btn-light:hover,.btn-secondary:hover,.btn-soft:hover{background:#dce8ff!important;border-color:#adc3e8!important}.btn-danger{background:#e24b4a!important;background-image:none!important;color:#fff!important;border:1px solid #e24b4a!important;box-shadow:none!important}.btn-danger:hover{background:#a32d2d!important;border-color:#a32d2d!important}.btn-outline{background:0 0!important;color:var(--primary)!important;border:1px solid var(--primary)!important;box-shadow:none!important}.btn-outline:hover{background:#e6f1fb!important}.btn-ghost{background:0 0!important;color:var(--muted)!important;border:1px solid transparent!important;box-shadow:none!important}.btn-ghost:hover{background:#f0f5ff!important;color:var(--text)!important}.btn-sm{height:28px!important;min-height:28px!important;padding:0 10px!important;font-size:12px!important;border-radius:6px!important}.btn-lg{height:44px!important;min-height:44px!important;padding:0 20px!important;font-size:14px!important;border-radius:10px!important}.btn-icon{width:36px!important;padding:0!important;justify-content:center!important}.btn i,.btn svg{font-size:15px!important;flex-shrink:0!important}.td-dd{position:relative;display:inline-flex}.td-dd .act-btn{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 10px;font-size:12px;font-weight:500;border-radius:8px;border:.5px solid #c8c6bc;background:#fff;color:#1a1a18;cursor:pointer;font-family:inherit;white-space:nowrap;transition:all .15s;width:auto}.td-dd .act-btn:hover{background:#f5f5f3;border-color:#888780}.td-dd .act-btn.open{border-color:var(--primary);color:var(--primary);background:#e6f1fb}.td-dd .act-btn i{font-size:14px}.dd-menu{position:absolute;right:0;top:calc(100% + 5px);background:#fff;border:.5px solid #c8c6bc;border-radius:12px;padding:5px;min-width:200px;z-index:99999;box-shadow:0 8px 24px rgba(0,0,0,.1);display:none}.dd-menu.open{display:block}.dd-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:13px;color:#1a1a18;cursor:pointer;border:none;background:0 0;width:100%;text-align:left;font-family:inherit;transition:background .12s}.dd-item:hover{background:#f5f5f3}.dd-item i{font-size:16px;color:#6b6a65;width:18px;flex-shrink:0}.dd-item.danger{color:#e24b4a}.dd-item.danger i{color:#e24b4a}.dd-item.danger:hover{background:#fcebeb}.dd-item.disabled{opacity:.38;pointer-events:none}.dd-item.hidden{display:none}.dd-divider{height:.5px;background:#e8e6de;margin:4px 0}.dd-tag{margin-left:auto;font-size:10px;font-weight:600;padding:2px 7px;border-radius:10px}.dd-tag-paid{background:#e1f5ee;color:#0f6e56}.dd-tag-pend{background:#faeeda;color:#854f0b}*,::after,::before{box-sizing:border-box}:root{--primary:#185FA5;--primary-dark:#0C4F8D;--bg:#f5f8fc;--card:#fff;--text:#0b2148;--muted:#64748b;--border:#e5e7eb;--success:#16a34a;--warning:#f59e0b;--danger:#dc2626}/* Dark mode (html.viya-dv) — keep light/dark consistent via the same tokens. */html.viya-dv{--primary:#4f9bff;--primary-dark:var(--primary);--bg:#0a0f1e;--card:#0f1830;--text:#e6edf7;--muted:#93a4c0;--border:#22324f;--success:#2dd4a7;--warning:#fbbf24;--danger:#f87171}html:not([lang=dv]) body,html:not([lang=dv]) body *{font-family:Inter,"SF Pro Display","Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ti{line-height:1;vertical-align:-.125em}.ti-sm{font-size:14px!important}.ti-md{font-size:18px!important}.ti-lg{font-size:22px!important}.ti-xl{font-size:28px!important}.btn .ti,button .ti{font-size:15px!important;flex-shrink:0}.nav-item .ti,.nav-link .ti,.sidebar-nav a .ti,.viya-sidebar-nav a .ti{font-size:18px!important;flex-shrink:0}.modal-overlay>.modal,.modal-overlay>form.modal{background:var(--card)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:1!important;visibility:visible!important;z-index:10000!important}html[data-theme=dark] .modal-overlay>.modal,html[data-theme=dark] .modal-overlay>form.modal{background:#0d1f3c!important}.vb-filter-bar{display:flex;align-items:center;gap:8px;padding:12px 0 10px;flex-wrap:wrap}.vb-filter-select{height:38px;border:1.5px solid #e2e8f0;border-radius:10px;background:#fff;color:#0f172a;font-size:13px;font-weight:500;padding:0 32px 0 12px;cursor:pointer;font-family:inherit;outline:0;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;min-width:140px;transition:border-color .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vb-filter-select:hover{border-color:var(--primary)}.vb-filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(24,95,165,.1)}.vb-filter-date{height:38px;border:1.5px solid #e2e8f0;border-radius:10px;background:#fff;color:#0f172a;font-size:13px;font-weight:500;padding:0 10px;cursor:pointer;font-family:inherit;outline:0;min-width:130px;transition:border-color .15s}.vb-filter-date:hover{border-color:var(--primary)}.vb-filter-date:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(24,95,165,.1)}.vb-filter-date::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}.vb-filter-search-wrap,.vb-search{position:relative;display:flex;align-items:center;flex:1;min-width:160px;height:44px;box-sizing:border-box}.vb-filter-search-wrap>.search-icon,.vb-filter-search-wrap>i,.vb-search>.search-icon,.vb-search>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;font-size:18px;line-height:1;color:#64748b;pointer-events:none;z-index:1}.vb-search input,input.vb-filter-search{width:100%;height:44px;padding:0 14px 0 44px;border:1px solid #d8e1ee;border-radius:14px;font-size:14px;font-weight:500;color:#0f172a;background:#fff;outline:0;font-family:inherit;flex:1;min-width:160px;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.vb-search input::placeholder,input.vb-filter-search::placeholder{color:#64748b;font-weight:400;font-size:14px}.vb-search input:focus,input.vb-filter-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(24,95,165,.1)}.vb-search input:hover:not(:focus),input.vb-filter-search:hover:not(:focus){border-color:#cbd5e1}body.lang-dv .vb-filter-search-wrap>.search-icon,body.lang-dv .vb-filter-search-wrap>i,body.lang-dv .vb-search>.search-icon,body.lang-dv .vb-search>i{left:auto;right:14px}body.lang-dv .vb-search input,body.lang-dv input.vb-filter-search{padding:0 44px 0 14px}html.dark .vb-search input,html.dark input.vb-filter-search,html.viya-dv .vb-search input,html.viya-dv input.vb-filter-search{background:#071030;border-color:#1e3a6e;color:#e2e8f0}html.dark .vb-search input:focus,html.dark input.vb-filter-search:focus,html.viya-dv .vb-search input:focus,html.viya-dv input.vb-filter-search:focus{border-color:#185fa5;box-shadow:0 0 0 3px rgba(24,95,165,.2)}html.dark .vb-search i,html.viya-dv .vb-filter-search-wrap .search-icon,html.viya-dv .vb-search .search-icon,html.viya-dv .vb-search i{color:#64748b}.vb-tab-row{display:flex;align-items:center;gap:4px;padding:6px 0 12px;border-bottom:1px solid #f1f5f9;flex-wrap:wrap}.vb-tab{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border:1.5px solid #e2e8f0;border-radius:999px;background:#fff;color:#475569;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}.vb-tab:hover{border-color:var(--primary);color:var(--primary)}.vb-tab.active{background:#eff6ff;border-color:var(--primary);color:var(--primary);font-weight:700}.vb-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;background:#e2e8f0;color:#475569;border-radius:999px;font-size:11px;font-weight:700}.vb-tab.active .vb-tab-count{background:var(--primary);color:#fff}html.viya-dv .vb-filter-date,html.viya-dv .vb-filter-search,html.viya-dv .vb-filter-select{background:#071030!important;border-color:#1e3a6e!important;color:#e2e8f0!important}html.viya-dv .vb-tab{background:#071030!important;border-color:#1e3a6e!important;color:#94a3b8!important}html.viya-dv .vb-tab.active{background:#0d2a5e!important;border-color:var(--primary)!important;color:#60a5fa!important}html.viya-dv .vb-tab.active .vb-tab-count{background:var(--primary)!important;color:#fff!important}html.viya-dv .vb-tab-count{background:#1e3a6e!important;color:#94a3b8!important}html.viya-dv .vb-tab-row{border-bottom-color:#1e3a6e!important}.btn,.delete-btn,.primary-btn,.primary-button,.save-btn,.secondary-button{height:44px!important;min-height:44px!important;border-radius:12px!important;font-size:14px!important;font-weight:600!important;padding:0 18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;cursor:pointer!important;font-family:inherit!important;white-space:nowrap!important;transition:all .15s!important;line-height:1!important;box-sizing:border-box!important;text-decoration:none!important}.btn:disabled,.primary-button:disabled,.save-btn:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important}#completeSaleBtn,.btn-gradient,.btn-primary,.btn.primary,.primary-btn,.primary-button,.save-btn,button.primary{background:var(--primary)!important;background-image:none!important;color:#fff!important;border:1px solid var(--primary)!important;box-shadow:none!important}#completeSaleBtn:hover,.btn-gradient:hover,.btn-primary:hover,.btn.primary:hover,.primary-button:hover,.save-btn:hover{background:var(--primary-dark)!important;border-color:var(--primary-dark)!important}.btn-light,.btn-secondary,.btn-soft,.secondary-button{background:#f0f5ff!important;background-image:none!important;color:var(--text)!important;border:1px solid #ccd9f0!important;box-shadow:none!important}.btn-light:hover,.btn-secondary:hover,.btn-soft:hover{background:#dce8ff!important;border-color:#adc3e8!important}.btn-danger{background:#e24b4a!important;background-image:none!important;color:#fff!important;border:1px solid #e24b4a!important;box-shadow:none!important}.btn-danger:hover{background:#a32d2d!important;border-color:#a32d2d!important}.btn-outline{background:0 0!important;color:var(--primary)!important;border:1px solid var(--primary)!important;box-shadow:none!important}.btn-outline:hover{background:#e6f1fb!important}.btn-ghost{background:0 0!important;color:var(--muted)!important;border:1px solid transparent!important;box-shadow:none!important}.btn-ghost:hover{background:#f0f5ff!important;color:var(--text)!important}.btn-sm{height:36px!important;min-height:36px!important;padding:0 14px!important;font-size:13px!important;border-radius:10px!important}.btn-lg{height:48px!important;min-height:48px!important;padding:0 22px!important;font-size:15px!important;border-radius:12px!important}.btn-icon{width:44px!important;height:44px!important;padding:0!important;justify-content:center!important}.btn i,.btn svg{font-size:18px!important;flex-shrink:0!important}.td-dd{position:relative;display:inline-flex}.td-dd .act-btn{display:inline-flex;align-items:center;gap:5px;height:40px;padding:0 14px;font-size:13px;font-weight:600;border-radius:10px;border:.5px solid #c8c6bc;background:#fff;color:#1a1a18;cursor:pointer;font-family:inherit;white-space:nowrap;transition:all .15s;width:auto}.td-dd .act-btn:hover{background:#f5f5f3;border-color:#888780}.td-dd .act-btn.open{border-color:var(--primary);color:var(--primary);background:#e6f1fb}.td-dd .act-btn i{font-size:14px}.dd-menu{position:absolute;right:0;top:calc(100% + 5px);background:#fff;border:.5px solid #c8c6bc;border-radius:12px;padding:5px;min-width:200px;z-index:99999;box-shadow:0 8px 24px rgba(0,0,0,.1);display:none}.dd-menu.open{display:block}.dd-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:13px;color:#1a1a18;cursor:pointer;border:none;background:0 0;width:100%;text-align:left;font-family:inherit;transition:background .12s}.dd-item:hover{background:#f5f5f3}.dd-item i{font-size:16px;color:#6b6a65;width:18px;flex-shrink:0}.dd-item.danger{color:#e24b4a}.dd-item.danger i{color:#e24b4a}.dd-item.danger:hover{background:#fcebeb}.dd-item.disabled{opacity:.38;pointer-events:none}.dd-item.hidden{display:none}.dd-divider{height:.5px;background:#e8e6de;margin:4px 0}.dd-tag{margin-left:auto;font-size:10px;font-weight:600;padding:2px 7px;border-radius:10px}.dd-tag-paid{background:#e1f5ee;color:#0f6e56}.dd-tag-pend{background:#faeeda;color:#854f0b}.act-btn,.cust-btn,.secondary-button{height:44px!important;min-height:44px!important;font-size:14px!important;border-radius:12px!important}body,html{min-height:100%;min-height:100dvh;background:var(--bg,#f5f8fc);overscroll-behavior:none}html.viya-dv,html.viya-dv body,html[data-theme=dark],html[data-theme=dark] body{background:#0a0f1e}@font-face{font-family:Inter;src:url('../../fonts/inter/Inter-Variable-Latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:'MV Waheed';src:url('../../fonts/MVWaheed.woff2') format('woff2'),url('../../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('../../fonts/MVWaheed.woff2') format('woff2');font-weight:400 900;font-display:swap}@font-face{font-family:'MV Faruma';src:url('../../fonts/MVWaheed.woff2') format('woff2');font-weight:400 900;font-display:swap}@font-face{font-family:'MV Faseyha';src:url('../../fonts/MVWaheed.woff2') format('woff2');font-weight:400 900;font-display:swap}@font-face{font-family:'MV Boli';src:url('../../fonts/MVWaheed.woff2') format('woff2');font-weight:400 900;font-display:swap}@font-face{font-family:ViyaFaruma;src:url('../../fonts/MVWaheed.woff2') format('woff2');font-weight:400 900;font-display:swap}@font-face{font-family:'Noto Sans Thaana';src:url('../../fonts/MVWaheed.woff2') format('woff2');font-weight:400 900;font-display:swap}@font-face{font-family:NotoSansThaana;src:url('../../fonts/MVWaheed.woff2') format('woff2');font-weight:400 900;font-display:swap}@font-face{font-family:MVWaheed;src:url('../../fonts/MVWaheed.woff2') format('woff2');font-weight:400 900;font-display:swap}:root{--font-en:'Inter','Poppins','Segoe UI',-apple-system,BlinkMacSystemFont,Arial,sans-serif;--font-dhivehi:'MV Waheed';--font-dv:var(--font-dhivehi);--font-num:'Inter',ui-monospace,monospace;--lh-en:1.55;--lh-dv:1.9;--ls-dv:normal/* normal letter-spacing (redesign spec) */}/* ── TABULAR FIGURES (task2) ──────────────────────────────────────────────── Space Mono is gone — the app is now Inter (English)+MV Waheed (Dhivehi), and nothing else. Space Mono was monospaced, so every digit was the same width and MVR amounts lined up cleanly in columns. Inter's DEFAULT figures are     proportional ("1" is narrower than "8"), which would leave the currency columns     in Invoices / Trips / Reports visibly ragged.     Inter ships a tabular-figures feature, so we switch it on for every numeric     context. Digits become fixed-width again and the columns stay aligned — same     result as Space Mono, but with zero extra font files to download. */:where(.amount, .price, .mvr, .money, .value, .vbd-amt, .amount-fit, .vbd-stat-num,         .t-inv, .invoice-no, .sr-amt, .tc-amt, .tc-date, .ltr-num, .ltr,         [class*="-amount"], [data-keep-ltr], time, .date, td, th,         input[type=number], input[type=tel]){font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}html:not([lang=dv]) body,html:not([lang=dv]) button,html:not([lang=dv]) input,html:not([lang=dv]) select,html:not([lang=dv]) textarea{font-family:var(--font-en)!important;line-height:var(--lh-en)!important}html[lang=dv] :not([data-keep-ltr]),html[lang=dv] body{font-family:var(--font-dv)!important;font-weight:700!important;line-height:var(--lh-dv)!important;letter-spacing:var(--ls-dv)!important}body.lang-dv .nav-label,body.lang-dv h1,body.lang-dv h2,body.lang-dv h3,html[lang=dv] .card-title,html[lang=dv] .modal-title,html[lang=dv] .nav-label,html[lang=dv] h1,html[lang=dv] h2,html[lang=dv] h3,html[lang=dv] h4{overflow:visible!important}html[lang=dv] button,html[lang=dv] input,html[lang=dv] select,html[lang=dv] textarea{font-family:var(--font-dv)!important;line-height:var(--lh-dv)!important}html[lang=dv] .amount-field,html[lang=dv] .price-display,html[lang=dv] [data-keep-ltr],html[lang=dv] input[type=number],html[lang=dv] input[type=tel]{font-family:var(--font-en)!important;line-height:var(--lh-en)!important}html[lang=dv] a,html[lang=dv] h1,html[lang=dv] h2,html[lang=dv] h3,html[lang=dv] h4,html[lang=dv] label,html[lang=dv] li,html[lang=dv] p,html[lang=dv] span,html[lang=dv] td,html[lang=dv] th{line-height:var(--lh-dv)!important;padding-top:2px!important;padding-bottom:2px!important}.dv-invoice,.dv-mode,body.ViyaBook-dv,body.viya-dv,html[lang=dv]{font-family:'MV Waheed',Inter,Arial,sans-serif!important}:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv,.dv-mode,.dv-invoice) a,:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv,.dv-mode,.dv-invoice) dd,:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv,.dv-mode,.dv-invoice) li,:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv,.dv-mode,.dv-invoice) p,:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv,.dv-mode,.dv-invoice) span,:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv,.dv-mode,.dv-invoice) td{font-size:max(20px, 1em)!important}:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv,.dv-mode,.dv-invoice) .hint,:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv,.dv-mode,.dv-invoice) label,:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv,.dv-mode,.dv-invoice) small,:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv,.dv-mode,.dv-invoice) th{font-size:max(18px, 1em)!important}:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv,.dv-mode,.dv-invoice) .btn,:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv,.dv-mode,.dv-invoice) button,:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv,.dv-mode,.dv-invoice) input,:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv,.dv-mode,.dv-invoice) select,:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv,.dv-mode,.dv-invoice) textarea{font-size:max(20px, 1em)!important}:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv) input[type=number],:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv) input[type=tel]{font-size:max(20px, 1em)!important}body.lang-dv,html[lang=dv] body{font-weight:500;-webkit-font-smoothing:antialiased}body.lang-dv h1,body.lang-dv h2,body.lang-dv h3,body.lang-dv h4,body.lang-dv h5,html[lang=dv] h1,html[lang=dv] h2,html[lang=dv] h3,html[lang=dv] h4,html[lang=dv] h5{font-weight:800!important}body.lang-dv .card-title,body.lang-dv .nav-label,body.lang-dv button,body.lang-dv label,body.lang-dv th,html[lang=dv] .card-title,html[lang=dv] .nav-label,html[lang=dv] button,html[lang=dv] label,html[lang=dv] th{font-weight:700!important}:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) :is(
.amount,.price,.mvr,.money,.value,.vbd-amt,.amount-fit,.vbd-stat-num,.stat .value,.cf-summary strong,.ni-table td:not(:first-child),.sr-amt,.t-inv,.vbd-table .amount,[class*="-amount"],[data-keep-ltr],time,.date,.invoice-no
){font-family:var(--font-num)!important;direction:ltr!important;unicode-bidi:embed;letter-spacing:normal!important}:root{--font-dhivehi:'MV Waheed'}:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) :is(body,p,li,dd,dt,h1,h2,h3,h4,h5,h6,td,th,label,.card-title,.vbd-trend,.vbd-stat-lbl,blockquote){line-height:1.9!important}:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) :is(h1,.page-title,.vbd-hero-text h2){font-size:34px!important;font-weight:700!important}:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) h2{font-size:26px!important;font-weight:700!important}:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) :is(h3,h4,.card-title,.modal-title,.vbd-panel-head h3,.vbd-qa-head h3){font-size:22px!important;font-weight:700!important}:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) :is(p,li,dd,.vbd-trend,.vbd-stat-lbl,.vbd-qa-label,.vbd-qa-sub),:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) body{font-size:21px!important;font-weight:600!important}:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) :is(td,th){font-size:20px!important;font-weight:600!important}:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) :is(button,.btn,.vbd-newtrip,.vbd-qa){font-size:20px!important;font-weight:700!important}:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) :is(input,textarea){font-size:20px!important;font-weight:600!important}:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) select{font-size:20px!important;font-weight:600!important}:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) :is(.nav-link,.vbd-nav-item,.nav-label,.vbd-navgroup-label){font-size:21px!important;font-weight:700!important}:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) :is(.amount,.vbd-amt,.amount-fit,.vbd-stat-num,.money,.price,.mvr,.value,[class*="-amount"]){font-size:24px!important;font-weight:700!important}:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) :is(.vbd-pill,.status-pill,.badge,.pill,.chip,.vb-status){font-size:18px!important;font-weight:700!important}:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) :is(h1,h2,h3,h4,h5,h6,p,li,label,dt,dd,td,th,.card-title,.modal-title,.vbd-trend,.vbd-stat-lbl,.vbd-qa-label,.vbd-qa-sub,.nav-label,blockquote,.empty-state,.dd-empty){direction:rtl!important;unicode-bidi:isolate}:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) :is(.amount,.vbd-amt,.amount-fit,.vbd-stat-num,.money,.price,.mvr,.value,.t-inv,.invoice-no,.sr-amt,.cf-summary strong,[class*="-amount"],[data-keep-ltr],time,.date,input[type=number],input[type=tel]){font-family:Inter,ui-monospace,monospace!important;direction:ltr!important;unicode-bidi:isolate!important;letter-spacing:normal!important}*,::after,::before{box-sizing:border-box}:root{--primary:#185FA5;--primary-dark:#0C447C;--bg:#f5f8fc;--card:#ffffff;--text:#0b2148;--muted:#64748b;--border:#e5e7eb;--success:#16a34a;--warning:#f59e0b;--danger:#dc2626}/* Dark mode (html.viya-dv) — keep light/dark consistent via the same tokens. */html.viya-dv{--primary:#4f9bff;--primary-dark:#185FA5;--bg:#0a0f1e;--card:#0f1830;--text:#e6edf7;--muted:#93a4c0;--border:#22324f;--success:#2dd4a7;--warning:#fbbf24;--danger:#f87171}html:not([lang=dv]) body,html:not([lang=dv]) body *{font-family:Inter,"SF Pro Display","Segoe UI",-apple-system,BlinkMacSystemFont,Arial,"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text)}.actions-card,.card,.exports-card,.info-card,.settings-card,.vb-card{background-color:var(--card);border-color:var(--border);color:var(--text)}.field-hint,.hint,.muted,.sub,.vb-muted{color:var(--muted)!important}.text-primary,.vb-primary{color:var(--primary)!important}.text-success,.vb-success{color:var(--success)!important}.text-warning,.vb-warning{color:var(--warning)!important}.text-danger,.vb-danger{color:var(--danger)!important}.vb-bg-primary{background:var(--primary)!important}.vb-bg-success{background:var(--success)!important}.vb-bg-warning{background:var(--warning)!important}.vb-bg-danger{background:var(--danger)!important}.vb-border{border-color:var(--border)!important}.vb-hidden{display:none!important}.vb-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vb-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.vb-grid-auto{display:grid;gap:14px}.vb-flex{display:flex;align-items:center;gap:10px}.vb-flex-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.vb-mt-8{margin-top:8px!important}.vb-mt-12{margin-top:12px!important}.vb-mt-16{margin-top:16px!important}.vb-mt-24{margin-top:24px!important}.vb-w-100{width:100%!important}.vb-text-right{text-align:right!important}.vb-empty-state{text-align:center;padding:20px;color:var(--muted);font-size:13px}.vb-offline-banner{display:none;position:fixed;top:0;left:0;right:0;z-index:99999;background:var(--warning);color:#fff;text-align:center;padding:10px;font-size:13px;font-weight:600}.vb-inline-action{display:inline-flex;align-items:center;gap:7px}.vb-icon-shrink{flex-shrink:0}.vb-field-wide{grid-column:1/-1}.vb-modal-host{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(15,23,42,.52)}.vb-modal-panel{width:min(480px,100%);border-radius:14px;background:var(--card);color:var(--text);border:1px solid var(--border);box-shadow:0 24px 70px rgba(15,23,42,.28);padding:24px}.viya-load-timeout{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:999999;display:grid;gap:6px;width:min(420px,calc(100vw - 32px));padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--card);color:var(--text);box-shadow:0 20px 60px rgba(15,23,42,.18)}.viya-load-timeout strong{font-size:14px;font-weight:900}.viya-load-timeout span{font-size:13px;color:var(--muted);line-height:1.45}.viya-load-timeout button{height:36px;border:0;border-radius:8px;background:var(--primary);color:#fff;font-weight:800;cursor:pointer}@media (max-width:720px){.vb-grid-2,.vb-grid-3{grid-template-columns:1fr}}.ti{line-height:1;vertical-align:-.125em}.ti-sm{font-size:14px!important}.ti-md{font-size:18px!important}.ti-lg{font-size:22px!important}.ti-xl{font-size:28px!important}.btn .ti,button .ti{font-size:15px!important;flex-shrink:0}.nav-item .ti,.nav-link .ti,.sidebar-nav a .ti,.viya-sidebar-nav a .ti{font-size:18px!important;flex-shrink:0}.modal-overlay>.modal,.modal-overlay>form.modal{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:1!important;visibility:visible!important;z-index:10000!important}html[data-theme=dark] .modal-overlay>.modal,html[data-theme=dark] .modal-overlay>form.modal{background:#0d1f3c!important}.vb-filter-bar{display:flex;align-items:center;gap:8px;padding:12px 0 10px;flex-wrap:wrap}.vb-filter-select{height:38px;border:1.5px solid #e2e8f0;border-radius:10px;background:#fff;color:#0f172a;font-size:13px;font-weight:500;padding:0 32px 0 12px;cursor:pointer;font-family:inherit;outline:0;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;min-width:140px;transition:border-color .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vb-filter-select:hover{border-color:#185fa5}.vb-filter-select:focus{border-color:#185fa5;box-shadow:0 0 0 3px rgba(24,95,165,.1)}.vb-filter-date{height:38px;border:1.5px solid #e2e8f0;border-radius:10px;background:#fff;color:#0f172a;font-size:13px;font-weight:500;padding:0 10px;cursor:pointer;font-family:inherit;outline:0;min-width:130px;transition:border-color .15s}.vb-filter-date:hover{border-color:#185fa5}.vb-filter-date:focus{border-color:#185fa5;box-shadow:0 0 0 3px rgba(24,95,165,.1)}.vb-filter-date::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}.vb-filter-search-wrap,.vb-search{position:relative;display:flex;align-items:center;flex:1;min-width:160px;height:44px;box-sizing:border-box}.vb-filter-search-wrap>.search-icon,.vb-filter-search-wrap>i,.vb-search>.search-icon,.vb-search>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;font-size:18px;line-height:1;color:#64748b;pointer-events:none;z-index:1}.vb-search input,input.vb-filter-search{width:100%;height:44px;padding:0 14px 0 44px;border:1px solid #d8e1ee;border-radius:14px;font-size:14px;font-weight:500;color:#0f172a;background:#fff;outline:0;font-family:inherit;flex:1;min-width:160px;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.vb-search input::placeholder,input.vb-filter-search::placeholder{color:#64748b;font-weight:400;font-size:14px}.vb-search input:focus,input.vb-filter-search:focus{border-color:#185fa5;box-shadow:0 0 0 3px rgba(24,95,165,.1)}.vb-search input:hover:not(:focus),input.vb-filter-search:hover:not(:focus){border-color:#cbd5e1}body.lang-dv .vb-filter-search-wrap>.search-icon,body.lang-dv .vb-filter-search-wrap>i,body.lang-dv .vb-search>.search-icon,body.lang-dv .vb-search>i{left:auto;right:14px}body.lang-dv .vb-search input,body.lang-dv input.vb-filter-search{padding:0 44px 0 14px}html.dark .vb-search input,html.dark input.vb-filter-search,html.viya-dv .vb-search input,html.viya-dv input.vb-filter-search{background:#071030;border-color:#1e3a6e;color:#e2e8f0}html.dark .vb-search input:focus,html.dark input.vb-filter-search:focus,html.viya-dv .vb-search input:focus,html.viya-dv input.vb-filter-search:focus{border-color:#185fa5;box-shadow:0 0 0 3px rgba(24,95,165,.2)}html.dark .vb-search i,html.viya-dv .vb-filter-search-wrap .search-icon,html.viya-dv .vb-search .search-icon,html.viya-dv .vb-search i{color:#64748b}.vb-tab-row{display:flex;align-items:center;gap:4px;padding:6px 0 12px;border-bottom:1px solid #f1f5f9;flex-wrap:wrap}.vb-tab{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border:1.5px solid #e2e8f0;border-radius:999px;background:#fff;color:#475569;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}.vb-tab:hover{border-color:#185fa5;color:#185fa5}.vb-tab.active{background:#eff6ff;border-color:#185fa5;color:#185fa5;font-weight:700}.vb-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;background:#e2e8f0;color:#475569;border-radius:999px;font-size:11px;font-weight:700}.vb-tab.active .vb-tab-count{background:#185fa5;color:#fff}html.viya-dv .vb-filter-date,html.viya-dv .vb-filter-search,html.viya-dv .vb-filter-select{background:#071030!important;border-color:#1e3a6e!important;color:#e2e8f0!important}html.viya-dv .vb-tab{background:#071030!important;border-color:#1e3a6e!important;color:#94a3b8!important}html.viya-dv .vb-tab.active{background:#0d2a5e!important;border-color:#185fa5!important;color:#60a5fa!important}html.viya-dv .vb-tab.active .vb-tab-count{background:#185fa5!important;color:#fff!important}html.viya-dv .vb-tab-count{background:#1e3a6e!important;color:#94a3b8!important}html.viya-dv .vb-tab-row{border-bottom-color:#1e3a6e!important}.vb-modal-overlay{display:none;position:fixed;inset:0;z-index:1000;background:rgba(7,23,53,.48);-webkit-backdrop-filter:none;backdrop-filter:none;align-items:center;justify-content:center;padding:18px;overflow-y:auto}.vb-modal-overlay.active,.vb-modal-overlay.open,.vb-modal-overlay.show{display:flex}.vb-modal{width:min(560px,100%);max-height:calc(100vh - 36px);max-height:calc(100dvh - 36px);overflow:auto;background:#fff;border-radius:16px;box-shadow:0 28px 70px rgba(7,23,53,.25);padding:22px;box-sizing:border-box}.vb-modal.vb-modal-sm{width:min(440px,100%)}.vb-modal.vb-modal-lg{width:min(720px,100%)}.vb-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.vb-modal-head h2,.vb-modal-head h3,.vb-modal-title{margin:0;font-size:18px;font-weight:800;color:#07152f}.vb-modal-head .vb-modal-sub{font-size:13px;color:#64748b;font-weight:500;margin-top:4px}.vb-modal-close{width:38px;height:38px;flex-shrink:0;border:0;border-radius:10px;background:#f1f5f9;color:#334155;font-size:20px;line-height:1;font-weight:600;cursor:pointer;display:grid;place-items:center}.vb-modal-close:hover{background:#e2e8f0}.vb-field{display:grid;gap:7px;margin-bottom:13px}.vb-field label,.vb-modal label{font-size:12px;color:#475569;font-weight:600}.vb-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vb-modal-grid .full{grid-column:1/-1}.vb-modal input:not([type=checkbox]):not([type=radio]),.vb-modal select,.vb-modal textarea{width:100%;box-sizing:border-box;height:44px;border:1px solid #e4ebf5;border-radius:10px;background:#fff;padding:0 12px;outline:0;font:inherit;font-weight:500;color:#0f172a}.vb-modal textarea{height:auto;min-height:92px;padding:10px 12px;resize:vertical}.vb-modal input:focus,.vb-modal select:focus,.vb-modal textarea:focus{border-color:#80b5ff}.vb-modal input::placeholder,.vb-modal textarea::placeholder{color:#94a3b8}.vb-modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:18px;flex-wrap:wrap}.vb-modal-actions .btn,.vb-modal-actions button{min-height:44px}.vb-modal-actions .vb-btn{height:44px;padding:0 18px;border-radius:12px;border:1px solid #dbe7f5;background:#fff;color:#185fa5;font-weight:700;cursor:pointer;font:inherit}.vb-modal-actions .vb-btn-primary{border:0;background:#185fa5;color:#fff}.vb-modal-actions .vb-btn-danger{border:0;background:#ef4444;color:#fff}html.viya-dv .vb-modal{background:#111827;box-shadow:0 28px 70px rgba(0,0,0,.55)}html.viya-dv .vb-modal-head h2,html.viya-dv .vb-modal-head h3,html.viya-dv .vb-modal-title{color:#f1f5f9}html.viya-dv .vb-modal-head .vb-modal-sub{color:#94a3b8}html.viya-dv .vb-field label,html.viya-dv .vb-modal label{color:#94a3b8}html.viya-dv .vb-modal input:not([type=checkbox]):not([type=radio]),html.viya-dv .vb-modal select,html.viya-dv .vb-modal textarea{background:#1f2937;border-color:#374151;color:#e2e8f0}html.viya-dv .vb-modal input::placeholder,html.viya-dv .vb-modal textarea::placeholder{color:#64748b}html.viya-dv .vb-modal-close{background:#1f2937;color:#cbd5e1}html.viya-dv .vb-modal-close:hover{background:#374151}html.viya-dv .vb-modal-actions .vb-btn{background:#1f2937;border-color:#374151;color:#cbd5e1}html.viya-dv .vb-modal-actions .vb-btn-primary{background:#185fa5;color:#fff}@media (max-width:768px){.vb-modal-overlay{padding:0;align-items:flex-end}.vb-modal,.vb-modal.vb-modal-lg,.vb-modal.vb-modal-sm{width:100%;max-width:100%;max-height:92vh;border-radius:18px 18px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom,0px))}.vb-modal-actions{position:sticky;bottom:0;background:inherit}.vb-modal-actions .btn,.vb-modal-actions .vb-btn,.vb-modal-actions button{flex:1}}body,html{min-height:100%;min-height:100dvh;background:var(--bg,#f5f8fc);overscroll-behavior:none}html.viya-dv,html.viya-dv body,html[data-theme=dark],html[data-theme=dark] body{background:#0a0f1e}@font-face{font-family:Inter;src:url('../../fonts/inter/Inter-Variable-Latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:'MV Waheed';src:url('../../fonts/MVWaheed.woff2') format('woff2'),url('../../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('../../fonts/MVWaheed.woff2') format('woff2');font-weight:400 900;font-display:swap}@font-face{font-family:'MV Faruma';src:url('../../fonts/MVWaheed.woff2') format('woff2');font-weight:400 900;font-display:swap}@font-face{font-family:'MV Faseyha';src:url('../../fonts/MVWaheed.woff2') format('woff2');font-weight:400 900;font-display:swap}@font-face{font-family:'MV Boli';src:url('../../fonts/MVWaheed.woff2') format('woff2');font-weight:400 900;font-display:swap}@font-face{font-family:ViyaFaruma;src:url('../../fonts/MVWaheed.woff2') format('woff2');font-weight:400 900;font-display:swap}@font-face{font-family:'Noto Sans Thaana';src:url('../../fonts/MVWaheed.woff2') format('woff2');font-weight:400 900;font-display:swap}@font-face{font-family:NotoSansThaana;src:url('../../fonts/MVWaheed.woff2') format('woff2');font-weight:400 900;font-display:swap}@font-face{font-family:MVWaheed;src:url('../../fonts/MVWaheed.woff2') format('woff2');font-weight:400 900;font-display:swap}:root{--font-en:'Inter',"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji","Segoe UI",Arial,sans-serif;--font-dv:'MV Waheed',Inter,Arial,sans-serif;--lh-en:1.55;--lh-dv:1.85}/* ── English (default) ──────────────────────────────────────── */html:not([lang=dv]) body,html:not([lang=dv]) button,html:not([lang=dv]) input,html:not([lang=dv]) select,html:not([lang=dv]) textarea{font-family:var(--font-en)!important;line-height:var(--lh-en)!important}html[lang=dv] :not([data-keep-ltr]),html[lang=dv] body{font-family:var(--font-dv)!important;line-height:var(--lh-dv)!important}html[lang=dv] button,html[lang=dv] input,html[lang=dv] select,html[lang=dv] textarea{font-family:var(--font-dv)!important;line-height:var(--lh-dv)!important}html[lang=dv] .amount-field,html[lang=dv] .price-display,html[lang=dv] [data-keep-ltr],html[lang=dv] input[type=number],html[lang=dv] input[type=tel]{font-family:var(--font-en)!important;line-height:var(--lh-en)!important}html[lang=dv] a,html[lang=dv] h1,html[lang=dv] h2,html[lang=dv] h3,html[lang=dv] h4,html[lang=dv] label,html[lang=dv] li,html[lang=dv] p,html[lang=dv] span,html[lang=dv] td,html[lang=dv] th{line-height:var(--lh-dv)!important;padding-top:2px!important;padding-bottom:2px!important}.sidebar,aside.sidebar{width:var(--vb-sidebar-w,220px);min-width:var(--vb-sidebar-w,220px);max-width:var(--vb-sidebar-w,220px);min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,#0c1e3e 0,#061229 100%);border-right:1px solid rgba(255,255,255,.08);color:#eaf2ff}.sidebar:empty{box-sizing:border-box;padding:22px 20px;overflow:hidden;position:relative}.dv-invoice,.dv-mode,body.ViyaBook-dv,body.viya-dv,html[lang=dv]{font-family:'MV Waheed',Inter,Arial,sans-serif!important}:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv,.dv-mode,.dv-invoice) a,:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv,.dv-mode,.dv-invoice) dd,:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv,.dv-mode,.dv-invoice) li,:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv,.dv-mode,.dv-invoice) p,:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv,.dv-mode,.dv-invoice) span,:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv,.dv-mode,.dv-invoice) td{font-size:max(15px, 1em)!important}:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv,.dv-mode,.dv-invoice) .hint,:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv,.dv-mode,.dv-invoice) label,:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv,.dv-mode,.dv-invoice) small,:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv,.dv-mode,.dv-invoice) th{font-size:max(14px, 1em)!important}:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv,.dv-mode,.dv-invoice) .btn,:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv,.dv-mode,.dv-invoice) button,:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv,.dv-mode,.dv-invoice) input,:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv,.dv-mode,.dv-invoice) select,:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv,.dv-mode,.dv-invoice) textarea{font-size:max(15px, 1em)!important}:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv) input[type=number],:is(html[lang=dv],body.ViyaBook-dv,body.viya-dv) input[type=tel]{font-size:max(15px, 1em)!important}:root{--font-dhivehi:'MV Waheed'}:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) :is(body,p,li,dd,dt,h1,h2,h3,h4,h5,h6,td,th,label,.card-title,.vbd-trend,.vbd-stat-lbl,blockquote){line-height:1.9!important}:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) :is(h1,.page-title,.vbd-hero-text h2){font-size:34px!important;font-weight:700!important}:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) h2{font-size:26px!important;font-weight:700!important}:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) :is(h3,h4,.card-title,.modal-title,.vbd-panel-head h3,.vbd-qa-head h3){font-size:22px!important;font-weight:700!important}:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) :is(p,li,dd,.vbd-trend,.vbd-stat-lbl,.vbd-qa-label,.vbd-qa-sub),:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) body{font-size:21px!important;font-weight:600!important}:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) :is(td,th){font-size:20px!important;font-weight:600!important}:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) :is(button,.btn,.vbd-newtrip,.vbd-qa){font-size:20px!important;font-weight:700!important}:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) :is(input,textarea){font-size:20px!important;font-weight:600!important}:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) select{font-size:20px!important;font-weight:600!important}:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) :is(.nav-link,.vbd-nav-item,.nav-label,.vbd-navgroup-label){font-size:21px!important;font-weight:700!important}:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) :is(.amount,.vbd-amt,.amount-fit,.vbd-stat-num,.money,.price,.mvr,.value,[class*="-amount"]){font-size:24px!important;font-weight:700!important}:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) :is(.vbd-pill,.status-pill,.badge,.pill,.chip,.vb-status){font-size:18px!important;font-weight:700!important}:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) :is(h1,h2,h3,h4,h5,h6,p,li,label,dt,dd,td,th,.card-title,.modal-title,.vbd-trend,.vbd-stat-lbl,.vbd-qa-label,.vbd-qa-sub,.nav-label,blockquote,.empty-state,.dd-empty){direction:rtl!important;unicode-bidi:isolate}:is(html[lang=dv],body.lang-dv,body.ViyaBook-dv) :is(.amount,.vbd-amt,.amount-fit,.vbd-stat-num,.money,.price,.mvr,.value,.t-inv,.invoice-no,.sr-amt,.cf-summary strong,[class*="-amount"],[data-keep-ltr],time,.date,input[type=number],input[type=tel]){font-family:Inter,ui-monospace,monospace!important;direction:ltr!important;unicode-bidi:isolate!important;letter-spacing:normal!important}@media (max-width:767px){.dashboard-shell{display:block!important}.sidebar{display:none!important}.topbar{display:none!important}body .main,body .main-content{padding:12px 14px calc(96px + env(safe-area-inset-bottom,0px))!important;min-width:0!important;overflow-x:hidden!important;background:#f4f6f9!important}.page-head{display:block!important;padding:0 0 14px!important;margin-bottom:0!important;background:0 0!important}.page-h1,.page-head h1{font-size:22px!important;font-weight:800!important;color:#0b2148!important;margin:0 0 2px!important;letter-spacing:-.02em!important}.page-head .sub,.page-head .subtitle,.page-head p{font-size:13px!important;color:var(--muted,#64748b)!important;margin:0 0 12px!important}.actions,.head-actions,.page-actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:7px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;padding-bottom:2px!important;width:auto!important;margin-top:10px!important}.head-actions::-webkit-scrollbar,.page-actions::-webkit-scrollbar{display:none!important}.actions .btn,.actions button,.head-actions .btn,.head-actions button,.page-actions .btn,.page-actions button{flex:0 0 auto!important;height:38px!important;min-height:38px!important;padding:0 14px!important;font-size:13px!important;font-weight:700!important;border-radius:10px!important;white-space:nowrap!important;box-shadow:none!important}.kpis,.metrics,.stats-grid,.summary-grid,.vb-summary-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:12px!important}.metric,.stat,.summary,.summary-card{min-height:88px!important;padding:10px 12px!important;border-radius:12px!important;box-shadow:0 2px 10px rgba(15,23,42,.05)!important}.metric h3,.stat h3,.summary-card span{font-size:11px!important;font-weight:600!important;color:var(--muted)!important}.metric h2,.stat .value,.summary-card strong{font-size:18px!important;font-weight:800!important;letter-spacing:-.02em!important}.stat p,.summary-card small{font-size:10px!important}.type-grid{grid-template-columns:repeat(2,1fr)!important;gap:7px!important}.type-card{min-height:0!important;padding:12px!important;border-radius:12px!important}.type-card h2{font-size:14px!important}.type-card p{font-size:11px!important}.card,.panel,.table-card,.tool-card,.vb-card{border-radius:14px!important;padding:12px!important;box-shadow:0 2px 10px rgba(15,23,42,.04)!important;margin-bottom:10px!important}table thead{display:none!important}table tbody tr{display:block!important;background:#fff!important;border:none!important;border-bottom:1px solid #f0f2f5!important;border-radius:0!important;padding:14px 16px!important;margin-bottom:0!important;box-shadow:none!important}table tbody tr:first-child{border-top:1px solid #f0f2f5!important;border-radius:14px 14px 0 0!important}table tbody tr:last-child{border-radius:0 0 14px 14px!important}table tbody td{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;border:none!important;border-bottom:1px solid #f8fafc!important;padding:6px 0!important;text-align:right!important;font-size:13px!important;width:auto!important}table tbody tr td:last-child{border-bottom:none!important}table tbody td::before{content:attr(data-label);font-size:11px!important;font-weight:700!important;color:var(--muted,#64748b)!important;text-align:left!important;flex:0 0 auto!important;white-space:nowrap!important}table tbody td[data-label=""]::before{content:none!important}table tbody td:first-child{font-size:14px!important;font-weight:700!important;color:var(--text,#0b2148)!important;text-align:left!important;padding-bottom:8px!important}table tbody td:first-child::before{content:none!important}.table-card,.table-shell,.table-wrap{background:0 0!important;border:none!important;border-radius:0!important;box-shadow:none!important;padding:0!important;overflow-x:visible!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal,.modal-card,.modal-inner,.modal-lg,.modal-overlay>div:not(.vb-modal-overlay){width:100%!important;max-width:100%!important;border-radius:20px 20px 0 0!important;max-height:92vh!important;margin:0!important;overflow-y:auto!important}.modal-actions,.modal-footer,.save-row{position:sticky!important;bottom:0!important;background:#fff!important;padding:12px 0!important;gap:8px!important}.modal-actions .btn,.modal-footer .btn,.save-row .btn{flex:1!important;min-height:44px!important}.vb-modal-overlay{align-items:flex-end!important;padding:0!important}.vb-modal{border-radius:20px 20px 0 0!important;width:100%!important;max-width:100%!important;max-height:92vh!important}.detail-grid,.form-grid,.grid-top,.modal-grid,.notes-totals{grid-template-columns:1fr!important}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{max-width:100%!important;box-sizing:border-box!important;font-size:16px!important}.filter-grid,.filter-row{display:flex!important;flex-direction:column!important;gap:8px!important}.filter-grid>*,.filter-row>*{width:100%!important}.vb-filter-bar{display:flex!important;flex-wrap:wrap!important;gap:7px!important}.vb-filter-search-wrap{flex:1 1 100%!important;min-width:0!important}.vb-filter-select{height:36px!important;font-size:13px!important;flex:1 1 auto!important}.search-box,.search-wrap{width:100%!important}.vb-tab-row{flex-wrap:wrap!important;gap:6px!important}.vb-tab{height:30px!important;padding:0 12px!important;font-size:12px!important;border-radius:999px!important}.pagination{flex-wrap:wrap!important;gap:4px!important;justify-content:center!important}.page-btn{min-height:32px!important;min-width:32px!important;font-size:12px!important;border-radius:8px!important}.settings-menu,.settings-nav{display:flex!important;flex-direction:row!important;overflow-x:auto!important;flex-wrap:nowrap!important;gap:4px!important;padding:8px 0!important;border-bottom:1px solid var(--border)!important;border-right:none!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;position:sticky!important;top:0!important;background:#f4f6f9!important;z-index:5!important}.settings-menu::-webkit-scrollbar{display:none!important}.settings-link{white-space:nowrap!important;flex-shrink:0!important;padding:6px 14px!important;border-radius:20px!important;font-size:12px!important}.settings-layout{display:block!important}.bottom-grid,.dashboard-grid,.grid-2,.grid-3,.grid-4,.plan-grid{grid-template-columns:1fr!important;gap:10px!important}.quick-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.desktop-only,.hide-mobile{display:none!important}.items-card,.line-items-card{overflow-x:auto!important}.items-card table,.line-items-card table{min-width:560px!important}}@media (max-width:480px){body .main,body .main-content{padding:10px 12px calc(96px + env(safe-area-inset-bottom,0px))!important}.page-h1,.page-head h1{font-size:19px!important}.kpis,.summary-grid,.vb-summary-grid{gap:7px!important}.stat .value,.summary-card strong{font-size:16px!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,.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}.bottom-grid,.card,.cards-grid,.dashboard-grid,.filters-grid,.form-grid,.metric,.metric-card,.metrics,.panel,.section-card,.stat-card,.stat-cards,.stats-grid,.summary,.summary-card,.summary-grid,.trip-grid,.trip-summary-card,.vb-card,.vbd-card{max-width:100%!important;min-width:0!important}.bottom-grid>*,.cards-grid>*,.dashboard-grid>*,.filters-grid>*,.form-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,.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}}html[lang=dv],html[lang=dv] body{direction:rtl;text-align:right}html[lang=dv] .app,html[lang=dv] .dashboard-shell,html[lang=dv] .layout,html[lang=dv] .viya-layout{flex-direction:row-reverse!important}html[lang=dv] body .side,html[lang=dv] body .sidebar,html[lang=dv] body .viya-sidebar,html[lang=dv] body aside.sidebar{margin:18px 18px 18px 0!important;border-radius:0 28px 28px 0!important;border-left:none!important;border-right:1px solid rgba(255,255,255,.06)!important}@media (max-width:1024px){html[lang=dv] body .sidebar,html[lang=dv] body aside.sidebar{left:auto!important;right:0!important;transform:translateX(105%)!important;border-radius:28px 0 0 28px!important;margin:0!important}html[lang=dv] body .sidebar.active,html[lang=dv] body aside.sidebar.active{transform:translateX(0)!important}html[lang=dv] .hamburger-toggle,html[lang=dv] .viya-mobile-menu-btn{left:16px!important;right:auto!important}html[lang=dv] body .main,html[lang=dv] body .main-content,html[lang=dv] body.viya-sidebar-page .viya-main{padding:0 16px 24px!important}html[lang=dv] .viya-sidebar-close{right:auto!important;left:14px!important}html[lang=dv] .sidebar-overlay{direction:ltr!important}}html[lang=dv] .sidebar-brand{flex-direction:row-reverse!important}html[lang=dv] .vb-brand-copy{text-align:right!important}html[lang=dv] .nav a,html[lang=dv] .sidebar-nav a,html[lang=dv] .viya-sidebar-nav a{flex-direction:row-reverse!important;text-align:right!important}html[lang=dv] .nav a:hover,html[lang=dv] .sidebar-nav a:hover,html[lang=dv] .viya-sidebar-nav a:hover{transform:translateX(3px)!important}html[lang=dv] .business-trigger{flex-direction:row-reverse!important}html[lang=dv] .business-current{text-align:right!important}html[lang=dv] .business-option,html[lang=dv] .business-options{text-align:right!important}html[lang=dv] .switch-options{direction:ltr!important}html[lang=dv] .sidebar-footer{text-align:right!important}html[lang=dv] .viya-app-header{direction:rtl!important}html[lang=dv] .viya-profile-menu{right:auto!important;left:0!important;text-align:right!important}html[lang=dv] .viya-profile-menu a,html[lang=dv] .viya-profile-menu button{text-align:right!important}html[lang=dv] .viya-mobile-title{text-align:right!important}html[lang=dv] .customer-head,html[lang=dv] .head-actions,html[lang=dv] .header-actions,html[lang=dv] .page-head,html[lang=dv] .panel-head,html[lang=dv] .section-heading,html[lang=dv] .settings-title,html[lang=dv] .table-header,html[lang=dv] .topbar-title,html[lang=dv] .welcome{flex-direction:row-reverse!important;text-align:right!important}html[lang=dv] .topbar-title{text-align:right!important}html[lang=dv] .viya-breadcrumb{flex-direction:row-reverse!important}html[lang=dv] input:not([type=checkbox]):not([type=radio]):not([type=number]):not([type=range]):not([type=color]),html[lang=dv] textarea{direction:rtl!important;text-align:right!important}html[lang=dv] select{direction:rtl!important;text-align:right!important}html[lang=dv] input[inputmode=decimal],html[lang=dv] input[inputmode=numeric],html[lang=dv] input[type=number],html[lang=dv] input[type=tel]{direction:ltr!important;text-align:left!important}html[lang=dv] .prod-search,html[lang=dv] .product-search,html[lang=dv] .search-box,html[lang=dv] .viya-header-search{flex-direction:row-reverse!important}html[lang=dv] .prod-search input,html[lang=dv] .search-box input,html[lang=dv] .viya-header-search input{direction:rtl!important;text-align:right!important}html[lang=dv] table{direction:rtl!important}html[lang=dv] td,html[lang=dv] th{text-align:right!important}html[lang=dv] td:first-child{border-radius:0 12px 12px 0!important;border-left:1px solid rgba(148,163,184,.12)!important;border-right:none!important}html[lang=dv] td:last-child{border-radius:12px 0 0 12px!important;border-right:1px solid rgba(148,163,184,.12)!important;border-left:none!important}html[lang=dv] thead th:first-child{border-radius:0 12px 12px 0!important}html[lang=dv] thead th:last-child{border-radius:12px 0 0 12px!important}@media (max-width:768px){html[lang=dv] td::before{margin-right:0!important;margin-left:8px!important}}html[lang=dv] .field{text-align:right!important}html[lang=dv] .field label{display:block;text-align:right!important}html[lang=dv] .form-grid,html[lang=dv] .grid-2,html[lang=dv] .grid-3,html[lang=dv] .horizontal-group,html[lang=dv] .modal-grid,html[lang=dv] .settings-grid{direction:rtl!important}html[lang=dv] .modal-head,html[lang=dv] .modal-header{flex-direction:row-reverse!important}html[lang=dv] .modal-actions{flex-direction:row-reverse!important}html[lang=dv] .filter-modal-card,html[lang=dv] .modal-card,html[lang=dv] .trip-modal-card{text-align:right!important}html[lang=dv] .settings-layout{flex-direction:row-reverse!important}html[lang=dv] .settings-link{flex-direction:row-reverse!important;text-align:right!important}html[lang=dv] .section-head,html[lang=dv] .section-header{text-align:right!important}html[lang=dv] .content-card,html[lang=dv] .settings-panel{text-align:right!important}html[lang=dv] .kpis,html[lang=dv] .metrics,html[lang=dv] .stats-grid,html[lang=dv] .stats-grid.premium-stats{direction:rtl!important}html[lang=dv] .stat-card-title{flex-direction:row-reverse!important}html[lang=dv] .kpi-title{text-align:right!important}html[lang=dv] .quick-actions{direction:rtl!important}html[lang=dv] .grid-2,html[lang=dv] .tables-row{direction:rtl!important}html[lang=dv] .summary{direction:rtl!important}html[lang=dv] .summary-item{border-right:none!important;border-left:1px solid rgba(148,163,184,.15)!important}html[lang=dv] .summary-item:last-child{border-left:none!important}html[lang=dv] .section-heading{flex-direction:row-reverse!important}html[lang=dv] .panel-head{flex-direction:row-reverse!important}html[lang=dv] .pos-body{flex-direction:row-reverse!important}html[lang=dv] .pos-header{flex-direction:row-reverse!important}html[lang=dv] .products-panel{border-right:none!important;border-left:1px solid rgba(24,95,165,.12)!important}html[lang=dv] .cart-panel{border-left:none!important;border-right:1px solid rgba(24,95,165,.12)!important}html[lang=dv] .cart-header{flex-direction:row-reverse!important}html[lang=dv] .cart-item{flex-direction:row-reverse!important}html[lang=dv] .cart-item-info{text-align:right!important}html[lang=dv] .cart-item-price{text-align:left!important}html[lang=dv] .customer-bar{flex-direction:row-reverse!important}html[lang=dv] #categoryTabs,html[lang=dv] .cat-scroll-wrap{direction:rtl!important}html[lang=dv] .prod-toolbar{flex-direction:row-reverse!important}html[lang=dv] .prod-info{text-align:right!important}html[lang=dv] .prod-footer{flex-direction:row-reverse!important}html[lang=dv] .prod-cat,html[lang=dv] .prod-name{text-align:right!important}html[lang=dv] .cart-totals{direction:rtl!important;text-align:right!important}html[lang=dv] .change-row,html[lang=dv] .discount-line,html[lang=dv] .grand-total-row,html[lang=dv] .total-line{flex-direction:row-reverse!important}html[lang=dv] .pay-section{direction:rtl!important;text-align:right!important}html[lang=dv] .payment-grid{direction:rtl!important}html[lang=dv] .received-row{flex-direction:row-reverse!important}html[lang=dv] .cart-actions,html[lang=dv] .cart-actions-main,html[lang=dv] .cart-actions-top{direction:rtl!important}html[lang=dv] .qty,html[lang=dv] .qty-ctrl{direction:ltr!important}@media (max-width:768px){html[lang=dv] .cart-panel,html[lang=dv] .order-panel{direction:rtl!important;border-radius:24px 24px 0 0!important}html[lang=dv] .pos-body{flex-direction:column!important}}html[lang=dv] .trips-layout{flex-direction:row-reverse!important}html[lang=dv] .project-card-top,html[lang=dv] .trip-card-top{flex-direction:row-reverse!important}html[lang=dv] .trip-title-wrap{flex-direction:row-reverse!important}html[lang=dv] .project-metrics,html[lang=dv] .trip-metrics{direction:rtl!important}html[lang=dv] .metric-card{text-align:right!important}html[lang=dv] .trip-tabs{flex-direction:row-reverse!important}html[lang=dv] .trip-status-wrap{flex-direction:row-reverse!important}html[lang=dv] .panel-bottom{flex-direction:row-reverse!important}html[lang=dv] .trip-grid{direction:rtl!important}html[lang=dv] .trip-grid-card{text-align:right!important}html[lang=dv] .info-row{flex-direction:row-reverse!important;text-align:right!important}html[lang=dv] .detail-head{flex-direction:row-reverse!important}html[lang=dv] .filter-row{direction:rtl!important}html[lang=dv] .summary-grid{direction:rtl!important}html[lang=dv] .summary-card{text-align:right!important;flex-direction:row-reverse!important}html[lang=dv] .type-grid{direction:rtl!important}html[lang=dv] .type-card{flex-direction:row-reverse!important}html[lang=dv] .customer-name{flex-direction:row-reverse!important}html[lang=dv] .action-buttons{flex-direction:row-reverse!important}html[lang=dv] .action-menu,html[lang=dv] .more-menu{left:0!important;right:auto!important;text-align:right!important}html[lang=dv] .action-menu button,html[lang=dv] .more-menu button{text-align:right!important}html[lang=dv] .pages,html[lang=dv] .pagination,html[lang=dv] .panel-bottom{flex-direction:row-reverse!important}html[lang=dv] .tabs{flex-direction:row-reverse!important}html[lang=dv] .product-cell{flex-direction:row-reverse!important}html[lang=dv] .grid-view{direction:rtl!important}html[lang=dv] .grid-info{text-align:right!important}html[lang=dv] .grid-actions{flex-direction:row-reverse!important}html[lang=dv] .filters{flex-direction:row-reverse!important}html[lang=dv] .action-card{flex-direction:row-reverse!important}html[lang=dv] .action-left{flex-direction:row-reverse!important}html[lang=dv] .invoice-row{flex-direction:row-reverse!important}html[lang=dv] .notes-totals{direction:rtl!important}html[lang=dv] .total-line{direction:rtl!important}html[lang=dv] .invoice-details{direction:rtl!important}html[lang=dv] .drawer-card-head,html[lang=dv] .drawer-grid{direction:rtl!important}html[lang=dv] .viya-breadcrumb{flex-direction:row-reverse!important}html[lang=dv] .section-heading{flex-direction:row-reverse!important}html[lang=dv] .viya-bottom-nav{direction:rtl!important}html[lang=dv] #viyaToastContainer{left:20px!important;right:auto!important}html[lang=dv] .viya-floating-cart{direction:rtl!important}html[lang=dv] .viya-fab{right:18px!important;left:auto!important}html[lang=dv] .balance-green,html[lang=dv] .balance-red,html[lang=dv] .cart-item-price,html[lang=dv] .grand-total-value,html[lang=dv] .kpi-note,html[lang=dv] .kpi-value,html[lang=dv] .metric-card strong,html[lang=dv] .prod-price,html[lang=dv] .stat-card h3,html[lang=dv] .summary-item strong{direction:ltr!important;display:inline-block!important;text-align:right!important}html[lang=dv] .skel-cell,html[lang=dv] .skel-row,html[lang=dv] [data-skel]{direction:ltr!important}@media print{html[lang=dv] body{direction:rtl!important}}body.lang-dv{direction:rtl;text-align:right}body.lang-dv .app,html[lang=dv] .app{direction:rtl!important}body.lang-dv .dashboard-shell,body.lang-dv .layout,body.lang-dv .viya-layout{flex-direction:row-reverse!important}body.lang-dv .app>.sidebar,html[lang=dv] .app>.sidebar{border-right:none!important;border-left:1px solid rgba(255,255,255,.08)!important;box-shadow:-10px 0 35px rgba(2,8,23,.15)!important}body.lang-dv .app>.main,html[lang=dv] .app>.main{direction:rtl}body.lang-dv .app .content,html[lang=dv] .app .content{text-align:right}body.lang-dv .nav-link,body.lang-dv .side-action,html[lang=dv] .nav-link,html[lang=dv] .side-action{flex-direction:row-reverse!important;text-align:right!important}body.lang-dv .search-wrap input,html[lang=dv] .search-wrap input{text-align:right}body.lang-dv .amount,body.lang-dv .money,body.lang-dv .mvr,body.lang-dv .stat .value,body.lang-dv .value,body.lang-dv [data-ltr],html[lang=dv] .amount,html[lang=dv] .inv-no,html[lang=dv] .invoice-no,html[lang=dv] .money,html[lang=dv] .mvr,html[lang=dv] .row .amount,html[lang=dv] .stat .value,html[lang=dv] .value,html[lang=dv] [data-ltr]{direction:ltr!important;unicode-bidi:isolate!important;text-align:right!important}:is(html[lang=dv],body.lang-dv) :is(
.card,.dashboard-card,.data-card,.form-card,.table-card,.card-body,.card-header,.vbd-card,.vbd-cards,.vbd-stat,.vbd-stats,.vbd-panel,.vbd-qa,.vbd-qa-section,.vbd-hero,.vbd-mid,.panel,.side-card,.chart-panel,.metric,.metrics,.stat,.stat-card,.metric-card,.trip-grid-card,.trip-card-box,.quick-action,.quick-actions,.detail-stat,.modal,.modal-card,.modal-body,.modal-head,.dropdown,.dropdown-menu,.more-menu,.notif,.field,.form-group,.form-row,.filter-grid,.settings-menu,.info-row,.list,.page-content,.content,.summary-row,.top-trip-item,.empty,.vbd-empty
){direction:rtl!important;text-align:right!important}:is(html[lang=dv],body.lang-dv) :is(input,textarea,select){direction:rtl;text-align:right}:is(html[lang=dv],body.lang-dv) :is(table,th,td,thead th){text-align:right!important}:is(html[lang=dv],body.lang-dv) :is(.btn,button,.quick-action){text-align:center}:is(html[lang=dv],body.lang-dv) :is(
.ltr-value,.amount,.number,.invoice-no,.inv-no,.trip-no,.phone,.email,.sku,.code,.mono,.money,.mvr,.price,.value,.vbd-amt,.amount-fit,.vbd-stat-num,.t-inv,.sr-amt,[data-ltr],[data-keep-ltr],time,.date,input[type=number],input[type=tel],input[type=email]
){direction:ltr!important;unicode-bidi:isolate!important;text-align:inherit!important}