@media (min-width: 415px){
  .mobile-vendor-appbar{
    display:none;
  }

  .mobile-more-overlay{
    display:none;
  }
}

@media (max-width: 760px){
  body.vendor-mobile-shell{
    min-height:100vh !important;
    overflow-x:hidden !important;
    background:
      radial-gradient(circle at 72px 88px, rgba(255,211,95,.08), transparent 130px),
      radial-gradient(circle at 88% 18%, rgba(255,211,95,.045), transparent 150px),
      #030303 !important;
  }

  .vendor-mobile-shell .dashboard,
  .vendor-mobile-shell .container,
  .vendor-mobile-shell .dashboard-container{
    display:block !important;
    min-height:100vh !important;
  }

  .vendor-mobile-shell .main,
  .vendor-mobile-shell .main-content,
  .vendor-mobile-shell .content,
  .vendor-mobile-shell main{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    padding-bottom:124px !important;
  }

  .vendor-mobile-shell .sidebar{
    position:fixed !important;
    inset:auto 17px 17px 17px !important;
    z-index:1200 !important;
    width:calc(100% - 34px) !important;
    height:92px !important;
    min-height:0 !important;
    padding:8px 12px calc(8px + env(safe-area-inset-bottom)) !important;
    border:1px solid rgba(255,255,255,.1) !important;
    border-radius:22px !important;
    background:
      linear-gradient(180deg, rgba(24,24,24,.97), rgba(7,7,7,.98)),
      rgba(8,8,8,.98) !important;
    box-shadow:0 -12px 32px rgba(0,0,0,.45) !important;
    backdrop-filter:blur(18px);
    overflow:hidden !important;
  }

  .vendor-mobile-shell .sidebar > div{
    width:100% !important;
    height:100% !important;
  }

  .vendor-mobile-shell .logo,
  .vendor-mobile-shell .vendor-profile,
  .vendor-mobile-shell .sidebar-toggle{
    display:none !important;
  }

  .vendor-mobile-shell .sidebar-menu{
    width:100% !important;
    height:100% !important;
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0,1fr)) !important;
    align-items:center !important;
    gap:4px !important;
    padding:0 !important;
    margin:0 !important;
    overflow:visible !important;
  }

  .vendor-mobile-shell .sidebar-menu .menu-item:nth-child(5),
  .vendor-mobile-shell .sidebar-menu .menu-item:nth-child(6),
  .vendor-mobile-shell .sidebar-menu .menu-item:nth-child(7),
  .vendor-mobile-shell .sidebar-menu .menu-item:nth-child(8){
    display:none !important;
  }

  .vendor-mobile-shell .menu-item{
    width:auto !important;
    height:70px !important;
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    padding:7px 4px !important;
    border:0 !important;
    border-radius:14px !important;
    background:transparent !important;
    color:#9d9d9d !important;
    text-align:center !important;
    transform:none !important;
  }

  .vendor-mobile-shell .menu-item span{
    display:none !important;
  }

  .vendor-mobile-shell .menu-item i{
    width:auto !important;
    margin:0 !important;
    color:inherit !important;
    font-size:24px !important;
    line-height:1 !important;
  }

  .vendor-mobile-shell .sidebar-menu .menu-item:nth-child(1) i::before{
    content:"\f00a";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
  }

  .vendor-mobile-shell .sidebar-menu .menu-item:nth-child(2) i::before{
    content:"\f133";
    font-family:"Font Awesome 6 Free";
    font-weight:400;
  }

  .vendor-mobile-shell .sidebar-menu .menu-item:nth-child(3) i::before{
    content:"\f274";
    font-family:"Font Awesome 6 Free";
    font-weight:400;
  }

  .vendor-mobile-shell .sidebar-menu .menu-item:nth-child(4) i::before{
    content:"\f075";
    font-family:"Font Awesome 6 Free";
    font-weight:400;
  }

  .vendor-mobile-shell .sidebar-menu .menu-item:nth-child(9) i::before{
    content:"\f141";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
  }

  .vendor-mobile-shell .menu-item::after{
    content:attr(data-mobile-label);
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    color:inherit;
    font-size:11px;
    font-weight:500;
    line-height:1.12;
    white-space:nowrap;
  }

  .vendor-mobile-shell .menu-item.active,
  body.vendor-mobile-shell.more-section .sidebar-menu .menu-item:nth-child(9){
    color:#ffc657 !important;
    border-radius:14px !important;
    background:linear-gradient(180deg, rgba(244,184,74,.19), rgba(244,184,74,.08)) !important;
  }

  body.vendor-mobile-shell.more-section .sidebar-menu .menu-item:nth-child(9) i,
  body.vendor-mobile-shell.more-section .sidebar-menu .menu-item:nth-child(9)::after{
    color:#ffc657 !important;
  }

  .vendor-mobile-shell .menu-item.active i,
  .vendor-mobile-shell .menu-item.active::after{
    color:#ffc657 !important;
  }
}

