:root{
  --iaa-navy:#071b33;
  --iaa-navy-2:#0b2c54;
  --iaa-blue:#1769ff;
  --iaa-blue-2:#0b5cff;
  --iaa-yellow:#ffc107;
  --iaa-bg:#f6f9fd;
  --iaa-card:#ffffff;
  --iaa-text:#0f172a;
  --iaa-muted:#64748b;
  --iaa-line:#dbe4ef;
  --iaa-soft:#eaf5ff;
  --iaa-shadow:0 20px 60px rgba(15,23,42,.10);
  --iaa-shadow-sm:0 10px 28px rgba(15,23,42,.08);
}
*{box-sizing:border-box}
html,body{width:100%;max-width:100%;overflow-x:hidden;scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#f8fbff 0%,#f3f7fc 100%);color:var(--iaa-text);font-family:Inter,Arial,"Noto Sans Arabic","Noto Sans",sans-serif}
a{text-decoration:none;transition:.18s ease;color:var(--iaa-blue)}
img,video{max-width:100%;height:auto}.row{min-width:0}.fw-black{font-weight:950}.text-muted{color:var(--iaa-muted)!important}
.container{width:min(100% - 28px,1180px)!important;max-width:1180px!important;margin-inline:auto!important;padding-left:0!important;padding-right:0!important}
.app-main{min-height:calc(100vh - 160px);padding-top:24px!important;padding-bottom:28px!important}

/* Header */
.iaa-header{position:sticky;top:0;z-index:5000;background:#fff;border-bottom:1px solid rgba(219,229,240,.95);box-shadow:0 10px 35px rgba(15,23,42,.07)}
.iaa-header-top{background:linear-gradient(90deg,var(--iaa-navy),var(--iaa-navy-2));color:#dbeafe;font-size:.82rem;font-weight:750}
.iaa-header-shell{width:min(100% - 28px,1180px);margin-inline:auto;display:flex;align-items:center}
.iaa-header-top .iaa-header-shell{min-height:34px;gap:18px;justify-content:space-between;flex-wrap:wrap}
.iaa-header-main{background:rgba(255,255,255,.96);backdrop-filter:blur(16px)}
.iaa-nav-shell{min-height:78px;gap:16px;position:relative;display:flex}
.iaa-brand{display:flex;align-items:center;gap:12px;color:var(--iaa-text);min-width:0;flex:0 0 auto}
.iaa-brand:hover{color:var(--iaa-text)}
.iaa-brand-icon{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#eaf5ff,#fff);border:1px solid #dbeafe;box-shadow:var(--iaa-shadow-sm);font-size:1.5rem;flex:0 0 auto}
.iaa-brand-copy{display:flex;flex-direction:column;line-height:1.12;min-width:0}.iaa-brand-copy strong{font-size:1.05rem;font-weight:950;letter-spacing:-.02em;white-space:nowrap}.iaa-brand-copy small{font-size:.72rem;color:var(--iaa-muted);font-weight:750;white-space:nowrap}
.iaa-menu{display:none;border:1px solid var(--iaa-line);background:#fff;border-radius:15px;width:45px;height:42px;padding:8px;box-shadow:0 8px 20px rgba(15,23,42,.07);flex:0 0 auto;position:relative;z-index:5010;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:auto}
.iaa-menu span{display:block;height:2px;background:#0f172a;border-radius:4px;margin:5px 2px;transition:.18s ease}.iaa-menu.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.iaa-menu.is-open span:nth-child(2){opacity:0}.iaa-menu.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.iaa-nav{display:flex;align-items:center;gap:8px;margin-inline-start:18px;flex:1;min-width:0}.iaa-nav a{min-height:42px;padding:10px 14px;border-radius:999px;color:#334155;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.iaa-nav a:hover{background:#eff6ff;color:var(--iaa-blue)}
.iaa-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.iaa-lang{display:flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:5px}.iaa-lang a{min-width:38px;height:34px;border-radius:12px;color:#334155;font-weight:950;font-size:.78rem;display:grid;place-items:center}.iaa-lang a.active{background:linear-gradient(135deg,var(--iaa-blue),var(--iaa-blue-2));color:#fff;box-shadow:0 8px 22px rgba(23,105,255,.25)}
.iaa-btn{min-height:40px;padding:9px 16px;border-radius:14px;font-weight:950;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border:1px solid transparent}.iaa-btn-light{background:#fff;color:#0f172a;border-color:#cbd5e1}.iaa-btn-light:hover{background:#eff6ff;color:var(--iaa-blue)}.iaa-btn-yellow{background:linear-gradient(135deg,#ffc107,#ffb000);color:#111827;box-shadow:0 10px 26px rgba(255,193,7,.28)}.iaa-btn-yellow:hover{color:#111827;filter:brightness(.98)}.iaa-user{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900;color:#334155;background:#f8fafc;border:1px solid #e2e8f0;padding:8px 12px;border-radius:14px}

/* Generic UI */
.card,.filter-panel,.section-strip,.modern-car-card,.table-responsive{border:1px solid rgba(219,229,240,.95)!important;border-radius:24px!important;box-shadow:var(--iaa-shadow-sm)!important;background:rgba(255,255,255,.94)!important}.card{overflow:hidden}.card-body{padding:1.1rem}.btn{border-radius:15px!important;font-weight:900!important}.btn-primary{background:linear-gradient(135deg,var(--iaa-blue),var(--iaa-blue-2))!important;border-color:var(--iaa-blue)!important;color:#fff!important}.btn-warning{background:linear-gradient(135deg,#ffc107,#ffb000)!important;border-color:#ffc107!important;color:#111827!important}.btn-outline-primary{border-color:#bfdbfe!important;color:#1d4ed8!important}.btn-outline-primary:hover{background:#eff6ff!important;color:#0b5cff!important}.form-control,.form-select{min-height:46px!important;border-radius:15px!important;border-color:#dbe4ef!important;background:#fff!important;font-size:16px!important}.form-control:focus,.form-select:focus{border-color:#93c5fd!important;box-shadow:0 0 0 .25rem rgba(23,105,255,.12)!important}.alert{border-radius:18px!important}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{vertical-align:middle;margin-bottom:0}.table th{white-space:nowrap}.sidebar a{display:block;padding:12px 14px;border-radius:14px;text-decoration:none;color:#243b53;font-weight:800;margin-bottom:4px}.sidebar a:hover,.sidebar a.active{background:#eaf1ff;color:#0b5cff}.thumb{width:84px;height:64px;object-fit:cover;border-radius:10px}.stat{font-size:28px;font-weight:900}.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.photo-grid img{width:100%;height:150px;object-fit:cover;border-radius:16px}

/* Auction/home layout */
.auction-page{width:100%!important;max-width:100%!important;margin:-24px 0 0!important;padding:clamp(16px,3vw,34px) 0 60px!important;background:radial-gradient(circle at 15% 5%,rgba(37,99,235,.08),transparent 28%),radial-gradient(circle at 85% 12%,rgba(14,165,233,.09),transparent 26%),linear-gradient(180deg,#f8fbff 0%,#f4f8fd 45%,#eef4fb 100%)!important;overflow:hidden!important;min-height:calc(100vh - 160px)}
.auction-wrap{width:min(100% - 28px,1280px)!important;max-width:1280px!important;margin-inline:auto!important}.hero-auction{position:relative;overflow:hidden;border-radius:32px!important;background:radial-gradient(circle at 82% 12%,rgba(23,105,255,.18),transparent 34%),linear-gradient(135deg,#fff 0%,#eef7ff 55%,#eaf1ff 100%)!important;border:1px solid #dbeafe!important;box-shadow:var(--iaa-shadow)!important;padding:clamp(20px,3.5vw,36px)!important}.hero-auction:before{content:"";position:absolute;inset:auto -80px -120px auto;width:360px;height:360px;background:radial-gradient(circle,rgba(37,99,235,.16),transparent 68%);border-radius:50%;pointer-events:none}[dir=rtl] .hero-auction:before{inset:auto auto -120px -80px}.hero-badge{display:inline-flex!important;align-items:center;max-width:100%;gap:8px;background:#fff!important;border:1px solid #dbeafe!important;color:#1d4ed8!important;border-radius:999px!important;padding:8px 13px!important;font-weight:900!important;font-size:.86rem!important;box-shadow:0 8px 26px rgba(37,99,235,.08);white-space:normal}.hero-title{font-size:clamp(2rem,6vw,4.8rem)!important;letter-spacing:-.06em!important;line-height:.98!important;font-weight:950!important;color:var(--iaa-text)!important;margin:18px 0 12px!important;overflow-wrap:break-word}.hero-text{max-width:720px;color:var(--iaa-muted)!important;font-size:clamp(.98rem,2vw,1.08rem)!important;line-height:1.7!important}.stat-card{background:rgba(255,255,255,.88)!important;backdrop-filter:blur(14px);border:1px solid rgba(148,163,184,.22)!important;border-radius:22px!important;padding:clamp(13px,2vw,18px)!important;box-shadow:0 14px 40px rgba(15,23,42,.06)!important}.stat-num{font-size:clamp(1.25rem,4vw,1.75rem)!important;font-weight:950!important;color:var(--iaa-text)!important}.chip-row{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.quick-chip{border:1px solid #dbeafe!important;background:#fff!important;color:#1d4ed8!important;border-radius:999px!important;padding:9px 13px!important;font-weight:900!important;text-decoration:none!important;font-size:.86rem!important;min-height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 10px 25px rgba(23,105,255,.06)}.quick-chip:hover{background:#eff6ff!important;color:#1e40af!important}.quick-chip.hot{background:#fff7ed!important;border-color:#fed7aa!important;color:#c2410c!important}
.ad-click-wrap{text-decoration:none;display:block}.ad-slot,.video-slot{border-radius:24px!important;overflow:hidden!important}.ad-media-filled{padding:0!important;overflow:hidden}.ad-media-filled img,.ad-media-filled video{width:100%;height:100%;object-fit:cover;display:block}.ad-slot.ad-media-filled{height:clamp(86px,16vw,122px)!important}.video-slot.ad-media-filled{height:clamp(170px,28vw,220px)!important}.ad-slot{min-height:clamp(76px,15vw,94px);border:1px dashed #bfdbfe;background:linear-gradient(135deg,#fff,#eff6ff);display:flex;align-items:center;justify-content:center;text-align:center;color:#64748b;font-weight:800;padding:16px}.video-slot{min-height:clamp(170px,35vw,210px);border:1px dashed #cbd5e1;background:linear-gradient(135deg,#0f172a,#1e3a8a);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;box-shadow:0 22px 58px rgba(15,23,42,.12)}.ad-error{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:14px;color:#b91c1c;background:#fff1f2;text-align:center;font-weight:800}.section-strip{margin:18px 0 22px!important;padding:18px!important}.section-strip-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.mini-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,260px);gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px}.mini-card{scroll-snap-align:start;background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;display:block}.mini-card-img{height:115px;background:#eef2f7;display:flex;align-items:center;justify-content:center;overflow:hidden}.mini-card-img img{width:100%;height:100%;object-fit:contain;background:#f8fafc}.mini-card-body{padding:11px}.mini-card-title{font-weight:950;font-size:.92rem;line-height:1.25;margin:0;color:#0f172a}.mini-card-meta{font-size:.8rem;color:#64748b;margin-top:4px}.filter-panel{position:relative!important;top:auto!important;padding:18px!important}.filter-panel .form-control,.filter-panel .form-select{font-weight:650}.filter-panel .btn{min-height:46px}.modern-car-card{overflow:hidden!important;transition:transform .2s ease,box-shadow .2s ease}.modern-car-card:hover{transform:translateY(-4px);box-shadow:0 24px 65px rgba(15,23,42,.13)!important}.car-img,.car-photo-stage,.car-img-wrap{width:100%;height:210px;background:#eef2f7;display:flex;align-items:center;justify-content:center;overflow:hidden}.car-img{object-fit:cover;border-radius:18px 18px 0 0}.car-photo-stage{position:relative}.car-photo-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(18px);transform:scale(1.08);opacity:.35}.car-photo-img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain}.car-img-empty{width:100%;height:100%;display:grid;place-items:center;font-size:2rem;background:#f1f5f9}.bid-pill{background:linear-gradient(135deg,#071b33,#0b2c54)!important}.live-timer{background:linear-gradient(135deg,#eff6ff,#dbeafe)!important}.app-footer{background:transparent!important;color:#64748b!important}.auction-card{height:100%;transition:.2s}.auction-card:hover{transform:translateY(-2px)}

@media(max-width:991.98px){
  .container{width:min(100% - 24px,100%)!important}.iaa-header-top{display:none}.iaa-nav-shell{min-height:auto;display:grid;grid-template-columns:1fr auto;grid-template-areas:"brand menu" "nav nav" "actions actions";gap:10px;padding:10px 0}.iaa-brand{grid-area:brand;min-width:0}.iaa-brand-icon{width:42px;height:42px;border-radius:14px;font-size:1.25rem}.iaa-brand-copy strong{font-size:.96rem;max-width:calc(100vw - 120px);overflow:hidden;text-overflow:ellipsis}.iaa-brand-copy small{display:none}.iaa-menu{display:block;grid-area:menu;justify-self:end}.iaa-nav,.iaa-actions{display:none}.iaa-nav.is-open,.iaa-actions.is-open{display:flex;position:relative;z-index:5009;pointer-events:auto}.iaa-nav{grid-area:nav;flex-direction:column;margin:0;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:10px;box-shadow:var(--iaa-shadow-sm);width:100%}.iaa-nav a{width:100%;background:#f8fafc}.iaa-actions{grid-area:actions;flex-direction:column;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:10px;box-shadow:var(--iaa-shadow-sm);width:100%;margin:0}.iaa-lang{width:100%;justify-content:center;padding:7px}.iaa-lang a{flex:1;height:40px}.iaa-btn,.iaa-user{width:100%;text-align:center;justify-content:center}.app-main{padding-top:16px!important}.auction-page{margin:-16px 0 0!important;padding-top:16px!important;overflow:visible!important}.auction-wrap{width:min(100% - 24px,100%)!important}.hero-auction{padding:22px!important;border-radius:24px!important}.hero-title{font-size:clamp(2.05rem,11vw,3.5rem)!important;letter-spacing:-.04em!important}.chip-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.quick-chip{white-space:normal;text-align:center}.filter-panel{padding:14px!important}.mini-scroll{grid-auto-columns:minmax(210px,82vw)!important}.car-img,.car-photo-stage,.car-img-wrap{height:230px!important}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mobile-full,.w-50{width:100%!important;max-width:100%!important}.row.g-4{--bs-gutter-y:1rem}.table{font-size:.88rem}.table td,.table th{white-space:nowrap;padding:.55rem}.ad-slot.ad-media-filled{height:95px!important}.video-slot.ad-media-filled{height:200px!important}.dashboard-aside{margin-bottom:.75rem}.sidebar{position:static;margin-bottom:10px}.sidebar a{background:#f8fbff}.btn{min-height:40px}.form-control,.form-select{font-size:16px!important}
}
@media(max-width:575.98px){
  html{font-size:15px}.iaa-header-shell{width:min(100% - 20px,100%)}.iaa-nav-shell{min-height:64px}.iaa-brand-icon{width:38px;height:38px}.iaa-brand-copy strong{font-size:.86rem;max-width:calc(100vw - 104px)}.iaa-menu{width:40px;height:38px;border-radius:13px}.app-main{padding-top:12px!important}.auction-page{margin:-12px 0 0!important;padding-top:12px!important}.hero-auction{padding:18px!important;border-radius:22px!important}.hero-title{font-size:clamp(1.9rem,12vw,2.85rem)!important}.hero-text{font-size:.98rem!important}.chip-row{grid-template-columns:1fr 1fr!important}.stat-card{padding:12px!important}.section-strip,.filter-panel,.modern-car-card,.card{border-radius:22px!important}.car-img,.car-photo-stage,.car-img-wrap{height:220px!important}.photo-grid{grid-template-columns:1fr!important}.photo-grid img{height:180px!important}.ad-slot.ad-media-filled{height:80px!important}.video-slot.ad-media-filled{height:185px!important}.card-body{padding:1rem}.table{font-size:.82rem}.app-footer{padding-left:1rem;padding-right:1rem}.hero h1,.hero h2{font-size:1.45rem}
}
@media(max-width:380px){.iaa-brand-copy strong{max-width:190px}.chip-row{grid-template-columns:1fr!important}}
[dir=rtl] .iaa-nav,[dir=rtl] .iaa-actions,[dir=rtl] .iaa-lang{direction:rtl}[dir=rtl] .hero-title{letter-spacing:0!important}[dir=rtl] .me-auto{margin-left:auto!important;margin-right:0!important}[dir=rtl] .ms-auto{margin-right:auto!important;margin-left:0!important}[dir=rtl] .me-2{margin-left:.5rem!important;margin-right:0!important}[dir=rtl] .dropdown-menu{text-align:right}

/* 2026 smart auction polish */
.iaa-header{backdrop-filter:blur(18px);background:rgba(255,255,255,.86)}
.iaa-header-main{background:rgba(255,255,255,.78)}
.iaa-nav a{position:relative;overflow:hidden}.iaa-nav a:after{content:"";position:absolute;inset:auto 14px 6px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--iaa-blue),#38bdf8);transform:scaleX(0);transition:.22s ease}.iaa-nav a:hover:after{transform:scaleX(1)}
.smart-form-hero{background:radial-gradient(circle at 90% 20%,rgba(23,105,255,.14),transparent 28%),linear-gradient(135deg,#ffffff,#eff6ff);border:1px solid #dbeafe;border-radius:26px;padding:22px;box-shadow:var(--iaa-shadow-sm)}
.smart-car-form label{font-weight:900;color:#16324f;margin-bottom:6px}.smart-car-form textarea{resize:vertical}.upload-dropzone{display:flex!important;flex-direction:column;gap:6px;align-items:center;justify-content:center;text-align:center;border:2px dashed #bfdbfe!important;background:linear-gradient(135deg,#fff,#eff6ff)!important;border-radius:22px!important;min-height:138px;padding:18px;cursor:pointer;transition:.18s ease}.upload-dropzone:hover,.upload-dropzone.drag-over{border-color:#1769ff!important;box-shadow:0 18px 42px rgba(23,105,255,.12);transform:translateY(-1px)}.upload-dropzone strong{font-size:1.05rem}.upload-dropzone span{color:#64748b;font-size:.9rem}.upload-dropzone input{max-width:520px;margin-top:8px;background:#fff!important}
.upload-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-top:12px}.upload-preview-grid img{width:100%;height:118px;object-fit:contain;background:#f8fafc;border:1px solid #dbe4ef;border-radius:18px;padding:4px;box-shadow:0 10px 26px rgba(15,23,42,.06)}
.modern-car-card,.auction-card{border-radius:26px!important;overflow:hidden;border:1px solid rgba(219,229,240,.95)!important;background:#fff!important}.auction-card .card-body,.modern-car-card .card-body{padding:16px!important}.car-img{object-fit:contain!important;background:radial-gradient(circle at center,#fff 0,#eef2f7 70%)!important;padding:4px}.car-photo-stage{background:radial-gradient(circle at center,#fff 0,#edf4fc 70%)!important}.car-photo-img{transition:.2s ease}.modern-car-card:hover .car-photo-img,.auction-card:hover .car-img{transform:scale(1.02)}
.bid-pill,.live-timer,.badge{letter-spacing:.01em}.btn-primary,.iaa-btn-yellow{box-shadow:0 12px 28px rgba(23,105,255,.18)!important}.btn-primary:active,.iaa-btn:active{transform:translateY(1px)}
@media(max-width:991.98px){.iaa-nav-shell{padding:12px 0}.iaa-nav.is-open,.iaa-actions.is-open{animation:iaaSlide .2s ease}.smart-form-hero{padding:18px;border-radius:22px}.upload-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-preview-grid img{height:112px}.car-img{height:225px!important}}
@media(max-width:575.98px){.iaa-header{border-bottom-color:#eaf2fb}.iaa-nav,.iaa-actions{border-radius:18px!important}.smart-car-form{padding:14px!important}.upload-dropzone{min-height:125px;padding:14px}.upload-preview-grid{grid-template-columns:1fr 1fr;gap:10px}.upload-preview-grid img{height:105px;border-radius:15px}.car-img{height:215px!important}}
@keyframes iaaSlide{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.iaa-quick-search{display:flex;align-items:center;min-width:220px;max-width:330px;flex:1;margin-inline-start:6px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:4px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.iaa-quick-search input{border:0;background:transparent;outline:0;min-width:0;width:100%;padding:8px 10px;font-weight:750;color:#0f172a}.iaa-quick-search button{border:0;background:linear-gradient(135deg,var(--iaa-blue),var(--iaa-blue-2));color:#fff;border-radius:999px;width:38px;height:36px;display:grid;place-items:center;flex:0 0 auto}
@media(max-width:991.98px){.iaa-quick-search{width:100%;max-width:none;margin:4px 0 0;order:5}.iaa-quick-search input{font-size:16px}}


/* 2026 photo fill fix: uploaded car photos must fill every auction/card/detail container */
.car-photo-img,
.car-img,
.mini-card-img img,
.gallery-main img,
.photo-grid img,
.thumb img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    padding:0!important;
    margin:0!important;
    display:block!important;
}
.car-photo-bg{display:none!important}
.car-photo-stage,
.car-img-wrap,
.gallery-main,
.mini-card-img,
.photo-grid{
    overflow:hidden!important;
}
.car-img-link{
    display:block!important;
    text-decoration:none!important;
    color:inherit!important;
    overflow:hidden!important;
}
.car-img-link:focus-visible{
    outline:3px solid rgba(23,105,255,.45)!important;
    outline-offset:3px!important;
}

/* Modern dashboard sidebar update */
.iaa-dashboard-layout{align-items:flex-start}.iaa-dashboard-aside{position:relative}.iaa-sidebar-toggle{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:18px;background:linear-gradient(135deg,#0b5cff,#1769ff);color:#fff;font-weight:950;min-height:48px;box-shadow:0 14px 30px rgba(23,105,255,.18)}.iaa-sidebar-toggle-icon{font-size:1.15rem;line-height:1}.iaa-sidebar{position:sticky;top:96px;border:1px solid rgba(219,229,240,.95);border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,255,.96));box-shadow:0 18px 45px rgba(15,23,42,.08);padding:14px;overflow:hidden}.iaa-sidebar:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#0b5cff,#ffb000);pointer-events:none}.iaa-sidebar-head{display:flex;align-items:center;gap:12px;padding:14px;margin-bottom:8px;border-radius:22px;background:linear-gradient(135deg,#eef5ff,#fff7db);border:1px solid #e6eef9}.iaa-sidebar-avatar{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#082a55;color:#fff;box-shadow:0 10px 20px rgba(8,42,85,.18)}.iaa-sidebar-user{min-width:0;display:flex;flex-direction:column}.iaa-sidebar-user strong{font-size:.98rem;font-weight:950;color:#07152f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iaa-sidebar-user span{font-size:.78rem;font-weight:850;color:#64748b}.iaa-sidebar-nav{display:flex;flex-direction:column;gap:6px}.iaa-sidebar-label{margin:14px 10px 4px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:950;color:#94a3b8}.iaa-sidebar-link{display:flex!important;align-items:center;gap:12px;padding:12px 13px!important;border-radius:17px!important;text-decoration:none!important;color:#243b53!important;font-weight:900!important;margin:0!important;transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.iaa-sidebar-link i{width:22px;height:22px;display:grid;place-items:center;color:#0b5cff}.iaa-sidebar-link:hover{transform:translateX(3px);background:#edf5ff!important;color:#0b5cff!important}.iaa-sidebar-link.active{background:linear-gradient(135deg,#0b5cff,#1769ff)!important;color:#fff!important;box-shadow:0 12px 24px rgba(23,105,255,.22)}.iaa-sidebar-link.active i{color:#fff}.iaa-dashboard-content{min-width:0}[dir="rtl"] .iaa-sidebar-link:hover{transform:translateX(-3px)}[dir="rtl"] .iaa-sidebar-link i{margin-left:0}@media (min-width:992px){.iaa-dashboard-aside{width:270px;flex:0 0 270px}.iaa-dashboard-content{width:calc(100% - 270px);flex:0 0 calc(100% - 270px)}}@media (max-width:991.98px){.iaa-sidebar{position:static;top:auto;margin-top:10px;border-radius:22px}.iaa-sidebar-head{padding:12px}.iaa-sidebar-link{min-height:46px}.iaa-sidebar-label{margin-top:10px}.iaa-dashboard-content{margin-top:4px}}


/* 2026 full-width responsive dashboard/admin shell */
.iaa-dashboard-main{
  width:min(100% - 24px,1540px)!important;
  max-width:1540px!important;
  margin-inline:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
@media(max-width:575.98px){
  .iaa-dashboard-main{width:min(100% - 16px,100%)!important;padding-top:10px!important}
}

/* ======================================================
   2026 Serene Responsive UI Refresh - full project
   Softer colors, wider layouts, smoother mobile/tablet support
   ====================================================== */
:root{
  --iaa-navy:#102b46;
  --iaa-navy-2:#174366;
  --iaa-blue:#4b8df8;
  --iaa-blue-2:#2f7ae8;
  --iaa-sky:#eaf4ff;
  --iaa-yellow:#f4b740;
  --iaa-amber:#fff4d9;
  --iaa-bg:#f7fafc;
  --iaa-card:rgba(255,255,255,.92);
  --iaa-text:#182234;
  --iaa-muted:#718096;
  --iaa-line:#dce7f2;
  --iaa-soft:#f0f7ff;
  --iaa-shadow:0 22px 70px rgba(31,57,88,.10);
  --iaa-shadow-sm:0 12px 34px rgba(31,57,88,.075);
  --iaa-radius:24px;
}
html{background:#f7fafc;-webkit-text-size-adjust:100%}
body{
  background:
    radial-gradient(circle at 12% -4%, rgba(75,141,248,.11), transparent 32%),
    radial-gradient(circle at 91% 4%, rgba(244,183,64,.11), transparent 32%),
    linear-gradient(180deg,#fbfdff 0%,#f7fafc 55%,#eef5fb 100%)!important;
  color:var(--iaa-text)!important;
}
.container,.iaa-header-shell{width:min(100% - 32px,1320px)!important;max-width:1320px!important}
.iaa-dashboard-main{width:min(100% - 32px,1660px)!important;max-width:1660px!important}
.app-main{padding-top:clamp(14px,2.3vw,30px)!important;padding-bottom:clamp(22px,3vw,38px)!important}
.iaa-header{background:rgba(255,255,255,.82)!important;border-bottom:1px solid rgba(220,231,242,.88)!important;box-shadow:0 14px 44px rgba(31,57,88,.07)!important}
.iaa-header-top{background:linear-gradient(90deg,#102b46,#174366)!important;color:#e6f1ff!important}
.iaa-header-main{background:rgba(255,255,255,.72)!important}
.iaa-brand-copy strong{color:#172033!important}.iaa-brand-copy small{color:#718096!important}
.iaa-nav a{color:#33465d!important}.iaa-nav a:hover{background:#edf6ff!important;color:#2f7ae8!important}
.iaa-quick-search,.iaa-lang,.iaa-user{
  background:rgba(255,255,255,.76)!important;
  border-color:#dce7f2!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 8px 24px rgba(31,57,88,.055)!important;
}
.iaa-quick-search button,.iaa-lang a.active,.btn-primary,.login-btn,.iaa-sidebar-toggle,.iaa-mobile-sidebar-btn{
  background:linear-gradient(135deg,#5a9af8,#2f7ae8)!important;
  border-color:#5a9af8!important;
  box-shadow:0 14px 30px rgba(47,122,232,.18)!important;
}
.iaa-btn-yellow,.btn-warning{
  background:linear-gradient(135deg,#ffd979,#f4b740)!important;
  border-color:#f4b740!important;
  color:#182234!important;
  box-shadow:0 14px 30px rgba(244,183,64,.18)!important;
}
.card,.filter-panel,.section-strip,.modern-car-card,.auction-card,.users-card,.table-responsive,.login-card-modern{
  background:rgba(255,255,255,.9)!important;
  border:1px solid rgba(220,231,242,.95)!important;
  border-radius:var(--iaa-radius)!important;
  box-shadow:var(--iaa-shadow-sm)!important;
  backdrop-filter:blur(12px);
}
.card:hover,.modern-car-card:hover,.auction-card:hover{box-shadow:var(--iaa-shadow)!important}
.form-control,.form-select,input,textarea,select{
  border-color:#dce7f2!important;
  background:rgba(255,255,255,.92)!important;
  border-radius:16px!important;
  color:#172033!important;
}
.form-control:focus,.form-select:focus,input:focus,textarea:focus,select:focus{
  border-color:#9bc4fb!important;
  box-shadow:0 0 0 .25rem rgba(75,141,248,.14)!important;
}
.btn,.iaa-btn,.btn-soft,.btn-reset,.btn-save-user{
  border-radius:16px!important;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease!important;
}
.btn:hover,.iaa-btn:hover,.btn-soft:hover,.btn-reset:hover{transform:translateY(-1px)}
.table{border-collapse:separate!important;border-spacing:0!important}.table th{background:#f5f9fd!important;color:#566a80!important;border-bottom-color:#e4edf6!important}.table td{border-bottom-color:#edf3f8!important}.table tbody tr:hover{background:#f9fcff!important}
.iaa-admin-shell{grid-template-columns:minmax(230px,280px) minmax(0,1fr)!important;gap:clamp(14px,2vw,24px)!important;margin-top:clamp(12px,2vw,24px)!important}
.iaa-admin-content{width:100%!important;min-width:0!important}.iaa-admin-aside{min-width:0!important}
.iaa-modern-sidebar{
  background:linear-gradient(180deg,rgba(23,67,102,.96) 0%,rgba(16,43,70,.96) 100%)!important;
  border:1px solid rgba(220,231,242,.20)!important;
  box-shadow:0 26px 64px rgba(16,43,70,.18)!important;
}
.iaa-modern-sidebar:before{background:rgba(244,183,64,.15)!important}.iaa-modern-sidebar:after{background:rgba(90,154,248,.20)!important}
.iaa-side-profile{background:rgba(255,255,255,.105)!important;border-color:rgba(255,255,255,.16)!important}
.iaa-side-avatar{background:linear-gradient(135deg,#ffd979,#f4b740)!important;color:#102b46!important}
.iaa-side-link{color:#eef6ff!important}.iaa-side-link i{background:rgba(255,255,255,.10)!important;color:#cfe4ff!important}.iaa-side-link:hover{background:rgba(255,255,255,.13)!important}.iaa-side-link.is-active{background:rgba(255,255,255,.96)!important;color:#102b46!important}.iaa-side-link.is-active i{background:#edf6ff!important;color:#2f7ae8!important}
.hero-auction,.smart-form-hero{background:radial-gradient(circle at 86% 8%,rgba(75,141,248,.14),transparent 34%),linear-gradient(135deg,#ffffff 0%,#f3f9ff 60%,#fff8e9 100%)!important;border-color:#dce7f2!important}
.auction-page{background:radial-gradient(circle at 15% 5%,rgba(75,141,248,.085),transparent 30%),radial-gradient(circle at 85% 12%,rgba(244,183,64,.10),transparent 30%),linear-gradient(180deg,#fbfdff 0%,#f7fafc 45%,#eef5fb 100%)!important}
.hero-title{color:#172033!important}.hero-text,.login-subtitle{color:#718096!important}.quick-chip{background:#fff!important;border-color:#dce7f2!important;color:#2f7ae8!important}.quick-chip.hot{background:#fff7e8!important;border-color:#ffe1a9!important;color:#9a5d00!important}
.users-page-head h2,.login-title{color:#172033!important}.users-security-note,.security-note{background:#f0f8ff!important;border-color:#cfe4ff!important;color:#24537c!important}.recaptcha-inline-error{background:#fff5f5!important;border-color:#ffd0d0!important;color:#9b1c1c!important}
.role-admin{background:#fff3cd!important;color:#805600!important}.role-seller{background:#e7f1ff!important;color:#1f5fa8!important}.role-buyer{background:#e9f8ef!important;color:#1f6c3d!important}.status-active{background:#e9f8ef!important;color:#1f6c3d!important}.status-blocked{background:#fff0f0!important;color:#9b1c1c!important}
@media(max-width:1199.98px){
  .container,.iaa-header-shell,.iaa-dashboard-main{width:min(100% - 24px,100%)!important}
  .iaa-admin-shell{grid-template-columns:250px minmax(0,1fr)!important;gap:16px!important}
}
@media(max-width:991.98px){
  .iaa-admin-shell{display:block!important}.iaa-modern-sidebar{position:static!important}.iaa-admin-content{margin-top:14px!important}
  .iaa-nav,.iaa-actions{background:rgba(255,255,255,.94)!important;border-color:#dce7f2!important}
  .iaa-nav a{width:100%!important;min-height:46px!important}
  .iaa-quick-search{min-width:0!important}
}
@media(max-width:767.98px){
  .container,.iaa-header-shell,.iaa-dashboard-main{width:min(100% - 18px,100%)!important}
  .app-main{padding-top:12px!important}.card-body{padding:14px!important}
  .table-responsive{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
  .iaa-admin-content .table:not(.users-table),.iaa-admin-content .table:not(.users-table) tbody,.iaa-admin-content .table:not(.users-table) tr,.iaa-admin-content .table:not(.users-table) td{display:block!important;width:100%!important}
  .iaa-admin-content .table:not(.users-table) thead{display:none!important}
  .iaa-admin-content .table:not(.users-table) tr{background:rgba(255,255,255,.92)!important;border:1px solid #dce7f2!important;border-radius:20px!important;box-shadow:0 14px 34px rgba(31,57,88,.075)!important;margin-bottom:12px!important;padding:10px!important}
  .iaa-admin-content .table:not(.users-table) td{border:0!important;border-bottom:1px dashed #e7eff7!important;white-space:normal!important;padding:9px 6px!important;display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:flex-start!important}
  .iaa-admin-content .table:not(.users-table) td:last-child{border-bottom:0!important}
  .iaa-admin-content .table:not(.users-table) td::before{content:attr(data-label);font-weight:950;color:#718096;min-width:96px;flex:0 0 96px}
}
@media(max-width:575.98px){
  html{font-size:15px}.iaa-header-shell,.container,.iaa-dashboard-main{width:min(100% - 14px,100%)!important}.iaa-nav-shell{gap:8px!important}.iaa-brand-copy strong{font-size:.92rem!important}.iaa-menu{border-radius:14px!important}.hero-auction,.card,.login-card-modern,.users-card{border-radius:22px!important}.btn,.iaa-btn{min-height:42px!important}.form-control,.form-select{min-height:46px!important}.app-footer{font-size:.78rem!important;padding-block:18px!important}
}
@supports(padding:max(0px)){
  body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
  .iaa-header{padding-top:env(safe-area-inset-top)}
}


/* ======================================================
   FINAL MOBILE ADS NO-CROP FIX - 2026
   Desktop keeps the existing ad layout. On phones/tablets,
   ads use contain + natural height so banners/sidebar ads
   are never trimmed/cropped.
   ====================================================== */
@media (max-width: 991.98px) {
  .ad-rotator,
  .kako-leaderboard,
  .kako-sidebar-ad,
  .ad-slot,
  .video-slot,
  .ad-media-filled {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .ad-rotator-item,
  .ad-rotator-item.is-active {
    width: 100% !important;
    height: auto !important;
  }

  .ad-rotator img,
  .ad-rotator video,
  .kako-leaderboard img,
  .kako-leaderboard video,
  .kako-sidebar-ad img,
  .kako-sidebar-ad video,
  .ad-media-filled img,
  .ad-media-filled video,
  .ad-slot.ad-media-filled img,
  .ad-slot.ad-media-filled video,
  .video-slot.ad-media-filled img,
  .video-slot.ad-media-filled video {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #ffffff !important;
  }

  .kako-sidebar-ad {
    margin-inline: auto !important;
    background: #ffffff !important;
  }

  .auction-side {
    display: block !important;
  }

  .auction-side > * {
    margin-bottom: 16px !important;
  }
}

@media (max-width: 575.98px) {
  .kako-leaderboard,
  .kako-sidebar-ad,
  .ad-rotator {
    border-radius: 18px !important;
  }

  .ad-rotator-dots {
    bottom: 8px !important;
  }

  .ad-rotator-progress {
    height: 2px !important;
  }
}