/* ===== Vendor app theme v2 (2026-09-29) — loaded last on logged-in vendor pages ===== */
:root{color-scheme:light}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,"Noto Sans Devanagari",sans-serif!important;background:#F5F7FA!important;color:#1E293B}
.topbar{position:sticky!important;top:0;z-index:200;display:flex!important;align-items:center;gap:18px;padding:12px 24px!important;background:radial-gradient(420px 120px at 0% 0%,rgba(16,185,129,.22),transparent 70%),#0A1120!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 8px 24px -16px rgba(0,0,0,.5)!important}
.topbar-brand{color:#fff!important;font-weight:800!important;font-size:1.1rem!important;letter-spacing:-.02em;text-decoration:none;white-space:nowrap}
.topbar-brand span{color:#34D399!important}
.topbar-nav{display:flex;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none}
.topbar-nav::-webkit-scrollbar{display:none}
.topbar-nav a{color:#A3B1C6!important;font-size:.86rem!important;font-weight:600!important;padding:8px 12px!important;border-radius:10px!important;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}
.topbar-nav a:hover{color:#fff!important;background:rgba(255,255,255,.07)!important}
.topbar-nav a.active{color:#fff!important;background:linear-gradient(135deg,#10B981,#047857)!important;box-shadow:0 8px 18px -10px rgba(16,185,129,.9)}
.logout-btn{background:transparent!important;border:1px solid rgba(255,255,255,.18)!important;color:#E2E8F0!important;border-radius:10px!important;padding:8px 14px!important;font-weight:600!important;cursor:pointer;transition:background .15s,border-color .15s}
.logout-btn:hover{background:rgba(239,68,68,.15)!important;border-color:rgba(239,68,68,.5)!important;color:#FCA5A5!important}
.mobile-nav{display:none}
@media (width <= 900px){.topbar-nav{display:none!important}.mobile-nav{display:flex!important;gap:6px;overflow-x:auto;padding:10px 14px;background:#0F172A;position:sticky;top:57px;z-index:199;scrollbar-width:none}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav a{flex:none;color:#A3B1C6!important;font-size:.8rem;font-weight:600;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.06);text-decoration:none;white-space:nowrap}.mobile-nav a.active{color:#fff!important;background:linear-gradient(135deg,#10B981,#047857)}.topbar{padding:12px 16px!important}}
.page{max-width:1200px;margin:0 auto;padding:28px 24px 64px}
@media (width <= 600px){.page{padding:18px 14px 56px}}
.welcome-banner{position:relative;overflow:hidden;background:radial-gradient(520px 240px at 100% 0%,rgba(16,185,129,.30),transparent 70%),radial-gradient(420px 220px at 0% 100%,rgba(251,191,36,.16),transparent 70%),#0B1220!important;color:#E2E8F0!important;border-radius:22px!important;padding:30px 30px!important;border:0!important;box-shadow:0 24px 48px -28px rgba(15,23,42,.7)!important;margin-bottom:22px}
.welcome-banner h1{color:#fff!important;font-size:clamp(1.35rem,3vw,1.9rem)!important;letter-spacing:-.025em;font-weight:800!important}
.welcome-banner h1 span{color:#6EE7B7!important}
.welcome-banner p{color:#A3B1C6!important}
.banner-btn{border-radius:12px!important;font-weight:700!important;padding:11px 18px!important;text-decoration:none}
.banner-btn-primary{background:linear-gradient(135deg,#10B981,#047857)!important;color:#fff!important;border:0!important;box-shadow:0 10px 20px -10px rgba(16,185,129,.9)}
.banner-btn-outline{background:rgba(255,255,255,.06)!important;color:#E2E8F0!important;border:1px solid rgba(255,255,255,.18)!important}
.alert-banner{border-radius:14px!important;padding:14px 18px!important;border-width:1px!important;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.stats-grid,.dashboard-grid{gap:16px!important}
.stat-card{position:relative;overflow:hidden;background:#fff!important;border:1px solid #E6EBF1!important;border-radius:18px!important;box-shadow:0 1px 2px rgba(15,23,42,.04),0 10px 30px -18px rgba(15,23,42,.18)!important;transition:transform .2s,border-color .2s}
.stat-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#10B981,#FBBF24)}
.stat-card:hover{transform:translateY(-2px);border-color:rgba(16,185,129,.4)!important}
.stat-value{font-weight:800!important;letter-spacing:-.03em;color:#0F172A!important;font-variant-numeric:tabular-nums}
.stat-label{text-transform:uppercase;letter-spacing:.06em;font-size:.72rem!important;font-weight:700!important;color:#64748B!important}
.stat-icon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#ECFDF5;font-size:1.15rem}
.card,.section-card,.panel,.lead-card,.quote-card{background:#fff!important;border:1px solid #E6EBF1!important;border-radius:18px!important;box-shadow:0 1px 2px rgba(15,23,42,.04),0 10px 30px -20px rgba(15,23,42,.16)!important}
.btn{border-radius:10px!important;font-weight:600!important;transition:transform .12s,filter .15s}
.btn:active{transform:scale(.97)}
.btn-primary,.btn-success{background:linear-gradient(135deg,#10B981,#047857)!important;border-color:transparent!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 18px -10px rgba(5,150,105,.8)}
.btn-primary:hover,.btn-success:hover{filter:brightness(1.06)}
.badge{border-radius:999px!important;font-weight:700!important}
table{border-collapse:separate;border-spacing:0}
th{background:#F6F8FB!important;color:#64748B!important;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem!important;font-weight:700!important}
tbody tr:hover td{background:rgba(16,185,129,.06)!important}
.form-control:focus,input:focus,select:focus,textarea:focus{border-color:#10B981!important;box-shadow:0 0 0 4px rgba(16,185,129,.16)!important;outline:none}
.modal-content{border-radius:20px!important;box-shadow:0 40px 80px -30px rgba(0,0,0,.45)!important}
.stats-grid{margin-top:0!important;position:relative;z-index:0}
.topbar-nav a{padding:8px 10px!important;font-size:.83rem!important}
@media (width <= 1240px){.topbar-nav{display:none!important}.mobile-nav{display:flex!important;gap:6px;overflow-x:auto;padding:10px 14px;background:#0F172A;position:sticky;top:57px;z-index:199;scrollbar-width:none}.mobile-nav a{flex:none;color:#A3B1C6!important;font-size:.8rem;font-weight:600;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.06);text-decoration:none;white-space:nowrap}.mobile-nav a.active{color:#fff!important;background:linear-gradient(135deg,#10B981,#047857)}.topbar{justify-content:space-between}}
@media (width <= 600px){.alert-banner{display:block!important;line-height:1.6}.alert-banner a{display:inline-block;margin:6px 0 0!important}.welcome-actions{display:flex;flex-wrap:wrap;gap:8px}}