@media (max-width: 414px){
  html{
    -webkit-text-size-adjust:100%;
  }

  body{
    min-width:0;
    overflow-x:hidden;
    background:
      radial-gradient(circle at 15% -8%, rgba(244,184,74,.16), transparent 32%),
      linear-gradient(180deg, #090909 0%, #030303 48%, #050505 100%);
  }

  body.mobile-more-open{
    overflow:hidden;
  }

  .mobile-more-overlay{
    position:fixed;
    inset:0;
    z-index:10050;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    padding:14px 0 0;
    background:rgba(0,0,0,.36);
    opacity:0;
    pointer-events:none;
    transition:opacity .22s ease;
  }

  .mobile-more-overlay.show{
    opacity:1;
    pointer-events:auto;
  }

  .mobile-more-overlay[hidden]{
    display:none;
  }

  .mobile-more-panel{
    width:min(100%, 430px);
    max-height:calc(100vh - 16px);
    overflow-y:auto;
    padding:16px 20px 116px;
    border:1px solid rgba(255,255,255,.1);
    border-bottom:0;
    border-radius:24px 24px 0 0;
    background:
      radial-gradient(circle at 18% 8%, rgba(255,255,255,.065), transparent 120px),
      linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.012)),
      #101010;
    box-shadow:0 -22px 54px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.05);
    transform:translateY(22px);
    transition:transform .22s ease;
  }

  .mobile-more-overlay.show .mobile-more-panel{
    transform:translateY(0);
  }

  .mobile-more-handle{
    width:44px;
    height:5px;
    display:block;
    margin:0 auto 34px;
    border:0;
    border-radius:999px;
    background:rgba(255,255,255,.42);
  }

  .mobile-more-panel h2{
    margin:0 0 18px;
    color:#fff;
    font-size:24px;
    line-height:1.1;
  }

  .mobile-more-list{
    display:grid;
    gap:10px;
  }

  .mobile-more-link{
    min-height:84px;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) 24px;
    gap:14px;
    align-items:center;
    padding:14px 16px;
    color:#fff;
    text-decoration:none;
    border:1px solid rgba(255,255,255,.09);
    border-radius:12px;
    background:
      linear-gradient(135deg, rgba(255,255,255,.052), rgba(255,255,255,.012)),
      #121212;
    box-shadow:0 14px 28px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.035);
  }

  .mobile-more-link:focus-visible{
    outline:2px solid rgba(255,198,93,.75);
    outline-offset:3px;
  }

  .mobile-more-icon{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    color:#ffc657;
    border-radius:13px;
    background:rgba(244,184,74,.12);
    font-size:18px;
  }

  .mobile-more-text{
    min-width:0;
    display:grid;
    gap:6px;
  }

  .mobile-more-text strong{
    color:#fff;
    font-size:15px;
    line-height:1.15;
  }

  .mobile-more-text small{
    color:#c1bbb5;
    font-size:13px;
    line-height:1.25;
  }

  .mobile-more-arrow{
    justify-self:end;
    color:#fff;
    font-size:16px;
  }

  .mobile-more-link.danger{
    margin-top:28px;
  }

  .mobile-more-link.danger .mobile-more-icon,
  .mobile-more-link.danger .mobile-more-text strong{
    color:#ff4d4d;
  }

  .mobile-more-link.danger .mobile-more-icon{
    background:rgba(255,77,77,.1);
  }

  img,
  video,
  canvas,
  table{
    max-width:100%;
  }

  input,
  select,
  textarea,
  button{
    max-width:100%;
    font-size:16px;
  }

  .dashboard,
  .client-dashboard,
  .container,
  .profile-shell{
    display:block;
    min-width:0;
  }

  .sidebar{
    width:calc(100% - 20px) !important;
    height:64px !important;
    min-height:0 !important;
    position:fixed !important;
    inset:auto 10px 10px 10px !important;
    z-index:10000 !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    padding:7px !important;
    border:1px solid rgba(255,255,255,.11) !important;
    border-radius:18px !important;
    border-right:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    background:rgba(8,8,8,.94) !important;
    box-shadow:0 18px 46px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.04) !important;
    backdrop-filter:blur(14px);
  }

  .sidebar > div:first-child,
  .sidebar-main{
    display:flex !important;
    align-items:center !important;
    min-width:0 !important;
  }

  .logo,
  .brand,
  .vendor-profile,
  .join-card{
    display:none !important;
  }

  .sidebar-menu{
    width:100%;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:7px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:0 2px !important;
    scrollbar-width:none;
  }

  .sidebar-menu::-webkit-scrollbar{
    display:none;
  }

  .menu-item{
    flex:0 0 50px !important;
    width:50px !important;
    height:48px !important;
    min-height:48px !important;
    justify-content:center !important;
    padding:0 !important;
    border-radius:13px !important;
    transform:none !important;
  }

  .menu-item::before,
  .menu-item span,
  .menu-item b,
  .sidebar-notification{
    display:none !important;
  }

  .menu-item i{
    width:auto !important;
    margin:0 !important;
    font-size:18px !important;
  }

  .menu-item.active,
  .menu-item:hover{
    background:linear-gradient(180deg, rgba(255,211,95,.2), rgba(244,184,74,.08)) !important;
    border-color:rgba(255,211,95,.78) !important;
    box-shadow:0 0 0 1px rgba(255,211,95,.08), 0 8px 22px rgba(244,184,74,.12) !important;
  }

  .main,
  .main-content{
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:100vh !important;
    margin-left:0 !important;
    padding:18px 14px 92px !important;
    overflow:visible !important;
  }

  .topbar,
  .top-header,
  .header,
  .page-header,
  .section-heading,
  .card-header,
  .panel-head,
  .vendor-picker-head,
  .modal-header,
  .table-top{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:12px !important;
  }

  .topbar,
  .top-header{
    position:relative;
    margin-bottom:18px !important;
    padding:18px !important;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    background:
      linear-gradient(135deg, rgba(244,184,74,.11), rgba(255,255,255,.025) 44%, rgba(255,255,255,.01)),
      #0b0b0b;
    box-shadow:0 18px 40px rgba(0,0,0,.26);
  }

  .main > .topbar{
    padding-right:78px !important;
  }

  .main > .topbar .top-actions{
    width:auto;
    position:absolute;
    top:18px;
    right:18px;
  }

  .top-actions{
    width:100%;
    justify-content:flex-start;
    flex-wrap:wrap;
  }

  .notification-panel{
    width:min(320px, calc(100vw - 28px)) !important;
    right:0 !important;
  }

  h1,
  .welcome h1,
  .top-header h1,
  .messages-header h1,
  .modal-title h2{
    font-size:clamp(26px, 7vw, 34px) !important;
    line-height:1.04 !important;
    overflow-wrap:anywhere;
  }

  .welcome p,
  .top-header p{
    color:#c9c0b4 !important;
    font-size:13px !important;
    line-height:1.45;
  }

  h2,
  .card-header h2,
  .section-heading h2{
    font-size:clamp(20px, 6vw, 28px) !important;
    line-height:1.15 !important;
  }

  .stats-grid,
  .content-grid,
  .dashboard-grid,
  .profile-layout,
  .content-area,
  .bottom-grid,
  .settings-grid,
  .account-grid,
  .form-grid,
  .modal-body,
  .details-grid,
  .summary-grid,
  .overview-grid,
  .planner-layout,
  .review-grid,
  .right-rail,
  .profile-rail,
  .benefit-bar,
  .messages-grid,
  .messages-wrapper{
    grid-template-columns:1fr !important;
  }

  .stats-grid{
    gap:12px !important;
    margin-bottom:16px !important;
  }

  .stat-card{
    min-height:126px;
    padding:18px !important;
    gap:14px !important;
    align-items:center !important;
    border:1px solid rgba(255,255,255,.07);
    border-radius:18px !important;
    background:
      linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.01)),
      #0d0d0d !important;
    box-shadow:0 14px 30px rgba(0,0,0,.25);
  }

  .stat-icon{
    width:48px !important;
    height:48px !important;
    border-radius:15px !important;
    flex:0 0 48px;
    background:rgba(244,184,74,.13) !important;
    color:#ffc657 !important;
    font-size:19px !important;
  }

  .stat-content{
    min-width:0;
  }

  .stat-content h3{
    margin-bottom:7px !important;
    color:#ece7df !important;
    font-size:13px !important;
    line-height:1.2;
  }

  .stat-content h2{
    margin-bottom:6px !important;
    font-size:clamp(26px, 8vw, 32px) !important;
    line-height:1 !important;
    letter-spacing:0;
    overflow-wrap:anywhere;
  }

  .stat-content p{
    color:#ffc657 !important;
    font-size:12px !important;
    line-height:1.25;
  }

  .card,
  .profile-card,
  .content-panel,
  .rail-card,
  .table-card,
  .modal-card{
    border-radius:18px !important;
    padding:18px !important;
    border:1px solid rgba(255,255,255,.07);
    background:#0d0d0d !important;
    box-shadow:0 16px 34px rgba(0,0,0,.25);
  }

  .filters-wrapper,
  .filters,
  .filter-row,
  .search-filter,
  .hero-search{
    grid-template-columns:1fr !important;
    width:100% !important;
  }

  .filter-buttons,
  .tabs,
  .booking-stats,
  .popular-tags{
    overflow-x:auto;
    flex-wrap:nowrap !important;
    padding-bottom:4px;
  }

  .filter-btn,
  .tab-btn{
    flex:0 0 auto;
  }

  .table-container,
  .table-wrapper{
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
  }

  table{
    min-width:720px;
  }

  .booking-item,
  .booking-left,
  .listing-item,
  .review,
  .client-info,
  .chat-top,
  .chat-input,
  .table-footer,
  .listing-bottom{
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  .booking-left img,
  .listing-item img,
  .vendor-image,
  .event-card img{
    width:100% !important;
    height:auto !important;
    aspect-ratio:16 / 10;
    object-fit:cover;
  }

  .icon-btn,
  .notification-bell{
    width:44px !important;
    height:44px !important;
    border-radius:13px !important;
  }

  .booking-right,
  .price,
  .grand-total h2{
    width:100%;
    text-align:left !important;
  }

  .modal,
  .booking-modal,
  .details-modal,
  .settings-modal{
    width:calc(100vw - 20px) !important;
    max-width:calc(100vw - 20px) !important;
    max-height:calc(100vh - 24px) !important;
    padding:18px !important;
    border-radius:14px !important;
  }

  .chat-area,
  .conversation-list{
    min-height:420px;
  }

  .chat-input input{
    width:100%;
    flex-basis:100%;
  }

  .send-btn,
  .primary-btn,
  .ghost-btn,
  .export-btn,
  .outline-btn,
  .booking-btn,
  .message-btn,
  .confirm-btn,
  .complete-btn,
  .decline-btn{
    width:100%;
  }

  .vendor-dashboard{
    background:
      radial-gradient(circle at 38px 118px, rgba(255,211,95,.08), transparent 120px),
      radial-gradient(circle at 85% 20px, rgba(255,211,95,.08), transparent 140px),
      #030303;
  }

  .vendor-dashboard .main{
    padding:22px 18px 150px !important;
  }

  .vendor-dashboard .topbar{
    display:block !important;
    min-height:230px;
    margin:-4px -4px 18px !important;
    padding:0 4px 18px !important;
    border:0;
    border-radius:0;
    background:
      radial-gradient(circle at 86px 58px, rgba(255,255,255,.075), transparent 82px),
      linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0));
    box-shadow:none;
  }

  .vendor-dashboard .mobile-vendor-appbar{
    height:82px;
    display:grid;
    grid-template-columns:52px 1fr;
    align-items:center;
    margin-bottom:8px;
  }

  .vendor-dashboard .mobile-vendor-appbar img{
    display:none;
  }

  .vendor-dashboard .mobile-menu-button{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    color:#f7f2ea;
    border:0;
    background:transparent;
    font-size:25px;
  }

  .vendor-dashboard .welcome{
    padding-top:8px;
  }

  .vendor-dashboard .welcome h1{
    max-width:315px;
    margin-bottom:10px !important;
    font-size:clamp(32px, 8.9vw, 42px) !important;
    line-height:1.12 !important;
    letter-spacing:0;
  }

  .vendor-dashboard .welcome p{
    color:#aaa4a0 !important;
    font-size:15px !important;
  }

  .vendor-dashboard .topbar .top-actions{
    top:17px;
    right:4px;
  }

  .vendor-dashboard .notification-bell{
    width:52px !important;
    height:52px !important;
    color:#ffc65d;
    border-color:rgba(255,198,93,.42);
    border-radius:15px !important;
    background:rgba(18,18,18,.8);
    box-shadow:0 16px 34px rgba(0,0,0,.32);
  }

  .vendor-dashboard .stats-grid{
    gap:12px !important;
    margin-bottom:20px !important;
  }

  .vendor-dashboard .stat-card,
  .vendor-dashboard .card{
    background:
      linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.012)),
      #101010 !important;
    border:1px solid rgba(255,255,255,.055);
    border-radius:22px !important;
    box-shadow:0 20px 45px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.035);
  }

  .vendor-dashboard .stat-card{
    min-height:132px;
    padding:16px 14px !important;
    display:grid !important;
    grid-template-columns:52px minmax(0,1fr);
    column-gap:12px !important;
    align-items:center !important;
  }

  .vendor-dashboard .stat-icon{
    width:52px !important;
    height:52px !important;
    margin:0 !important;
    border-radius:16px !important;
    background:linear-gradient(135deg, rgba(255,198,93,.18), rgba(255,198,93,.06)) !important;
  }

  .vendor-dashboard .stat-content{
    min-width:0;
  }

  .vendor-dashboard .stat-content h3{
    color:#f1ede8 !important;
    font-size:13px !important;
    font-weight:600;
    line-height:1.15 !important;
    margin-bottom:7px !important;
  }

  .vendor-dashboard .stat-content h2{
    max-width:100%;
    font-size:clamp(28px, 7.6vw, 36px) !important;
    font-weight:800;
    line-height:1.02 !important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:clip;
  }

  .vendor-dashboard .stat-content p{
    color:#ffc657 !important;
    font-size:12px !important;
    line-height:1.2 !important;
  }

  .vendor-dashboard .stat-card:nth-child(4) .stat-content h2{
    font-size:clamp(24px, 6.6vw, 32px) !important;
  }

  .vendor-dashboard .content-grid{
    gap:18px !important;
  }

  .vendor-dashboard .card{
    padding:22px 18px !important;
    margin-bottom:18px;
  }

  .vendor-dashboard .card-header{
    min-height:44px;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    margin-bottom:18px !important;
  }

  .vendor-dashboard .card-header h2{
    font-size:clamp(25px, 6.5vw, 32px) !important;
    line-height:1.1 !important;
  }

  .vendor-dashboard .outline-btn{
    width:auto;
    min-height:44px;
    padding:0 16px;
    border-radius:13px;
    color:#ffc657;
    border-color:#f4b84a;
    background:rgba(0,0,0,.08);
    font-size:13px;
  }

  .vendor-dashboard .booking-item{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto;
    gap:16px;
    align-items:center !important;
    margin-bottom:17px;
    padding-bottom:17px;
  }

  .vendor-dashboard .booking-left{
    display:grid !important;
    grid-template-columns:104px minmax(0,1fr);
    gap:14px;
    align-items:center !important;
  }

  .vendor-dashboard .booking-left img{
    width:104px !important;
    height:84px !important;
    aspect-ratio:auto;
    border:1px solid rgba(255,255,255,.55);
    border-radius:9px !important;
    background:#111;
  }

  .vendor-dashboard .booking-info h3{
    margin-bottom:10px;
    font-size:clamp(18px, 4.8vw, 25px);
    line-height:1.15;
  }

  .vendor-dashboard .booking-meta{
    gap:6px;
    color:#aaa;
    font-size:14px;
  }

  .vendor-dashboard .booking-right{
    width:auto;
    min-width:96px;
    text-align:right !important;
  }

  .vendor-dashboard .status{
    margin-bottom:18px;
    padding:8px 12px;
    border-radius:10px;
    font-size:12px;
  }

  .vendor-dashboard .price{
    width:auto;
    text-align:right !important;
    font-size:clamp(26px, 7vw, 34px) !important;
    line-height:1;
  }

  .vendor-dashboard .view-link{
    color:#ffc657;
    font-size:15px;
  }

  .vendor-dashboard .chart-box{
    height:205px;
    margin-top:18px;
  }

  .vendor-dashboard .review{
    display:grid !important;
    grid-template-columns:52px minmax(0,1fr);
    gap:14px;
    align-items:center !important;
    margin-bottom:14px;
  }

  .vendor-dashboard .review img{
    width:52px;
    height:52px;
  }

  .vendor-dashboard .review-content h4{
    font-size:17px;
    line-height:1.25;
  }

  .vendor-dashboard .sidebar{
    width:calc(100% - 34px) !important;
    height:92px !important;
    inset:auto 17px 14px 17px !important;
    padding:10px 12px 12px !important;
    border-radius:21px !important;
  }

  .vendor-dashboard .sidebar-menu{
    height:100%;
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0,1fr));
    gap:0 !important;
    overflow:hidden !important;
  }

  .vendor-dashboard .sidebar-toggle{
    display:none !important;
  }

  .vendor-dashboard .sidebar-menu .menu-item:nth-child(5),
  .vendor-dashboard .sidebar-menu .menu-item:nth-child(6),
  .vendor-dashboard .sidebar-menu .menu-item:nth-child(7),
  .vendor-dashboard .sidebar-menu .menu-item:nth-child(8){
    display:none !important;
  }

  .vendor-dashboard .menu-item{
    width:auto !important;
    height:70px !important;
    min-height:70px !important;
    display:flex !important;
    flex:1 1 auto !important;
    flex-direction:column;
    align-items:center !important;
    justify-content:center !important;
    gap:6px;
    color:#9f9b96;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    padding:0 !important;
    text-align:center;
  }

  .vendor-dashboard .menu-item i{
    font-size:24px !important;
  }

  .vendor-dashboard .sidebar-menu .menu-item:nth-child(1) i::before{
    content:"\f00a";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
  }

  .vendor-dashboard .sidebar-menu .menu-item:nth-child(2) i::before{
    content:"\f133";
    font-family:"Font Awesome 6 Free";
    font-weight:400;
  }

  .vendor-dashboard .sidebar-menu .menu-item:nth-child(4) i::before{
    content:"\f075";
    font-family:"Font Awesome 6 Free";
    font-weight:400;
  }

  .vendor-dashboard .sidebar-menu .menu-item:nth-child(9) i::before{
    content:"\f141";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
  }

  .vendor-dashboard .menu-item::after{
    content:attr(data-mobile-label);
    display:block;
    color:inherit;
    font-size:12px;
    line-height:1;
  }

  .vendor-dashboard .menu-item.active{
    background:linear-gradient(180deg, rgba(244,184,74,.2), rgba(244,184,74,.08)) !important;
    border-radius:12px !important;
    color:#ffc657 !important;
  }

  .vendor-bookings{
    background:
      radial-gradient(circle at 68px 70px, rgba(255,211,95,.08), transparent 118px),
      radial-gradient(circle at 88% 28px, rgba(255,211,95,.07), transparent 132px),
      #030303;
  }

  .vendor-bookings .main-content{
    padding:22px 18px 118px !important;
  }

  .vendor-bookings .top-header{
    display:block !important;
    margin:-4px -4px 20px !important;
    padding:0 4px !important;
    border:0;
    border-radius:0;
    background:
      radial-gradient(circle at 85px 58px, rgba(255,255,255,.07), transparent 78px),
      linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
    box-shadow:none;
  }

  .vendor-bookings .mobile-vendor-appbar{
    height:82px;
    display:grid;
    grid-template-columns:52px minmax(0,1fr) 52px;
    align-items:center;
    width:100%;
    margin-bottom:14px;
  }

  .vendor-bookings .mobile-vendor-appbar img{
    display:block;
    justify-self:center;
    width:min(210px, 52vw);
    max-height:54px;
    object-fit:contain;
  }

  .vendor-bookings .mobile-menu-button,
  .vendor-bookings .mobile-notification-button{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    color:#f7f2ea;
    border:0;
    background:transparent;
    font-size:25px;
  }

  .vendor-bookings .mobile-notification-button{
    position:relative;
    justify-self:end;
    margin-left:auto;
    width:52px;
    height:52px;
    color:#ffc65d;
    border:1px solid rgba(255,198,93,.42);
    border-radius:15px;
    background:rgba(18,18,18,.8);
    box-shadow:0 16px 34px rgba(0,0,0,.32);
    font-size:22px;
  }

  .vendor-bookings .mobile-notification-button span{
    position:absolute;
    top:-7px;
    right:-7px;
    min-width:24px;
    height:24px;
    display:grid;
    place-items:center;
    color:#fff;
    border-radius:999px;
    background:#ff3f51;
    font-size:13px;
    font-weight:800;
  }

  .vendor-bookings .top-header h1{
    margin-bottom:14px !important;
    font-size:clamp(36px, 10vw, 48px) !important;
    line-height:1.05 !important;
  }

  .vendor-bookings .booking-header-subtitle{
    display:block;
    margin:-5px 0 26px;
    color:#aca7a4;
    font-size:18px;
    line-height:1.35;
  }

  .vendor-bookings .booking-stats{
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:10px !important;
    padding-bottom:0;
    overflow:visible;
  }

  .vendor-bookings .booking-stat-card{
    min-width:0;
    min-height:100px;
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    grid-template-rows:auto auto 5px;
    gap:6px 10px;
    align-items:center;
    padding:13px 12px 16px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:15px;
    background:
      linear-gradient(135deg, rgba(255,255,255,.052), rgba(255,255,255,.012)),
      #0d0d0d;
    box-shadow:0 18px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.035);
  }

  .vendor-bookings .booking-stat-card i{
    grid-row:1 / span 2;
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:50%;
    font-size:18px;
  }

  .vendor-bookings .booking-stat-card strong{
    color:#fff;
    font-size:clamp(28px, 8vw, 38px);
    line-height:1;
    justify-self:end;
    max-width:100%;
    overflow-wrap:anywhere;
  }

  .vendor-bookings .booking-stat-card span{
    color:currentColor;
    grid-column:1 / -1;
    justify-self:center;
    font-size:13px;
    font-weight:700;
    line-height:1.15;
    text-align:center;
    overflow-wrap:anywhere;
  }

  .vendor-bookings .booking-stat-card::after{
    content:"";
    grid-column:1 / -1;
    height:4px;
    margin-top:8px;
    border-radius:999px;
    background:currentColor;
    box-shadow:0 0 16px currentColor;
  }

  .vendor-bookings .pending-summary{
    color:#ffb82d;
  }

  .vendor-bookings .confirmed-summary{
    color:#39e66d;
  }

  .vendor-bookings .completed-summary{
    color:#4b82ff;
  }

  .vendor-bookings .cancelled-summary{
    color:#ff4054;
  }

  .vendor-bookings .booking-stat-card i{
    background:color-mix(in srgb, currentColor 22%, transparent);
    box-shadow:0 0 22px color-mix(in srgb, currentColor 18%, transparent);
  }

  .vendor-bookings .filters-wrapper{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 92px !important;
    gap:12px !important;
    margin-bottom:18px !important;
  }

  .vendor-bookings .search-box,
  .vendor-bookings .type-filter{
    height:56px;
    border-radius:18px;
    border-color:rgba(255,255,255,.12);
    background:rgba(14,14,14,.68);
  }

  .vendor-bookings .search-box{
    padding:0 18px;
    gap:14px;
  }

  .vendor-bookings .search-box input,
  .vendor-bookings .type-filter select{
    font-size:15px;
  }

  .vendor-bookings .search-box i{
    color:#a7a7a7;
    font-size:26px;
  }

  .vendor-bookings .mobile-filter-toggle{
    height:56px;
    display:grid;
    grid-template-columns:auto auto;
    place-content:center;
    align-items:center;
    gap:10px;
    color:#ffc657;
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    background:rgba(14,14,14,.68);
    font-size:24px;
    font-weight:800;
  }

  .vendor-bookings .mobile-filter-toggle::after{
    content:"Filter";
    color:#fff;
    font-size:15px;
    font-weight:800;
  }

  .vendor-bookings .type-filter{
    grid-column:1 / -1;
    width:100%;
  }

  .vendor-bookings .type-leading-icon{
    display:block !important;
    left:18px !important;
    right:auto !important;
    color:#ffc657 !important;
    font-size:19px !important;
  }

  .vendor-bookings .type-filter select{
    padding-left:58px !important;
  }

  .vendor-bookings .filter-buttons{
    grid-column:1 / -1;
    height:auto;
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0,1fr));
    gap:12px;
    padding:0;
    border:0;
    background:transparent;
    overflow:visible;
  }

  .vendor-bookings .filter-btn{
    width:100%;
    min-width:0;
    height:50px;
    padding:0 10px;
    border-radius:14px;
    border-color:rgba(255,255,255,.14);
    background:rgba(8,8,8,.52);
    font-size:14px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .vendor-bookings .filter-btn.active{
    color:#151007;
    border-color:#ffc657;
    background:linear-gradient(180deg,#ffd374,#f4b84a);
    box-shadow:0 12px 24px rgba(244,184,74,.18);
  }

  .vendor-bookings .table-container{
    overflow:visible !important;
    border:0;
    border-radius:0;
    background:transparent;
  }

  .vendor-bookings table,
  .vendor-bookings tbody{
    width:100%;
    min-width:0 !important;
    display:block;
  }

  .vendor-bookings thead{
    display:none;
  }

  .vendor-bookings .booking-row{
    display:grid;
    grid-template-columns:1fr auto;
    gap:18px 22px;
    position:relative;
    margin-bottom:16px;
    padding:20px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:22px;
    background:
      linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.012)),
      #101010;
    box-shadow:0 20px 45px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.035);
  }

  .vendor-bookings .booking-row[hidden],
  .vendor-bookings .booking-row[style*="display: none"]{
    display:none !important;
  }

  .vendor-bookings .booking-row td{
    display:block;
    padding:0;
    border:0;
    min-width:0;
    overflow-wrap:anywhere;
  }

  .vendor-bookings .booking-row td[data-mobile-cell="client"]{
    grid-column:1 / -1;
    padding-right:142px;
  }

  .vendor-bookings .client-info{
    display:grid !important;
    grid-template-columns:72px minmax(0,1fr);
    gap:16px;
    align-items:center !important;
    min-width:0;
  }

  .vendor-bookings .client-info img{
    width:72px;
    height:72px;
    border-radius:50%;
    object-fit:cover;
  }

  .vendor-bookings .client-info h4{
    margin-bottom:6px;
    font-size:17px;
    line-height:1.2;
    overflow-wrap:anywhere;
  }

  .vendor-bookings .client-info p{
    color:#b7b1ac;
    font-size:16px;
    line-height:1.25;
    overflow-wrap:anywhere;
  }

  .vendor-bookings .client-info span{
    display:block;
    margin-top:4px;
    color:#a6a09a;
    font-size:14px;
    overflow-wrap:anywhere;
  }

  .vendor-bookings .booking-row td[data-mobile-cell="status"]{
    grid-column:2;
    grid-row:1;
    align-self:start;
    justify-self:end;
    position:absolute;
    top:44px;
    right:104px;
  }

  .vendor-bookings .status{
    display:inline-flex;
    align-items:center;
    min-height:42px;
    padding:0 14px;
    border-radius:12px;
    font-size:14px;
    white-space:nowrap;
  }

  .vendor-bookings .booking-row td[data-mobile-label]{
    min-width:0;
    position:relative;
    padding-top:22px;
  }

  .vendor-bookings .booking-row td[data-mobile-label]::before{
    content:attr(data-mobile-label);
    position:absolute;
    top:0;
    left:0;
    color:#aaa49e;
    font-size:12px;
    font-weight:800;
    letter-spacing:.03em;
    text-transform:uppercase;
  }

  .vendor-bookings .booking-row td[data-mobile-label="Category"]{
    grid-column:1;
    padding-left:64px;
  }

  .vendor-bookings .booking-row td[data-mobile-label="Event Name"]{
    grid-column:1;
    padding-left:64px;
  }

  .vendor-bookings .booking-row td[data-mobile-label="Price"]{
    grid-column:2;
    grid-row:4;
    padding-left:64px;
  }

  .vendor-bookings .booking-row td[data-mobile-label="Type"]{
    grid-column:1;
    grid-row:4;
    padding-left:64px;
  }

  .vendor-bookings .booking-row td[data-mobile-label="Event Date"]{
    grid-column:1;
    padding-top:30px;
    padding-left:64px;
  }

  .vendor-bookings .service-type{
    align-items:center;
    gap:9px;
    font-size:15px;
    font-weight:700;
    min-width:0;
    overflow-wrap:anywhere;
  }

  .vendor-bookings .service-type i{
    width:30px;
    color:#ffc657;
    font-size:21px;
  }

  .vendor-bookings .price{
    width:auto;
    color:#ffc657;
    font-size:16px !important;
    font-weight:800;
    text-align:left !important;
    white-space:nowrap;
  }

  .vendor-bookings .type{
    min-width:104px;
    display:inline-flex;
    justify-content:center;
    padding:8px 12px;
    border-radius:11px;
    font-size:14px;
    font-weight:700;
  }

  .vendor-bookings .event-date{
    display:grid;
    grid-template-columns:30px minmax(0,1fr);
    gap:12px;
    align-items:start;
  }

  .vendor-bookings .event-date h5{
    font-size:16px;
    line-height:1.2;
    overflow-wrap:anywhere;
  }

  .vendor-bookings .event-date p{
    color:#aaa49e;
    font-size:15px;
    overflow-wrap:anywhere;
  }

  .vendor-bookings .booking-row td[data-mobile-cell="actions"]{
    grid-column:1 / -1;
    align-self:end;
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,.08);
  }

  .vendor-bookings .actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    justify-content:stretch;
  }

  .vendor-bookings .view-btn{
    width:100%;
    min-width:0;
    height:52px;
    padding:0 18px;
    border-radius:14px;
    font-size:15px;
    font-weight:800;
  }

  .vendor-bookings .mobile-message-client{
    width:100%;
    min-height:52px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:14px;
    background:linear-gradient(180deg,#ffd374,#f4b84a);
    color:#0d0b07;
    font-size:15px;
    font-weight:800;
    text-decoration:none;
  }

  .vendor-bookings .mobile-booking-note{
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    gap:12px;
    margin:18px 0 4px 50%;
    padding-top:18px;
    border-top:1px dashed rgba(255,255,255,.18);
  }

  .vendor-bookings .mobile-booking-note i{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    color:#ffc657;
    border-radius:12px;
    background:rgba(244,184,74,.12);
  }

  .vendor-bookings .mobile-booking-note span{
    display:block;
    margin-bottom:5px;
    color:#aaa49e;
    font-size:14px;
  }

  .vendor-bookings .mobile-booking-note p{
    color:#fff;
    font-size:16px;
    line-height:1.42;
    overflow-wrap:anywhere;
  }

  .vendor-bookings #emptyBookingsRow{
    display:block;
  }

  .vendor-bookings #emptyBookingsRow[hidden],
  .vendor-bookings #emptyBookingsRow[style*="display: none"]{
    display:none !important;
  }

  .vendor-bookings #emptyBookingsRow td{
    display:block;
    padding:0;
  }

  .vendor-bookings .empty-bookings-card{
    min-height:235px;
    margin-top:10px;
    padding:36px 20px;
    border:1px solid rgba(255,255,255,.085);
    border-radius:22px;
    background:
      linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.012)),
      #101010;
    box-shadow:0 20px 45px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.035);
  }

  .vendor-bookings .empty-bookings-icon{
    width:124px;
    height:108px;
  }

  .vendor-bookings .empty-bookings-icon .fa-calendar{
    font-size:80px;
  }

  .vendor-bookings .empty-bookings-icon .fa-magnifying-glass{
    right:8px;
    bottom:8px;
    font-size:46px;
  }

  .vendor-bookings .empty-bookings-card h2{
    font-size:20px !important;
    line-height:1.2 !important;
  }

  .vendor-bookings .empty-bookings-card p{
    color:#b5b0ac !important;
    font-size:15px !important;
    line-height:1.55;
  }

  .vendor-bookings .row-menu{
    position:absolute;
    top:42px;
    right:24px;
  }

  .vendor-bookings .more-btn{
    width:52px;
    height:52px;
    border-radius:14px;
    font-size:20px;
  }

  .vendor-bookings .row-menu-panel{
    top:58px;
  }

  .vendor-bookings .table-footer{
    display:grid;
    grid-template-columns:1fr auto;
    gap:16px;
    align-items:center !important;
    margin-top:28px;
    padding-bottom:20px;
    border-bottom:1px solid rgba(255,255,255,.12);
  }

  .vendor-bookings .table-footer p{
    color:#aaa49e;
    font-size:15px;
  }

  .vendor-bookings .pagination button{
    width:48px;
    height:48px;
    border-radius:13px;
  }

  .vendor-bookings .pagination button.active{
    color:#151007;
    background:linear-gradient(180deg,#ffd374,#f4b84a);
  }

  .vendor-bookings .sidebar{
    width:calc(100% - 34px) !important;
    height:88px !important;
    inset:auto 17px 14px 17px !important;
    padding:10px 12px 12px !important;
    border-radius:21px !important;
  }

  .vendor-bookings .sidebar-menu{
    height:100%;
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0,1fr));
    gap:0 !important;
    overflow:hidden !important;
  }

  .vendor-bookings .sidebar-toggle{
    display:none !important;
  }

  .vendor-bookings .sidebar-menu .menu-item:nth-child(5),
  .vendor-bookings .sidebar-menu .menu-item:nth-child(6),
  .vendor-bookings .sidebar-menu .menu-item:nth-child(7),
  .vendor-bookings .sidebar-menu .menu-item:nth-child(8){
    display:none !important;
  }

  .vendor-bookings .menu-item{
    width:auto !important;
    height:66px !important;
    min-height:66px !important;
    display:flex !important;
    flex:1 1 auto !important;
    flex-direction:column;
    align-items:center !important;
    justify-content:center !important;
    gap:6px;
    color:#9f9b96;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    padding:0 !important;
    text-align:center;
  }

  .vendor-bookings .menu-item i{
    font-size:24px !important;
  }

  .vendor-bookings .sidebar-menu .menu-item:nth-child(1) i::before{
    content:"\f00a";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
  }

  .vendor-bookings .sidebar-menu .menu-item:nth-child(2) i::before{
    content:"\f133";
    font-family:"Font Awesome 6 Free";
    font-weight:400;
  }

  .vendor-bookings .sidebar-menu .menu-item:nth-child(4) i::before{
    content:"\f075";
    font-family:"Font Awesome 6 Free";
    font-weight:400;
  }

  .vendor-bookings .sidebar-menu .menu-item:nth-child(9) i::before{
    content:"\f141";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
  }

  .vendor-bookings .menu-item::after{
    content:attr(data-mobile-label);
    display:block;
    color:inherit;
    font-size:12px;
    line-height:1;
  }

  .vendor-bookings .menu-item.active{
    background:linear-gradient(180deg, rgba(244,184,74,.2), rgba(244,184,74,.08)) !important;
    border-radius:12px !important;
    color:#ffc657 !important;
  }

  .vendor-dashboard .sidebar-menu,
  .vendor-bookings .sidebar-menu{
    grid-template-columns:repeat(5, minmax(0,1fr)) !important;
  }

  .vendor-dashboard .menu-item,
  .vendor-bookings .menu-item{
    width:100% !important;
    min-width:0 !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    text-align:center;
  }

  .vendor-dashboard .menu-item::after,
  .vendor-bookings .menu-item::after{
    width:100%;
    text-align:center;
    white-space:nowrap;
    font-size:11px;
  }
}

