@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--sans:"Inter", sans-serif;color:#202428;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font:16px/1.45 Inter,sans-serif}body{background:#f5fff5;margin:0;font-family:Inter,sans-serif}#root{min-height:100svh}*{box-sizing:border-box}button{cursor:pointer;font-family:var(--sans);background:0 0;border:0;transition:background .15s,color .15s,box-shadow .15s}button:focus-visible{outline-offset:2px;outline:3px solid #54ae4459}.splash-screen{background:#f5fff5;flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100svh;display:flex;position:relative;overflow:hidden}.splash-screen:before{content:"";pointer-events:none;background:radial-gradient(circle,#54ae4421 0%,#0000 68%);border-radius:50%;width:520px;height:520px;position:absolute}.splash-card{z-index:1;aspect-ratio:1;background:#fff;border-radius:22px;justify-content:center;align-items:center;width:min(220px,58vw);animation:.55s ease-out both splash-card-in;display:flex;position:relative;box-shadow:0 8px 40px #54ae441f,0 2px 12px #00000012}.splash-card-logo{object-fit:contain;width:78%;height:auto}.splash-progress-wrap{z-index:1;flex-direction:column;align-items:center;gap:12px;width:min(220px,58vw);display:flex;position:relative}.splash-progress-bar{background:#54ae442e;border-radius:99px;width:100%;height:5px;overflow:hidden}.splash-progress-fill{background:#54ae44;border-radius:99px;height:100%;animation:2.1s ease-in-out forwards splash-fill}.splash-status{align-items:center;gap:6px;display:flex}.splash-dot{opacity:.5;background:#54ae44;border-radius:50%;width:7px;height:7px}.splash-dot-1{animation:1.1s ease-in-out infinite splash-bounce}.splash-dot-2{animation:1.1s ease-in-out .18s infinite splash-bounce}.splash-dot-3{animation:1.1s ease-in-out .36s infinite splash-bounce}.splash-status-text{color:#7a8a7c;margin-left:2px;font-size:12px;font-weight:500}@keyframes splash-card-in{0%{opacity:0;transform:translateY(14px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes splash-fill{0%{width:0%}30%{width:42%}65%{width:68%}to{width:92%}}@keyframes splash-bounce{0%,80%,to{opacity:.5;transform:scale(1)}40%{opacity:1;transform:scale(1.5)}}.auth-page{isolation:isolate;background:#18241e var(--auth-background) center / cover no-repeat;min-height:100svh;font-family:var(--sans);justify-content:center;align-items:center;padding:112px 24px 48px;display:flex;position:relative;overflow-x:hidden}.auth-page:before{content:"";z-index:-2;background:#0c0d0d94;position:absolute;inset:0}.auth-overlay{z-index:-1;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#0c0d0d1a;position:absolute;inset:0}.auth-header{z-index:2;justify-content:space-between;align-items:center;padding:24px clamp(22px,6vw,84px);display:flex;position:absolute;top:0;left:0;right:0}.auth-header-logo{width:158px;height:48px;box-shadow:none;background:0 0;margin:0;padding:0}.auth-header-logo img{object-fit:contain;object-position:left center;filter:grayscale()brightness(0)invert();width:100%;height:100%}.auth-card{z-index:1;color:#243028;background:#fffffffa;border:1px solid #e5ece6d1;border-radius:20px;width:min(100%,462px);padding:37px clamp(27px,5vw,52px) 30px;position:relative;box-shadow:0 28px 80px #00000057}.auth-card-logo{object-fit:contain;width:145px;height:39px;margin:0 auto 18px;display:block}.auth-card h1{color:#343434;text-align:center;margin:0 0 28px;font-size:clamp(19px,3vw,24px);font-weight:750;line-height:1.18}.auth-card form{text-align:left}.auth-kicker{color:#54ae44;letter-spacing:1.45px;text-align:center;text-transform:uppercase;margin:0 0 7px;font-size:10px;font-weight:800}.auth-field{margin-bottom:17px;display:block}.auth-field>span:first-child{color:#66716a;margin:0 0 7px 1px;font-size:11px;font-weight:650;display:block}.auth-field em{color:#54ae44;font-style:normal}.auth-field input{color:#27332b;width:100%;height:47px;font:13px var(--sans);background:#fff;border:1px solid #dce4dd;border-radius:7px;outline:0;padding:0 14px;transition:border-color .16s,box-shadow .16s}.auth-field input::placeholder{color:#a5ada7}.auth-field input:focus{border-color:#54ae44;box-shadow:0 0 0 3px #54ae4421}.auth-input-wrap{display:block;position:relative}.auth-input-wrap input{padding-right:60px}.password-toggle-new{color:#54ae44;background:0 0;border-radius:5px;width:47px;height:35px;padding:0;font-size:11px;position:absolute;bottom:6px;right:8px}.password-toggle-new:hover{background:#54ae4414}.auth-actions{justify-content:flex-end;margin:-3px 0 10px;display:flex}.forgot-link{color:#54ae44;width:auto;height:auto;font:600 11px var(--sans);background:0 0;margin:0;padding:0}.forgot-link:hover{color:#398d2d}.auth-submit{color:#fff;width:100%;height:47px;font:700 14px var(--sans);background:#54ae44;border-radius:7px;margin:10px 0 0;display:block}.auth-submit:hover{background:#47973a}.auth-switch{color:#87918a;text-align:center;margin:20px 0 0;font-size:11px}.auth-switch button{color:#54ae44;width:auto;height:auto;font:700 11px var(--sans);background:0 0;margin:0;padding:0}.auth-switch button:hover{color:#398d2d}.form-message{margin:-2px 0 7px;font-size:11px;line-height:1.4}.form-message--error{color:#bd554b}.form-message--success{color:#429139}.forgot-subtext{color:#6a766c;text-align:center;margin:-14px 0 20px;font-size:13px;line-height:1.45}.otp-input-large{letter-spacing:6px;text-align:center;font-family:Courier New,monospace;font-weight:700;font-size:22px!important}.resend-row{color:#6a766c;justify-content:space-between;align-items:center;margin:10px 0 16px;font-size:12px;display:flex}.resend-btn{color:#54ae44;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.resend-btn:hover{color:#398d2d;text-decoration:underline}.resend-btn:disabled{color:#a0ada3;cursor:not-allowed;text-decoration:none}.forgot-hint-box{color:#2e6924;text-align:center;background:#f1f8ee;border:1px solid #d4ebd0;border-radius:8px;margin-bottom:14px;padding:8px 12px;font-size:12px;font-weight:500}.forgot-footer-actions{justify-content:center;align-items:center;margin-top:16px;display:flex}.forgot-back-link{color:#6a766c;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:4px 8px;font-size:12.5px;font-weight:600;transition:color .15s;display:inline-flex}.forgot-back-link:hover{color:#243028}.pw-hint{color:#7d8b80;margin-top:4px;font-size:11px;display:block}.signup-card{width:min(100%,850px);padding:31px clamp(27px,5vw,57px) 35px}.signup-card .auth-card-logo{width:128px;height:48px;margin-bottom:8px}.signup-card h1{margin-bottom:20px;font-size:clamp(22px,3vw,28px)}.step-indicator{align-items:flex-start;margin:0 0 27px;display:flex}.step-item{color:#a1aaa3;flex:1;align-items:center;gap:8px;min-width:0;font-size:10px;display:flex;position:relative}.step-item span{color:#9aa59c;background:#fff;border:1px solid #d4ddd6;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-size:11px;display:grid}.step-item strong{white-space:nowrap;font-weight:600}.step-item i{background:#dce4dd;flex:1;height:1px;margin:0 12px 0 5px}.step-item.active{color:#54ae44}.step-item.active span{color:#fff;background:#54ae44;border-color:#54ae44}.step-item.active i{background:#a7d79d}.signup-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;display:grid}.signup-grid .auth-field{margin-bottom:16px}.signup-buttons{gap:10px;margin-top:7px;display:flex}.signup-buttons button{flex:1;width:auto;margin:0}.signup-buttons .secondary-submit,.signup-buttons .back-submit{color:#68746b;background:#fff;border:1px solid #d5dfd7}.signup-buttons .secondary-submit:hover,.signup-buttons .back-submit:hover{color:#54ae44;background:#f5fbf4}.signup-buttons .auth-submit{flex:1.3}.document-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.file-input{color:#637065;text-align:center;cursor:pointer;background:#f8fbf8;border:1px dashed #b9ceb9;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:135px;padding:15px;display:flex;position:relative}.file-input>span{color:#536058;font-size:11px;font-weight:650}.file-input input{cursor:pointer;opacity:0;position:absolute;inset:0}.file-input strong{color:#54ae44;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:600;overflow:hidden}.file-input small{color:#97a29a;font-size:9px}.vendor-pending-card{text-align:center;width:min(100%,480px)}.vendor-pending-icon{width:72px;height:72px;margin:4px auto 16px}.vendor-pending-icon svg{width:100%;height:100%}.vendor-pending-card h1{margin:0 0 12px;font-size:clamp(20px,3vw,26px)}.vendor-pending-badge{color:#b45309;background:#fef3c7;border-radius:99px;align-items:center;gap:6px;margin:0 auto 20px;padding:5px 14px;font-size:11px;font-weight:700;display:inline-flex}.vendor-pending-dot{background:#f59e0b;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite pending-pulse}@keyframes pending-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.35)}}.vendor-pending-body{color:#718076;margin:0 0 20px;font-size:13px;line-height:1.6}.vendor-pending-body strong{color:#2c3730}.vendor-pending-info{text-align:left;background:#f7fbf7;border:1px solid #e8f0e9;border-radius:10px;width:100%;margin:0 0 18px;overflow:hidden}.vendor-pending-info-row{border-bottom:1px solid #e8f0e9;justify-content:space-between;align-items:center;padding:10px 16px;font-size:12px;display:flex}.vendor-pending-info-row:last-child{border-bottom:0}.vendor-pending-info-row span{color:#8a9a93}.vendor-pending-info-row strong{color:#2c3730;font-weight:600}.vendor-pending-card .auth-submit{width:100%;margin-top:16px}.vd-shell{min-height:100svh;font-family:var(--sans);background:#f8faf9}.vd-header{z-index:10;background:#fff;border-bottom:1px solid #e8ede9;justify-content:space-between;align-items:center;height:64px;padding:0 clamp(16px,3vw,40px);display:flex;position:fixed;inset:0 0 auto;box-shadow:0 1px 6px #28382c0d}.vd-logo{object-fit:contain;object-position:left center;width:130px;height:44px}.vd-header-right{align-items:center;gap:10px;display:flex}.vd-header-icon{color:#54ae44;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.vd-header-icon:hover{background:#f0faf0}.vd-header-icon .ui-icon{width:20px;height:20px}.vd-header-divider{background:#e4ece5;width:1px;height:30px;margin:0 4px}.vd-profile-wrap{position:relative}.vd-profile-btn{color:#2c3730;background:#f2faf2;border-radius:10px;align-items:center;gap:8px;height:40px;padding:0 10px;display:flex}.vd-profile-btn:hover{background:#e8f5e8}.vd-avatar{color:#fff;background:#54ae44;border-radius:8px;place-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:grid}.vd-profile-info{text-align:left;flex-direction:column;line-height:1.25;display:flex}.vd-profile-info strong{color:#2c3730;font-size:12px;font-weight:700}.vd-profile-info small{color:#94a09b;font-size:10px}.vd-chevron{color:#94a09b;margin-left:2px;font-size:16px}.vd-profile-menu{z-index:20;background:#fff;border:1px solid #e8ede9;border-radius:12px;width:160px;padding:5px;animation:.16s ease-out both dropIn;position:absolute;top:46px;right:0;box-shadow:0 8px 28px #28382c1f}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.vd-menu-item{color:#4a5850;border-radius:7px;align-items:center;gap:8px;width:100%;height:34px;padding:0 10px;font-size:12px;font-weight:500;display:flex}.vd-menu-item .ui-icon{width:15px;height:15px}.vd-menu-item:hover{color:#54ae44;background:#f4faf4}.vd-menu-logout:hover{color:#e74c3c;background:#fff5f5}.vd-menu-divider{background:#edf2ee;height:1px;margin:4px 0}.vd-sidebar{z-index:9;scrollbar-width:none;background:#fff;border-right:1px solid #e8ede9;flex-direction:column;align-items:center;gap:2px;width:68px;padding-top:8px;display:flex;position:fixed;inset:64px auto 0 0;overflow:hidden auto}.vd-sidebar::-webkit-scrollbar{display:none}.vd-nav-item{color:#8a9a93;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:58px;height:62px;font-size:9.5px;font-weight:500;display:flex}.vd-nav-item .ui-icon{width:22px;height:22px}.vd-nav-item:hover{color:#54ae44;background:#f2fbf2}.vd-nav-item.active{color:#54ae44;background:#eaf6e8}.vd-content{background:#f8faf9;min-height:100svh;margin-left:68px;padding-top:64px}.vd-page{flex-direction:column;gap:14px;width:100%;padding:20px 28px 32px;display:flex}.vd-page-header{border-bottom:1px solid #edf2ee;justify-content:space-between;align-items:center;gap:16px;padding-bottom:14px;display:flex}.vd-page-header h1{color:#54ae44;letter-spacing:-.2px;margin:0 0 2px;font-size:22px;font-weight:700}.vd-page-header p{color:#94a09b;margin:0;font-size:11px}.vd-primary-btn{color:#fff;height:38px;font:600 12px var(--sans);white-space:nowrap;background:#54ae44;border-radius:9px;flex-shrink:0;align-items:center;gap:6px;padding:0 16px;display:inline-flex}.vd-primary-btn .ui-icon{width:15px;height:15px}.vd-primary-btn:hover{background:#47973a;box-shadow:0 4px 12px #54ae444d}.vd-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.vd-stat{background:#fff;border:1px solid #edf2ee;border-radius:10px;min-height:100px;padding:13px 14px;position:relative;box-shadow:0 2px 8px #2b40300a}.vd-stat-icon{border-radius:9px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:13px;right:13px}.vd-stat-icon .ui-icon{width:18px;height:18px}.vd-stat-icon[data-tone=purple]{color:#8375eb;background:#e5e2ff}.vd-stat-icon[data-tone=blue]{color:#3b82f6;background:#dbeafe}.vd-stat-icon[data-tone=green]{color:#43c596;background:#d8f6e9}.vd-stat-icon[data-tone=peach]{color:#ff8e73;background:#ffe1d7}.vd-stat-title{color:#8a9a93;margin-bottom:6px;font-size:11px;font-weight:600}.vd-stat-value{color:#1e2a24;margin-bottom:3px;font-size:22px;font-weight:700;display:block}.vd-stat-sub{color:#a8b4ae;font-size:10px}.vd-section{flex-direction:column;gap:10px;display:flex}.vd-section-head{border-bottom:1px solid #edf2ee;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.vd-section-head h2{color:#1e2a24;margin:0 0 2px;font-size:15px;font-weight:700}.vd-section-head p{color:#94a09b;margin:0;font-size:11px}.vd-table-wrap{background:#fff;border:1px solid #edf2ee;border-radius:12px;overflow-x:auto}.vd-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:600px}.vd-table th{color:#4a5850;text-align:left;white-space:nowrap;background:#f8fbf8;border-bottom:2px solid #e8ecee;height:40px;padding:0 16px;font-size:11px;font-weight:700}.vd-table th:first-child{border-radius:12px 0 0}.vd-table th:last-child{border-radius:0 12px 0 0}.vd-table td{color:#546058;vertical-align:middle;border-bottom:1px solid #f0f4f2;height:56px;padding:0 16px;font-size:12px}.vd-table tbody tr:last-child td{border-bottom:0}.vd-table tbody tr:hover td{background:#fafcf9}.vd-id{color:#54ae44;font-size:11px;font-weight:600}.vd-tabs{border-bottom:1px solid #edf0f1;gap:4px;display:flex}.vd-tab{color:#81868a;width:auto;height:38px;font:600 12px var(--sans);align-items:center;gap:6px;padding:0 14px;display:flex;position:relative}.vd-tab:hover{color:#54ae44;background:0 0}.vd-tab.active{color:#54ae44}.vd-tab.active:after{content:"";background:#54ae44;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.vd-tab-count{color:#fff;background:#c8d4cc;border-radius:99px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:9px;font-weight:700;display:inline-grid}.vd-tab.active .vd-tab-count{background:#54ae44}.vd-badge{border-radius:99px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-block}.vd-badge--green{color:#166534;background:#dcfce7}.vd-badge--blue{color:#1e40af;background:#dbeafe}.vd-badge--orange{color:#b45309;background:#fef3c7}.vd-badge--red{color:#991b1b;background:#fee2e2}.vd-badge--grey{color:#64748b;background:#f1f5f9}.vd-badge--pending{color:#b45309;background:#fef3c7}.vd-book-cell{align-items:center;gap:10px;display:flex}.vd-book-thumb{color:#f5d5a2;background:linear-gradient(135deg,#263828,#0d160e);border-radius:4px;flex-shrink:0;place-items:center;width:32px;height:44px;font-family:Georgia,serif;font-size:14px;font-weight:700;display:grid}.vd-genre{color:#6a7570;background:#f0f4f2;border-radius:4px;padding:2px 8px;font-size:10px;display:inline-block}.vd-row-actions{gap:4px;display:flex}.vd-icon-btn{color:#7a8a83;background:#fff;border:1px solid #e4ece5;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.vd-icon-btn .ui-icon{width:14px;height:14px}.vd-icon-btn:hover{color:#54ae44;background:#f4faf4;border-color:#b8ddb2}.vd-identity{align-items:center;gap:10px;display:flex}.vd-avatar-sm{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.vd-contact-cell{flex-direction:column;gap:2px;display:flex}.vd-contact-cell span{font-size:11px}.vd-contact-cell span:first-child{color:#2c3730;font-weight:500}.vd-contact-cell span:last-child{color:#94a09b}.vd-footer-note{color:#94a09b;margin:0;font-size:11px}.vd-bar-chart{align-items:flex-end;gap:10px;height:140px;padding:0 4px;display:flex}.vd-bar-col{flex-direction:column;flex:1;align-items:center;gap:4px;height:100%;display:flex}.vd-bar-val{color:#6a7570;font-size:9px;font-weight:600}.vd-bar-track{background:#f0f4f2;border-radius:5px 5px 0 0;flex:1;align-items:flex-end;width:100%;max-width:44px;display:flex;overflow:hidden}.vd-bar-fill{background:linear-gradient(#54ae44,#80c970);border-radius:5px 5px 0 0;width:100%;transition:height .6s}.vd-bar-label{color:#8a9a93;font-size:10px;font-weight:600}.vd-rank{color:#54ae44;background:#eaf6e8;border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:inline-grid}.vd-profile-grid{grid-template-columns:180px 1fr;align-items:start;gap:16px;display:grid}.vd-profile-sidebar{text-align:center;background:#fff;border:1px solid #edf2ee;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:20px 16px;display:flex}.vd-profile-avatar-big{color:#fff;background:#54ae44;border-radius:14px;place-items:center;width:60px;height:60px;margin-bottom:2px;font-size:20px;font-weight:700;display:grid}.vd-profile-sidebar strong{color:#1e2a24;font-size:14px;font-weight:700}.vd-profile-sidebar small{color:#94a09b;font-size:11px}.vd-profile-form{background:#fff;border:1px solid #edf2ee;border-radius:12px;padding:20px}.vd-profile-form h2{color:#1e2a24;margin:0 0 14px;font-size:15px;font-weight:700}.vd-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.vd-field{flex-direction:column;gap:5px;display:flex}.vd-field span{color:#66716a;font-size:11px;font-weight:650}.vd-field input{color:#27332b;height:40px;font:13px var(--sans);background:#fff;border:1px solid #dce4dd;border-radius:7px;outline:0;padding:0 11px;transition:border-color .16s,box-shadow .16s}.vd-field input:focus{border-color:#54ae44;box-shadow:0 0 0 3px #54ae4421}.vd-save-btn{color:#fff;width:auto;height:36px;font:600 12px var(--sans);background:#54ae44;border-radius:8px;padding:0 20px;display:block}.vd-save-btn:hover{background:#47973a}.ui-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}@media (width<=900px){.vd-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vd-profile-grid{grid-template-columns:1fr}}@media (width<=650px){.auth-page{align-items:flex-start;padding:96px 15px 30px}.auth-header{padding:17px 16px}.auth-header-logo{width:126px;height:40px}.auth-card{border-radius:15px;padding:28px 20px 25px}.signup-card{padding:25px 20px 27px}.signup-grid,.document-list{grid-template-columns:1fr}.step-item{text-align:center;flex-direction:column;justify-content:center;gap:5px}.step-item i{margin:0;position:absolute;top:12px;left:55%;right:-14px}.step-item strong{white-space:normal;font-size:9px}.vd-page{padding:14px 14px 28px}.vd-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vd-form-grid{grid-template-columns:1fr}.vd-page-header{flex-direction:column;align-items:flex-start}}.vendor-live-page{isolation:isolate;background:linear-gradient(#54ae440b 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#54ae440b 1px,#0000 1px) 0 0/32px 32px,linear-gradient(135deg,#fff 0%,#fbfdf9 48%,#fff7ee 100%);justify-content:center;align-items:center;padding:clamp(18px,4vw,42px);display:flex;position:fixed;inset:64px 0 0 68px;overflow:hidden}.vendor-live-page:after{content:"";clip-path:polygon(18% 0,100% 16%,82% 100%,0 78%);pointer-events:none;z-index:0;background:linear-gradient(135deg,#fab95b29,#54ae441f,#0000 70%);width:76%;height:62%;transition:opacity .3s,transform .5s;position:absolute;bottom:-28%;right:-18%;transform:rotate(-7deg)}.vendor-live-page.is-live:after{opacity:.95;transform:rotate(-4deg)translateY(-8px)}.live-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.live-particle{--rot:-8deg;--dx:14px;opacity:.55;background:linear-gradient(90deg,#54ae4429 0 24%,#ffffffe6 24%);border:1px solid #54ae442e;border-radius:6px 3px 3px 6px;width:44px;height:31px;animation:8.5s ease-in-out infinite live-book-drift;position:absolute;box-shadow:0 10px 28px #39533e14}.live-particle:before{content:"";background:#54ae4457;border-radius:2px;width:20px;height:2px;position:absolute;top:7px;left:16px;box-shadow:0 7px #54ae443d,0 14px #e28f432e}.live-particle:after{content:"";background:#54ae4461;border-radius:2px;width:2px;position:absolute;top:5px;bottom:5px;left:9px}.live-particle-1{--rot:-12deg;--dx:18px;animation-duration:7.4s;animation-delay:0s;top:17%;left:7%}.live-particle-2{--rot:10deg;--dx:-18px;animation-duration:9s;animation-delay:1.1s;top:12%;left:81%}.live-particle-3{--rot:7deg;--dx:12px;animation-duration:8.2s;animation-delay:2.2s;top:74%;left:16%}.live-particle-4{--rot:-6deg;--dx:-12px;animation-duration:6.8s;animation-delay:.5s;top:68%;left:72%}.live-particle-5{--rot:13deg;--dx:20px;animation-duration:10s;animation-delay:3s;top:86%;left:44%}.live-particle-6{--rot:-16deg;--dx:-15px;animation-duration:7.7s;animation-delay:1.7s;top:9%;left:54%}.live-particle-7{--rot:-10deg;--dx:-22px;animation-duration:8.8s;animation-delay:3.4s;top:44%;left:90%}.live-particle-8{--rot:15deg;--dx:11px;animation-duration:9.4s;animation-delay:4s;top:28%;left:32%}.live-particle-9{--rot:4deg;--dx:18px;animation-duration:8s;animation-delay:2.8s;top:49%;left:5%}@keyframes live-book-drift{0%,to{transform:translate3d(0,0,0) rotate(var(--rot));opacity:.34}50%{transform:translate3d(var(--dx),-26px,0) rotate(calc(var(--rot) + 9deg));opacity:.74}}.live-card{z-index:1;background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(135deg,#54ae4473,#f4ab4f61,#54ae4438) border-box;border:1px solid #0000;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:22px;width:min(820px,100%);min-height:min(650px,100svh - 116px);padding:clamp(30px,5vw,58px) clamp(24px,6vw,72px) clamp(30px,5vw,52px);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #334f381c,0 2px 12px #27382a0f}.live-card:before{content:"";opacity:.9;pointer-events:none;background:linear-gradient(115deg,#0000 0 35%,#54ae440f 45%,#0000 56%),linear-gradient(#fff9f2a8,#0000 36%);position:absolute;inset:0}.live-card.is-live{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(135deg,#54ae44bf,#f574587a,#54ae445c) border-box}.live-card-sheen{opacity:.46;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffe0,#0000);width:34%;height:150%;animation:6.4s ease-in-out infinite live-card-sheen;position:absolute;top:-24%;left:-38%;transform:rotate(18deg)}@keyframes live-card-sheen{0%,28%{opacity:0;transform:translate(0)rotate(18deg)}45%{opacity:.52}68%,to{opacity:0;transform:translate(420%)rotate(18deg)}}.live-card-top{z-index:2;align-items:center;height:30px;display:flex;position:relative}.live-status-off{color:#8d9992;align-items:center;gap:8px;font-size:14px;font-weight:650;display:inline-flex}.live-status-off:before{content:"";background:#54ae44;border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite live-ready-dot;box-shadow:0 0 0 6px #54ae441f}@keyframes live-ready-dot{0%,to{opacity:.58;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}.live-status-badge{color:#dc2626;letter-spacing:1.5px;background:#fff1f1;border:1px solid #dc26262e;border-radius:20px;align-items:center;gap:6px;padding:6px 16px;font-size:11px;font-weight:800;animation:1.1s ease-in-out infinite blink-badge;display:inline-flex;box-shadow:0 8px 22px #dc26261f}@keyframes blink-badge{0%,to{opacity:1}50%{opacity:.5}}.live-anim-wrap{z-index:2;justify-content:center;align-items:center;width:clamp(210px,28vw,280px);height:clamp(210px,28vw,280px);display:flex;position:relative}.live-anim-wrap:before{content:"";background:repeating-conic-gradient(from 12deg,#54ae4414 0 7deg,transparent 7deg 22deg),radial-gradient(circle,#54ae441c,transparent 62%);opacity:.66;border-radius:50%;animation:16s linear infinite live-field-turn;position:absolute;inset:18px}.live-anim-wrap.go:before{opacity:.9;animation-duration:8s}@keyframes live-field-turn{to{transform:rotate(360deg)}}.live-arc{opacity:.65;border:2px solid #54ae4440;border-radius:50%;transition:border-color .4s,opacity .4s;animation:3.6s ease-in-out infinite live-idle-ring;position:absolute}.live-arc-1{width:112px;height:112px;animation-delay:0s}.live-arc-2{width:174px;height:174px;animation-delay:.5s}.live-arc-3{width:238px;height:238px;animation-delay:1s}.live-arc.go{border-color:#54ae44bd}.live-arc-1.go{animation:1.6s ease-out infinite pulse-arc}.live-arc-2.go{animation:1.6s ease-out .4s infinite pulse-arc}.live-arc-3.go{animation:1.6s ease-out .8s infinite pulse-arc}@keyframes live-idle-ring{0%,to{opacity:.48;transform:scale(.98)}50%{opacity:.82;transform:scale(1.035)}}@keyframes pulse-arc{0%{opacity:.9;transform:scale(.92)}70%{opacity:.3;transform:scale(1.06)}to{opacity:0;transform:scale(1.1)}}.live-scan{background:conic-gradient(from 0deg,transparent 0 64%,#54ae445c 72%,transparent 82% 100%);opacity:.45;border-radius:50%;animation:5.8s linear infinite live-radar-spin;position:absolute;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 13px),#000 calc(100% - 12px));mask:radial-gradient(farthest-side,#0000 calc(100% - 13px),#000 calc(100% - 12px))}.live-scan-1{width:248px;height:248px}.live-scan-2{opacity:.28;width:178px;height:178px;animation-duration:4.7s;animation-direction:reverse}.live-anim-wrap.go .live-scan{opacity:.72;animation-duration:2.6s}@keyframes live-radar-spin{to{transform:rotate(360deg)}}.live-orbit{border:1px dashed #54ae4457;border-radius:50%;animation:11s linear infinite live-orbit-turn;position:absolute}.live-orbit-a{width:214px;height:214px}.live-orbit-b{border-color:#e68f3e47;width:150px;height:150px;animation-duration:8s;animation-direction:reverse}.live-anim-wrap.go .live-orbit-a{animation-duration:5.8s}.live-anim-wrap.go .live-orbit-b{animation-duration:4.6s}.live-orbit-book,.live-orbit-spark{position:absolute;top:-8px;left:50%;transform:translate(-50%)}.live-orbit-book{background:linear-gradient(90deg,#54ae4433 0 25%,#fff 25%);border:1px solid #54ae4494;border-radius:4px 2px 2px 4px;width:26px;height:20px;box-shadow:0 8px 15px #2b40301a}.live-orbit-book:before{content:"";background:#54ae4466;border-radius:2px;width:12px;height:2px;position:absolute;top:5px;right:4px;box-shadow:0 5px #e28f4347}.live-orbit-spark{background:#f0a94a;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 6px #f0a94a1f}@keyframes live-orbit-turn{to{transform:rotate(360deg)}}.live-orb{z-index:3;color:#54ae44;background:linear-gradient(145deg,#fff 0%,#e8f7e5 100%);border:2px solid #54ae4457;border-radius:50%;place-items:center;width:92px;height:92px;transition:background .3s,border-color .3s,box-shadow .3s,color .3s;animation:3.4s ease-in-out infinite live-orb-float;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 10px #54ae440d,0 16px 28px #2b40301a}.live-orb:after{content:"";background:#ffffff94;border-radius:50%;width:52px;height:18px;position:absolute;inset:13px auto auto 15px;transform:rotate(-18deg)}.live-orb.go{color:#fff;background:linear-gradient(145deg,#62bd51,#45a537);border-color:#3f9334;animation:1.4s ease-in-out infinite orb-pulse;box-shadow:inset 0 0 0 10px #ffffff14,0 0 0 8px #54ae442e,0 18px 38px #54ae4442}@keyframes live-orb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes orb-pulse{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-5px)scale(1.03)}}.live-orb-svg{z-index:1;width:39px;height:39px;position:relative}.live-soundbars{opacity:.62;align-items:flex-end;gap:5px;height:34px;transition:opacity .3s,transform .3s;display:flex;position:absolute;bottom:10px}.live-soundbars.go{opacity:1;transform:translateY(4px)}.sb{transform-origin:bottom;background:linear-gradient(#f0a94a,#54ae44);border-radius:999px;width:5px;animation:1.05s ease-in-out infinite sb-bounce}.sb-1{height:10px;animation-delay:0s}.sb-2{height:22px;animation-delay:.1s}.sb-3{height:32px;animation-delay:.2s}.sb-4{height:25px;animation-delay:.3s}.sb-5{height:32px;animation-delay:.4s}.sb-6{height:20px;animation-delay:.5s}.sb-7{height:12px;animation-delay:.6s}@keyframes sb-bounce{0%,to{opacity:.48;transform:scaleY(.42)}50%{opacity:1;transform:scaleY(1)}}.live-card-body{z-index:2;text-align:center;position:relative}.live-card-body h2{color:#54ae44;margin:0 0 10px;font-size:clamp(29px,4vw,42px);font-weight:650;line-height:1.05}.live-card-body p{color:#7f8f86;margin:0;font-size:clamp(14px,1.8vw,18px);line-height:1.55}.live-viewers{z-index:2;color:#3a7a32;background:#f0faf0;border:1px solid #c8e8c2;border-radius:20px;align-items:center;gap:8px;padding:8px 18px;font-size:12px;font-weight:650;display:flex;position:relative;box-shadow:0 8px 18px #54ae4417}.live-dot{background:#dc2626;border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite blink-badge}.live-btn{z-index:2;color:#fff;width:min(270px,100%);height:56px;font:800 18px var(--sans);letter-spacing:.4px;background:#54ae44;border:0;border-radius:28px;margin:0;transition:background .2s,box-shadow .2s,transform .2s;position:relative;overflow:hidden;box-shadow:0 13px 28px #54ae4440}.live-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff57,#0000);width:42%;animation:3.8s ease-in-out infinite live-button-shine;position:absolute;inset:0 auto 0 -45%;transform:skew(-18deg)}@keyframes live-button-shine{0%,38%{left:-45%}64%,to{left:112%}}.live-btn:hover{background:#47973a;transform:translateY(-1px);box-shadow:0 14px 32px #54ae4452}.live-btn.stop{background:#dc2626}.live-btn.stop:hover{background:#b91c1c;box-shadow:0 14px 32px #dc26263d}@media (width<=700px){.vendor-live-page{padding:12px;inset:58px 0 0 55px}.live-card{border-radius:16px;gap:17px;min-height:calc(100svh - 82px);padding:24px 16px}.live-anim-wrap{width:210px;height:210px}.live-arc-1{width:92px;height:92px}.live-arc-2{width:140px;height:140px}.live-arc-3{width:190px;height:190px}.live-scan-1{width:200px;height:200px}.live-scan-2{width:142px;height:142px}.live-orbit-a{width:176px;height:176px}.live-orbit-b{width:124px;height:124px}.live-orb{width:78px;height:78px}.live-orb-svg{width:33px;height:33px}.live-btn{height:50px;font-size:15px}}@media (prefers-reduced-motion:reduce){.vendor-live-page *,.vendor-live-page :before,.vendor-live-page :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.vd-modal-overlay{z-index:50;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.vd-modal{background:#fff;border-radius:14px;width:min(100%,440px);overflow:hidden;box-shadow:0 20px 60px #00000038}.vd-modal-head{border-bottom:1px solid #edf2ee;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.vd-modal-head h2{color:#1e2a24;margin:0;font-size:15px;font-weight:700}.vd-modal-close{color:#8a9a93;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:26px;height:26px;margin:0;padding:0;font-size:12px;display:grid}.vd-modal-close:hover{color:#54ae44;box-shadow:none;background:#f0f4f2}.vd-modal-body{flex-direction:column;gap:12px;padding:16px 20px;display:flex}.vd-modal-foot{background:#f8fbf8;border-top:1px solid #edf2ee;justify-content:flex-end;align-items:center;gap:8px;padding:12px 20px 16px;display:flex}.vd-modal-cancel{color:#68746b;width:auto;height:34px;font:600 12px var(--sans);cursor:pointer;background:#fff;border:1px solid #d5dfd7;border-radius:7px;margin:0;padding:0 14px}.vd-modal-cancel:hover{color:#54ae44;box-shadow:none;background:#f5fbf4}.vd-modal-submit{color:#fff;width:auto;height:34px;font:600 12px var(--sans);cursor:pointer;background:#54ae44;border:0;border-radius:7px;margin:0;padding:0 16px}.vd-modal-submit:hover{background:#47973a;box-shadow:0 3px 10px #54ae4447}.support-fit-page{box-sizing:border-box;flex-direction:column;gap:12px;height:calc(100vh - 64px);max-height:calc(100vh - 64px);padding:16px 24px 18px;display:flex;overflow:hidden}.support-fit-header{border-bottom:1px solid #edf2ee;flex-shrink:0;padding-bottom:10px}.support-page-title{letter-spacing:-.2px;margin:0 0 2px;font-size:22px;font-weight:700;color:#54ae44!important}.support-fit-header p{color:#94a09b;margin:0;font-size:11px}.normal-support-grid{flex:1;grid-template-columns:310px 1fr;gap:16px;height:100%;min-height:0;display:grid}.normal-support-sidebar{flex-direction:column;gap:10px;height:100%;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.normal-support-sidebar::-webkit-scrollbar{width:4px}.normal-support-sidebar::-webkit-scrollbar-thumb{background:#d4e0d7;border-radius:4px}.support-status-box{background:#fff;border:1px solid #edf2ee;border-radius:12px;flex-shrink:0;align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:0 1px 4px #00000005}.support-status-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 0 3px #22c55e33}.support-status-box strong{color:#1e2a24;font-size:12.5px;display:block}.support-status-box small{color:#718096;font-size:10.5px}.support-offline-note{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;flex-direction:column;flex-shrink:0;gap:4px;padding:10px 12px;font-size:11px;line-height:1.4;display:flex}.offline-note-head{color:#166534;align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:flex}.support-offline-note p{margin:0}.support-channel-list{flex-direction:column;flex-shrink:0;gap:9px;display:flex}.support-channel-card{background:#fff;border:1px solid #edf2ee;border-radius:11px;align-items:center;gap:10px;padding:11px 13px;transition:border-color .15s,transform .15s;display:flex;box-shadow:0 1px 4px #00000005}.support-channel-card:hover{border-color:#54ae44;transform:translateY(-1px)}.channel-icon-wrap{border-radius:8px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.channel-icon-wrap.email{color:#0284c7;background:#e0f2fe}.channel-icon-wrap.phone{color:#d97706;background:#fef3c7}.channel-icon-wrap.whatsapp{color:#16a34a;background:#dcfce7}.channel-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.channel-info span{color:#718096;font-size:10px;font-weight:500}.channel-info strong{color:#1e2a24;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.channel-info small{color:#94a3b8;font-size:9.5px}.channel-action-btn{color:#fff;white-space:nowrap;cursor:pointer;background:#54ae44;border-radius:6px;padding:5px 11px;font-size:10.5px;font-weight:600;text-decoration:none;transition:background .15s}.channel-action-btn:hover{background:#47973a}.channel-action-btn.wa{background:#25d366}.channel-action-btn.wa:hover{background:#20ba5a}.normal-chat-card{background:#fff;border:1px solid #edf2ee;border-radius:12px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000008}.normal-chat-header{background:#fafdfa;border-bottom:1px solid #edf2ee;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.chat-header-profile{align-items:center;gap:9px;display:flex}.chat-avatar{background:#eaf8e7;border-radius:50%;place-items:center;width:34px;height:34px;font-size:15px;display:grid}.chat-header-profile strong{color:#1e2a24;font-size:13px;display:block}.chat-status-sub{color:#64748b;align-items:center;gap:5px;font-size:10.5px;display:flex}.chat-status-dot{background:#22c55e;border-radius:50%;width:6px;height:6px}.chat-header-links{gap:8px;display:flex}.chat-header-links a{color:#54ae44;background:#f0fdf4;border:1px solid #dcfce7;border-radius:5px;padding:4px 8px;font-size:10.5px;font-weight:600;text-decoration:none}.chat-header-links a:hover{background:#dcfce7}.normal-chat-messages{background:#fcfdfc;flex-direction:column;flex:1;gap:12px;min-height:0;padding:14px 16px;display:flex;overflow-y:auto}.normal-chat-messages::-webkit-scrollbar{width:5px}.normal-chat-messages::-webkit-scrollbar-thumb{background:#d4e0d7;border-radius:5px}.chat-message-row{gap:8px;max-width:78%;display:flex}.chat-message-row.user-row{flex-direction:row-reverse;align-self:flex-end}.chat-message-row.support-row{align-self:flex-start}.msg-avatar{background:#eaf8e7;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;margin-top:2px;font-size:12px;display:grid}.msg-bubble-wrap{flex-direction:column;gap:3px;display:flex}.msg-bubble{border-radius:12px;padding:9px 13px;font-size:12px;line-height:1.45}.msg-bubble p{margin:0}.user-bubble{color:#fff;background:#54ae44;border-bottom-right-radius:2px;box-shadow:0 1px 4px #54ae4433}.support-bubble{color:#1e2a24;background:#fff;border:1px solid #e4ece6;border-bottom-left-radius:2px;box-shadow:0 1px 3px #00000005}.msg-time{color:#94a3b8;align-self:flex-end;font-size:9.5px}.user-row .msg-time{align-self:flex-start}.typing-bubble{color:#64748b;align-items:center;gap:4px;font-size:11px;display:flex}.typing-bubble .dot{background:#94a3b8;border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite typing-dot}.typing-bubble .dot:nth-child(2){animation-delay:.2s}.typing-bubble .dot:nth-child(3){animation-delay:.4s}@keyframes typing-dot{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.chat-quick-pills{background:#fbfdfa;border-top:1px solid #edf2ee;flex-shrink:0;align-items:center;gap:7px;padding:7px 14px;display:flex;overflow-x:auto}.chat-quick-pills span{color:#54ae44;white-space:nowrap;font-size:10.5px;font-weight:700}.quick-pill-btn{color:#2e7d32;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcfce7;border-radius:99px;padding:4px 9px;font-size:10.5px;font-weight:500;transition:all .15s}.quick-pill-btn:hover{color:#1e7025;background:#eaf8e7;border-color:#54ae44}.normal-chat-input-bar{background:#fff;border-top:1px solid #edf2ee;flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;display:flex}.normal-chat-input-bar input{color:#1e2a24;background:#fbfdfa;border:1px solid #d5dfd7;border-radius:20px;outline:none;flex:1;height:36px;padding:0 14px;font-size:12px;transition:border-color .15s}.normal-chat-input-bar input:focus{background:#fff;border-color:#54ae44;box-shadow:0 0 0 2px #54ae4426}.normal-chat-input-bar button{color:#fff;cursor:pointer;background:#54ae44;border:0;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;height:36px;padding:0 14px;font-size:11.5px;font-weight:600;transition:background .15s;display:inline-flex}.normal-chat-input-bar button:hover:not(:disabled){background:#47973a}.normal-chat-input-bar button:disabled{cursor:not-allowed;background:#cbd5e1}@media (width<=860px){.support-fit-page{height:auto;max-height:none;overflow:visible}.normal-support-grid{grid-template-columns:1fr;height:auto}.normal-chat-card{height:520px}}