.desktop-vendor-dashboard { width: 100%; max-width: none; padding-bottom: 34px; clear: both; color: #172b3d; }
.desktop-stat-grid { display: grid; width: 100%; margin-bottom: 22px; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.desktop-stat-card { position: relative; display: grid; min-height: 126px; padding: 17px; grid-template-columns: 62px minmax(0,1fr) auto; align-items: center; gap: 13px; overflow: hidden; color: #172b3d !important; background: #fff; border: 1px solid #eaf0f3; border-radius: 16px; box-shadow: 0 7px 22px rgba(24,47,69,.065); text-decoration: none !important; transition: transform .18s ease,box-shadow .18s ease; }
.desktop-stat-card:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(24,47,69,.11); }
.desktop-stat-card img { width: 62px; height: 62px; object-fit: contain; }
.desktop-stat-card div { min-width: 0; }
.desktop-stat-card span,.desktop-stat-card small { display: block; color: #778592; }
.desktop-stat-card span { font-size: 12px; font-weight: 700; }
.desktop-stat-card strong { display: block; margin: 2px 0; font-size: 25px; line-height: 1.15; }
.desktop-stat-card small { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.desktop-stat-card > i { color: #a9b3bc; }
.desktop-stat-blue { border-top: 3px solid #388ee5; }.desktop-stat-pink { border-top: 3px solid #e45086; }.desktop-stat-green { border-top: 3px solid #31a765; }.desktop-stat-purple { border-top: 3px solid #8055dc; }
.desktop-dashboard-columns { display: grid; margin-bottom: 22px; grid-template-columns: minmax(0,1.75fr) minmax(280px,.75fr); gap: 18px; }
.desktop-dashboard-panel { padding: 20px; background: #fff; border: 1px solid #eaf0f3; border-radius: 17px; box-shadow: 0 7px 22px rgba(24,47,69,.055); }
.desktop-dashboard-panel > header { display: flex; margin-bottom: 15px; align-items: center; justify-content: space-between; }
.desktop-dashboard-panel header h2 { margin: 0 0 3px; color: #172b3d; font-size: 18px; font-weight: 700; }
.desktop-dashboard-panel header p { margin: 0; color: #84919d; font-size: 11px; }
.desktop-dashboard-panel header > a { color: #167e83 !important; font-size: 11px; font-weight: 700; text-decoration: none !important; }
.desktop-dashboard-order-list { display: grid; gap: 9px; }
.desktop-dashboard-order { display: grid; padding: 13px; grid-template-columns: minmax(180px,1.7fr) minmax(110px,.75fr) minmax(90px,.55fr) 145px; align-items: center; gap: 14px; background: #f8fafb; border: 1px solid #edf1f3; border-radius: 13px; }
.desktop-order-main { min-width: 0; }.desktop-order-main > span { color: #c6500b; font-size: 8px; font-weight: 800; letter-spacing: .08em; }.desktop-order-main h3 { margin: 3px 0; overflow: hidden; font-size: 13px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }.desktop-order-main p { margin: 0; color: #82909c; font-size: 10px; }
.desktop-order-date small,.desktop-order-amount small { display: block; margin-bottom: 3px; color: #929da6; font-size: 8px; font-weight: 700; }.desktop-order-date strong,.desktop-order-date span { display: block; font-size: 11px; }.desktop-order-date span { color: #7b8995; font-size: 10px; }.desktop-order-amount strong { color: #17805d; font-size: 15px; }
.desktop-order-actions { display: grid; grid-template-columns: .8fr 1.2fr; gap: 7px; }.desktop-order-actions button { min-height: 36px; border-radius: 9px; font-size: 10px; font-weight: 700; }.desktop-order-actions .order-decline-button { color: #536372; background: #fff; border: 1px solid #dfe6ea; }.desktop-order-actions .order-accept-button { color: #fff; background: #e8255d; border: 0; }
.desktop-quick-links { display: grid; gap: 7px; }.desktop-quick-links > a { display: grid; min-height: 57px; padding: 8px; grid-template-columns: 40px minmax(0,1fr) auto; align-items: center; gap: 10px; color: #172b3d !important; border-radius: 11px; text-decoration: none !important; transition: background .15s ease; }.desktop-quick-links > a:hover { background: #f6f8fa; }.desktop-quick-links > a > span { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 11px; }.desktop-quick-links strong,.desktop-quick-links small { display: block; }.desktop-quick-links strong { font-size: 12px; }.desktop-quick-links small { margin-top: 2px; color: #8995a0; font-size: 9px; }.desktop-quick-links > a > i { color: #aab4bd; }.quick-blue { color:#287ed8;background:#e8f3ff;}.quick-pink {color:#d83c70;background:#ffeaf1;}.quick-green {color:#249447;background:#e8f7ee;}.quick-purple {color:#7340c8;background:#f0eaff;}.quick-orange {color:#cf6a23;background:#fff0e5;}
.desktop-products-panel { margin-bottom: 20px; }.desktop-product-preview-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 14px; }.desktop-product-preview { overflow: hidden; color: #172b3d !important; background: #f8fafb; border: 1px solid #edf1f3; border-radius: 13px; text-decoration: none !important; }.desktop-product-preview > img,.desktop-product-preview > span { display: grid; width: 100%; height: 125px; place-items: center; object-fit: cover; background: #edf2f5; }.desktop-product-preview > span i { color: #8d9aa5; font-size: 35px; }.desktop-product-preview > div { padding: 11px; }.desktop-product-preview strong { display: block; min-height: 32px; overflow: hidden; font-size: 11px; line-height: 1.4; }.desktop-product-preview b { display: block; margin-top: 5px; color: #167e83; font-size: 13px; }
.desktop-dashboard-empty { display: flex; padding: 26px; align-items: center; justify-content: center; gap: 13px; color: #788693; background: #f8fafb; border-radius: 13px; }.desktop-dashboard-empty > i { color: #31a765; font-size: 30px; }.desktop-dashboard-empty strong { color: #172b3d; }.desktop-dashboard-empty p { margin: 3px 0 0; font-size: 11px; }
@media (max-width:1199px) and (min-width:768px) { .desktop-stat-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.desktop-dashboard-columns { grid-template-columns: 1fr; }.desktop-product-preview-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width:767px) { .desktop-vendor-dashboard { display:none !important; } }