@media (max-width: 414px){
  .main,
  .main-content{
    padding-left:8px !important;
    padding-right:8px !important;
  }

  .card,
  .profile-card,
  .content-panel,
  .rail-card,
  .table-card,
  .modal-card{
    padding:12px !important;
  }

  .menu-item{
    flex-basis:44px !important;
    width:44px !important;
  }
}

@media (min-width: 390px) and (max-width: 414px){
  .stats-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .stat-card{
    min-height:150px;
    display:block !important;
  }

  .stat-icon{
    margin-bottom:14px;
  }

  .vendor-dashboard .stats-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .vendor-dashboard .stat-card{
    display:grid !important;
  }

  .vendor-dashboard .stat-icon{
    margin:0 !important;
  }
}

@media (max-width: 414px){
  .vendor-dashboard .main{
    padding-left:10px !important;
    padding-right:10px !important;
    padding-bottom:154px !important;
  }

  .vendor-dashboard .stat-card{
    grid-template-columns:46px minmax(0,1fr);
    gap:8px !important;
    min-height:126px;
    padding:12px 10px !important;
  }

  .vendor-dashboard .stat-icon{
    width:46px !important;
    height:46px !important;
    font-size:17px !important;
  }

  .vendor-dashboard .stat-content h3{
    font-size:11px !important;
  }

  .vendor-dashboard .stat-content h2{
    font-size:clamp(26px, 7vw, 30px) !important;
  }

  .vendor-dashboard .stat-card:nth-child(4) .stat-content h2{
    font-size:clamp(22px, 5.9vw, 28px) !important;
  }

  .vendor-dashboard .sidebar{
    width:calc(100% - 28px) !important;
    inset:auto 14px 14px 14px !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .vendor-dashboard .booking-item{
    grid-template-columns:1fr;
  }

  .vendor-dashboard .booking-right{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    text-align:left !important;
  }

  .vendor-dashboard .status{
    margin-bottom:0;
  }

  .vendor-bookings .main-content{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .vendor-bookings .filters-wrapper{
    grid-template-columns:minmax(0,1fr) 92px !important;
  }

  .vendor-bookings .type-filter{
    width:100%;
  }

  .vendor-bookings .filter-buttons{
    gap:8px;
  }

  .vendor-bookings .filter-btn{
    height:44px;
    font-size:12px;
  }

  .vendor-bookings .booking-row{
    grid-template-columns:1fr 1fr;
    gap:16px;
    padding:18px;
  }

  .vendor-bookings .booking-row td[data-mobile-cell="status"]{
    position:absolute;
    top:40px;
    right:86px;
  }

  .vendor-bookings .booking-row td[data-mobile-cell="client"]{
    padding-right:128px;
  }

  .vendor-bookings .actions{
    justify-content:stretch;
  }

  .vendor-bookings .row-menu{
    top:38px;
    right:18px;
  }

  .vendor-bookings .mobile-booking-note{
    margin-left:0;
  }
}

@media (max-width: 414px){
  .vendor-availability{
    background:
      radial-gradient(circle at 74px 74px, rgba(255,211,95,.07), transparent 120px),
      radial-gradient(circle at 86% 36px, rgba(255,211,95,.06), transparent 130px),
      #030303;
  }

  .vendor-availability .main-content{
    width:100% !important;
    min-height:100vh !important;
    margin-left:0 !important;
    padding:22px 18px 154px !important;
  }

  .vendor-availability .top-bar{
    display:block !important;
    margin:-4px -4px 28px !important;
    padding:0 4px !important;
    border:0;
    background:
      radial-gradient(circle at 85px 58px, rgba(255,255,255,.07), transparent 78px),
      linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
  }

  .vendor-availability .mobile-vendor-appbar{
    height:82px;
    display:grid;
    grid-template-columns:52px 1fr 52px;
    align-items:center;
    margin-bottom:14px;
  }

  .vendor-availability .mobile-menu-button,
  .vendor-availability .mobile-notification-button{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    color:#f7f2ea;
    border:0;
    background:transparent;
    font-size:25px;
  }

  .vendor-availability .mobile-notification-button{
    position:relative;
    grid-column:3;
    justify-self:end;
    width:52px;
    height:52px;
    color:#ffc65d;
    border:1px solid rgba(255,198,93,.42);
    border-radius:15px;
    background:rgba(18,18,18,.8);
    box-shadow:0 16px 34px rgba(0,0,0,.32);
    font-size:22px;
  }

  .vendor-availability .mobile-notification-button span{
    position:absolute;
    top:-7px;
    right:-7px;
    min-width:24px;
    height:24px;
    display:grid;
    place-items:center;
    color:#fff;
    border-radius:999px;
    background:#ff3f51;
    font-size:13px;
    font-weight:800;
  }

  .vendor-availability .top-bar h1{
    margin-bottom:26px !important;
    font-size:clamp(38px, 10vw, 48px) !important;
    line-height:1.05 !important;
  }

  .vendor-availability .top-bar p{
    color:#aaa4a0 !important;
    font-size:18px !important;
    line-height:1.35;
  }

  .vendor-availability .sync-btn{
    display:none;
  }

  .vendor-availability .sync-notice{
    width:100%;
    margin:-12px 0 18px;
  }

  .vendor-availability .tabs{
    display:grid !important;
    grid-template-columns:max-content max-content;
    gap:28px !important;
    margin-bottom:26px !important;
    overflow-x:auto;
    scrollbar-width:none;
  }

  .vendor-availability .tabs::-webkit-scrollbar{
    display:none;
  }

  .vendor-availability .tab-btn{
    min-height:48px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:0 0 11px;
    color:#aaa4a0;
    border:0;
    border-bottom:3px solid transparent;
    background:transparent;
    font-size:20px;
    white-space:nowrap;
  }

  .vendor-availability .tab-btn i{
    color:inherit;
    font-size:24px;
  }

  .vendor-availability .tab-btn.active{
    color:#ffc657;
    border-bottom-color:#ffc657;
  }

  .vendor-availability .listings-section.active{
    gap:24px;
  }

  .vendor-availability .listing-card{
    display:block !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
  }

  .vendor-availability .listing-info,
  .vendor-availability .calendar{
    border:1px solid rgba(255,255,255,.085);
    border-radius:22px;
    background:
      linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.012)),
      #101010;
    box-shadow:0 20px 45px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.035);
  }

  .vendor-availability .listing-info{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1.25fr);
    gap:18px;
    align-items:center;
    padding:18px;
  }

  .vendor-availability .listing-info img{
    width:100%;
    margin:0;
    aspect-ratio:1.18 / 1;
    border-radius:12px;
    object-fit:cover;
  }

  .vendor-availability .listing-details{
    min-width:0;
  }

  .vendor-availability .listing-details h2{
    margin-bottom:12px;
    color:#fff;
    font-size:clamp(24px, 6.7vw, 34px);
    line-height:1.2;
  }

  .vendor-availability .listing-details p{
    margin-bottom:14px;
    color:#3ee27a;
    font-size:17px;
    font-weight:700;
    line-height:1.2;
  }

  .vendor-availability .badge{
    margin-bottom:18px;
    padding:8px 14px;
    border-radius:9px;
    color:#ffc657;
    border-color:#ffc657;
    font-size:17px;
  }

  .vendor-availability .price{
    color:#f7c85d;
    font-size:clamp(30px, 8vw, 44px);
    line-height:1;
    white-space:nowrap;
  }

  .vendor-availability .edit-availability-btn{
    grid-column:1 / -1;
    min-height:56px;
    margin-top:18px;
    border-radius:16px;
    color:#ffc657;
    border-color:rgba(255,198,93,.78);
    background:transparent;
    font-size:19px;
  }

  .vendor-availability .edit-availability-btn i{
    font-size:23px;
  }

  .vendor-availability .calendar{
    margin-top:24px;
    padding:26px 18px 24px;
  }

  .vendor-availability .calendar-header{
    grid-template-columns:56px 1fr 56px;
    margin-bottom:26px;
  }

  .vendor-availability .calendar-header h3{
    font-size:clamp(26px, 7.2vw, 34px);
    line-height:1;
  }

  .vendor-availability .month-nav{
    width:54px;
    height:54px;
    border-radius:15px;
    color:#14100a;
    background:linear-gradient(180deg,#ffd374,#f4b84a);
    font-size:20px;
  }

  .vendor-availability .next-month{
    background:linear-gradient(180deg,#ffd374,#f4b84a);
    color:#14100a;
  }

  .vendor-availability .weekdays{
    gap:0;
    margin-bottom:12px;
  }

  .vendor-availability .weekdays div{
    color:#ffc657;
    font-size:16px;
  }

  .vendor-availability .days{
    gap:8px 0;
  }

  .vendor-availability .day{
    min-height:48px;
    border-radius:14px;
    color:#f5f2ef;
    background:transparent !important;
    font-size:22px;
    font-weight:800;
  }

  .vendor-availability .day.has-booking{
    border-color:transparent;
  }

  .vendor-availability .day.today{
    border-color:#ffc657;
    color:#fff;
  }

  .vendor-availability .day-dots{
    min-height:0;
  }

  .vendor-availability .day-dots .dot{
    width:6px;
    height:6px;
  }

  .vendor-availability .legend{
    display:grid;
    grid-template-columns:repeat(2, max-content);
    gap:14px 24px;
    margin-top:26px;
    color:#aaa4a0;
    font-size:16px;
  }

  .vendor-availability .legend span{
    gap:9px;
  }

  .vendor-availability .legend-dot,
  .vendor-availability .legend-ring{
    width:10px;
    height:10px;
  }

  .vendor-availability .sidebar{
    width:calc(100% - 34px) !important;
    height:92px !important;
    inset:auto 17px 14px 17px !important;
    padding:10px 12px 12px !important;
    border-radius:21px !important;
  }

  .vendor-availability .sidebar-toggle{
    display:none !important;
  }

  .vendor-availability .sidebar-menu{
    height:100%;
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0,1fr)) !important;
    gap:0 !important;
    overflow:hidden !important;
  }

  .vendor-availability .sidebar-menu .menu-item:nth-child(5),
  .vendor-availability .sidebar-menu .menu-item:nth-child(6),
  .vendor-availability .sidebar-menu .menu-item:nth-child(7),
  .vendor-availability .sidebar-menu .menu-item:nth-child(8){
    display:none !important;
  }

  .vendor-availability .menu-item{
    width:100% !important;
    min-width:0 !important;
    height:70px !important;
    min-height:70px !important;
    display:flex !important;
    flex:1 1 auto !important;
    flex-direction:column;
    align-items:center !important;
    justify-content:center !important;
    gap:6px;
    padding:0 !important;
    color:#9f9b96;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    text-align:center;
  }

  .vendor-availability .menu-item i{
    font-size:24px !important;
  }

  .vendor-availability .sidebar-menu .menu-item:nth-child(1) i::before{
    content:"\f00a";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
  }

  .vendor-availability .sidebar-menu .menu-item:nth-child(2) i::before{
    content:"\f133";
    font-family:"Font Awesome 6 Free";
    font-weight:400;
  }

  .vendor-availability .sidebar-menu .menu-item:nth-child(3) i::before{
    content:"\f274";
    font-family:"Font Awesome 6 Free";
    font-weight:400;
  }

  .vendor-availability .sidebar-menu .menu-item:nth-child(4) i::before{
    content:"\f075";
    font-family:"Font Awesome 6 Free";
    font-weight:400;
  }

  .vendor-availability .sidebar-menu .menu-item:nth-child(9) i::before{
    content:"\f141";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
  }

  .vendor-availability .menu-item::after{
    content:attr(data-mobile-label);
    display:block;
    width:100%;
    color:inherit;
    font-size:11px;
    line-height:1;
    text-align:center;
    white-space:nowrap;
  }

  .vendor-availability .menu-item.active{
    color:#ffc657 !important;
    border-radius:12px !important;
    background:linear-gradient(180deg, rgba(244,184,74,.2), rgba(244,184,74,.08)) !important;
  }
}

