:root{--primary-blue: #5484a5;--primary-blue-dark: #3b6280;--primary-gradient: linear-gradient(135deg, #6c9bbd 0%, #4a7596 100%);--bot-bubble-bg: linear-gradient(135deg, #6c9bbd 0%, #4a7596 100%);--user-bubble-bg: #e8e8e8;--button-bg: #ffffff;--button-border: #5484a5;--button-text: #5484a5;--button-hover-bg: #5484a5;--button-hover-text: #ffffff;--chat-bg: #dcebf5;--white: #ffffff;--text-dark: #333333;--shadow: 0 4px 20px rgba(0, 0, 0, .15);--success-bg: #e8f5e9;--success-text: #2e7d32;--pending-bg: #fff3e0;--pending-text: #e65100;--failed-bg: #ffebee;--failed-text: #c62828;--default-bg: #f5f5f5;--default-text: #616161;--card-bg: #ffffff;--card-border: #cddce6;--card-shadow: 0 2px 8px rgba(0, 0, 0, .08);--card-header-bg: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f5f5f5}.chat-floating-button{position:fixed;bottom:24px;left:24px;width:80px;height:80px;border-radius:50%;background:var(--primary-gradient);border:none;cursor:pointer;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;transition:transform .3s ease,box-shadow .3s ease;z-index:9999}.chat-floating-button:hover{transform:scale(1.1);box-shadow:0 6px 25px #0003}.chat-floating-button svg{width:28px;height:28px;fill:var(--white)}.chat-floating-icon{width:85%;height:85%;object-fit:contain;border-radius:50%}.chat-footer-text{text-align:center;font-size:11px;color:#888;margin-top:8px;font-weight:500}.chat-widget{position:fixed;bottom:100px;left:24px;width:400px;height:600px;background:var(--chat-bg);border-radius:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;z-index:9998;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header{background:var(--primary-gradient);color:var(--white);padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.chat-header-info{display:flex;align-items:center;gap:12px}.chat-header-avatar{width:40px;height:40px;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;font-size:20px}.chat-header-title h3{font-size:16px;font-weight:600;margin-bottom:2px}.chat-header-title span{font-size:12px;opacity:.9}.chat-close-btn{background:#fff3;border:none;color:var(--white);width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.chat-close-btn:hover{background:#ffffff4d}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.message-row{display:flex;gap:10px;align-items:flex-start}.message-row.user{flex-direction:row-reverse}.message-avatar{width:36px;height:36px;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.chat-header-avatar-img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:transparent}.message-avatar-img{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;background:transparent}.message-bubble{max-width:85%;padding:12px 16px;border-radius:16px;line-height:1.5;font-size:14px}.message-bubble.bot{background:var(--bot-bubble-bg);color:var(--white);border-bottom-left-radius:4px}.message-bubble.user{background:var(--user-bubble-bg);color:var(--text-dark);border-bottom-right-radius:4px}.options-container{display:flex;flex-direction:column;gap:8px;margin-top:8px;max-width:300px}.option-button{background:var(--button-bg);border:1.5px solid var(--button-border);color:var(--button-text);padding:10px 16px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;text-align:center}.option-button:hover{background:var(--button-hover-bg);color:var(--button-hover-text)}.chat-input-area{padding:16px;background:var(--white);border-top:1px solid #e0e0e0}.chat-input-container{display:flex;gap:10px;align-items:center}.chat-input{flex:1;padding:12px 16px;border:1.5px solid #ddd;border-radius:24px;font-size:14px;outline:none;transition:border-color .2s}.chat-input:focus{border-color:var(--primary-blue)}.chat-send-btn{width:44px;height:44px;border-radius:50%;background:var(--primary-gradient);border:none;color:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.chat-send-btn:hover{transform:scale(1.05)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-mic-btn{width:44px;height:44px;border-radius:50%;background:transparent;border:2px solid var(--primary-blue);color:var(--primary-blue);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.chat-mic-btn:hover{background:var(--primary-blue);color:var(--white)}.chat-mic-btn.recording{background:#f44;border-color:#f44;color:var(--white);animation:pulse 1s infinite}.chat-mic-btn.transcribing{background:var(--primary-blue);border-color:var(--primary-blue);color:var(--white)}.mic-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.chat-mic-btn:disabled{opacity:.5;cursor:not-allowed}.data-cards-container{display:flex;flex-direction:column;gap:10px;margin-top:12px;max-width:320px}.order-card,.item-card,.payment-card,.store-card,.voucher-card,.product-card,.kyc-card,.generic-card{background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:var(--card-shadow);border:1px solid var(--card-border)}.order-card{min-width:200px}.order-card-header{background:var(--card-header-bg);padding:12px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--card-border)}.order-id{font-weight:700;color:var(--primary-blue);font-size:15px}.order-status{font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.3px}.order-card-body{padding:12px 14px}.order-detail{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;color:var(--text-dark)}.order-detail:last-child{margin-bottom:0}.detail-icon{font-size:14px}.detail-text{font-weight:500}.item-card-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:10px 14px;color:#fff}.item-name{font-weight:600;font-size:13px}.item-card-body{padding:12px 14px}.item-stats{display:flex;justify-content:space-around;margin-bottom:10px}.stat{text-align:center}.stat-label{font-size:10px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:2px}.stat-value{font-size:16px;font-weight:700;color:var(--primary-blue)}.item-status{text-align:center;font-size:11px;font-weight:600;padding:6px 12px;border-radius:16px;text-transform:uppercase;letter-spacing:.3px}.payment-card-header{background:linear-gradient(135deg,#11998e,#38ef7d);padding:12px 14px;display:flex;justify-content:space-between;align-items:center;color:#fff}.payment-label{font-weight:600;font-size:13px}.payment-status{font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;text-transform:uppercase;background:#fff3}.payment-card-body{padding:12px 14px}.payment-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f0f0f0;font-size:13px}.payment-row:last-child{border-bottom:none}.payment-key{color:#666}.payment-value{font-weight:600;color:var(--text-dark)}.store-card-header{background:linear-gradient(135deg,#ff6b6b,#feca57);padding:12px 14px;display:flex;align-items:center;gap:10px;color:#fff}.store-icon{font-size:20px}.store-name{font-weight:600;font-size:14px}.store-card-body{padding:12px 14px}.store-detail{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;font-size:12px;color:var(--text-dark)}.store-detail:last-child{margin-bottom:0}.store-detail-icon{font-size:14px;flex-shrink:0}.store-detail-text{line-height:1.4}.voucher-card-header{background:linear-gradient(135deg,#a18cd1,#fbc2eb);padding:12px 14px;display:flex;align-items:center;gap:10px;color:#fff}.voucher-icon{font-size:18px}.voucher-number{font-weight:700;font-size:14px}.voucher-card-body{padding:12px 14px}.voucher-detail{display:flex;justify-content:space-between;padding:4px 0;font-size:13px}.voucher-label{color:#666}.voucher-value{font-weight:600;color:var(--text-dark)}.voucher-status{text-align:center;font-size:11px;font-weight:600;padding:6px 12px;border-radius:16px;margin-top:8px;text-transform:uppercase}.product-card-header{background:linear-gradient(135deg,#0093e9,#80d0c7);padding:12px 14px;color:#fff}.product-name{font-weight:600;font-size:14px}.product-card-body{padding:12px 14px}.product-detail{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;border-bottom:1px solid #f0f0f0}.product-detail.highlight{background:#f8f9fa;margin:8px -14px;padding:10px 14px;border-bottom:none}.product-label{color:#666}.product-value{font-weight:600;color:var(--text-dark)}.product-value.price{color:#2e7d32;font-size:16px}.product-stats{display:flex;justify-content:center;gap:30px;margin-top:10px}.product-stat{text-align:center}.kyc-card-header{background:linear-gradient(135deg,#434343,#000);padding:12px 14px;color:#fff}.kyc-label{font-weight:600;font-size:14px}.kyc-card-body{padding:14px}.kyc-status-row{display:flex;justify-content:space-between;align-items:center}.kyc-status-label{font-size:13px;color:#666}.kyc-status-value{font-weight:700;font-size:14px;padding:4px 12px;border-radius:16px}.kyc-description{margin-top:10px;font-size:12px;color:#666;line-height:1.4}.generic-card{padding:12px 14px}.generic-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f0f0f0;font-size:13px}.generic-row:last-child{border-bottom:none}.generic-label{color:#666;font-weight:500}.generic-value{font-weight:600;color:var(--text-dark)}.status-success{background:var(--success-bg)!important;color:var(--success-text)!important}.status-pending{background:var(--pending-bg)!important;color:var(--pending-text)!important}.status-failed{background:var(--failed-bg)!important;color:var(--failed-text)!important}.status-default{background:var(--default-bg)!important;color:var(--default-text)!important}.typing-indicator{display:flex;gap:4px;padding:12px 16px}.typing-dot{width:8px;height:8px;background:#ffffffb3;border-radius:50%;animation:bounce 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}@media(max-width:450px){.chat-widget{width:calc(100vw - 48px);height:70vh;bottom:90px}.data-cards-container{max-width:100%}}.distributor-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a;padding:16px;font-family:Segoe UI,sans-serif;text-align:center}.dist-header{display:flex;justify-content:center;margin-bottom:12px}.vestige-logo-small{display:flex;flex-direction:column;align-items:center}.logo-v{color:#007dc5;font-weight:700;font-size:20px;line-height:1}.logo-v:after{content:"✔";color:#55b559;font-size:14px;position:absolute;margin-left:2px;display:none}.logo-text{font-size:10px;font-weight:700;letter-spacing:1px;color:#333}.dist-info{margin-bottom:16px}.dist-name{font-size:18px;font-weight:700;color:#333;margin-bottom:4px}.dist-id-row{font-size:13px;color:#666;font-weight:500}.dist-level-container{display:flex;justify-content:space-between;margin-bottom:8px;text-align:left}.level-box{flex:1}.level-box:last-child{text-align:right}.level-label{font-size:11px;color:#4caf50;font-weight:600;margin-bottom:2px}.level-value{font-size:11px;font-weight:700;color:#333;text-transform:uppercase}.level-progress-bar{height:12px;background:#e0e0e0;border-radius:6px;margin-bottom:20px;overflow:hidden;display:flex}.progress-fill{width:70%;background:#55b559;height:100%}.dist-stats-row{display:flex;gap:10px;margin-bottom:20px}.stat-box{flex:1;border-radius:8px;padding:12px 4px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px}.stat-box.green{background:#00d2aa}.stat-box.blue{background:#008aff}.stat-box.red{background:#f53153}.stat-val{font-size:18px;font-weight:700;margin-bottom:4px}.stat-lbl{font-size:10px;font-weight:600;text-transform:uppercase;line-height:1.2}.dist-bonus-strip{background:#fff;border:1px solid #eee;border-radius:8px;padding:12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;box-shadow:0 2px 4px #00000005}.bonus-label{font-size:11px;color:#666;font-weight:600;text-transform:uppercase}.bonus-value{font-size:14px;font-weight:700;color:#333}.dist-orders-section{text-align:left}.orders-title{font-size:14px;font-weight:700;color:#333;margin-bottom:10px}.orders-table{background:#fff;border:1px solid #eee;border-radius:8px;overflow:hidden}.orders-header-row{display:flex;padding:10px;background:#f9f9f9;border-bottom:1px solid #eee;font-size:11px;font-weight:700;color:#333}.order-row{display:flex;padding:10px;border-bottom:1px solid #f0f0f0;font-size:11px;color:#555}.order-row:last-child{border-bottom:none}.col-date{flex:1}.col-amt{flex:1;text-align:center}.col-status{flex:1;text-align:right}.order-row.empty{justify-content:center;padding:20px;font-style:italic;color:#999}.welcome-logo-card{background:#fff;border:4px solid var(--primary-blue);border-radius:12px;padding:24px;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 12px #0000001a;margin-bottom:8px;width:100%;max-width:280px}.welcome-logo-img{max-width:200px;height:auto;object-fit:contain}.welcome-logo-container{display:flex;flex-direction:column;align-items:center}.welcome-logo-mark{font-size:64px;line-height:1;margin-bottom:4px;font-weight:700;background:linear-gradient(135deg,#2e7d32 50%,#1a5f7a 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.welcome-logo-text{font-size:24px;font-weight:800;letter-spacing:2px;color:#333}.welcome-logo-sub{font-size:10px;color:#666;letter-spacing:1px}:root{--dash-bg: #0f172a;--dash-sidebar: #1e293b;--dash-card: #1e293b;--dash-text: #f1f5f9;--dash-accent: #3b82f6;--dash-border: #334155;--dash-hover: #334155}.dashboard-container{display:flex;height:100vh;background-color:var(--dash-bg);color:var(--dash-text);overflow:hidden}.dashboard-sidebar{width:250px;background-color:var(--dash-sidebar);border-right:1px solid var(--dash-border);display:flex;flex-direction:column;padding:20px}.sidebar-header{display:flex;align-items:center;gap:12px;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid var(--dash-border)}.sidebar-logo{width:40px;height:40px;object-fit:contain}.sidebar-title{font-size:1.2rem;font-weight:700;color:var(--dash-text)}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:#94a3b8;text-decoration:none;transition:all .2s}.nav-item:hover{background-color:var(--dash-hover);color:var(--dash-text)}.nav-item.active{background-color:var(--dash-accent);color:#fff}.sidebar-footer{border-top:1px solid var(--dash-border);padding-top:20px}.dashboard-main{flex:1;padding:30px;overflow-y:auto}.page-title{font-size:1.8rem;margin-bottom:30px;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px}.stats-card{background-color:var(--dash-card);padding:24px;border-radius:12px;display:flex;align-items:center;gap:20px;border:1px solid var(--dash-border)}.stats-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stats-info{display:flex;flex-direction:column}.stats-label{color:#94a3b8;font-size:.9rem}.stats-value{color:var(--dash-text);font-size:1.5rem;font-weight:700}.chart-container{background-color:var(--dash-card);padding:24px;border-radius:12px;border:1px solid var(--dash-border);height:400px}.chart-title{font-size:1.2rem;margin-bottom:20px;font-weight:600}.chart-wrapper{height:320px;width:100%}.chat-monitor{display:grid;grid-template-columns:300px 1fr;gap:24px;height:calc(100vh - 100px)}.session-list{background-color:var(--dash-card);border-radius:12px;border:1px solid var(--dash-border);display:flex;flex-direction:column;overflow:hidden}.list-header{padding:16px;border-bottom:1px solid var(--dash-border);display:flex;justify-content:space-between;align-items:center}.list-header h3{font-size:1rem;font-weight:600;margin:0}.refresh-btn{background:transparent;border:1px solid var(--dash-border);color:#94a3b8;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:.8rem}.refresh-btn:hover{background:var(--dash-hover);color:#fff}.list-content{overflow-y:auto;flex:1}.session-item{padding:16px;border-bottom:1px solid var(--dash-border);cursor:pointer;display:flex;gap:12px;align-items:center;transition:background .2s}.session-item:hover{background-color:var(--dash-hover)}.session-item.selected{background-color:#3b82f61a;border-left:3px solid var(--dash-accent)}.session-avatar{background-color:#334155;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#94a3b8}.session-info{flex:1;min-width:0}.session-user{font-weight:500;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-time{font-size:.8rem;color:#94a3b8;display:flex;align-items:center;gap:4px;margin-top:4px}.chat-transcript{background-color:var(--dash-card);border-radius:12px;border:1px solid var(--dash-border);display:flex;flex-direction:column;overflow:hidden}.transcript-header{padding:16px;border-bottom:1px solid var(--dash-border);display:flex;justify-content:space-between;align-items:center}.transcript-header h3{margin:0;font-size:1.1rem}.transcript-id{font-family:monospace;color:#64748b;font-size:.9rem}.transcript-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.transcript-message{max-width:80%;display:flex;flex-direction:column}.transcript-message.user{align-self:flex-end;align-items:flex-end}.transcript-message.bot{align-self:flex-start;align-items:flex-start}.transcript-message .message-bubble{padding:12px 16px;border-radius:12px;font-size:.95rem;line-height:1.5}.transcript-message.user .message-bubble{background-color:var(--dash-accent);color:#fff;border-bottom-right-radius:2px}.transcript-message.bot .message-bubble{background-color:#334155;color:var(--dash-text);border-bottom-left-radius:2px}.message-time{font-size:.75rem;color:#64748b;margin-top:4px}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b;gap:16px}.help-popup{position:fixed;bottom:110px;left:24px;background:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 4px 12px #00000026;z-index:9997;display:flex;flex-direction:column;min-width:140px;cursor:pointer;animation:bgSlideIn .3s ease;border:1px solid #e0e0e0}.help-popup-content{display:flex;flex-direction:column}.help-text{font-size:12px;color:#666}.help-subtext{font-size:14px;font-weight:700;color:var(--primary-blue)}.help-popup-close{position:absolute;top:4px;right:4px;background:none;border:none;font-size:12px;color:#999;cursor:pointer;padding:4px;line-height:1}.help-popup-close:hover{color:#666}.help-popup-arrow{position:absolute;bottom:-6px;left:30px;width:12px;height:12px;background:#fff;transform:rotate(45deg);border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}@keyframes bgSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}