:root{
    --green:#0e8f4c;--green-dark:#08713b;--green-soft:#e8f7ef;
    --blue:#3b6ff5;--orange:#f59e0b;--purple:#7c5cff;--red:#dc3c4d;
    --bg:#f4f7f5;--surface:#ffffff;--surface-2:#f8faf9;--text:#14211a;
    --muted:#738078;--line:#e4eae6;--sidebar:#0f1f17;--shadow:0 18px 45px rgba(18,46,31,.08);
    --radius:22px;
}
html[data-theme="dark"]{
    --bg:#101713;--surface:#17201a;--surface-2:#1d2821;--text:#eef6f1;
    --muted:#95a69c;--line:#2a3830;--sidebar:#0a100d;--green-soft:#173b28;
    --shadow:0 18px 45px rgba(0,0,0,.22);
}
*{box-sizing:border-box}
html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
body{margin:0;background:var(--bg);color:var(--text);transition:background .2s,color .2s}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.app-shell{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;background:var(--sidebar);color:white;padding:22px 17px;display:flex;flex-direction:column;z-index:80}
.brand-block{display:flex;align-items:center;gap:12px;padding:5px 8px 24px}
.brand-mark,.visual-logo,.mobile-login-logo{display:grid;place-items:center;background:linear-gradient(145deg,var(--green),#28b86c);color:white;font-weight:900;letter-spacing:-1px}
.brand-mark{width:48px;height:48px;border-radius:15px;font-size:14px}
.brand-block strong,.brand-block span{display:block}.brand-block span{font-size:11px;color:#9db8a9;margin-top:3px}
.sidebar-close{display:none;margin-left:auto;border:0;background:transparent;color:white;font-size:26px}
.side-nav{display:grid;gap:5px}
.side-nav a{min-height:45px;padding:10px 12px;border-radius:13px;display:flex;align-items:center;gap:11px;color:#d5e4dc;font-weight:700;font-size:14px}
.side-nav a:hover,.side-nav a.active{background:rgba(255,255,255,.1);color:#fff}
.side-nav a.active{box-shadow:inset 3px 0 0 #31c975}
.side-nav a.disabled{opacity:.45;pointer-events:none}.side-nav small{margin-left:auto;font-size:9px;text-transform:uppercase}
.nav-icon{width:24px;text-align:center;font-size:18px}
.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:16px}
.mini-profile{display:flex;align-items:center;gap:10px;padding:4px 5px 13px}.mini-profile strong,.mini-profile span{display:block}.mini-profile span{font-size:11px;color:#9db8a9}
.avatar,.user-chip{width:40px;height:40px;border-radius:50%;background:#dff4e8;color:var(--green-dark);display:grid;place-items:center;font-weight:900}
.logout-button{width:100%;border:0;background:rgba(255,255,255,.08);color:white;border-radius:12px;padding:11px;font-weight:800}
.sidebar-overlay{display:none}
.main-panel{min-width:0;padding-bottom:0}
.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:14px;padding:18px 28px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.topbar-title h1{margin:0;font-size:23px;letter-spacing:-.5px}.topbar-title p{margin:4px 0 0;color:var(--muted);font-size:12px}
.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:9px}
.icon-button{position:relative;width:40px;height:40px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;display:grid;place-items:center}
.icon-button i{position:absolute;right:9px;top:8px;width:7px;height:7px;background:var(--red);border-radius:50%}
.menu-button{display:none}
.content{padding:24px 28px 44px}
.eyebrow{font-size:10px;font-weight:900;letter-spacing:1.6px}.eyebrow.green{color:var(--green)}.eyebrow.light{color:#c8f1d9}
.dashboard-hero{display:flex;justify-content:space-between;align-items:end;gap:16px;background:linear-gradient(135deg,#0c7b42,#0c9f55 55%,#20b866);color:white;border-radius:28px;padding:26px;box-shadow:0 22px 55px rgba(14,143,76,.22);overflow:hidden}
.dashboard-hero h2{font-size:32px;letter-spacing:-1px;margin:8px 0 6px}.dashboard-hero p{margin:0;color:#daf5e5}.hero-cta{background:white;color:#0c7b42;border-radius:14px;padding:12px 16px;font-weight:900;white-space:nowrap}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}
.kpi-card,.panel,.form-card,.bike-card.premium,.danger-zone{background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 24px rgba(18,46,31,.035)}
.kpi-card{border-radius:20px;padding:17px}.kpi-top{display:flex;justify-content:space-between;align-items:center}
.kpi-icon,.operation-icon{display:grid;place-items:center;border-radius:12px;font-weight:900}.kpi-icon{width:38px;height:38px}.kpi-icon.green,.operation-icon.green{background:#e1f7ea;color:#078142}.kpi-icon.blue,.operation-icon.blue{background:#e7edff;color:#315ed2}.kpi-icon.orange,.operation-icon.orange{background:#fff1d8;color:#ad6900}.kpi-icon.purple{background:#eee9ff;color:#6847de}
.trend{font-size:9px;text-transform:uppercase;font-weight:900;color:var(--muted)}.trend.positive{color:var(--green)}.trend.warning{color:var(--orange)}
.kpi-card>strong{display:block;font-size:30px;margin:17px 0 3px;letter-spacing:-1px}.kpi-card p{margin:0;color:var(--muted);font-size:12px}
.dashboard-grid,.profile-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:14px}.panel{border-radius:22px;padding:19px}.span-2{grid-column:auto}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head h3{margin:5px 0 0;font-size:18px}.more-button{border:0;background:transparent;color:var(--muted);font-size:18px}.text-link{color:var(--green);font-size:12px;font-weight:900}
.operation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px}.operation-card{display:flex;align-items:center;gap:10px;background:var(--surface-2);border-radius:15px;padding:12px}.operation-icon{width:36px;height:36px}.operation-card strong,.operation-card span{display:block}.operation-card strong{font-size:19px}.operation-card span{font-size:10px;color:var(--muted)}
.empty-schedule{display:grid;place-items:center;text-align:center;padding:26px 14px;margin-top:13px;border:1px dashed var(--line);border-radius:17px}.empty-symbol{font-size:30px;color:var(--green)}.empty-schedule strong{margin:8px 0 4px}.empty-schedule span{color:var(--muted);font-size:11px}
.health-list{display:grid;gap:18px;margin-top:23px}.health-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px}.progress{height:8px;background:var(--surface-2);border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;border-radius:99px}.progress i.green{background:var(--green)}.progress i.blue{background:var(--blue)}.progress i.orange{background:var(--orange)}
.fleet-table{margin-top:12px}.fleet-row{display:grid;grid-template-columns:42px 1fr 100px auto;align-items:center;gap:11px;padding:12px 3px;border-top:1px solid var(--line)}.fleet-avatar{width:40px;height:40px;border-radius:13px;background:var(--green-soft);color:var(--green);display:grid;place-items:center}.fleet-main strong,.fleet-main span{display:block}.fleet-main span,.fleet-km{font-size:11px;color:var(--muted);margin-top:3px}
.status{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900}.status.available{background:#dff6e9;color:#08773d}.status.rented{background:#e4edff;color:#2457b8}.status.maintenance{background:#ffe2e2;color:#a42020}
.alert-item{display:flex;gap:10px;align-items:center;background:#fff5df;border:1px solid #f7dfaa;padding:13px;border-radius:15px;margin-top:16px;color:#8c5a00}.alert-icon{width:34px;height:34px;border-radius:11px;background:#ffd980;display:grid;place-items:center;font-weight:900}.alert-item strong,.alert-item span{display:block}.alert-item span{font-size:11px;margin-top:3px}
.all-good{text-align:center;padding:24px 10px}.all-good>span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#dff6e9;color:#08773d;margin:auto;font-weight:900}.all-good strong{display:block;margin-top:10px}.all-good p{color:var(--muted);font-size:11px}
.page-actions{display:flex;justify-content:space-between;gap:12px;align-items:center}.filters{display:flex;gap:9px;flex:1}.search-box{display:flex;align-items:center;gap:7px;flex:1;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:0 12px}.search-box input{border:0;background:transparent;padding:12px 0;outline:0}
input,select,textarea{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:13px;padding:12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(14,143,76,.1)}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:13px;padding:11px 15px;font-weight:900;white-space:nowrap}.btn.primary{background:var(--green);color:white}.btn.secondary{background:var(--surface);border:1px solid var(--line);color:var(--text)}.btn.full{width:100%}.btn.large{padding:14px}.danger-btn{background:#ffe2e2;color:#a42020}
.bike-grid.premium{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:15px}.bike-card.premium{border-radius:21px;overflow:hidden;transition:.2s}.bike-card.premium:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.bike-visual{height:132px;background:linear-gradient(145deg,var(--green-soft),var(--surface-2));display:grid;place-items:center;position:relative}.bike-visual>span{font-size:42px;color:var(--green)}.bike-visual i{position:absolute;left:14px;bottom:12px;font-size:10px;text-transform:uppercase;font-style:normal;color:var(--muted);font-weight:900}.bike-card-body{padding:15px}.bike-card-top{display:flex;justify-content:space-between;gap:10px;align-items:start}.bike-card h3{margin:0;font-size:16px}.bike-card p{margin:4px 0 0;color:var(--muted);font-size:11px}.bike-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px;padding-top:13px;border-top:1px solid var(--line)}.bike-metrics span,.bike-metrics strong{display:block}.bike-metrics span{font-size:9px;color:var(--muted);text-transform:uppercase}.bike-metrics strong{font-size:11px;margin-top:4px}
.form-card.premium-form{border-radius:22px;padding:20px}.form-section{padding:5px 0 22px;border-bottom:1px solid var(--line);margin-bottom:20px}.form-section:last-of-type{border-bottom:0}.form-section-head{display:flex;gap:11px;margin-bottom:15px}.section-number{width:34px;height:34px;border-radius:11px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;font-size:10px;font-weight:900}.form-section h3{margin:0}.form-section p{margin:4px 0 0;color:var(--muted);font-size:11px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}label{display:block;font-size:11px;font-weight:900;margin-bottom:6px}.form-error{color:var(--red);font-size:11px;margin-top:5px}.sticky-actions{display:flex;justify-content:flex-end;gap:9px}
.bike-profile-hero{display:flex;align-items:center;gap:18px;background:linear-gradient(145deg,var(--surface),var(--surface-2));border:1px solid var(--line);border-radius:24px;padding:22px}.profile-symbol{width:82px;height:82px;border-radius:22px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;font-size:36px}.profile-main{flex:1}.profile-main h2{font-size:27px;margin:7px 0 4px}.profile-main p{margin:0;color:var(--muted)}
.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.details-grid>div{background:var(--surface-2);border-radius:14px;padding:12px}.details-grid span,.details-grid strong{display:block}.details-grid span{font-size:9px;color:var(--muted);text-transform:uppercase}.details-grid strong{margin-top:5px;font-size:12px}.notes-text{color:var(--muted);line-height:1.7}
.module-launcher{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.module-launcher article{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:17px}.module-launcher span,.module-launcher strong,.module-launcher small{display:block}.module-launcher span{font-size:24px;color:var(--green)}.module-launcher strong{margin:9px 0 4px}.module-launcher small{color:var(--muted)}.module-launcher i{position:absolute;right:10px;top:10px;font-style:normal;font-size:8px;text-transform:uppercase;color:var(--muted)}
.danger-zone{display:flex;justify-content:space-between;align-items:center;gap:12px;border-radius:18px;padding:16px;margin-top:14px}.danger-zone strong{display:block}.danger-zone p{margin:4px 0 0;color:var(--muted);font-size:11px}
.toast-success{padding:12px 14px;border-radius:14px;margin-bottom:14px;background:#dff6e9;color:#08773d;font-weight:800}.empty-state{padding:24px;text-align:center;color:var(--muted)}.full-width{grid-column:1/-1}.pagination-wrap{margin-top:18px}
.mobile-nav{display:none}
.login-page{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:var(--bg)}
.login-visual{background:radial-gradient(circle at 20% 20%,rgba(39,190,107,.35),transparent 35%),linear-gradient(145deg,#0d2117,#0b6d3a);color:white;display:flex;align-items:center;padding:8vw}.visual-content{max-width:610px}.visual-logo{width:66px;height:66px;border-radius:20px;font-size:19px;margin-bottom:28px}.visual-content h1{font-size:58px;line-height:1.02;letter-spacing:-3px;margin:12px 0 18px}.visual-content>p{font-size:17px;line-height:1.6;color:#c8dfd1;max-width:540px}.visual-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:44px}.visual-stats div{padding:15px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);border-radius:16px}.visual-stats strong,.visual-stats span{display:block}.visual-stats strong{font-size:22px}.visual-stats span{font-size:10px;color:#b9d5c5;margin-top:4px}
.login-panel{display:grid;place-items:center;padding:30px}.login-card{width:min(100%,420px)}.mobile-login-logo{display:none;width:58px;height:58px;border-radius:18px;margin-bottom:22px}.login-card h2{font-size:30px;letter-spacing:-1px;margin:9px 0 5px}.login-card>p{color:var(--muted);margin:0 0 26px}.input-wrap{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:14px;padding:0 12px;background:var(--surface)}.input-wrap input{border:0;background:transparent;padding:13px 0;box-shadow:none}.login-card label{margin-top:14px}.remember{display:flex!important;align-items:center;gap:7px;margin:14px 0}.remember input{width:auto}.login-note{display:block;text-align:center;color:var(--muted);margin-top:18px}
@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.bike-grid.premium{grid-template-columns:repeat(2,1fr)}.module-launcher{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){
    .app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-290px;width:270px;transition:.22s}.sidebar.open{left:0}.sidebar-close{display:block}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:70}.sidebar-overlay.show{display:block}
    .menu-button{display:grid}.topbar{padding:14px 16px}.topbar-title h1{font-size:18px}.topbar-title p{display:none}.content{padding:15px 15px 92px}
    .dashboard-hero{align-items:flex-start;flex-direction:column}.dashboard-hero h2{font-size:27px}.hero-cta{width:100%;text-align:center}
    .dashboard-grid,.profile-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.operation-grid{grid-template-columns:1fr}.fleet-row{grid-template-columns:40px 1fr auto}.fleet-km{display:none}
    .mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:7px 5px calc(7px + env(safe-area-inset-bottom));z-index:50}.mobile-nav a{display:grid;place-items:center;color:var(--muted);font-size:19px}.mobile-nav a small{font-size:8px;margin-top:2px}.mobile-nav a.active{color:var(--green)}.mobile-nav a.disabled{opacity:.45;pointer-events:none}
    .page-actions,.filters{flex-direction:column;align-items:stretch}.bike-grid.premium{grid-template-columns:1fr}.form-grid,.details-grid{grid-template-columns:1fr}.module-launcher{grid-template-columns:repeat(2,1fr)}.bike-profile-hero{align-items:flex-start;flex-wrap:wrap}.profile-symbol{width:65px;height:65px}.profile-main h2{font-size:22px}.danger-zone{align-items:flex-start;flex-direction:column}
    .login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{padding:22px}.mobile-login-logo{display:grid}.login-card h2{font-size:27px}
}

/* BTB Enterprise Navigation V3 */
.navv3-shell{grid-template-columns:286px minmax(0,1fr)}
.navv3-sidebar{width:286px;padding:18px 14px;background:linear-gradient(180deg,#0d1c14 0%,#10271d 55%,#0b1811 100%);box-shadow:18px 0 55px rgba(4,25,15,.08)}
.navv3-brand{padding:5px 7px 17px;border-bottom:1px solid rgba(255,255,255,.075);margin-bottom:13px}
.navv3-brand-copy{min-width:0}.navv3-brand-copy strong{font-size:15px}.navv3-brand-copy span{font-size:10px;letter-spacing:.3px}
.navv3-module-search{display:flex;align-items:center;gap:8px;margin:0 4px 12px;padding:0 10px;height:40px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.055);color:#8eaa9b}
.navv3-module-search input{min-width:0;padding:0;border:0;background:transparent;color:#fff;box-shadow:none;font-size:11px}.navv3-module-search input::placeholder{color:#819b8d}.navv3-module-search kbd{margin-left:auto;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:2px 5px;background:rgba(255,255,255,.05);font:8px inherit;color:#8fa99b}
.navv3-nav{display:block;overflow-y:auto;overscroll-behavior:contain;padding-right:2px;margin-right:-2px}.navv3-nav::-webkit-scrollbar{width:4px}.navv3-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:99px}
.navv3-group{position:relative;margin-bottom:4px}.navv3-group-title{display:flex;width:100%;align-items:center;justify-content:space-between;padding:10px 10px 6px;border:0;background:transparent;color:#789487;text-transform:uppercase;letter-spacing:1.35px;font-size:8px;font-weight:900}.navv3-group-title i{font-style:normal;transition:transform .2s}.navv3-group.collapsed .navv3-group-title i{transform:rotate(-90deg)}.navv3-group.collapsed .navv3-group-items{display:none}
.navv3-group-items{display:grid;gap:3px}.navv3-nav .navv3-group-items a{position:relative;min-height:40px;padding:8px 9px;border:1px solid transparent;border-radius:11px;gap:9px;font-size:12px;font-weight:750;color:#c9d9d0}.navv3-nav .navv3-group-items a:hover{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.06)}.navv3-nav .navv3-group-items a.active{background:linear-gradient(90deg,rgba(35,190,104,.22),rgba(255,255,255,.07));border-color:rgba(66,211,130,.18);box-shadow:inset 3px 0 0 #42d382}.navv3-group.finance .navv3-group-items a.active{background:linear-gradient(90deg,rgba(59,111,245,.22),rgba(255,255,255,.07));border-color:rgba(111,147,247,.18);box-shadow:inset 3px 0 0 #6f93f7}.navv3-group.admin .navv3-group-items a.active{box-shadow:inset 3px 0 0 #a68cff}
.navv3-nav .nav-icon{width:22px;font-size:15px}.nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-badge{margin-left:auto;min-width:21px;height:19px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:#1fac64;color:#fff;font-size:8px;font-weight:900}.nav-badge.blue{background:#537cf1}.nav-badge.orange{background:#d78a0b}.nav-badge.red{background:#d94555}
.navv3-no-results{display:none;margin:10px 5px;padding:12px;border:1px dashed rgba(255,255,255,.12);border-radius:11px;text-align:center;color:#819b8d;font-size:10px}.navv3-no-results.show{display:block}.navv3-footer{padding-top:12px}.navv3-footer .mini-profile{padding-bottom:10px}.navv3-footer .avatar{width:35px;height:35px;font-size:11px}.navv3-footer .logout-button{padding:9px;font-size:10px}
.navv3-topbar{padding:15px 25px}.navv3-topbar-actions{position:relative}.navv3-quick-actions,.navv3-notifications{position:relative}.navv3-quick-trigger{height:40px;display:flex;align-items:center;gap:6px;padding:0 13px;border:0;border-radius:12px;background:var(--green);color:#fff;font-size:11px;font-weight:900;box-shadow:0 8px 20px rgba(14,143,76,.2)}
.navv3-popover{position:absolute;right:0;top:calc(100% + 10px);width:305px;padding:8px;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:0 25px 65px rgba(12,38,24,.18);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.18s;z-index:100}.navv3-popover.open{opacity:1;visibility:visible;transform:none}.navv3-quick-menu a{display:flex;gap:10px;align-items:center;padding:10px;border-radius:12px}.navv3-quick-menu a:hover,.navv3-notification-menu a:hover{background:var(--surface-2)}.navv3-quick-menu a>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--green-soft);color:var(--green);font-weight:900}.navv3-quick-menu strong,.navv3-quick-menu small{display:block}.navv3-quick-menu strong{font-size:11px}.navv3-quick-menu small{margin-top:2px;color:var(--muted);font-size:9px}
.navv3-popover-head{display:flex;justify-content:space-between;align-items:center;padding:8px 9px 10px;border-bottom:1px solid var(--line)}.navv3-popover-head span{color:var(--muted);font-size:9px}.navv3-notification-menu a{display:grid;grid-template-columns:9px 1fr auto;gap:9px;align-items:center;padding:10px;border-radius:11px;font-size:10px}.navv3-notification-menu a i{width:8px;height:8px;border-radius:50%;background:var(--green)}.navv3-notification-menu a.tone-red i{background:var(--red)}.navv3-notification-menu a.tone-blue i{background:var(--blue)}.navv3-notification-menu a.tone-orange i{background:var(--orange)}.navv3-popover-empty{padding:20px;text-align:center;color:var(--muted);font-size:10px}
.navv3-page-head{display:flex;justify-content:space-between;gap:18px;align-items:end;padding:23px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,var(--surface),var(--surface-2))}.navv3-eyebrow{color:var(--green);font-size:9px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase}.navv3-page-head h2{margin:6px 0 5px;font-size:27px}.navv3-page-head p{margin:0;color:var(--muted)}.navv3-search-card{display:flex;align-items:center;gap:8px;min-width:300px;padding:0 11px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.navv3-search-card input{border:0;box-shadow:none;background:transparent}
.confirmation-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:14px}.confirmation-index-card{display:block;padding:17px;border:1px solid var(--line);border-radius:19px;background:var(--surface);box-shadow:0 8px 24px rgba(18,46,31,.035);transition:.18s}.confirmation-index-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.confirmation-index-top{display:flex;justify-content:space-between;gap:12px}.confirmation-index-ref{color:var(--green);font-size:8px;font-weight:900;letter-spacing:.8px}.confirmation-index-card h3{margin:5px 0 3px}.confirmation-index-card p{margin:0;color:var(--muted);font-size:10px}.confirmation-index-status{align-self:start;padding:5px 8px;border-radius:999px;background:#e3f7ec;color:#087742;font-size:8px;font-weight:900}.confirmation-index-facts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.confirmation-index-facts>div{padding:9px;border-radius:10px;background:var(--surface-2)}.confirmation-index-facts small,.confirmation-index-facts strong{display:block}.confirmation-index-facts small{color:var(--muted);font-size:8px}.confirmation-index-facts strong{margin-top:3px;font-size:10px}.confirmation-index-footer{display:flex;justify-content:space-between;gap:10px;margin-top:12px;padding-top:11px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.confirmation-index-footer strong{color:var(--green)}.navv3-empty{grid-column:1/-1;padding:42px;text-align:center;border:1px dashed var(--line);border-radius:20px;background:var(--surface)}.navv3-empty>span{display:grid;place-items:center;width:48px;height:48px;margin:auto;border-radius:15px;background:var(--green-soft);color:var(--green);font-size:23px}.navv3-empty h3{margin:12px 0 4px}.navv3-empty p{margin:0;color:var(--muted)}
@media(max-width:1100px){.confirmation-index-grid{grid-template-columns:1fr}}
@media(max-width:820px){.navv3-sidebar{width:286px;left:-306px}.navv3-shell{grid-template-columns:1fr}.navv3-topbar{padding:12px 14px}.navv3-quick-trigger{width:40px;padding:0;justify-content:center;font-size:0}.navv3-quick-trigger span{font-size:18px}.navv3-popover{position:fixed;top:68px;left:12px;right:12px;width:auto}.navv3-page-head{align-items:stretch;flex-direction:column}.navv3-search-card{min-width:0}.confirmation-index-facts{grid-template-columns:1fr}.navv3-mobile-nav{grid-template-columns:repeat(5,1fr)}}


/* =========================================================
   BTB Enterprise Navigation V3.1 — UI Polish
   ========================================================= */
[hidden]{display:none!important}
.nav31-shell{grid-template-columns:292px minmax(0,1fr)}
.nav31-sidebar{
    position:fixed;
    inset:0 auto 0 0;
    width:292px;
    height:100dvh;
    padding:18px 14px 14px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    background:
        radial-gradient(circle at 12% 0%,rgba(34,197,94,.13),transparent 26%),
        linear-gradient(180deg,#0b1d14 0%,#0c2117 50%,#09170f 100%);
    border-right:1px solid rgba(255,255,255,.055);
    box-shadow:18px 0 60px rgba(4,25,15,.09);
    color:#fff;
    z-index:80;
}
.nav31-brand{
    min-height:64px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:4px 7px 15px;
    border-bottom:1px solid rgba(255,255,255,.075);
}
.nav31-brand .brand-mark{
    flex:0 0 auto;
    width:44px;
    height:44px;
    border-radius:14px;
    display:grid;
    place-items:center;
    background:linear-gradient(145deg,#24bd6b,#0d9b53);
    color:#fff;
    box-shadow:0 12px 28px rgba(17,177,91,.2);
    font-size:12px;
    font-weight:950;
}
.nav31-brand-copy{min-width:0}
.nav31-brand-copy strong,.nav31-brand-copy span{display:block}
.nav31-brand-copy strong{font-size:14px;letter-spacing:-.15px}
.nav31-brand-copy span{margin-top:3px;color:#91aa9c;font-size:9px;letter-spacing:.35px}
.nav31-search{
    min-height:44px;
    display:flex;
    align-items:center;
    gap:9px;
    margin:14px 3px 9px;
    padding:0 10px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:13px;
    background:rgba(255,255,255,.055);
    color:#86a092;
    transition:border-color .18s,background .18s,box-shadow .18s;
}
.nav31-search:focus-within{
    border-color:rgba(65,213,132,.5);
    background:rgba(255,255,255,.075);
    box-shadow:0 0 0 3px rgba(53,202,120,.08);
}
.nav31-search svg,.nav31-topbar svg,.nav31-icon svg,.nav31-popover svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.nav31-search input{
    min-width:0;
    flex:1;
    height:auto;
    padding:0;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#eef7f2!important;
    box-shadow:none!important;
    font-size:11px;
}
.nav31-search input::placeholder{color:#789184}
.nav31-search kbd{
    flex:0 0 auto;
    padding:3px 6px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:6px;
    background:rgba(255,255,255,.045);
    color:#8da599;
    font-size:7px;
    font-family:inherit;
    line-height:1;
}
.nav31-nav{
    flex:1;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:0 2px 8px 0;
    scrollbar-width:thin;
    scrollbar-color:rgba(255,255,255,.13) transparent;
}
.nav31-nav::-webkit-scrollbar{width:4px}
.nav31-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.13);border-radius:99px}
.nav31-section{margin-top:8px}
.nav31-section-heading{
    position:relative;
    display:flex;
    align-items:center;
    gap:9px;
    height:25px;
    padding:0 10px;
    color:#748e81;
    font-size:8px;
    font-weight:900;
    letter-spacing:1.4px;
    text-transform:uppercase;
    user-select:none;
}
.nav31-section-heading i{
    flex:1;
    height:1px;
    background:linear-gradient(90deg,rgba(255,255,255,.075),transparent);
}
.nav31-links{display:grid;gap:3px}
.nav31-links a{
    position:relative;
    min-height:42px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:8px 10px;
    border:1px solid transparent;
    border-radius:12px;
    color:#cadad1;
    font-size:11px;
    font-weight:760;
    text-decoration:none;
    transition:background .16s,border-color .16s,color .16s,transform .16s;
}
.nav31-links a:hover{
    background:rgba(255,255,255,.065);
    border-color:rgba(255,255,255,.055);
    color:#fff;
    transform:translateX(1px);
}
.nav31-links a.active{
    background:linear-gradient(90deg,rgba(37,196,108,.22),rgba(255,255,255,.065));
    border-color:rgba(70,219,137,.15);
    color:#fff;
    box-shadow:inset 3px 0 0 #42d382,0 8px 22px rgba(0,0,0,.05);
}
.nav31-section.finance .nav31-links a.active{
    background:linear-gradient(90deg,rgba(76,114,245,.23),rgba(255,255,255,.06));
    border-color:rgba(111,147,247,.15);
    box-shadow:inset 3px 0 0 #7595ff;
}
.nav31-section.admin .nav31-links a.active{
    background:linear-gradient(90deg,rgba(143,102,246,.22),rgba(255,255,255,.06));
    border-color:rgba(170,139,250,.16);
    box-shadow:inset 3px 0 0 #a98bfa;
}
.nav31-icon{
    flex:0 0 auto;
    width:29px;
    height:29px;
    display:grid;
    place-items:center;
    border-radius:9px;
    color:#9eb4a8;
    background:rgba(255,255,255,.035);
}
.nav31-icon svg{width:16px;height:16px}
.nav31-links a:hover .nav31-icon,.nav31-links a.active .nav31-icon{
    color:#fff;
    background:rgba(255,255,255,.075);
}
.nav31-links .nav-label{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.nav31-links .nav-badge{
    margin-left:auto;
    min-width:22px;
    height:20px;
    padding:0 6px;
    display:grid;
    place-items:center;
    border-radius:999px;
    background:#20ad64;
    color:#fff;
    font-size:8px;
    font-weight:950;
    box-shadow:0 5px 14px rgba(32,173,100,.2);
}
.nav31-links .nav-badge.blue{background:#537cf1}
.nav31-links .nav-badge.orange{background:#d98c10}
.nav31-links .nav-badge.red{background:#dd4a58}
.nav31-no-results{
    display:none;
    margin:10px 3px;
    padding:16px 12px;
    border:1px dashed rgba(255,255,255,.11);
    border-radius:13px;
    text-align:center;
    color:#91a99c;
}
.nav31-no-results.show{display:block}
.nav31-no-results span,.nav31-no-results small{display:block}
.nav31-no-results span{font-size:10px;font-weight:800}
.nav31-no-results small{margin-top:4px;color:#6e887a;font-size:8px}
.nav31-footer{
    flex:0 0 auto;
    padding:12px 3px 0;
    border-top:1px solid rgba(255,255,255,.075);
}
.nav31-footer .mini-profile{
    display:flex;
    align-items:center;
    gap:10px;
    padding:2px 4px 11px;
}
.nav31-footer .avatar{
    width:36px;
    height:36px;
    font-size:10px;
}
.nav31-footer .mini-profile strong,.nav31-footer .mini-profile span{display:block}
.nav31-footer .mini-profile strong{font-size:11px}
.nav31-footer .mini-profile span{margin-top:2px;color:#8ca497;font-size:8px}
.nav31-footer .logout-button{
    width:100%;
    min-height:38px;
    border:1px solid rgba(255,255,255,.055);
    border-radius:11px;
    background:rgba(255,255,255,.055);
    color:#eef7f2;
    font-size:10px;
    font-weight:850;
    transition:.16s;
}
.nav31-footer .logout-button:hover{background:rgba(255,255,255,.09)}
.nav31-main{margin-left:292px;min-width:0}
.nav31-topbar{
    position:sticky;
    top:0;
    z-index:45;
    min-height:76px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:13px 24px;
    border-bottom:1px solid color-mix(in srgb,var(--line) 86%,transparent);
    background:color-mix(in srgb,var(--surface) 92%,transparent);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}
.nav31-topbar-left,.nav31-topbar-actions{display:flex;align-items:center}
.nav31-topbar-left{min-width:0;gap:11px}
.nav31-topbar .topbar-title{min-width:0}
.nav31-topbar .topbar-title h1{
    margin:0;
    font-size:18px;
    line-height:1.2;
    letter-spacing:-.35px;
}
.nav31-topbar .topbar-title p{
    margin:4px 0 0;
    color:var(--muted);
    font-size:9px;
}
.nav31-topbar-actions{position:relative;gap:8px}
.nav31-action-wrap{position:relative}
.nav31-primary-action,.nav31-icon-action,.nav31-user-chip{
    border:1px solid var(--line);
    background:var(--surface);
    color:var(--text);
    box-shadow:0 5px 18px rgba(18,46,31,.035);
}
.nav31-primary-action{
    min-height:40px;
    display:flex;
    align-items:center;
    gap:7px;
    padding:0 13px;
    border-color:transparent;
    border-radius:12px;
    background:linear-gradient(135deg,#0e9d54,#14b763);
    color:#fff;
    font-size:10px;
    font-weight:900;
    box-shadow:0 10px 24px rgba(14,157,84,.18);
}
.nav31-primary-action svg{width:16px;height:16px}
.nav31-icon-action{
    position:relative;
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:12px;
}
.nav31-icon-action:hover,.nav31-user-chip:hover{background:var(--surface-2)}
.nav31-icon-action i{
    position:absolute;
    top:-5px;
    right:-5px;
    min-width:18px;
    height:18px;
    padding:0 4px;
    display:grid;
    place-items:center;
    border:2px solid var(--surface);
    border-radius:999px;
    background:#df4052;
    color:#fff;
    font-size:7px;
    font-style:normal;
    font-weight:950;
}
.nav31-user-chip{
    min-height:40px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:4px 10px 4px 5px;
    border-radius:12px;
    text-align:left;
}
.nav31-user-chip>span{
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:var(--green-soft);
    color:var(--green);
    font-size:9px;
    font-weight:950;
}
.nav31-user-chip strong,.nav31-user-chip small{display:block}
.nav31-user-chip strong{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}
.nav31-user-chip small{margin-top:2px;color:var(--muted);font-size:7px}
.nav31-popover{
    position:absolute;
    top:calc(100% + 10px);
    right:0;
    width:330px;
    padding:8px;
    border:1px solid var(--line);
    border-radius:18px;
    background:var(--surface);
    box-shadow:0 28px 75px rgba(12,38,24,.2);
    z-index:120;
}
.nav31-popover-head{
    padding:10px 10px 12px;
    border-bottom:1px solid var(--line);
}
.nav31-popover-head strong,.nav31-popover-head span{display:block}
.nav31-popover-head strong{font-size:11px}
.nav31-popover-head span{margin-top:3px;color:var(--muted);font-size:8px}
.nav31-quick-menu>a,.nav31-notification-menu>a{
    display:grid;
    align-items:center;
    gap:10px;
    padding:10px;
    border-radius:12px;
    text-decoration:none;
    color:var(--text);
}
.nav31-quick-menu>a{grid-template-columns:36px 1fr auto}
.nav31-quick-menu>a:hover,.nav31-notification-menu>a:hover{background:var(--surface-2)}
.nav31-popover-icon{
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border-radius:11px;
}
.nav31-popover-icon.green{background:#e6f8ee;color:#0d8f4c}
.nav31-popover-icon.blue{background:#e9efff;color:#436bea}
.nav31-popover-icon.orange{background:#fff2dc;color:#c47a08}
.nav31-popover-icon.violet{background:#f0eaff;color:#7d5bd7}
.nav31-popover-icon svg{width:17px;height:17px}
.nav31-quick-menu strong,.nav31-quick-menu small{display:block}
.nav31-quick-menu strong{font-size:10px}
.nav31-quick-menu small{margin-top:3px;color:var(--muted);font-size:8px}
.nav31-quick-menu>a>b{color:var(--muted);font-size:10px}
.nav31-notification-menu>a{
    grid-template-columns:9px 1fr auto;
    font-size:9px;
}
.nav31-notification-menu>a>i{
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--green);
}
.nav31-notification-menu>a.tone-red>i{background:var(--red)}
.nav31-notification-menu>a.tone-blue>i{background:var(--blue)}
.nav31-notification-menu>a.tone-orange>i{background:var(--orange)}
.nav31-empty-alerts{
    padding:25px 15px;
    text-align:center;
}
.nav31-empty-alerts>span{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    margin:auto;
    border-radius:14px;
    background:var(--green-soft);
    color:var(--green);
    font-size:18px;
    font-weight:900;
}
.nav31-empty-alerts strong,.nav31-empty-alerts small{display:block}
.nav31-empty-alerts strong{margin-top:10px;font-size:10px}
.nav31-empty-alerts small{margin-top:4px;color:var(--muted);font-size:8px}
.nav31-icon-action .sun-icon{display:none}
[data-theme="dark"] .nav31-icon-action .moon-icon{display:none}
[data-theme="dark"] .nav31-icon-action .sun-icon{display:block}
.nav31-content{padding-top:20px}
.nav31-mobile-nav{display:none}
@media(max-width:1020px){
    .nav31-user-chip div{display:none}
    .nav31-user-chip{padding-right:5px}
}
@media(max-width:820px){
    .nav31-shell{grid-template-columns:1fr}
    .nav31-sidebar{left:-312px;width:292px;transition:left .22s ease}
    .nav31-sidebar.open{left:0}
    .nav31-main{margin-left:0}
    .nav31-topbar{min-height:67px;padding:11px 13px}
    .nav31-topbar .topbar-title h1{font-size:16px}
    .nav31-topbar .topbar-title p{display:none}
    .nav31-primary-action{width:40px;padding:0;justify-content:center}
    .nav31-primary-action span{display:none}
    .nav31-user-chip{display:none}
    .nav31-popover{position:fixed;top:72px;left:12px;right:12px;width:auto}
    .nav31-content{padding:14px 14px 92px}
    .nav31-mobile-nav{
        position:fixed;
        left:0;
        right:0;
        bottom:0;
        z-index:55;
        display:grid;
        grid-template-columns:repeat(5,1fr);
        padding:7px 5px calc(7px + env(safe-area-inset-bottom));
        border-top:1px solid var(--line);
        background:color-mix(in srgb,var(--surface) 93%,transparent);
        backdrop-filter:blur(18px);
    }
    .nav31-mobile-nav a{
        display:grid;
        place-items:center;
        color:var(--muted);
        text-decoration:none;
        font-size:17px;
    }
    .nav31-mobile-nav a small{margin-top:2px;font-size:7px}
    .nav31-mobile-nav a.active{color:var(--green)}
}
@media(max-width:480px){
    .nav31-topbar-actions{gap:5px}
    .nav31-primary-action,.nav31-icon-action{width:37px;height:37px;min-height:37px}
}


/* =========================================================
   BTB Enterprise Navigation V3.1 — Full-width layout hotfix
   Fixes compressed content caused by grid + fixed sidebar offset.
   ========================================================= */
.nav31-shell{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    min-height:100vh!important;
}

.nav31-sidebar{
    width:292px!important;
}

.nav31-main{
    display:block!important;
    width:calc(100% - 292px)!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:292px!important;
    overflow-x:hidden!important;
}

.nav31-topbar,
.nav31-content{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
}

.nav31-content{
    display:block!important;
}

.nav31-content > *,
.dashboard-hero,
.kpi-grid,
.dashboard-grid,
.panel,
.page-actions,
.form-card,
.bike-grid,
.profile-grid{
    min-width:0!important;
    max-width:100%!important;
}

.dashboard-hero{
    width:100%!important;
    display:flex!important;
    flex-wrap:wrap!important;
}

.dashboard-hero > div{
    flex:1 1 420px!important;
    min-width:0!important;
}

.dashboard-hero .hero-cta{
    flex:0 0 auto!important;
}

.kpi-grid,
.dashboard-grid{
    width:100%!important;
}

.nav31-topbar-left{
    flex:1 1 auto!important;
    min-width:0!important;
}

.nav31-topbar-actions{
    flex:0 0 auto!important;
}

@media (max-width: 980px){
    .nav31-sidebar{
        left:-312px!important;
    }

    .nav31-sidebar.open{
        left:0!important;
    }

    .nav31-main{
        width:100%!important;
        margin-left:0!important;
    }

    .nav31-content{
        padding:14px 14px 92px!important;
    }

    .dashboard-hero{
        align-items:flex-start!important;
        flex-direction:column!important;
    }

    .dashboard-hero > div{
        flex:0 1 auto!important;
        width:100%!important;
    }

    .dashboard-hero .hero-cta{
        width:100%!important;
        text-align:center!important;
    }
}

@media (min-width: 981px) and (max-width: 1180px){
    .nav31-sidebar{
        width:260px!important;
    }

    .nav31-main{
        width:calc(100% - 260px)!important;
        margin-left:260px!important;
    }

    .nav31-topbar{
        padding-left:18px!important;
        padding-right:18px!important;
    }

    .nav31-content{
        padding-left:18px!important;
        padding-right:18px!important;
    }
}

/* BTB Desktop Header Size V3.3 */ @media(min-width:1101px){.nav31-topbar{min-height:102px!important;padding:17px 24px!important}.nav31-topbar-left{gap:15px!important}.nav31-topbar .topbar-title h1{font-size:30px!important;line-height:1.12!important;letter-spacing:-.65px!important}.nav31-topbar .topbar-title p{display:block!important;margin-top:7px!important;font-size:15px!important;line-height:1.35!important}.nav31-topbar-actions{gap:12px!important}.nav31-primary-action{min-height:58px!important;height:58px!important;padding:0 22px!important;gap:10px!important;border-radius:16px!important;font-size:15px!important}.nav31-primary-action svg{width:24px!important;height:24px!important;stroke-width:2.2!important}.nav31-icon-action{width:58px!important;height:58px!important;min-height:58px!important;border-radius:16px!important}.nav31-icon-action svg{width:25px!important;height:25px!important;stroke-width:2.25!important}.nav31-user-chip{min-height:58px!important;padding:6px 15px 6px 7px!important;gap:11px!important;border-radius:16px!important}.nav31-user-chip>span{width:44px!important;height:44px!important;flex:0 0 44px!important;font-size:14px!important}.nav31-user-chip strong{font-size:14px!important;line-height:1.15!important}.nav31-user-chip small{margin-top:4px!important;font-size:10.5px!important;line-height:1.15!important}}


/* =========================================================
   BTB Mobile Header V4
   Compact + visible icons
   ========================================================= */
@media (max-width: 820px){

    .nav31-topbar{
        min-height:64px!important;
        height:auto!important;
        padding:10px 12px!important;
        gap:10px!important;
        align-items:center!important;
    }

    .nav31-topbar-left{
        flex:1 1 auto!important;
        min-width:0!important;
        gap:10px!important;
    }

    .nav31-topbar .menu-button{
        display:grid!important;
        place-items:center!important;
        width:40px!important;
        height:40px!important;
        min-width:40px!important;
        min-height:40px!important;
        padding:0!important;
        margin:0!important;
        border:1px solid var(--line)!important;
        border-radius:12px!important;
        background:var(--surface)!important;
        color:var(--text)!important;
        box-shadow:none!important;
    }

    .nav31-topbar .menu-button svg{
        display:block!important;
        width:20px!important;
        height:20px!important;
        fill:none!important;
        stroke:currentColor!important;
        stroke-width:2!important;
        stroke-linecap:round!important;
        stroke-linejoin:round!important;
    }

    .nav31-topbar .topbar-title{
        min-width:0!important;
    }

    .nav31-topbar .topbar-title h1{
        margin:0!important;
        font-size:19px!important;
        line-height:1.1!important;
        letter-spacing:-.35px!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }

    .nav31-topbar .topbar-title p{
        display:none!important;
    }

    .nav31-topbar-actions{
        flex:0 0 auto!important;
        gap:6px!important;
    }

    .nav31-primary-action,
    .nav31-icon-action{
        width:40px!important;
        height:40px!important;
        min-width:40px!important;
        min-height:40px!important;
        padding:0!important;
        margin:0!important;
        border-radius:12px!important;
        display:grid!important;
        place-items:center!important;
    }

    .nav31-primary-action{
        border:0!important;
        background:linear-gradient(135deg,#0e9d54,#14b763)!important;
        color:#fff!important;
        box-shadow:0 8px 20px rgba(14,157,84,.18)!important;
    }

    .nav31-primary-action span{
        display:none!important;
    }

    .nav31-primary-action svg,
    .nav31-icon-action svg{
        display:block!important;
        width:20px!important;
        height:20px!important;
        fill:none!important;
        stroke:currentColor!important;
        stroke-width:2!important;
        stroke-linecap:round!important;
        stroke-linejoin:round!important;
    }

    .nav31-icon-action{
        border:1px solid var(--line)!important;
        background:var(--surface)!important;
        color:var(--text)!important;
        box-shadow:none!important;
    }

    .nav31-icon-action .moon-icon{
        display:block!important;
    }

    .nav31-icon-action .sun-icon{
        display:none!important;
    }

    [data-theme="dark"] .nav31-icon-action .moon-icon{
        display:none!important;
    }

    [data-theme="dark"] .nav31-icon-action .sun-icon{
        display:block!important;
    }

    .nav31-user-chip{
        display:none!important;
    }
}

@media (max-width: 420px){

    .nav31-topbar{
        padding:9px 10px!important;
        gap:7px!important;
    }

    .nav31-topbar-left{
        gap:8px!important;
    }

    .nav31-topbar .menu-button,
    .nav31-primary-action,
    .nav31-icon-action{
        width:38px!important;
        height:38px!important;
        min-width:38px!important;
        min-height:38px!important;
        border-radius:11px!important;
    }

    .nav31-topbar .topbar-title h1{
        font-size:18px!important;
    }

    .nav31-topbar-actions{
        gap:5px!important;
    }
}

/* BTB Mobile Header Icons V4.1 */
@media (max-width: 820px) {

    .nav31-topbar .menu-button svg {
        width:26px!important;
        height:26px!important;
        stroke-width:2.5!important;
    }

    .nav31-primary-action svg {
        width:27px!important;
        height:27px!important;
        stroke-width:2.4!important;
    }

    .nav31-icon-action svg {
        width:25px!important;
        height:25px!important;
        stroke-width:2.4!important;
    }
}

/* BTB Motorcycle Brand Mark */
.nav31-brand .brand-mark{
    overflow:hidden!important;
    padding:0!important;
}

.nav31-brand .brand-mark img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border-radius:inherit!important;
}


/* =========================================================
   BTB RESPONSIVE SIDEBAR V1
   Drawer navigation for compact desktop + mobile
   ========================================================= */

.sidebar-overlay {
    position: fixed;
    inset: 0;
    z-index: 90;
    background: rgba(5, 20, 13, .48);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
        opacity .2s ease,
        visibility .2s ease;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.sidebar-overlay.open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.sidebar-close {
    display: none;
}

.nav31-topbar .menu-button,
.topbarnav31-topbar .menu-button {
    display: none;
}

@media (max-width: 980px) {

    .nav31-sidebar {
        z-index: 100 !important;
        box-shadow:
            18px 0 50px
            rgba(0, 0, 0, .22);
    }

    .nav31-topbar .menu-button,
    .topbarnav31-topbar .menu-button {
        display: grid !important;
        place-items: center !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        padding: 0 !important;
        border: 1px solid var(--line) !important;
        border-radius: 12px !important;
        background: var(--surface) !important;
        color: var(--text) !important;
        cursor: pointer;
    }

    .nav31-topbar .menu-button svg,
    .topbarnav31-topbar .menu-button svg {
        display: block !important;
        width: 22px !important;
        height: 22px !important;
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 2.2 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }

    .sidebar-close {
        display: grid !important;
        place-items: center;
        flex: 0 0 34px;
        width: 34px;
        height: 34px;
        margin-left: auto;
        padding: 0;
        border: 1px solid rgba(255,255,255,.12);
        border-radius: 10px;
        background: rgba(255,255,255,.07);
        color: #fff;
        font-size: 22px;
        line-height: 1;
        cursor: pointer;
    }

    body.nav31-sidebar-open {
        overflow: hidden;
    }
}

@media (min-width: 981px) {

    .sidebar-overlay,
    .sidebar-close,
    .nav31-topbar .menu-button,
    .topbarnav31-topbar .menu-button {
        display: none !important;
    }
}