@media (max-width: 760px){
  .vendor-bookings .top-header{
    overflow:hidden !important;
  }

  .vendor-bookings .mobile-vendor-appbar{
    grid-template-columns:52px minmax(0,1fr) 52px !important;
    gap:0 !important;
    width:100% !important;
  }

  .vendor-bookings .mobile-wordmark{
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    color:#fff;
    font-size:clamp(27px, 7vw, 34px);
    font-weight:900;
    line-height:1;
    letter-spacing:0;
  }

  .vendor-bookings .mobile-wordmark img{
    display:none !important;
  }

  .vendor-bookings .mobile-wordmark strong{
    display:none !important;
  }

  .vendor-bookings .mobile-notification-button{
    justify-self:end !important;
    margin-left:auto !important;
  }

  .vendor-bookings .booking-stats{
    grid-template-columns:repeat(4, minmax(0,1fr)) !important;
    gap:8px !important;
  }

  .vendor-bookings .booking-stat-card{
    min-height:102px !important;
    grid-template-columns:38px minmax(0,1fr) !important;
    grid-template-rows:auto auto 5px !important;
    gap:6px 7px !important;
    padding:12px 8px 14px !important;
    overflow:hidden !important;
  }

  .vendor-bookings .booking-stat-card i{
    width:38px !important;
    height:38px !important;
    font-size:17px !important;
  }

  .vendor-bookings .booking-stat-card strong{
    justify-self:end !important;
    font-size:clamp(28px, 7.2vw, 34px) !important;
    line-height:1 !important;
  }

  .vendor-bookings .booking-stat-card > span{
    grid-column:1 / -1 !important;
    justify-self:center !important;
    max-width:100%;
    color:currentColor !important;
    font-size:clamp(11px, 2.85vw, 13px) !important;
    font-weight:800 !important;
    line-height:1.15 !important;
    text-align:center !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  .vendor-bookings .booking-stat-card::after{
    margin-top:5px !important;
  }

  .vendor-bookings .filter-buttons{
    gap:8px !important;
  }

  .vendor-bookings .filter-btn{
    padding:0 7px !important;
    font-size:clamp(11px, 2.75vw, 13px) !important;
  }
}

@media (max-width: 374px){
  .vendor-bookings .booking-stats{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width: 760px){
  body.vendor-mobile-shell.more-section .top-header{
    position:relative !important;
    display:block !important;
    padding-right:86px !important;
  }

  body.vendor-mobile-shell.more-section .top-header > div:first-child{
    max-width:100%;
  }

  body.vendor-mobile-shell.more-section .header-profile{
    width:auto !important;
    display:block !important;
  }

  body.vendor-mobile-shell.more-section .notification-wrap{
    position:absolute !important;
    top:18px !important;
    right:18px !important;
    z-index:5;
  }

  body.vendor-mobile-shell.more-section .notification-bell{
    width:52px !important;
    height:52px !important;
    color:#ffc65d !important;
    border:1px solid rgba(255,198,93,.42) !important;
    border-radius:15px !important;
    background:rgba(18,18,18,.8) !important;
    box-shadow:0 16px 34px rgba(0,0,0,.32);
  }

  body.vendor-mobile-shell.more-section .notification-panel{
    right:0 !important;
  }

  body.vendor-mobile-shell.more-section .header-user{
    margin-top:14px;
  }
}

@media (max-width: 414px){
  .vendor-availability .main-content{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .vendor-availability .listing-info{
    grid-template-columns:minmax(0, 1fr) minmax(0, 1.05fr);
    gap:12px;
    padding:14px;
  }

  .vendor-availability .listing-details h2{
    font-size:clamp(20px, 6vw, 26px);
  }

  .vendor-availability .listing-details p,
  .vendor-availability .badge{
    font-size:13px;
  }

  .vendor-availability .price{
    font-size:clamp(24px, 6.5vw, 32px);
  }

  .vendor-availability .calendar{
    padding-left:12px;
    padding-right:12px;
  }

  .vendor-availability .day{
    min-height:42px;
    font-size:18px;
  }

  .vendor-availability .legend{
    grid-template-columns:1fr 1fr;
    gap:10px;
    font-size:12px;
  }

  .vendor-availability .sidebar{
    width:calc(100% - 28px) !important;
    inset:auto 14px 14px 14px !important;
  }
}

@media (max-width: 414px){
  html,
  body.vendor-messages{
    height:auto !important;
    min-height:100%;
    overflow-x:hidden !important;
    overflow-y:auto !important;
  }

  body.vendor-messages{
    background:
      radial-gradient(circle at 72px 78px, rgba(255,211,95,.07), transparent 120px),
      radial-gradient(circle at 86% 36px, rgba(255,211,95,.06), transparent 130px),
      #030303;
  }

  .vendor-messages .main-content{
    width:100% !important;
    height:auto !important;
    min-height:100vh !important;
    margin-left:0 !important;
    padding:22px 18px 154px !important;
    overflow:visible !important;
  }

  .vendor-messages .messages-wrapper{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:24px !important;
    height:auto !important;
  }

  .vendor-messages .conversation-list{
    display:block;
    overflow:visible;
    border:0;
    border-radius:0;
    background:transparent;
  }

  .vendor-messages .messages-header{
    display:block !important;
    margin:-4px -4px 20px !important;
    padding:0 4px !important;
    border:0;
    background:
      radial-gradient(circle at 85px 58px, rgba(255,255,255,.07), transparent 78px),
      linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
  }

  .vendor-messages .mobile-vendor-appbar{
    height:82px;
    display:grid;
    grid-template-columns:52px minmax(0,1fr) 52px;
    align-items:center;
    margin-bottom:14px;
  }

  .vendor-messages .mobile-menu-button,
  .vendor-messages .mobile-notification-button{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    color:#f7f2ea;
    border:0;
    background:transparent;
    font-size:25px;
  }

  .vendor-messages .mobile-notification-button{
    position:relative;
    justify-self:end;
    width:52px;
    height:52px;
    color:#ffc65d;
    border:1px solid rgba(255,198,93,.42);
    border-radius:15px;
    background:rgba(18,18,18,.8);
    box-shadow:0 16px 34px rgba(0,0,0,.32);
    font-size:22px;
  }

  .vendor-messages .mobile-notification-button span{
    position:absolute;
    top:-7px;
    right:-7px;
    min-width:24px;
    height:24px;
    display:grid;
    place-items:center;
    color:#fff;
    border-radius:999px;
    background:#ff3f51;
    font-size:13px;
    font-weight:800;
  }

  .vendor-messages .mobile-page-title{
    display:block;
    margin:0;
    color:#fff;
    font-size:clamp(34px, 9.5vw, 44px);
    line-height:1.05;
  }

  .vendor-messages .messages-header > h1{
    display:none;
  }

  .vendor-messages .messages-header h1{
    margin-bottom:14px !important;
    font-size:clamp(38px, 10vw, 48px) !important;
    line-height:1.05 !important;
  }

  .vendor-messages .messages-subtitle{
    display:block;
    margin:0 0 24px;
    color:#aaa4a0;
    font-size:18px;
    line-height:1.35;
  }

  .vendor-messages .mobile-message-search-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) 62px;
    gap:12px;
  }

  .vendor-messages .search-box{
    height:58px;
    padding:0 18px;
    gap:14px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    background:rgba(14,14,14,.68);
  }

  .vendor-messages .search-box i{
    color:#a7a7a7;
    font-size:26px;
  }

  .vendor-messages .search-box input{
    color:#fff;
    font-size:16px;
  }

  .vendor-messages .mobile-filter-toggle{
    height:58px;
    display:grid;
    place-items:center;
    color:#ffc657;
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    background:rgba(14,14,14,.68);
    font-size:24px;
  }

  .vendor-messages .chat-list{
    display:grid;
    gap:16px;
    overflow:visible;
  }

  .vendor-messages .chat-item{
    display:grid;
    grid-template-columns:84px minmax(0,1fr) auto;
    gap:18px;
    align-items:start;
    min-height:142px;
    padding:22px 18px;
    border:1px solid rgba(255,255,255,.085);
    border-radius:22px;
    background:
      linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.012)),
      #101010;
    box-shadow:0 20px 45px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.035);
  }

  .vendor-messages .chat-item.active-chat{
    border-color:#ffc657;
  }

  .vendor-messages .chat-item img{
    width:78px;
    height:78px;
    border-radius:50%;
  }

  .vendor-messages .chat-item::after,
  .vendor-messages .chat-user::after{
    content:"";
    position:absolute;
    width:12px;
    height:12px;
    border-radius:50%;
    background:#35d263;
    box-shadow:0 0 0 3px #101010;
  }

  .vendor-messages .chat-item::after{
    top:88px;
    left:88px;
  }

  .vendor-messages .top-row h3{
    color:#fff;
    font-size:20px;
    line-height:1.2;
  }

  .vendor-messages .top-row span{
    position:absolute;
    top:24px;
    right:18px;
    color:#aaa4a0;
    font-size:15px;
  }

  .vendor-messages .service{
    color:#ffc657;
    font-size:16px;
  }

  .vendor-messages .tags{
    margin:10px 0 12px;
  }

  .vendor-messages .tags span{
    padding:7px 13px;
    border-radius:8px;
    color:#ffc657;
    border-color:#ffc657;
    font-size:13px;
  }

  .vendor-messages .tags .blue{
    color:#4b82ff;
    border-color:#4b82ff;
  }

  .vendor-messages .tags .blue::before{
    content:"";
    width:6px;
    height:6px;
    display:inline-block;
    margin-right:8px;
    border-radius:50%;
    background:#35d263;
    vertical-align:middle;
  }

  .vendor-messages .preview{
    color:#aaa4a0;
    font-size:16px;
    line-height:1.55;
  }

  .vendor-messages .chat-item [data-unread]{
    position:absolute;
    top:70px;
    right:24px;
    width:42px;
    height:42px;
    min-width:42px;
    padding:0;
    color:#111;
    background:linear-gradient(180deg,#ffd374,#f4b84a);
    font-size:20px;
  }

  .vendor-messages .chat-item:not(.active-chat) [data-unread][hidden] + *{
    display:none;
  }

  .vendor-messages .chat-item:not(.active-chat)::before{
    content:"\f054";
    position:absolute;
    top:35px;
    right:22px;
    color:#fff;
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    font-size:18px;
  }

  .vendor-messages .chat-area{
    min-height:620px;
    border:1px solid rgba(255,255,255,.085);
    border-radius:22px;
    background:
      linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.012)),
      #101010;
    box-shadow:0 20px 45px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.035);
    overflow:hidden;
  }

  .vendor-messages.mobile-chat-open .chat-list{
    gap:0;
    margin-bottom:12px;
  }

  .vendor-messages.mobile-chat-open .chat-item:not(.active-chat){
    display:none !important;
  }

  .vendor-messages.mobile-chat-open .chat-item.active-chat{
    min-height:82px;
    grid-template-columns:58px minmax(0,1fr);
    padding:14px 70px 14px 14px;
    border-color:rgba(255,255,255,.085);
    border-radius:22px 22px 0 0;
    border-bottom:0;
    box-shadow:none;
  }

  .vendor-messages.mobile-chat-open .chat-item.active-chat img{
    width:52px;
    height:52px;
  }

  .vendor-messages.mobile-chat-open .chat-item.active-chat::after{
    top:56px;
    left:54px;
  }

  .vendor-messages.mobile-chat-open .chat-item.active-chat .top-row span,
  .vendor-messages.mobile-chat-open .chat-item.active-chat .tags,
  .vendor-messages.mobile-chat-open .chat-item.active-chat .preview,
  .vendor-messages.mobile-chat-open .chat-item.active-chat [data-unread]{
    display:none !important;
  }

  .vendor-messages.mobile-chat-open .chat-item.active-chat .service{
    margin-bottom:0;
    font-size:13px;
  }

  .vendor-messages.mobile-chat-open .chat-area{
    margin-top:-12px;
    border-top-left-radius:0;
    border-top-right-radius:0;
  }

  .vendor-messages .chat-top{
    display:grid !important;
    grid-template-columns:52px minmax(0,1fr) auto 52px;
    align-items:center !important;
    gap:12px;
    padding:18px 18px 8px;
    border-bottom:0;
  }

  .vendor-messages .back-chat-btn,
  .vendor-messages .chat-more-btn{
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    color:#fff;
    border:0;
    border-radius:14px;
    background:rgba(255,255,255,.055);
    font-size:18px;
  }

  .vendor-messages .chat-user{
    position:relative;
    min-width:0;
  }

  .vendor-messages .chat-user::after{
    left:61px;
    bottom:5px;
  }

  .vendor-messages .chat-user img{
    width:58px;
    height:58px;
  }

  .vendor-messages .chat-user h2{
    font-size:17px;
    line-height:1.2;
  }

  .vendor-messages .chat-user p{
    color:#ffc657;
    font-size:14px;
  }

  .vendor-messages .chat-top .tags{
    display:none;
  }

  .vendor-messages .booking-btn{
    min-height:52px;
    padding:0 16px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    border-radius:14px;
    color:#ffc657;
    border-color:rgba(255,198,93,.6);
    background:rgba(0,0,0,.06);
    font-size:13px;
    font-weight:800;
  }

  .vendor-messages .chat-messages{
    min-height:360px;
    padding:22px 18px;
    gap:22px;
  }

  .vendor-messages .chat-messages::before{
    content:"Today";
    align-self:center;
    padding:6px 18px;
    color:#fff;
    border:1px solid rgba(255,255,255,.08);
    border-radius:999px;
    background:#151515;
    font-size:13px;
  }

  .vendor-messages .message{
    max-width:74%;
    padding:18px;
    border-radius:16px;
    font-size:16px;
  }

  .vendor-messages .received{
    margin-left:56px;
    background:linear-gradient(135deg, #242424, #1b1b1b);
  }

  .vendor-messages .sent{
    background:linear-gradient(180deg,#ffd374,#f4b84a);
  }

  .vendor-messages .message p{
    line-height:1.55;
  }

  .vendor-messages .message span{
    font-size:13px;
  }

  .vendor-messages .chat-input{
    display:grid !important;
    grid-template-columns:58px minmax(0,1fr) 86px;
    gap:12px;
    padding:18px;
    border-top:0;
  }

  .vendor-messages .attach-btn{
    width:58px;
    height:58px;
    border-radius:15px;
    color:#ffc657;
    background:rgba(255,255,255,.055);
    font-size:23px;
  }

  .vendor-messages .chat-input input[type="text"]{
    height:58px;
    padding:0 54px 0 18px;
    border-radius:15px;
    border-color:rgba(255,255,255,.1);
    background:rgba(0,0,0,.16);
    font-size:15px;
  }

  .vendor-messages .emoji-btn{
    position:absolute;
    right:118px;
    bottom:27px;
    width:42px;
    height:42px;
    border-radius:50%;
    color:#fff;
    background:rgba(255,255,255,.08);
  }

  .vendor-messages .send-btn{
    width:86px;
    height:58px;
    padding:0;
    border-radius:15px;
    background:linear-gradient(180deg,#ffd374,#f4b84a);
    font-size:16px;
    font-weight:800;
  }

  .vendor-messages .attachment-preview{
    margin:0 18px 18px;
  }

  .vendor-messages .sidebar{
    width:calc(100% - 34px) !important;
    height:92px !important;
    inset:auto 17px 14px 17px !important;
    padding:10px 12px 12px !important;
    border-radius:21px !important;
  }

  .vendor-messages .sidebar-toggle{
    display:none !important;
  }

  .vendor-messages .sidebar-menu{
    height:100%;
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0,1fr)) !important;
    gap:0 !important;
    overflow:hidden !important;
  }

  .vendor-messages .sidebar-menu .menu-item:nth-child(5),
  .vendor-messages .sidebar-menu .menu-item:nth-child(6),
  .vendor-messages .sidebar-menu .menu-item:nth-child(7),
  .vendor-messages .sidebar-menu .menu-item:nth-child(8){
    display:none !important;
  }

  .vendor-messages .menu-item{
    width:100% !important;
    min-width:0 !important;
    height:70px !important;
    min-height:70px !important;
    display:flex !important;
    flex:1 1 auto !important;
    flex-direction:column;
    align-items:center !important;
    justify-content:center !important;
    gap:6px;
    padding:0 !important;
    color:#9f9b96;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    text-align:center;
  }

  .vendor-messages .menu-item i{
    font-size:24px !important;
  }

  .vendor-messages .sidebar-menu .menu-item:nth-child(1) i::before{
    content:"\f00a";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
  }

  .vendor-messages .sidebar-menu .menu-item:nth-child(2) i::before{
    content:"\f133";
    font-family:"Font Awesome 6 Free";
    font-weight:400;
  }

  .vendor-messages .sidebar-menu .menu-item:nth-child(3) i::before{
    content:"\f274";
    font-family:"Font Awesome 6 Free";
    font-weight:400;
  }

  .vendor-messages .sidebar-menu .menu-item:nth-child(4) i::before{
    content:"\f075";
    font-family:"Font Awesome 6 Free";
    font-weight:400;
  }

  .vendor-messages .sidebar-menu .menu-item:nth-child(9) i::before{
    content:"\f141";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
  }

  .vendor-messages .menu-item::after{
    content:attr(data-mobile-label);
    display:block;
    width:100%;
    color:inherit;
    font-size:11px;
    line-height:1;
    text-align:center;
    white-space:nowrap;
  }

  .vendor-messages .menu-item.active{
    color:#ffc657 !important;
    border-radius:12px !important;
    background:linear-gradient(180deg, rgba(244,184,74,.2), rgba(244,184,74,.08)) !important;
  }
}

