.vendor-portal-shell{background:linear-gradient(180deg,#f8fbff 0%,#eef3ff 100%)}
.vendor-hero-panel{background:linear-gradient(135deg,#081225 0%,#142850 50%,#1d4ed8 100%);color:#fff;border-radius:28px;box-shadow:0 30px 60px rgba(15,23,42,.16);overflow:hidden;position:relative}
.vendor-hero-panel::after{content:"";position:absolute;inset:auto -60px -60px auto;width:220px;height:220px;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%)}
.vendor-hero-panel .muted{color:rgba(255,255,255,.72)}
.vendor-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.vendor-stat-card{background:#fff;border-radius:22px;padding:1.1rem 1.15rem;box-shadow:0 18px 40px rgba(15,23,42,.07);border:1px solid rgba(148,163,184,.16)}
.vendor-stat-card .label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:700}
.vendor-stat-card .value{font-size:1.65rem;font-weight:800;color:#0f172a;margin-top:.35rem}
.vendor-stat-card .meta{font-size:.88rem;color:#64748b;margin-top:.35rem}
.vendor-panel{background:#fff;border-radius:24px;box-shadow:0 18px 40px rgba(15,23,42,.07);border:1px solid rgba(148,163,184,.16)}
.vendor-panel .panel-head{padding:1.15rem 1.25rem;border-bottom:1px solid rgba(148,163,184,.14)}
.vendor-panel .panel-body{padding:1.25rem}
.vendor-action-card{display:flex;gap:1rem;align-items:flex-start;padding:1rem;border:1px solid rgba(148,163,184,.16);border-radius:20px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);text-decoration:none;color:inherit;height:100%}
.vendor-action-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,23,42,.08)}
.vendor-action-icon{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#dbeafe,#eff6ff);display:flex;align-items:center;justify-content:center;color:#1d4ed8;font-size:1.4rem;flex:0 0 auto}
.vendor-kpi-strip{display:flex;flex-wrap:wrap;gap:.65rem}.vendor-chip{padding:.6rem .85rem;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);font-size:.88rem}
.vendor-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.vendor-product-card{display:flex;gap:1rem;padding:1rem;border:1px solid rgba(148,163,184,.16);border-radius:22px;background:#fff;height:100%}
.vendor-product-card img,.vendor-product-media{width:96px;height:96px;border-radius:18px;object-fit:cover;background:#f1f5f9;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.vendor-table-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.vendor-form-shell{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);border:1px solid rgba(148,163,184,.16);border-radius:24px;padding:1rem}
.vendor-form-shell .form-control,.vendor-form-shell .form-select{border-radius:14px;padding:.82rem .95rem}
.vendor-subtle{color:#64748b}
@media (max-width:1199.98px){.vendor-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767.98px){.vendor-stat-grid,.vendor-product-grid{grid-template-columns:1fr}.vendor-hero-panel{border-radius:24px}}


.vendor-shell-table .table td,.vendor-shell-table .table th{vertical-align:middle}
.vendor-shell-table .table tbody tr:hover{background:rgba(15,23,42,.02)}
.vendor-shell-form textarea.form-control{min-height:140px}
.vendor-shell-stat__value{word-break:break-word}
.vendor-shell-mini-item strong{display:block;margin-bottom:.18rem}
.vendor-shell-mini-item small{display:block;color:#64748b}
.vendor-shell-table .table-responsive{border-radius:0 0 28px 28px}
.vendor-shell-panel .btn,.vendor-shell-table .btn,.vendor-shell-preview .btn{border-radius:16px}
@media (max-width:575.98px){.vendor-shell-actions .btn{width:100%}.vendor-shell-checks span{width:100%;justify-content:flex-start}}