/* Vendor workspace visual layer. Loaded only by panel views. */
:root{--vp-navy:#061a40;--vp-blue:#3159f5;--vp-text:#102247;--vp-muted:#687c9f;--vp-line:#e5ebf5;--vp-bg:#f6f8fd;--vp-card:#fff;--vp-green:#12b86a;--vp-purple:#5744ee}
.vendor-app{background:linear-gradient(135deg,#f5f8fe 0%,#fff 54%,#f4f7ff 100%);color:var(--vp-text);font:14px/1.5 "Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.vendor-app .sidebar{width:264px;flex-basis:264px;background:radial-gradient(circle at 48% -8%,#173d83 0,#071d44 38%,#031431 100%);border:0;color:#d5dff1;box-shadow:12px 0 35px rgba(16,24,46,.08)}
.vendor-app .brand{min-height:105px;padding:22px;border-color:rgba(255,255,255,.1);gap:11px}.vendor-app .brand .avatar{width:40px;height:40px;flex-basis:40px;border-radius:12px;background:linear-gradient(145deg,#6f83ff,#4c3ee8);box-shadow:0 8px 20px rgba(78,61,232,.35);font-size:17px}.vendor-app .brand strong{color:#fff;font-size:15px;letter-spacing:-.025em}.vendor-app .brand small{color:#a7b8d5;font-size:10px;letter-spacing:.03em}.vendor-app .dot{background:#21d484;box-shadow:0 0 0 4px rgba(33,212,132,.14)}
.vendor-app nav{padding:21px 13px}.vendor-app .nav-group{margin:13px 10px 8px;color:#8497ba;font-size:10px;letter-spacing:.1em}.vendor-app nav a{position:relative;margin:3px 0;padding:10px 11px 10px 41px;border-radius:10px;color:#c6d2e6;font-size:13px;transition:background .16s,color .16s}.vendor-app nav a::before{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:16px;line-height:1;color:currentColor}.vendor-app nav a[href*="dashboard"]::before{content:"⌘"}.vendor-app nav a[href*="orders"]::before{content:"▧"}.vendor-app nav a[href*="customers"]::before{content:"♧"}.vendor-app nav a[href*="products"]::before,.vendor-app nav a[href*="categories"]::before{content:"◇"}.vendor-app nav a[href*="stock"]::before{content:"▤"}.vendor-app nav a[href*="settings"]::before,.vendor-app nav a[href*="team"]::before{content:"⚙"}.vendor-app nav a[href*="support"]::before{content:"◌"}.vendor-app nav a:hover{background:rgba(255,255,255,.07);color:#fff}.vendor-app nav a.active{background:linear-gradient(110deg,#3466fb,#253f83);color:#fff;font-weight:700;box-shadow:inset 3px 0 #9b92ff,0 7px 14px rgba(0,12,63,.18)}
.vendor-app .sidebar-foot{padding:15px 13px 20px;border-color:rgba(255,255,255,.09)}.vendor-app .ghost{padding:9px 10px;color:#bfcce2;font-size:12px}.vendor-app .ghost:hover{background:rgba(255,255,255,.07);color:#fff}
.vendor-app .topbar{min-height:80px;padding:14px 31px;background:rgba(255,255,255,.88);border-color:var(--vp-line);backdrop-filter:blur(12px)}.vendor-app .topbar h1{font-size:19px;font-weight:800;letter-spacing:-.035em}.vendor-app .who{padding:7px 0 7px 13px;border-left:1px solid var(--vp-line);font-size:12px}.vendor-app .who small{font-size:10px;color:var(--vp-muted)}.vendor-app .content{max-width:1440px;padding:29px 34px 46px}
.vendor-app h2{font-size:27px;letter-spacing:-.045em}.vendor-app h3{font-size:16px;color:var(--vp-text)}.vendor-app .section-head{margin-bottom:22px;align-items:flex-end}.vendor-app .section-head p{margin:5px 0 0;font-size:13px}.vendor-app .muted{color:var(--vp-muted)}
.vendor-app .grid{gap:16px}.vendor-app .tile{position:relative;min-height:122px;padding:20px;border:1px solid var(--vp-line);border-radius:15px;background:#fff;box-shadow:0 7px 20px rgba(36,58,105,.055);overflow:hidden}.vendor-app .tile::after{content:"";position:absolute;right:-26px;bottom:-43px;width:110px;height:110px;border-radius:50%;background:#f0eeff}.vendor-app .tile span,.vendor-app .tile strong{position:relative;z-index:1}.vendor-app .tile span{font-size:10px;font-weight:800;letter-spacing:.09em;color:#687d9e}.vendor-app .tile strong{margin-top:10px;font-size:29px;font-weight:800;letter-spacing:-.045em}.vendor-app .g4 .tile:nth-child(2)::after{background:#e6f2ff}.vendor-app .g4 .tile:nth-child(3)::after{background:#e6faed}.vendor-app .g4 .tile:nth-child(4)::after{background:#fff5df}
.vendor-app .card{border:1px solid var(--vp-line);border-radius:15px;background:#fff;box-shadow:0 7px 20px rgba(36,58,105,.055);padding:20px}.vendor-app .card:hover{border-color:#dde5f2}.vendor-app table{font-size:13px}.vendor-app th{padding:12px 9px;color:#6a7e9d;font-size:10px;font-weight:800;letter-spacing:.07em;border-color:var(--vp-line)}.vendor-app td{padding:13px 9px;border-color:var(--vp-line);color:#263b5e}.vendor-app td strong{color:#14274d;font-size:12px}.vendor-app tbody tr{transition:background .15s}.vendor-app tbody tr:hover{background:#fafbff}.vendor-app .badge{padding:4px 8px;font-size:10px;font-weight:700}.vendor-app .b-delivered,.vendor-app .b-paid{background:#e3faed;color:#09a75a}.vendor-app .b-delivered::before,.vendor-app .b-paid::before{content:"• ";font-size:14px}
.vendor-app .btn{min-height:40px;justify-content:center;border:1px solid #dce4f1;border-radius:9px;padding:9px 14px;background:#fff;color:#29405f;font:600 12px/1.2 "Inter",sans-serif;box-shadow:0 2px 5px rgba(23,52,103,.04);transition:transform .15s,box-shadow .15s,border-color .15s,background .15s}.vendor-app .btn:hover{transform:translateY(-1px);border-color:#bfcdf0;background:#f8faff;color:#1747c6;box-shadow:0 7px 16px rgba(37,76,187,.12)}.vendor-app .btn.primary{border-color:var(--vp-blue);background:linear-gradient(135deg,#416dfc,#2449da);color:#fff;font-size:13px;font-weight:700;box-shadow:0 9px 18px rgba(37,73,218,.24)}.vendor-app .btn.primary:hover{background:linear-gradient(135deg,#5179ff,#294edc);color:#fff}.vendor-app .btn.sm{min-height:31px;padding:7px 10px;border-radius:7px;font-size:10px}.vendor-app .btn.danger{background:#fff7f7;border-color:#f4d2d2;color:#c63b3b}.vendor-app .btn:focus-visible{outline:3px solid rgba(49,89,245,.22);outline-offset:2px}
.vendor-app label{color:#283e63;font-size:12px;font-weight:600}.vendor-app input[type=text],.vendor-app input[type=search],.vendor-app input[type=email],.vendor-app input[type=password],.vendor-app input[type=number],.vendor-app input[type=tel],.vendor-app input[type=url],.vendor-app input[type=date],.vendor-app input[type=file],.vendor-app select,.vendor-app textarea{margin-top:7px;border:1px solid #dbe4f1;border-radius:9px;background:#fbfcff;color:#1d3459;font:13px/1.35 "Inter",sans-serif;box-shadow:inset 0 1px 2px rgba(34,60,110,.02);transition:border-color .16s,box-shadow .16s,background .16s}.vendor-app input[type=text],.vendor-app input[type=search],.vendor-app input[type=email],.vendor-app input[type=password],.vendor-app input[type=number],.vendor-app input[type=tel],.vendor-app input[type=url],.vendor-app input[type=date],.vendor-app select{height:43px;padding:9px 12px}.vendor-app textarea{min-height:108px;padding:11px 12px}.vendor-app input::placeholder,.vendor-app textarea::placeholder{color:#98a6bd;opacity:1}.vendor-app input:hover,.vendor-app select:hover,.vendor-app textarea:hover{border-color:#c6d4ec;background:#fff}.vendor-app input:focus,.vendor-app select:focus,.vendor-app textarea:focus{outline:0;border-color:#6379f7;background:#fff;box-shadow:0 0 0 4px rgba(74,96,239,.12)}.vendor-app .check input{accent-color:var(--vp-blue)}.vendor-app .hint{color:#7184a4;font-size:11px}
.vendor-app .filters{gap:8px;margin-bottom:16px;padding:11px;border:1px solid var(--vp-line);border-radius:13px;background:#fff;box-shadow:0 4px 13px rgba(36,58,105,.035)}.vendor-app .filters input,.vendor-app .filters select{height:38px;margin:0;min-width:150px;font-size:12px}.vendor-app .chip{border-color:#dce4f1;color:#536987;font-size:11px}.vendor-app .chip.on{border-color:var(--vp-blue);background:var(--vp-blue)}
.vendor-app .alert{border-radius:11px;font-size:13px}.vendor-app .empty{padding:50px 16px}.vendor-app details.card summary{color:var(--vp-text);font-size:14px}.vendor-app .thumb{border-color:#dfe6f1}

/* Vendor authentication screen */
.vendor-login{font-family:"Inter",ui-sans-serif,system-ui,sans-serif}.vendor-login.split{background:#f6f8fd}.vendor-login .split-art{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 16%,#2458c5 0,#0a2351 39%,#04162f 100%);padding:60px}.vendor-login .split-art::after{content:"";position:absolute;right:-120px;bottom:-150px;width:430px;height:430px;border:1px solid rgba(148,159,255,.25);border-radius:50%;box-shadow:0 0 0 70px rgba(113,119,255,.07),0 0 0 140px rgba(113,119,255,.05)}.vendor-login .split-art h2,.vendor-login .split-art ul{position:relative;z-index:1}.vendor-login .split-art h2{font-size:39px;letter-spacing:-.055em}.vendor-login .split-art ul{font-size:14px}.vendor-login .split-form{background:#fff}.vendor-login .form-card{max-width:390px}.vendor-login .form-card h1{font:800 29px/1.2 "Inter",sans-serif;letter-spacing:-.04em;color:var(--vp-text)}.vendor-login .form-card p{font-size:13px}.vendor-login label{color:#283e63;font:600 12px "Inter",sans-serif}.vendor-login input{height:46px!important;margin-top:7px!important;border-color:#dbe4f1!important;border-radius:10px!important;background:#fbfcff!important;font:13px "Inter",sans-serif!important}.vendor-login input:focus{outline:0;border-color:#6379f7!important;background:#fff!important;box-shadow:0 0 0 4px rgba(74,96,239,.12)!important}.vendor-login .btn.primary{min-height:48px;border-radius:10px;background:linear-gradient(135deg,#416dfc,#2449da);font:700 13px "Inter",sans-serif;box-shadow:0 9px 18px rgba(37,73,218,.24)}
@media(max-width:1080px){.vendor-app .content{padding:25px}.vendor-app .topbar{padding-left:25px;padding-right:25px}}@media(max-width:820px){.vendor-app .content{padding:20px 16px}.vendor-app .topbar{padding:13px 18px}.vendor-app .section-head{align-items:flex-start;flex-direction:column}.vendor-app .g4{grid-template-columns:repeat(2,minmax(170px,1fr))}}@media(max-width:480px){.vendor-app .g4{grid-template-columns:1fr}.vendor-app .topbar h1{font-size:17px}.vendor-app .who{display:none}.vendor-app .card{padding:15px 12px}.vendor-app .filters input,.vendor-app .filters select{width:100%;min-width:0}.vendor-login .split-form{padding:24px}}