@media (max-width: 414px){
  .vendor-messages .main-content{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .vendor-messages .chat-item{
    grid-template-columns:70px minmax(0,1fr) auto;
    gap:12px;
    padding:16px 12px;
  }

  .vendor-messages .chat-item img{
    width:64px;
    height:64px;
  }

  .vendor-messages .chat-item::after{
    top:73px;
    left:71px;
  }

  .vendor-messages .chat-top{
    grid-template-columns:44px minmax(0,1fr) 44px;
  }

  .vendor-messages .booking-btn{
    grid-column:2;
    grid-row:2;
    justify-self:start;
    min-height:42px;
  }

  .vendor-messages .message{
    max-width:80%;
    font-size:13px;
  }

  .vendor-messages .chat-input{
    grid-template-columns:48px minmax(0,1fr) 70px;
    gap:8px;
  }

  .vendor-messages .attach-btn,
  .vendor-messages .chat-input input[type="text"],
  .vendor-messages .send-btn{
    height:50px;
  }

  .vendor-messages .send-btn{
    width:70px;
  }

  .vendor-messages .emoji-btn{
    right:100px;
    bottom:20px;
  }

  .vendor-messages .sidebar{
    width:calc(100% - 28px) !important;
    inset:auto 14px 14px 14px !important;
  }
}

@media (max-width: 414px){
  .vendor-reviews{
    background:
      radial-gradient(circle at 74px 74px, rgba(255,211,95,.07), transparent 120px),
      radial-gradient(circle at 86% 36px, rgba(255,211,95,.06), transparent 130px),
      #030303;
  }

  .vendor-reviews .main-content{
    width:100% !important;
    min-height:100vh !important;
    margin-left:0 !important;
    padding:34px 18px 154px !important;
  }

  .vendor-reviews .page-header{
    display:grid;
    grid-template-columns:74px minmax(0,1fr);
    gap:14px 18px;
    align-items:center;
    margin-bottom:28px;
  }

  .vendor-reviews .mobile-back-button{
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    color:#fff;
    border:0;
    border-radius:18px;
    background:rgba(255,255,255,.07);
    font-size:24px;
  }

  .vendor-reviews .page-header h1{
    margin:0 !important;
    font-size:clamp(38px, 10vw, 48px) !important;
    line-height:1.05 !important;
  }

  .vendor-reviews .page-header p{
    grid-column:1 / -1;
    margin:0;
    color:#c4beba;
    font-size:18px;
    line-height:1.45;
  }

  .vendor-reviews .review-tabs{
    display:grid;
    grid-template-columns:max-content max-content;
    gap:28px;
    margin-bottom:20px;
    overflow-x:auto;
    scrollbar-width:none;
  }

  .vendor-reviews .review-tabs::-webkit-scrollbar{
    display:none;
  }

  .vendor-reviews .review-tab{
    min-height:48px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:0 0 11px;
    color:#aaa4a0;
    border:0;
    border-bottom:3px solid transparent;
    background:transparent;
    font-size:18px;
    white-space:nowrap;
  }

  .vendor-reviews .review-tab i{
    margin:0;
    font-size:23px;
  }

  .vendor-reviews .review-tab.active{
    color:#ffc657;
    border-bottom-color:#ffc657;
  }

  .vendor-reviews .review-summary-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:12px;
    margin-bottom:20px;
    padding:16px 14px;
    border:1px solid rgba(255,255,255,.085);
    border-radius:22px;
    background:
      linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.012)),
      #101010;
    box-shadow:0 20px 45px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.035);
  }

  .vendor-reviews .review-summary-card{
    min-width:0;
    min-height:128px;
    padding:12px 10px;
    display:grid;
    align-content:center;
    justify-items:center;
    gap:7px;
    text-align:center;
    border:1px solid rgba(255,255,255,.095);
    border-radius:15px;
    background:rgba(0,0,0,.12);
  }

  .vendor-reviews .review-summary-card > span{
    width:50px;
    height:50px;
    display:grid;
    place-items:center;
    color:#ffc657;
    border-radius:16px;
    background:rgba(244,184,74,.13);
    font-size:22px;
  }

  .vendor-reviews .review-summary-card.positive > span{
    color:#31dd78;
    background:rgba(49,221,120,.13);
  }

  .vendor-reviews .review-summary-card.clients > span{
    color:#4b82ff;
    background:rgba(75,130,255,.13);
  }

  .vendor-reviews .review-summary-card.month > span{
    color:#bd68ff;
    background:rgba(189,104,255,.14);
  }

  .vendor-reviews .review-summary-card p{
    color:#c4beba;
    font-size:14px;
    line-height:1.15;
  }

  .vendor-reviews .review-summary-card strong{
    color:#fff;
    font-size:26px;
    line-height:1;
  }

  .vendor-reviews .review-summary-card small{
    color:#c4beba;
    font-size:12px;
    line-height:1.25;
  }

  .vendor-reviews .review-summary-card.positive small{
    color:#31dd78;
  }

  .vendor-reviews .review-summary-card.clients small{
    color:#4b82ff;
  }

  .vendor-reviews .review-summary-card.month small{
    color:#d58dff;
  }

  .vendor-reviews .review-summary-card .fa-star{
    color:#ffc657 !important;
    font-size:15px;
    margin-right:1px;
  }

  .vendor-reviews .table-card{
    padding:18px 14px;
    border:1px solid rgba(255,255,255,.085);
    border-radius:22px;
    background:
      linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.012)),
      #101010;
    box-shadow:0 20px 45px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.035);
  }

  .vendor-reviews .table-top{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:12px;
    padding:0 0 18px;
    border:0;
  }

  .vendor-reviews .table-top select,
  .vendor-reviews .review-search-box{
    width:100%;
    height:58px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:15px;
    background:rgba(0,0,0,.14);
    color:#fff;
    font-size:15px;
  }

  .vendor-reviews .table-top select{
    padding:0 18px;
  }

  .vendor-reviews .review-search-box{
    grid-column:1 / -1;
    display:flex;
    align-items:center;
    gap:14px;
    padding:0 18px;
  }

  .vendor-reviews .review-search-box i{
    color:#a7a7a7;
    font-size:24px;
  }

  .vendor-reviews .review-search-box input{
    width:100%;
    border:0;
    outline:0;
    background:transparent;
    color:#fff;
    font:inherit;
  }

  .vendor-reviews .table-wrapper{
    overflow:visible !important;
  }

  .vendor-reviews table,
  .vendor-reviews tbody{
    width:100%;
    min-width:0 !important;
    display:block;
  }

  .vendor-reviews thead{
    display:none;
  }

  .vendor-reviews .review-row{
    display:grid;
    grid-template-columns:1fr auto;
    gap:18px;
    margin-bottom:18px;
    padding:18px 16px;
    border:1px solid rgba(255,255,255,.085);
    border-radius:18px;
    background:rgba(0,0,0,.12);
  }

  .vendor-reviews .review-row:last-child{
    margin-bottom:0;
  }

  .vendor-reviews tbody td{
    display:block;
    padding:0;
    border:0;
  }

  .vendor-reviews .review-row td:nth-child(1){
    grid-column:1 / -1;
    position:relative;
    padding-right:26px;
  }

  .vendor-reviews .review-row td:nth-child(1)::after{
    content:"\f054";
    position:absolute;
    top:26px;
    right:2px;
    color:#fff;
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    font-size:18px;
  }

  .vendor-reviews .client-cell{
    min-width:0;
    gap:14px;
  }

  .vendor-reviews .client-cell img{
    width:62px;
    height:62px;
  }

  .vendor-reviews .client-cell h4{
    font-size:19px;
    line-height:1.2;
  }

  .vendor-reviews .client-cell p{
    color:#aaa4a0;
    font-size:15px;
    overflow-wrap:anywhere;
  }

  .vendor-reviews .review-row td:nth-child(2){
    grid-column:1;
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,.1);
  }

  .vendor-reviews .service-box{
    min-width:0;
    gap:14px;
  }

  .vendor-reviews .service-box i{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    margin:0;
    color:#ffc657;
    border-radius:13px;
    background:rgba(244,184,74,.12);
    font-size:20px;
  }

  .vendor-reviews .service-box h4{
    font-size:18px;
    line-height:1.2;
  }

  .vendor-reviews .service-box p{
    color:#aaa4a0;
    font-size:15px;
  }

  .vendor-reviews .review-row td:nth-child(3){
    grid-column:2;
    grid-row:2;
    justify-self:end;
    align-self:center;
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,.1);
  }

  .vendor-reviews .type{
    padding:9px 15px;
    border-radius:14px;
    font-size:15px;
  }

  .vendor-reviews .review-row td:nth-child(4),
  .vendor-reviews .review-row td:nth-child(5),
  .vendor-reviews .review-row td:nth-child(6){
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:44px minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    color:#fff;
    font-size:17px;
  }

  .vendor-reviews .review-row td:nth-child(4)::before,
  .vendor-reviews .review-row td:nth-child(5)::before,
  .vendor-reviews .review-row td:nth-child(6)::before{
    width:44px;
    color:#f4f1ed;
    font-family:"Font Awesome 6 Free";
    font-weight:400;
    font-size:22px;
    text-align:center;
  }

  .vendor-reviews .review-row td:nth-child(4)::before{
    content:"\f073";
  }

  .vendor-reviews .review-row td:nth-child(5)::before{
    content:"\f005";
  }

  .vendor-reviews .review-row td:nth-child(6)::before{
    content:"\f075";
  }

  .vendor-reviews .review-row td:nth-child(4)::after,
  .vendor-reviews .review-row td:nth-child(5)::after,
  .vendor-reviews .review-row td:nth-child(6)::after{
    grid-column:2;
    grid-row:1;
    color:#aaa4a0;
    font-size:15px;
  }

  .vendor-reviews .review-row td:nth-child(4)::after{
    content:"Event Date";
  }

  .vendor-reviews .review-row td:nth-child(5)::after{
    content:"Rating";
  }

  .vendor-reviews .review-row td:nth-child(6)::after{
    content:"Review";
  }

  .vendor-reviews .review-row td:nth-child(4){
    justify-items:end;
  }

  .vendor-reviews .rating{
    grid-column:3;
    flex-direction:row;
    align-items:center;
    justify-self:end;
    gap:8px;
  }

  .vendor-reviews .review-text{
    grid-column:2 / -1;
    margin-top:28px;
    max-width:none;
    color:#fff;
    font-size:16px;
    line-height:1.5;
  }

  .vendor-reviews .review-row td:nth-child(7){
    grid-column:1 / -1;
    padding-top:16px;
    border-top:1px solid rgba(255,255,255,.1);
  }

  .vendor-reviews .row-actions{
    min-width:0;
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }

  .vendor-reviews .view-btn,
  .vendor-reviews .send-review-btn{
    width:100%;
    height:58px;
    justify-content:center;
    border-radius:15px;
    color:#ffc657;
    font-size:16px;
  }

  .vendor-reviews .sidebar{
    width:calc(100% - 34px) !important;
    height:92px !important;
    inset:auto 17px 14px 17px !important;
    padding:10px 12px 12px !important;
    border-radius:21px !important;
  }

  .vendor-reviews .sidebar-toggle{
    display:none !important;
  }

  .vendor-reviews .sidebar-menu{
    height:100%;
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0,1fr)) !important;
    gap:0 !important;
    overflow:hidden !important;
  }

  .vendor-reviews .sidebar-menu .menu-item:nth-child(5),
  .vendor-reviews .sidebar-menu .menu-item:nth-child(6),
  .vendor-reviews .sidebar-menu .menu-item:nth-child(7),
  .vendor-reviews .sidebar-menu .menu-item:nth-child(8){
    display:none !important;
  }

  .vendor-reviews .menu-item{
    width:100% !important;
    min-width:0 !important;
    height:70px !important;
    min-height:70px !important;
    display:flex !important;
    flex:1 1 auto !important;
    flex-direction:column;
    align-items:center !important;
    justify-content:center !important;
    gap:6px;
    padding:0 !important;
    color:#9f9b96;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    text-align:center;
  }

  .vendor-reviews .menu-item i{
    font-size:24px !important;
  }

  .vendor-reviews .sidebar-menu .menu-item:nth-child(1) i::before{
    content:"\f00a";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
  }

  .vendor-reviews .sidebar-menu .menu-item:nth-child(2) i::before{
    content:"\f133";
    font-family:"Font Awesome 6 Free";
    font-weight:400;
  }

  .vendor-reviews .sidebar-menu .menu-item:nth-child(3) i::before{
    content:"\f274";
    font-family:"Font Awesome 6 Free";
    font-weight:400;
  }

  .vendor-reviews .sidebar-menu .menu-item:nth-child(4) i::before{
    content:"\f075";
    font-family:"Font Awesome 6 Free";
    font-weight:400;
  }

  .vendor-reviews .sidebar-menu .menu-item:nth-child(9) i::before{
    content:"\f141";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
  }

  .vendor-reviews .menu-item::after{
    content:attr(data-mobile-label);
    display:block;
    width:100%;
    color:inherit;
    font-size:11px;
    line-height:1;
    text-align:center;
    white-space:nowrap;
  }

  .vendor-reviews .sidebar-menu .menu-item:nth-child(9){
    color:#ffc657 !important;
    border-radius:12px !important;
    background:linear-gradient(180deg, rgba(244,184,74,.2), rgba(244,184,74,.08)) !important;
  }
}

@media (max-width: 414px){
  .vendor-reviews .main-content{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .vendor-reviews .review-summary-grid{
    gap:7px;
    padding:10px;
  }

  .vendor-reviews .review-summary-card{
    min-height:116px;
    padding:9px 6px;
  }

  .vendor-reviews .review-summary-card > span{
    width:42px;
    height:42px;
    font-size:18px;
  }

  .vendor-reviews .review-summary-card p{
    font-size:11px;
  }

  .vendor-reviews .review-summary-card strong{
    font-size:22px;
  }

  .vendor-reviews .review-summary-card small{
    font-size:10px;
  }

  .vendor-reviews .review-row{
    padding:14px 10px;
  }

  .vendor-reviews .client-cell h4,
  .vendor-reviews .service-box h4{
    font-size:16px;
  }

  .vendor-reviews .sidebar{
    width:calc(100% - 28px) !important;
    inset:auto 14px 14px 14px !important;
  }
}

@media (max-width: 414px){
  .vendor-listings{
    display:block;
    background:
      radial-gradient(circle at 74px 74px, rgba(255,211,95,.07), transparent 120px),
      radial-gradient(circle at 86% 36px, rgba(255,211,95,.06), transparent 130px),
      #030303;
  }

  .vendor-listings .main-content{
    width:100% !important;
    min-height:100vh !important;
    margin-left:0 !important;
    padding:34px 18px 154px !important;
  }

  .vendor-listings .top-header{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:16px;
    align-items:start;
    margin-bottom:26px;
    padding:0;
    border:0;
  }

  .vendor-listings .top-header > div{
    display:grid;
    grid-template-columns:58px minmax(0,1fr);
    gap:14px 18px;
    align-items:center;
  }

  .vendor-listings .mobile-back-button{
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    color:#fff;
    border:1px solid rgba(255,255,255,.12);
    border-radius:50%;
    background:rgba(255,255,255,.055);
    font-size:23px;
  }

  .vendor-listings .top-header h1{
    margin:0;
    color:#fff;
    background:none;
    -webkit-text-fill-color:#fff;
    font-size:clamp(32px, 9vw, 42px);
    line-height:1.05;
  }

  .vendor-listings .top-header p{
    grid-column:1 / -1;
    color:#aaa4a0;
    font-size:17px;
  }

  .vendor-listings .top-header span{
    color:#ffc657;
  }

  .vendor-listings .add-listing-btn{
    width:auto !important;
    min-width:174px;
    height:56px;
    padding:0 18px;
    border-radius:14px;
    font-size:15px;
    font-weight:800;
    white-space:nowrap;
  }

  .vendor-listings .stats-grid{
    grid-template-columns:repeat(4, minmax(0,1fr)) !important;
    gap:10px !important;
    margin-bottom:22px;
  }

  .vendor-listings .stat-card{
    min-height:112px;
    display:grid;
    align-content:center;
    gap:12px;
    padding:14px 12px;
    border:1px solid rgba(255,255,255,.085);
    border-radius:16px;
    background:
      linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.012)),
      #101010;
  }

  .vendor-listings .stat-card i{
    width:46px;
    height:46px;
    border-radius:13px;
    font-size:19px;
  }

  .vendor-listings .stat-card h2{
    color:#fff;
    background:none;
    -webkit-text-fill-color:#fff;
    font-size:26px;
    line-height:1;
  }

  .vendor-listings .stat-card p{
    color:#aaa4a0;
    font-size:13px;
    line-height:1.25;
  }

  .vendor-listings .listing-controls{
    display:grid !important;
    grid-template-columns:1fr 1.42fr;
    gap:12px;
    margin-bottom:18px;
  }

  .vendor-listings .tab{
    min-height:52px;
    padding:0 14px;
    border-radius:999px;
    color:#aaa4a0;
    font-size:15px;
    font-weight:800;
  }

  .vendor-listings .tab.active{
    color:#ffc657;
    border-color:#ffc657;
    background:rgba(244,184,74,.08);
  }

  .vendor-listings .controls-right{
    grid-column:1 / -1;
    width:100%;
    display:grid;
    grid-template-columns:1fr 68px 68px;
    gap:12px;
  }

  .vendor-listings .search-box{
    grid-column:1 / -1;
    height:58px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:15px;
    background:rgba(0,0,0,.14);
  }

  .vendor-listings .search-box i{
    color:#aaa4a0;
    font-size:20px;
  }

  .vendor-listings .search-box input{
    width:100%;
    font-size:16px;
  }

  .vendor-listings .status-filter{
    width:100%;
    height:58px;
    grid-column:1;
    border-radius:15px;
  }

  .vendor-listings .grid-btn{
    height:58px;
    padding:0;
    justify-content:center;
    border-radius:15px;
    font-size:19px;
  }

  .vendor-listings .listing-grid,
  .vendor-listings .listing-grid.list-view{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px;
    margin-top:16px;
  }

  .vendor-listings .listing-card,
  .vendor-listings .listing-grid.list-view .listing-card{
    max-width:none;
    width:100%;
    min-height:0;
    display:grid;
    grid-template-columns:46% minmax(0,1fr);
    grid-template-areas:
      "image content"
      "image actions";
    gap:0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.085);
    border-radius:18px;
    background:
      linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.012)),
      #101010;
    box-shadow:0 18px 36px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.035);
  }

  .vendor-listings .card-image,
  .vendor-listings .listing-grid.list-view .card-image{
    grid-area:image;
    height:100%;
    min-height:162px;
    border-radius:0;
  }

  .vendor-listings .card-image img,
  .vendor-listings .listing-grid.list-view .card-image img{
    height:100%;
    min-height:162px;
  }

  .vendor-listings .tag,
  .vendor-listings .status{
    top:12px;
    padding:8px 12px;
    border-radius:12px;
    font-size:12px;
  }

  .vendor-listings .tag{
    left:10px;
  }

  .vendor-listings .status{
    right:10px;
  }

  .vendor-listings .card-content{
    grid-area:content;
    padding:18px 16px 8px;
  }

  .vendor-listings .card-content h3{
    font-size:20px;
    line-height:1.15;
  }

  .vendor-listings .category{
    font-size:13px;
    color:#ffc657;
  }

  .vendor-listings .card-content p{
    margin:12px 0 16px;
    color:#d4ceca;
    font-size:14px;
    line-height:1.45;
  }

  .vendor-listings .card-content h2{
    font-size:24px;
    color:#ffc657;
    -webkit-text-fill-color:#ffc657;
  }

  .vendor-listings .card-actions{
    grid-area:actions;
    padding:8px 16px 16px;
    display:grid;
    grid-template-columns:1fr 1.12fr 34px;
    gap:10px;
  }

  .vendor-listings .edit-btn,
  .vendor-listings .delete-btn{
    min-height:44px;
    padding:0 10px;
    border-radius:11px;
    font-size:14px;
  }

  .vendor-listings .delete-btn{
    background:#8d1b1b;
    border-color:#8d1b1b;
  }

  .vendor-listings .more-btn{
    width:34px;
  }

  .vendor-listings .sidebar{
    width:calc(100% - 34px) !important;
    height:92px !important;
    inset:auto 17px 14px 17px !important;
    padding:10px 12px 12px !important;
    border-radius:21px !important;
    display:flex !important;
  }

  .vendor-listings .sidebar-toggle,
  .vendor-listings .logo,
  .vendor-listings .vendor-profile{
    display:none !important;
  }

  .vendor-listings .sidebar-menu{
    height:100%;
    width:100%;
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0,1fr)) !important;
    gap:0 !important;
    overflow:hidden !important;
  }

  .vendor-listings .sidebar-menu .menu-item:nth-child(5),
  .vendor-listings .sidebar-menu .menu-item:nth-child(6),
  .vendor-listings .sidebar-menu .menu-item:nth-child(7),
  .vendor-listings .sidebar-menu .menu-item:nth-child(8){
    display:none !important;
  }

  .vendor-listings .menu-item{
    width:100% !important;
    min-width:0 !important;
    height:70px !important;
    min-height:70px !important;
    display:flex !important;
    flex-direction:column;
    align-items:center !important;
    justify-content:center !important;
    gap:6px;
    padding:0 !important;
    color:#9f9b96;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    text-align:center;
  }

  .vendor-listings .menu-item i{
    font-size:24px !important;
  }

  .vendor-listings .sidebar-menu .menu-item:nth-child(1) i::before{
    content:"\f00a";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
  }

  .vendor-listings .sidebar-menu .menu-item:nth-child(2) i::before{
    content:"\f133";
    font-family:"Font Awesome 6 Free";
    font-weight:400;
  }

  .vendor-listings .sidebar-menu .menu-item:nth-child(3) i::before{
    content:"\f274";
    font-family:"Font Awesome 6 Free";
    font-weight:400;
  }

  .vendor-listings .sidebar-menu .menu-item:nth-child(4) i::before{
    content:"\f075";
    font-family:"Font Awesome 6 Free";
    font-weight:400;
  }

  .vendor-listings .sidebar-menu .menu-item:nth-child(9) i::before{
    content:"\f141";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
  }

  .vendor-listings .menu-item::after{
    content:attr(data-mobile-label);
    display:block;
    width:100%;
    color:inherit;
    font-size:11px;
    line-height:1;
    text-align:center;
    white-space:nowrap;
  }

  .vendor-listings .sidebar-menu .menu-item:nth-child(9){
    color:#ffc657 !important;
    border-radius:12px !important;
    background:linear-gradient(180deg, rgba(244,184,74,.2), rgba(244,184,74,.08)) !important;
  }

  .vendor-listings .listing-modal{
    align-items:flex-start;
    justify-content:center;
    overflow-y:auto;
    padding:0;
    background:#030303;
    -webkit-overflow-scrolling:touch;
  }

  .vendor-listings .listing-modal:not(.active){
    display:none !important;
  }

  .vendor-listings .listing-modal.active{
    display:flex !important;
  }

  .vendor-listings .modal-container{
    width:100vw;
    max-width:100vw;
    min-height:100dvh;
    height:auto;
    display:block;
    overflow:visible;
    border-radius:24px 24px 0 0;
    background:
      radial-gradient(circle at 18% 9%, rgba(255,255,255,.055), transparent 140px),
      linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.012)),
      #101010;
  }

  .vendor-listings .modal-container::before{
    content:"";
    position:absolute;
    top:18px;
    left:50%;
    width:68px;
    height:6px;
    border-radius:999px;
    background:rgba(255,255,255,.45);
    transform:translateX(-50%);
    z-index:2;
  }

  .vendor-listings .modal-sidebar{
    width:100%;
    min-height:0;
    padding:48px 22px 12px;
    display:block;
    border:0;
    background:transparent;
    position:relative;
  }

  .vendor-listings .sidebar-logo{
    display:none;
  }

  .vendor-listings .sidebar-logo h2,
  .vendor-listings .sidebar-logo span{
    display:none;
  }

  .vendor-listings .modal-sidebar h1{
    margin:0 64px 6px 64px;
    font-size:clamp(26px, 7.2vw, 34px);
  }

  .vendor-listings .modal-sidebar > p{
    margin:0 0 22px 64px;
    color:#aaa4a0;
    font-size:15px;
    line-height:1.35;
  }

  .vendor-listings .close-modal{
    top:38px;
    right:20px;
    width:48px;
    height:48px;
    border-radius:50%;
    font-size:22px;
  }

  .vendor-listings .modal-back-btn{
    top:38px;
    left:20px;
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    color:#fff;
    border:1px solid rgba(255,255,255,.12);
    border-radius:50%;
    background:rgba(255,255,255,.055);
    font-size:22px;
    position:absolute;
    z-index:10000;
  }

  .vendor-listings .stepper{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:8px;
    margin:22px 0 0;
  }

  .vendor-listings .step{
    min-height:74px;
    display:grid;
    grid-template-columns:36px minmax(0,1fr);
    gap:8px;
    opacity:.45;
    align-items:start;
  }

  .vendor-listings .step.active{
    opacity:1;
  }

  .vendor-listings .step::after{
    display:none !important;
  }

  .vendor-listings .circle{
    width:36px;
    height:36px;
    border-radius:50%;
    font-size:15px;
  }

  .vendor-listings .step.active .circle{
    color:#111;
  }

  .vendor-listings .step h4{
    color:#fff;
    font-size:13px;
    line-height:1.2;
  }

  .vendor-listings .step.active h4{
    color:#ffc657;
  }

  .vendor-listings .step p{
    color:#aaa4a0;
    font-size:11px;
    line-height:1.35;
  }

  .vendor-listings .modal-help{
    margin:14px 22px 0;
    display:flex;
    border-radius:14px;
    padding:14px;
  }

  .vendor-listings .modal-content{
    padding:0 22px 22px;
    overflow:visible;
  }

  .vendor-listings .step-header{
    display:none;
  }

  .vendor-listings .form-step.active{
    gap:0;
  }

  .vendor-listings .form-grid,
  .vendor-listings .listing-details-grid{
    grid-template-columns:1fr;
    gap:0;
  }

  .vendor-listings .form-group{
    margin-bottom:12px;
    padding:14px;
    border:1px solid rgba(255,255,255,.085);
    border-radius:16px;
    background:rgba(0,0,0,.12);
  }

  .vendor-listings .form-group label{
    font-size:15px;
  }

  .vendor-listings .form-group input,
  .vendor-listings .form-group select,
  .vendor-listings .form-group textarea{
    min-height:54px;
    border-radius:12px;
    font-size:16px;
  }

  .vendor-listings .category-options,
  .vendor-listings .segmented-choice{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }

  .vendor-listings .category-card{
    min-height:104px;
    border-radius:12px;
    position:relative;
    padding:16px 12px;
    gap:12px;
  }

  .vendor-listings .category-card h4{
    font-size:15px;
  }

  .vendor-listings .category-card p{
    font-size:12px;
    line-height:1.35;
  }

  .vendor-listings .choice-card{
    min-height:50px;
    justify-content:flex-start;
    padding:0 14px;
    position:relative;
  }

  .vendor-listings .category-card.active::after,
  .vendor-listings .choice-card.active::after{
    content:"\f00c";
    position:absolute;
    right:14px;
    top:14px;
    width:26px;
    height:26px;
    display:grid;
    place-items:center;
    color:#111;
    border-radius:50%;
    background:#ffc657;
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    font-size:12px;
  }

  .vendor-listings .day-options{
    grid-template-columns:repeat(7, minmax(0,1fr));
    gap:8px;
  }

  .vendor-listings .day-options label{
    min-height:56px;
    border-radius:12px;
    font-size:15px;
  }

  .vendor-listings .upload-box.compact{
    min-height:150px;
    border-radius:14px;
    padding:18px;
  }

  .vendor-listings .review-box{
    border-radius:16px;
    padding:20px 18px;
  }

  .vendor-listings .review-box h3{
    font-size:22px;
    margin-bottom:10px;
  }

  .vendor-listings .review-box dl{
    grid-template-columns:minmax(0, 1fr) minmax(0,1.28fr);
    gap:0;
    margin-top:24px;
  }

  .vendor-listings .review-box dt,
  .vendor-listings .review-box dd{
    padding:14px 0;
    border-top:1px solid rgba(255,255,255,.08);
  }

  .vendor-listings .button-group{
    position:sticky;
    bottom:0;
    z-index:5;
    margin:18px -22px 0;
    padding:14px 22px max(18px, env(safe-area-inset-bottom));
    border:0;
    background:
      linear-gradient(180deg, rgba(16,16,16,0), #101010 18%),
      #101010;
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }

  .vendor-listings .prev-btn + .publish-btn,
  .vendor-listings .button-group:has(.publish-btn){
    grid-template-columns:1fr 1.7fr;
  }

  .vendor-listings .cancel-btn{
    display:none;
  }

  .vendor-listings .next-btn,
  .vendor-listings .prev-btn,
  .vendor-listings .publish-btn{
    width:100%;
    min-height:58px;
    border-radius:15px;
    font-size:18px;
  }
}

@media (max-width: 414px){
  .vendor-listings .main-content{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .vendor-listings .top-header{
    grid-template-columns:1fr;
  }

  .vendor-listings .add-listing-btn{
    justify-self:stretch;
    justify-content:center;
  }

  .vendor-listings .stats-grid{
    gap:7px !important;
  }

  .vendor-listings .stat-card{
    min-height:100px;
    padding:10px 8px;
  }

  .vendor-listings .listing-card{
    grid-template-columns:1fr;
    grid-template-areas:
      "image"
      "content"
      "actions";
  }

  .vendor-listings .card-image{
    height:180px;
  }

  .vendor-listings .card-image img{
    height:180px;
  }

  .vendor-listings .modal-sidebar{
    padding-left:20px;
    padding-right:20px;
  }

  .vendor-listings .modal-content{
    padding-left:20px;
    padding-right:20px;
  }

  .vendor-listings .stepper{
    gap:8px;
  }

  .vendor-listings .step{
    grid-template-columns:40px minmax(0,1fr);
  }

  .vendor-listings .circle{
    width:40px;
    height:40px;
  }

  .vendor-listings .step h4{
    font-size:12px;
  }

  .vendor-listings .step p{
    font-size:10px;
  }

  .vendor-listings .category-options,
  .vendor-listings .segmented-choice{
    grid-template-columns:1fr;
  }

  .vendor-listings .day-options{
    grid-template-columns:repeat(4, minmax(0,1fr));
  }

  .vendor-listings .sidebar{
    width:calc(100% - 28px) !important;
    inset:auto 14px 14px 14px !important;
  }
}

@media (max-width: 760px){
  .vendor-dashboard .sidebar,
  .vendor-bookings .sidebar,
  .vendor-availability .sidebar,
  body.vendor-messages .sidebar,
  .vendor-listings .sidebar,
  .vendor-reviews .sidebar,
  .vendor-mobile-shell .sidebar{
    position:fixed !important;
    inset:auto 17px 17px 17px !important;
    z-index:1200 !important;
    width:calc(100% - 34px) !important;
    height:92px !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    padding:8px 12px calc(8px + env(safe-area-inset-bottom)) !important;
    border:1px solid rgba(255,255,255,.1) !important;
    border-right:1px solid rgba(255,255,255,.1) !important;
    border-radius:22px !important;
    background:
      linear-gradient(180deg, rgba(24,24,24,.97), rgba(7,7,7,.98)),
      rgba(8,8,8,.98) !important;
    box-shadow:0 -12px 32px rgba(0,0,0,.45) !important;
    backdrop-filter:blur(18px);
    overflow:hidden !important;
  }

  .vendor-dashboard .sidebar > div:first-child,
  .vendor-bookings .sidebar > div:first-child,
  .vendor-availability .sidebar > div:first-child,
  body.vendor-messages .sidebar > div:first-child,
  .vendor-listings .sidebar > div:first-child,
  .vendor-reviews .sidebar > div:first-child,
  .vendor-mobile-shell .sidebar > div:first-child{
    width:100% !important;
    height:100% !important;
    display:block !important;
  }

  .vendor-dashboard .logo,
  .vendor-dashboard .vendor-profile,
  .vendor-dashboard .sidebar-toggle,
  .vendor-bookings .logo,
  .vendor-bookings .vendor-profile,
  .vendor-bookings .sidebar-toggle,
  .vendor-availability .logo,
  .vendor-availability .vendor-profile,
  .vendor-availability .sidebar-toggle,
  body.vendor-messages .logo,
  body.vendor-messages .vendor-profile,
  body.vendor-messages .sidebar-toggle,
  .vendor-listings .logo,
  .vendor-listings .vendor-profile,
  .vendor-listings .sidebar-toggle,
  .vendor-reviews .logo,
  .vendor-reviews .vendor-profile,
  .vendor-reviews .sidebar-toggle,
  .vendor-mobile-shell .logo,
  .vendor-mobile-shell .vendor-profile,
  .vendor-mobile-shell .sidebar-toggle{
    display:none !important;
  }

  .vendor-dashboard .sidebar-menu,
  .vendor-bookings .sidebar-menu,
  .vendor-availability .sidebar-menu,
  body.vendor-messages .sidebar-menu,
  .vendor-listings .sidebar-menu,
  .vendor-reviews .sidebar-menu,
  .vendor-mobile-shell .sidebar-menu{
    width:100% !important;
    height:100% !important;
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0,1fr)) !important;
    align-items:center !important;
    gap:4px !important;
    padding:0 !important;
    margin:0 !important;
    overflow:visible !important;
  }

  .vendor-dashboard .sidebar-menu .menu-item:nth-child(5),
  .vendor-dashboard .sidebar-menu .menu-item:nth-child(6),
  .vendor-dashboard .sidebar-menu .menu-item:nth-child(7),
  .vendor-dashboard .sidebar-menu .menu-item:nth-child(8),
  .vendor-bookings .sidebar-menu .menu-item:nth-child(5),
  .vendor-bookings .sidebar-menu .menu-item:nth-child(6),
  .vendor-bookings .sidebar-menu .menu-item:nth-child(7),
  .vendor-bookings .sidebar-menu .menu-item:nth-child(8),
  .vendor-availability .sidebar-menu .menu-item:nth-child(5),
  .vendor-availability .sidebar-menu .menu-item:nth-child(6),
  .vendor-availability .sidebar-menu .menu-item:nth-child(7),
  .vendor-availability .sidebar-menu .menu-item:nth-child(8),
  body.vendor-messages .sidebar-menu .menu-item:nth-child(5),
  body.vendor-messages .sidebar-menu .menu-item:nth-child(6),
  body.vendor-messages .sidebar-menu .menu-item:nth-child(7),
  body.vendor-messages .sidebar-menu .menu-item:nth-child(8),
  .vendor-listings .sidebar-menu .menu-item:nth-child(5),
  .vendor-listings .sidebar-menu .menu-item:nth-child(6),
  .vendor-listings .sidebar-menu .menu-item:nth-child(7),
  .vendor-listings .sidebar-menu .menu-item:nth-child(8),
  .vendor-reviews .sidebar-menu .menu-item:nth-child(5),
  .vendor-reviews .sidebar-menu .menu-item:nth-child(6),
  .vendor-reviews .sidebar-menu .menu-item:nth-child(7),
  .vendor-reviews .sidebar-menu .menu-item:nth-child(8),
  .vendor-mobile-shell .sidebar-menu .menu-item:nth-child(5),
  .vendor-mobile-shell .sidebar-menu .menu-item:nth-child(6),
  .vendor-mobile-shell .sidebar-menu .menu-item:nth-child(7),
  .vendor-mobile-shell .sidebar-menu .menu-item:nth-child(8){
    display:none !important;
  }

  .vendor-dashboard .menu-item,
  .vendor-bookings .menu-item,
  .vendor-availability .menu-item,
  body.vendor-messages .menu-item,
  .vendor-listings .menu-item,
  .vendor-reviews .menu-item,
  .vendor-mobile-shell .menu-item{
    width:auto !important;
    height:70px !important;
    min-width:0 !important;
    min-height:70px !important;
    display:flex !important;
    flex:1 1 auto !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    padding:7px 4px !important;
    border:0 !important;
    border-radius:14px !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#9d9d9d !important;
    text-align:center !important;
    transform:none !important;
  }

  .vendor-dashboard .menu-item::before,
  .vendor-bookings .menu-item::before,
  .vendor-availability .menu-item::before,
  body.vendor-messages .menu-item::before,
  .vendor-listings .menu-item::before,
  .vendor-reviews .menu-item::before,
  .vendor-mobile-shell .menu-item::before,
  .vendor-dashboard .menu-item span,
  .vendor-bookings .menu-item span,
  .vendor-availability .menu-item span,
  body.vendor-messages .menu-item span,
  .vendor-listings .menu-item span,
  .vendor-reviews .menu-item span,
  .vendor-mobile-shell .menu-item span,
  .vendor-dashboard .sidebar-notification,
  .vendor-bookings .sidebar-notification,
  .vendor-availability .sidebar-notification,
  body.vendor-messages .sidebar-notification,
  .vendor-listings .sidebar-notification,
  .vendor-reviews .sidebar-notification,
  .vendor-mobile-shell .sidebar-notification{
    display:none !important;
  }

  .vendor-dashboard .menu-item i,
  .vendor-bookings .menu-item i,
  .vendor-availability .menu-item i,
  body.vendor-messages .menu-item i,
  .vendor-listings .menu-item i,
  .vendor-reviews .menu-item i,
  .vendor-mobile-shell .menu-item i{
    width:auto !important;
    margin:0 !important;
    color:inherit !important;
    font-size:24px !important;
    line-height:1 !important;
  }

  .vendor-dashboard .sidebar-menu .menu-item:nth-child(1) i::before,
  .vendor-bookings .sidebar-menu .menu-item:nth-child(1) i::before,
  .vendor-availability .sidebar-menu .menu-item:nth-child(1) i::before,
  body.vendor-messages .sidebar-menu .menu-item:nth-child(1) i::before,
  .vendor-listings .sidebar-menu .menu-item:nth-child(1) i::before,
  .vendor-reviews .sidebar-menu .menu-item:nth-child(1) i::before,
  .vendor-mobile-shell .sidebar-menu .menu-item:nth-child(1) i::before{
    content:"\f00a" !important;
    font-family:"Font Awesome 6 Free" !important;
    font-weight:900 !important;
  }

  .vendor-dashboard .sidebar-menu .menu-item:nth-child(2) i::before,
  .vendor-bookings .sidebar-menu .menu-item:nth-child(2) i::before,
  .vendor-availability .sidebar-menu .menu-item:nth-child(2) i::before,
  body.vendor-messages .sidebar-menu .menu-item:nth-child(2) i::before,
  .vendor-listings .sidebar-menu .menu-item:nth-child(2) i::before,
  .vendor-reviews .sidebar-menu .menu-item:nth-child(2) i::before,
  .vendor-mobile-shell .sidebar-menu .menu-item:nth-child(2) i::before{
    content:"\f133" !important;
    font-family:"Font Awesome 6 Free" !important;
    font-weight:400 !important;
  }

  .vendor-dashboard .sidebar-menu .menu-item:nth-child(3) i::before,
  .vendor-bookings .sidebar-menu .menu-item:nth-child(3) i::before,
  .vendor-availability .sidebar-menu .menu-item:nth-child(3) i::before,
  body.vendor-messages .sidebar-menu .menu-item:nth-child(3) i::before,
  .vendor-listings .sidebar-menu .menu-item:nth-child(3) i::before,
  .vendor-reviews .sidebar-menu .menu-item:nth-child(3) i::before,
  .vendor-mobile-shell .sidebar-menu .menu-item:nth-child(3) i::before{
    content:"\f274" !important;
    font-family:"Font Awesome 6 Free" !important;
    font-weight:400 !important;
  }

  .vendor-dashboard .sidebar-menu .menu-item:nth-child(4) i::before,
  .vendor-bookings .sidebar-menu .menu-item:nth-child(4) i::before,
  .vendor-availability .sidebar-menu .menu-item:nth-child(4) i::before,
  body.vendor-messages .sidebar-menu .menu-item:nth-child(4) i::before,
  .vendor-listings .sidebar-menu .menu-item:nth-child(4) i::before,
  .vendor-reviews .sidebar-menu .menu-item:nth-child(4) i::before,
  .vendor-mobile-shell .sidebar-menu .menu-item:nth-child(4) i::before{
    content:"\f075" !important;
    font-family:"Font Awesome 6 Free" !important;
    font-weight:400 !important;
  }

  .vendor-dashboard .sidebar-menu .menu-item:nth-child(9) i::before,
  .vendor-bookings .sidebar-menu .menu-item:nth-child(9) i::before,
  .vendor-availability .sidebar-menu .menu-item:nth-child(9) i::before,
  body.vendor-messages .sidebar-menu .menu-item:nth-child(9) i::before,
  .vendor-listings .sidebar-menu .menu-item:nth-child(9) i::before,
  .vendor-reviews .sidebar-menu .menu-item:nth-child(9) i::before,
  .vendor-mobile-shell .sidebar-menu .menu-item:nth-child(9) i::before{
    content:"\f141" !important;
    font-family:"Font Awesome 6 Free" !important;
    font-weight:900 !important;
  }

  .vendor-dashboard .menu-item::after,
  .vendor-bookings .menu-item::after,
  .vendor-availability .menu-item::after,
  body.vendor-messages .menu-item::after,
  .vendor-listings .menu-item::after,
  .vendor-reviews .menu-item::after,
  .vendor-mobile-shell .menu-item::after{
    content:attr(data-mobile-label) !important;
    display:block !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    color:inherit !important;
    font-size:11px !important;
    font-weight:500 !important;
    line-height:1.12 !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  .vendor-dashboard .menu-item.active,
  .vendor-bookings .menu-item.active,
  .vendor-availability .menu-item.active,
  body.vendor-messages .menu-item.active,
  .vendor-listings .menu-item.active,
  .vendor-reviews .menu-item.active,
  .vendor-mobile-shell .menu-item.active,
  body.vendor-mobile-shell.more-section .sidebar-menu .menu-item:nth-child(9){
    color:#ffc657 !important;
    border-radius:14px !important;
    background:linear-gradient(180deg, rgba(244,184,74,.19), rgba(244,184,74,.08)) !important;
    box-shadow:none !important;
  }

  .vendor-dashboard .menu-item.active i,
  .vendor-dashboard .menu-item.active::after,
  .vendor-bookings .menu-item.active i,
  .vendor-bookings .menu-item.active::after,
  .vendor-availability .menu-item.active i,
  .vendor-availability .menu-item.active::after,
  body.vendor-messages .menu-item.active i,
  body.vendor-messages .menu-item.active::after,
  .vendor-listings .menu-item.active i,
  .vendor-listings .menu-item.active::after,
  .vendor-reviews .menu-item.active i,
  .vendor-reviews .menu-item.active::after,
  .vendor-mobile-shell .menu-item.active i,
  .vendor-mobile-shell .menu-item.active::after,
  body.vendor-mobile-shell.more-section .sidebar-menu .menu-item:nth-child(9) i,
  body.vendor-mobile-shell.more-section .sidebar-menu .menu-item:nth-child(9)::after{
    color:#ffc657 !important;
  }
}

@media (max-width: 760px){
  .vendor-bookings .booking-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
    padding:18px !important;
    overflow:hidden;
  }

  .vendor-bookings .booking-row td{
    width:100%;
    min-width:0;
    max-width:100%;
  }

  .vendor-bookings .booking-row td[data-mobile-cell="client"]{
    grid-column:1 !important;
    grid-row:auto !important;
    padding-right:0 !important;
  }

  .vendor-bookings .client-info{
    grid-template-columns:64px minmax(0,1fr) !important;
    gap:14px !important;
    align-items:center !important;
  }

  .vendor-bookings .client-info img{
    width:64px !important;
    height:64px !important;
  }

  .vendor-bookings .client-info h4,
  .vendor-bookings .client-info p,
  .vendor-bookings .client-info span{
    max-width:100%;
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:normal;
  }

  .vendor-bookings .client-info p{
    font-size:14px !important;
  }

  .vendor-bookings .client-info span{
    font-size:13px !important;
    line-height:1.25 !important;
  }

  .vendor-bookings .booking-row td[data-mobile-cell="status"]{
    grid-column:1 !important;
    grid-row:auto !important;
    position:static !important;
    justify-self:start !important;
    align-self:start !important;
  }

  .vendor-bookings .status{
    max-width:100%;
    min-height:36px !important;
    padding:0 12px !important;
    font-size:13px !important;
    white-space:normal !important;
  }

  .vendor-bookings .booking-row td[data-mobile-label]{
    grid-column:1 !important;
    grid-row:auto !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:8px !important;
    padding:0 !important;
    position:relative !important;
  }

  .vendor-bookings .booking-row td[data-mobile-label]::before{
    position:static !important;
    display:block !important;
    line-height:1.2 !important;
  }

  .vendor-bookings .booking-row td[data-mobile-label="Category"],
  .vendor-bookings .booking-row td[data-mobile-label="Event Name"],
  .vendor-bookings .booking-row td[data-mobile-label="Price"],
  .vendor-bookings .booking-row td[data-mobile-label="Type"],
  .vendor-bookings .booking-row td[data-mobile-label="Event Date"]{
    padding-left:0 !important;
    padding-top:0 !important;
  }

  .vendor-bookings .service-type,
  .vendor-bookings .event-date{
    min-width:0;
    max-width:100%;
  }

  .vendor-bookings .service-type{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    overflow-wrap:anywhere;
  }

  .vendor-bookings .service-type i{
    flex:0 0 28px;
    width:28px !important;
  }

  .vendor-bookings .price{
    width:100% !important;
    white-space:normal !important;
    overflow-wrap:anywhere;
  }

  .vendor-bookings .type{
    width:max-content;
    max-width:100%;
    min-width:0 !important;
    white-space:normal;
  }

  .vendor-bookings .event-date{
    grid-template-columns:28px minmax(0,1fr) !important;
    gap:10px !important;
    align-items:start !important;
  }

  .vendor-bookings .event-date h5,
  .vendor-bookings .event-date p{
    white-space:normal;
    overflow-wrap:anywhere;
  }

  .vendor-bookings .booking-row td[data-mobile-cell="actions"]{
    grid-column:1 !important;
  }

  .vendor-bookings .actions{
    grid-template-columns:1fr !important;
  }

  .vendor-bookings .mobile-booking-note{
    margin:16px 0 4px !important;
  }
}

@media (min-width: 390px) and (max-width: 760px){
  .vendor-bookings .booking-row td[data-mobile-label="Type"],
  .vendor-bookings .booking-row td[data-mobile-label="Price"]{
    grid-column:auto !important;
  }

  .vendor-bookings .booking-row{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  }

  .vendor-bookings .booking-row td[data-mobile-cell="client"],
  .vendor-bookings .booking-row td[data-mobile-cell="status"],
  .vendor-bookings .booking-row td[data-mobile-label="Category"],
  .vendor-bookings .booking-row td[data-mobile-label="Event Name"],
  .vendor-bookings .booking-row td[data-mobile-label="Event Date"],
  .vendor-bookings .booking-row td[data-mobile-cell="actions"]{
    grid-column:1 / -1 !important;
  }
}

@media (max-width: 760px){
  body.modal-open{
    overflow:hidden !important;
  }

  .vendor-listings .listing-modal{
    align-items:center !important;
    justify-content:center !important;
    padding:18px 12px !important;
    overflow:hidden !important;
    background:rgba(0,0,0,.72) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .vendor-listings .modal-container{
    position:relative !important;
    z-index:2 !important;
    width:min(430px, calc(100vw - 24px)) !important;
    max-width:calc(100vw - 24px) !important;
    height:auto !important;
    min-height:0 !important;
    max-height:calc(100dvh - 36px) !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:22px !important;
    box-shadow:0 24px 70px rgba(0,0,0,.68) !important;
  }

  .vendor-listings .modal-overlay{
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    background:transparent !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .vendor-listings .modal-container::before{
    display:none !important;
  }

  .vendor-listings .modal-sidebar{
    flex:0 0 auto !important;
    padding:24px 18px 10px !important;
  }

  .vendor-listings .modal-sidebar h1{
    margin:0 54px 6px !important;
    font-size:clamp(22px, 6.4vw, 28px) !important;
  }

  .vendor-listings .modal-sidebar > p{
    margin:0 0 14px 54px !important;
    font-size:13px !important;
  }

  .vendor-listings .close-modal,
  .vendor-listings .modal-back-btn{
    top:18px !important;
    width:42px !important;
    height:42px !important;
  }

  .vendor-listings .close-modal{
    right:18px !important;
  }

  .vendor-listings .modal-back-btn{
    left:18px !important;
  }

  .vendor-listings .stepper{
    margin-top:14px !important;
  }

  .vendor-listings .step{
    min-height:54px !important;
  }

  .vendor-listings .step p{
    display:none !important;
  }

  .vendor-listings .modal-help{
    display:none !important;
  }

  .vendor-listings .modal-content{
    flex:1 1 auto !important;
    min-height:0 !important;
    padding:0 18px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch;
  }

  .vendor-listings .form-step.active{
    min-height:0 !important;
    padding-bottom:14px !important;
  }

  .vendor-listings .form-group{
    margin-bottom:10px !important;
    padding:12px !important;
  }

  .vendor-listings .button-group{
    position:sticky !important;
    bottom:0 !important;
    margin:12px -18px 0 !important;
    padding:12px 18px calc(14px + env(safe-area-inset-bottom)) !important;
    background:
      linear-gradient(180deg, rgba(16,16,16,0), #101010 22%),
      #101010 !important;
  }
}

@media (max-width: 760px){
  body.vendor-messages:not(.mobile-chat-open) .chat-area{
    display:none !important;
  }

  body.vendor-messages:not(.mobile-chat-open) .conversation-list{
    display:block !important;
  }

  body.vendor-messages:not(.mobile-chat-open) .chat-list{
    display:grid !important;
    gap:12px !important;
  }

  body.vendor-messages:not(.mobile-chat-open) .chat-item{
    min-height:82px !important;
    display:grid !important;
    grid-template-columns:58px minmax(0,1fr) auto !important;
    gap:14px !important;
    align-items:center !important;
    padding:14px 48px 14px 14px !important;
    border-radius:18px !important;
  }

  body.vendor-messages:not(.mobile-chat-open) .chat-item.active-chat{
    border-color:rgba(255,255,255,.085) !important;
  }

  body.vendor-messages:not(.mobile-chat-open) .chat-item img{
    width:52px !important;
    height:52px !important;
  }

  body.vendor-messages:not(.mobile-chat-open) .chat-item::after{
    top:52px !important;
    left:52px !important;
  }

  body.vendor-messages:not(.mobile-chat-open) .top-row h3{
    font-size:18px !important;
  }

  body.vendor-messages:not(.mobile-chat-open) .top-row span,
  body.vendor-messages:not(.mobile-chat-open) .tags,
  body.vendor-messages:not(.mobile-chat-open) .preview{
    display:none !important;
  }

  body.vendor-messages:not(.mobile-chat-open) .service{
    margin:4px 0 0 !important;
    font-size:13px !important;
    line-height:1.25 !important;
  }

  body.vendor-messages.mobile-chat-open .conversation-list{
    display:none !important;
  }

  body.vendor-messages.mobile-chat-open .chat-area{
    min-height:calc(100dvh - 176px) !important;
    display:flex !important;
    margin-top:0 !important;
    border-radius:22px !important;
  }

  body.vendor-messages.mobile-chat-open .chat-top{
    grid-template-columns:44px minmax(0,1fr) 44px !important;
    padding:14px !important;
  }

  body.vendor-messages.mobile-chat-open .back-chat-btn{
    display:grid !important;
    grid-column:1 !important;
    grid-row:1 !important;
  }

  body.vendor-messages.mobile-chat-open .chat-user{
    grid-column:2 !important;
    grid-row:1 !important;
  }

  body.vendor-messages.mobile-chat-open .chat-more-btn{
    grid-column:3 !important;
    grid-row:1 !important;
  }

  body.vendor-messages.mobile-chat-open .booking-btn{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    width:100% !important;
    justify-self:stretch !important;
  }
}

@media (max-width: 760px){
  html:has(body.vendor-messages.mobile-chat-open),
  body.vendor-messages.mobile-chat-open{
    height:100dvh !important;
    overflow:hidden !important;
  }

  body.vendor-messages.mobile-chat-open .main-content{
    height:100dvh !important;
    min-height:0 !important;
    padding:10px 10px 114px !important;
    overflow:hidden !important;
  }

  body.vendor-messages.mobile-chat-open .messages-wrapper{
    height:100% !important;
    min-height:0 !important;
    display:block !important;
    overflow:hidden !important;
  }

  body.vendor-messages.mobile-chat-open .chat-area{
    height:calc(100dvh - 124px) !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
  }

  body.vendor-messages.mobile-chat-open .chat-top{
    position:sticky !important;
    top:0 !important;
    z-index:30 !important;
    flex:0 0 auto !important;
    margin:0 !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
    background:
      linear-gradient(180deg, rgba(19,19,19,.98), rgba(16,16,16,.94)),
      #101010 !important;
    box-shadow:0 16px 28px rgba(0,0,0,.28) !important;
  }

  body.vendor-messages.mobile-chat-open .chat-messages{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch;
  }

  body.vendor-messages.mobile-chat-open .chat-input,
  body.vendor-messages.mobile-chat-open .attachment-preview{
    flex:0 0 auto !important;
  }
}

@media (max-width: 760px){
  body.owner-profile .profile-buttons{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    gap:10px !important;
    margin-top:24px !important;
  }

  body.owner-profile .profile-buttons button{
    width:100% !important;
    min-width:0 !important;
    min-height:52px !important;
    height:auto !important;
    padding:8px 6px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    border-radius:13px !important;
    font-size:clamp(11px, 3vw, 13px) !important;
    font-weight:800 !important;
    line-height:1.1 !important;
    text-align:center !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
  }

  body.owner-profile .profile-buttons button i{
    flex:0 0 auto !important;
    font-size:16px !important;
    line-height:1 !important;
  }
}