*{box-sizing:border-box}body{margin:0;font-family:Inter Rounded,sans-serif;background-color:#0A0F1F;color:#E6EAF2;overflow:hidden;height:100vh}.app-wrapper{height:100vh;display:flex;flex-direction:column;margin-top:20px}.app-container{border-radius:16px 16px 0 0;box-shadow:0 -4px 20px rgba(0,0,0,.3)}.app-container,.main-content{display:flex;flex:1;min-height:0;background-color:#0A0F1F}.chatbox,.main-content{flex-direction:column;overflow:hidden;border-radius:16px 0 0 0}.chatbox{display:flex;height:100%;background:linear-gradient(135deg,#0A0F1F,#131B3D)}.messages{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:1rem;padding:2rem 3rem;box-sizing:border-box;background:transparent;min-height:0}.welcome-section{text-align:center;padding:3rem 2rem 2rem;background:transparent;border-bottom:1px solid rgba(255,255,255,.1)}.welcome-title{font-family:Manrope SemiBold,sans-serif;font-size:2.5rem;color:white;margin-bottom:3rem;background:linear-gradient(135deg,#FFFFFF,#E6EAF2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.action-buttons{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-top:2rem}.action-btn{padding:1.2rem 2rem;border:none;border-radius:16px;cursor:pointer;font-family:Manrope SemiBold,sans-serif;font-size:1rem;transition:all .3s ease;min-width:200px}.action-btn.primary{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#ffffff;box-shadow:0 4px 20px rgba(30,31,31,.3)}.action-btn.primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(37,37,37,.4)}.input-area{display:flex;align-items:center;border-top:1px solid rgba(255,255,255,.1);padding:1.5rem 3rem;gap:.8rem;background:rgba(10,15,31,.95);backdrop-filter:blur(10px);box-sizing:border-box;flex-shrink:0;min-height:80px}.input-area input{flex:1;padding:1rem 1.2rem;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);color:#E6EAF2;font-family:Inter Rounded,sans-serif;font-size:.95rem;outline:none;transition:all .3s ease}.input-area input:focus{border-color:#00E0B8;box-shadow:0 0 0 2px rgba(0,224,184,.2);background:rgba(255,255,255,.08)}.input-area button{padding:1rem 1.5rem;background:linear-gradient(135deg,#00E0B8,#00C5A3);color:#0A0F1F;border:none;border-radius:12px;cursor:pointer;font-family:Manrope SemiBold,sans-serif;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,224,184,.3);flex-shrink:0}.input-area button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,224,184,.4)}.message-bubble{max-width:70%;padding:1rem 1.2rem;border-radius:16px;line-height:1.5;font-family:Inter Rounded,sans-serif;font-size:.95rem;box-shadow:0 4px 12px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1);flex-shrink:0}.message-bubble.user{align-self:flex-end;background:linear-gradient(135deg,#7B5CFF,#5D3FD3);color:white;border:none}.message-bubble.bot{align-self:flex-start;background:rgba(255,255,255,.05);color:#E6EAF2;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px)}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}.messages::-webkit-scrollbar-thumb{background:#7B5CFF;border-radius:3px}.messages::-webkit-scrollbar-thumb:hover{background:#00E0B8}.sidebar{width:180px;min-width:180px;background:linear-gradient(180deg,#0A0F1F,#131B3D);border-right:1px solid rgba(255,255,255,.1);flex-direction:column;padding:1.5rem 0;gap:.5rem;height:100vh;box-shadow:4px 0 20px rgba(0,0,0,.3)}.logo-container,.sidebar{display:flex;align-items:center}.logo-container{width:100%;justify-content:center;margin-bottom:2rem;padding:0 1rem}.logo-img{width:140px;height:auto;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1);padding-top:3rem}.sidebar button{width:85%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.8rem 1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.8rem;color:#E6EAF2;font-family:Inter Rounded,sans-serif;font-size:.9rem;font-weight:500;position:relative;overflow:hidden}.sidebar button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.sidebar button:hover:before{left:100%}.sidebar button:hover{background:rgba(255,255,255,.1);border-color:rgba(123,92,255,.3);transform:translateX(4px)}.sidebar button.active{background:linear-gradient(135deg,#7B5CFF,#5D3FD3);border-color:#7B5CFF;color:white;box-shadow:0 4px 15px rgba(123,92,255,.3)}.sidebar button.active:hover{background:linear-gradient(135deg,#8B6CFF,#6D4FE3);transform:translateX(4px)}.sidebar-icon{width:20px;height:20px;flex-shrink:0;transition:all .3s ease}.sidebar button:hover .sidebar-icon{transform:scale(1.1)}.sidebar button.active .sidebar-icon{filter:brightness(0) invert(1)}@media (max-width:768px){.sidebar{width:160px;min-width:160px;padding:1rem 0}.logo-img{width:120px}.sidebar button{width:90%;padding:.7rem .8rem;font-size:.85rem}.sidebar-icon{width:18px;height:18px}}@media (max-width:480px){.sidebar{width:140px;min-width:140px}.logo-img{width:100px}}@media (max-width:768px){.messages{padding:1.5rem 1rem}.input-area{padding:1rem}.welcome-title{font-size:2rem}.action-buttons{flex-direction:column;align-items:center}.action-btn{min-width:250px;width:100%;max-width:300px}.message-bubble{max-width:85%;padding:.8rem 1rem}}@media (max-width:480px){.welcome-section{padding:2rem 1rem}.welcome-title{font-size:1.8rem}.action-btn{padding:1rem 1.5rem;min-width:200px}}.clients-container{padding:2rem 3rem;overflow:hidden;background:linear-gradient(135deg,#0A0F1F,#131B3D)}.clients-container h2{margin-bottom:1.5rem;color:white;font-family:Manrope SemiBold,sans-serif;font-size:2rem;background:linear-gradient(135deg,#FFFFFF,#E6EAF2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.msg-scroll-area{flex:1;overflow-y:auto;margin-bottom:1rem;padding-right:.5rem}.msg-scroll-area::-webkit-scrollbar{width:6px}.msg-scroll-area::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}.msg-scroll-area::-webkit-scrollbar-thumb{background:#7B5CFF;border-radius:3px}.msg-scroll-area::-webkit-scrollbar-thumb:hover{background:#00E0B8}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.client-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:all .3s ease;cursor:pointer;backdrop-filter:blur(10px);position:relative;overflow:hidden}.client-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.client-card:hover:before{left:100%}.client-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.3);border-color:rgba(123,92,255,.3);background:rgba(255,255,255,.08)}.client-name{font-weight:600;font-size:1.1rem;color:#E6EAF2;margin-bottom:.5rem;font-family:Manrope SemiBold,sans-serif}.client-phone{color:#00E0B8;font-size:.9rem;margin-bottom:.8rem;font-family:Inter Rounded,sans-serif}.message-preview{color:rgba(230,234,242,.7);font-size:.85rem;line-height:1.4;font-family:Nunito Sans Light,sans-serif;display:block;border-left:2px solid #7b5cff;padding-left:.8rem;margin-top:.8rem}.pagination-header{margin-bottom:1.5rem;color:rgba(230,234,242,.8);font-size:.9rem;font-family:Inter Rounded,sans-serif}.pagination-btn{color:rgb(4,71,172)}.pagination-btn:disabled:hover{transform:none;box-shadow:none}.page-number{color:#E6EAF2}.error{border-radius:12px;margin:2rem}.clients-grid>p{grid-column:1/-1;text-align:center;color:rgba(230,234,242,.7);font-style:italic;padding:3rem;font-family:Nunito Sans Light,sans-serif}@media (max-width:768px){.clients-container{padding:1.5rem 1rem}.clients-container h2{font-size:1.6rem}.clients-grid{grid-template-columns:1fr;gap:1rem}.pagination-controls{flex-direction:column;gap:1rem}.page-numbers{gap:.3rem}.page-number{padding:.5rem .8rem;min-width:35px;font-size:.85rem}.pagination-btn{padding:.6rem 1.2rem;font-size:.9rem}}@media (max-width:480px){.clients-container{padding:1rem .5rem}.clients-container h2{font-size:1.4rem;margin-bottom:1rem}.client-card{padding:1.2rem}.pagination-container{padding:1rem;gap:.8rem}.page-numbers{gap:.2rem}.page-number{padding:.4rem .6rem;min-width:32px;font-size:.8rem}}.products-container{padding:1.5rem 2rem;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:linear-gradient(135deg,#0A0F1F,#131B3D)}.products-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-shrink:0;gap:1rem}.header-left{flex:1}.btn-add-product{background:linear-gradient(135deg,#00E0B8,#00C5A3);color:#0A0F1F;border:none;border-radius:12px;padding:.8rem 1.5rem;font-family:Manrope SemiBold,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,224,184,.3);display:flex;align-items:center;gap:.5rem;white-space:nowrap;flex-shrink:0}.btn-add-product:hover{background:linear-gradient(135deg,#00F0C8,#00D5B3);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,224,184,.4)}.btn-icon{font-size:1.2rem;font-weight:700}.products-header h2{color:white;margin:0;font-family:Manrope SemiBold,sans-serif;font-size:1.8rem;background:linear-gradient(135deg,#FFFFFF,#E6EAF2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.products-info{color:rgba(230,234,242,.8);font-size:.85rem;font-family:Inter Rounded,sans-serif}.products-scroll-area{flex:1;overflow-y:auto;margin-bottom:1rem;padding-right:.5rem;min-height:0}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:.5rem}.product-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.2);transition:all .3s ease;display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;backdrop-filter:blur(10px);position:relative}.product-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.product-card:hover:before{left:100%}.product-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.25);border-color:rgba(123,92,255,.3)}.product-image-container{width:100%;height:160px;overflow:hidden;position:relative;background:rgba(255,255,255,.02)}.product-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-image{transform:scale(1.05)}.product-content{padding:1.2rem;display:flex;flex-direction:column;flex:1;gap:.8rem}.product-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem}.product-name{font-weight:600;font-size:1.1rem;color:#E6EAF2;flex:1;line-height:1.3}.product-name,.product-price{margin:0;font-family:Manrope SemiBold,sans-serif}.product-price{font-weight:700;font-size:1.2rem;color:#00E0B8;white-space:nowrap}.product-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:.3rem 0}.product-sku,.product-stock{display:flex;flex-direction:column;gap:.2rem}.info-value{font-size:.85rem;font-weight:600}.info-value.stock{color:#00E0B8}.info-value.sku{color:#7B5CFF}.product-description{color:rgba(230,234,242,.8);font-size:.85rem;line-height:1.4;margin:0;font-family:Nunito Sans Light,sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.6rem;margin-top:.8rem}.btn-delete,.btn-edit,.btn-manage{padding:.6rem .4rem;border:none;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .3s ease;font-family:Inter Rounded,sans-serif;text-transform:uppercase;letter-spacing:.3px}.btn-edit{background:linear-gradient(135deg,#7B5CFF,#5D3FD3);color:white;box-shadow:0 2px 6px rgba(123,92,255,.3)}.btn-edit:hover{background:linear-gradient(135deg,#8B6CFF,#6D4FE3);transform:translateY(-1px);box-shadow:0 3px 8px rgba(123,92,255,.4)}.btn-manage{background:linear-gradient(135deg,#00E0B8,#00C5A3);color:#0A0F1F;box-shadow:0 2px 6px rgba(0,224,184,.3)}.btn-manage:hover{background:linear-gradient(135deg,#00F0C8,#00D5B3);transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,224,184,.4)}.btn-delete{background:linear-gradient(135deg,#FF4757,#FF3742);color:white;box-shadow:0 2px 6px rgba(255,71,87,.3)}.btn-delete:hover{background:linear-gradient(135deg,#FF5767,#FF4752);transform:translateY(-1px);box-shadow:0 3px 8px rgba(255,71,87,.4)}.products-scroll-area::-webkit-scrollbar{width:6px}.products-scroll-area::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}.products-scroll-area::-webkit-scrollbar-thumb{background:#7B5CFF;border-radius:3px}.products-scroll-area::-webkit-scrollbar-thumb:hover{background:#00E0B8}@media (max-width:768px){.products-container{padding:1rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.product-image-container{height:140px}.product-content{padding:1rem;gap:.6rem}}@media (max-width:480px){.products-grid{grid-template-columns:1fr}.products-header h2{font-size:1.5rem}.product-image-container{height:130px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(10,15,31,.9);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;backdrop-filter:blur(5px)}.modal-content{background:linear-gradient(135deg,#0A0F1F,#131B3D);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.5);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:modalAppear .3s ease-out;backdrop-filter:blur(10px)}@keyframes modalAppear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h3{margin:0;color:white;font-size:1.4rem;font-family:Manrope SemiBold,sans-serif;background:linear-gradient(135deg,#FFFFFF,#E6EAF2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#E6EAF2;font-size:1.5rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close:hover:not(:disabled){background:rgba(255,255,255,.2);color:white;transform:rotate(90deg)}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600}.form-group label,.form-input,.form-textarea{color:#E6EAF2;font-size:.9rem;font-family:Inter Rounded,sans-serif}.form-input,.form-textarea{width:100%;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:12px;transition:all .3s ease;box-sizing:border-box;background:rgba(255,255,255,.05)}.form-input:focus,.form-textarea:focus{outline:none;border-color:#00E0B8;box-shadow:0 0 0 2px rgba(0,224,184,.2);background:rgba(255,255,255,.08)}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:rgba(230,234,242,.5)}.form-input::placeholder,.form-textarea::placeholder{color:rgba(230,234,242,.5)}.form-textarea{resize:vertical;min-height:100px;font-family:Inter Rounded,sans-serif;line-height:1.5}.image-preview{margin-top:.8rem;text-align:center}.preview-image{max-width:100%;max-height:150px;border-radius:12px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px rgba(0,0,0,.3)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02);border-bottom-left-radius:20px;border-bottom-right-radius:20px}.btn-cancel,.btn-save{padding:.8rem 1.5rem;border:none;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s ease;min-width:120px;font-family:Manrope SemiBold,sans-serif;font-size:.9rem}.btn-cancel{background:rgba(255,255,255,.1);color:#E6EAF2;border:1px solid rgba(255,255,255,.2)}.btn-cancel:hover:not(:disabled){background:rgba(255,255,255,.2);transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,255,255,.1)}.btn-save{background:linear-gradient(135deg,#00E0B8,#00C5A3);color:#0A0F1F;box-shadow:0 4px 12px rgba(0,224,184,.3)}.btn-save:hover:not(:disabled){background:linear-gradient(135deg,#00F0C8,#00D5B3);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,224,184,.4)}.btn-cancel:disabled,.btn-save:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.error,.loading{padding:3rem;font-size:1.1rem;font-family:Inter Rounded,sans-serif;border-radius:16px;margin:2rem}.loading{color:#00E0B8;background:rgba(0,224,184,.1);border:1px solid rgba(0,224,184,.3)}.error{color:#FF6B8B;background:rgba(255,107,139,.1);border:1px solid rgba(255,107,139,.3)}.no-products{text-align:center;color:rgba(230,234,242,.7);font-style:italic;grid-column:1/-1;padding:3rem;font-family:Nunito Sans Light,sans-serif}.pagination-container{gap:1rem;margin-top:2rem;padding:1.5rem;border-top:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02);border-radius:12px;backdrop-filter:blur(10px);flex-shrink:0}.pagination-controls{gap:1.5rem}.pagination-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#7B5CFF,#5D3FD3);color:rgb(0,79,182);border:none;border-radius:12px;font-family:Manrope SemiBold,sans-serif;font-weight:500;transition:all .3s ease;box-shadow:0 4px 12px rgba(123,92,255,.3)}.pagination-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(123,92,255,.4);background:linear-gradient(135deg,#8B6CFF,#6D4FE3)}.pagination-btn:disabled{background:rgba(255,255,255,.1);color:rgba(230,234,242,.5);box-shadow:none}.pagination-info{font-weight:600;color:#E6EAF2;font-family:Inter Rounded,sans-serif;font-size:.95rem}.page-numbers{gap:.5rem;flex-wrap:wrap;justify-content:center}.page-number{padding:.6rem 1rem;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);color:#01359c;border-radius:8px;transition:all .3s ease;font-family:Inter Rounded,sans-serif;font-size:.9rem;min-width:40px}.page-number:hover{background:rgba(123,92,255,.2);border-color:rgba(123,92,255,.5);transform:translateY(-1px)}.page-number.active{background:linear-gradient(135deg,#00E0B8,#00C5A3);color:#0A0F1F;border-color:#00E0B8;box-shadow:0 4px 12px rgba(0,224,184,.3);font-weight:600}.page-ellipsis{padding:.4rem;color:rgba(230,234,242,.6);font-family:Inter Rounded,sans-serif}.product-image-container:before{content:"📷";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:rgba(230,234,242,.3);z-index:1;display:none}.product-image:error,.product-image[src=""]{opacity:.3}.product-image:error+.product-image-container:before,.product-image[src=""]+.product-image-container:before{display:block}@media (max-width:768px){.products-header{flex-direction:column;align-items:stretch;gap:1rem}.btn-add-product{align-self:flex-start}.products-grid{grid-template-columns:1fr;gap:1.5rem}.product-actions{grid-template-columns:1fr;gap:.5rem}.product-info-grid{grid-template-columns:1fr;gap:.8rem}.modal-content{margin:1rem;max-width:none}.modal-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}.pagination-controls{flex-direction:column;gap:1rem}.page-numbers{gap:.3rem}.page-number{padding:.5rem .8rem;min-width:35px;font-size:.85rem}}@media (max-width:480px){.products-container{padding:1rem .5rem}.products-header h2{font-size:1.6rem}.product-image-container{height:180px}.product-name{font-size:1.1rem}.product-price{font-size:1.2rem}.product-content{padding:1.2rem}.modal-body{padding:1.5rem}.modal-header{padding:1.2rem 1.5rem}}.auth-error{background:rgba(255,107,139,.1);border:1px solid rgba(255,107,139,.3);color:#FF6B8B;padding:.8rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem;text-align:center}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.loading-text{gap:.5rem}.loading-container,.loading-text{display:flex;align-items:center;justify-content:center}.loading-container{flex-direction:column;height:100%;gap:1rem;color:#E6EAF2}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-left-color:#00e0b8;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.user-info{gap:.8rem;padding:1rem;margin-bottom:1rem;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#7B5CFF,#5D3FD3);display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:1rem}.user-name{color:#E6EAF2;font-weight:600;font-size:.9rem;margin:0}.user-email{color:rgba(230,234,242,.7);font-size:.8rem;margin:0}.logout-btn{margin-top:auto;background:rgba(255,107,139,.1)!important;border-color:rgba(255,107,139,.3)!important;color:#FF6B8B!important}.logout-btn:hover{background:rgba(255,107,139,.2)!important;border-color:rgba(255,107,139,.5)!important}.business-cards-container{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.business-card-wrapper{animation:cardAppear .3s ease-out}.business-card-wrapper:first-child{animation-delay:.1s}.business-card-wrapper:nth-child(2){animation-delay:.2s}.business-card-wrapper:nth-child(3){animation-delay:.3s}.business-card-wrapper:nth-child(4){animation-delay:.4s}.business-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.2);max-width:400px;animation:cardAppear .3s ease-out}@keyframes cardAppear{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.business-card-header{display:flex;align-items:center;gap:.8rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.business-icon{font-size:1.5rem;background:linear-gradient(135deg,#7B5CFF,#5D3FD3);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.business-name{color:#E6EAF2;font-family:Manrope SemiBold,sans-serif;font-size:1.1rem;margin:0;flex:1}.business-info{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.info-item{display:flex;align-items:flex-start;gap:.8rem}.info-icon{font-size:1.1rem;margin-top:.1rem;flex-shrink:0}.info-content{display:flex;flex-direction:column;gap:.2rem;flex:1}.info-label{font-size:.75rem;color:rgba(230,234,242,.6);text-transform:uppercase}.info-label,.info-value{font-weight:500;font-family:Inter Rounded,sans-serif}.info-value{font-size:.9rem;color:#E6EAF2}.website-link,.whatsapp-link{color:#00E0B8;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .3s ease}.website-link:hover,.whatsapp-link:hover{color:#00C5A3;text-decoration:underline}.business-actions{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.btn-create-campaign,.btn-send-product{padding:.7rem .8rem;border:none;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .3s ease;font-family:Inter Rounded,sans-serif;text-align:center}.btn-send-product{background:linear-gradient(135deg,#00E0B8,#00C5A3);color:#0A0F1F;box-shadow:0 2px 8px rgba(0,224,184,.3)}.btn-send-product:hover{background:linear-gradient(135deg,#00F0C8,#00D5B3);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,224,184,.4)}.btn-create-campaign{background:linear-gradient(135deg,#7B5CFF,#5D3FD3);box-shadow:0 2px 8px rgba(123,92,255,.3)}.btn-create-campaign:hover{background:linear-gradient(135deg,#8B6CFF,#6D4FE3);box-shadow:0 4px 12px rgba(123,92,255,.4)}@media (max-width:768px){.business-cards-container{gap:.8rem}.business-card{max-width:100%;padding:1.2rem}.business-actions{grid-template-columns:1fr;gap:.6rem}.btn-create-campaign,.btn-send-product{padding:.8rem .6rem;font-size:.75rem}}.error-card{background:rgba(255,107,139,.1);border:1px solid rgba(255,107,139,.3);border-radius:12px;padding:1rem;color:#FF6B8B;text-align:center;font-family:Inter Rounded,sans-serif;font-size:.9rem;margin-top:.5rem}.clients-container{padding:20px;max-width:1200px;margin:0 auto;height:100vh;overflow-y:auto;display:flex;flex-direction:column}h2{color:#2d3748;margin-bottom:20px;text-align:center}.conversations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;margin-bottom:30px}.conversation-card{background:white;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);border:1px solid #e2e8f0;overflow:hidden;transition:transform .2s,box-shadow .2s}.conversation-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.15)}.conversation-header{padding:16px;background:#f7fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:flex-start}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{font-size:24px}.user-details{flex:1}.user-phone{font-weight:600;color:#2d3748;margin:0;font-size:14px}.user-jid{color:#718096;margin:0;font-size:12px;word-break:break-all}.conversation-meta{text-align:right;font-size:12px;color:#718096}.message-count{display:block;font-weight:500}.last-update{display:block;margin-top:4px}.chat-container{padding:16px;max-height:300px;overflow-y:auto}.chat-messages{gap:12px}.chat-messages,.message{display:flex;flex-direction:column}.message{max-width:85%}.user-message{align-self:flex-start;align-items:flex-start}.assistant-message{align-self:flex-end;align-items:flex-end}.message-bubble{padding:10px 14px;border-radius:18px;position:relative;word-wrap:break-word}.user-message .message-bubble{background:#e2e8f0;border-bottom-left-radius:4px;color:#131B3D}.assistant-message .message-bubble{background:#4299e1;color:white;border-bottom-right-radius:4px}.message-content{font-size:14px;line-height:1.4}.message-time{font-size:10px;opacity:.7;margin-top:4px}.message-sender{font-size:11px;color:#718096;margin-top:4px;font-weight:500}.more-messages{text-align:center;padding:10px;color:#718096;font-size:12px;font-style:italic;border-top:1px dashed #e2e8f0;margin-top:10px}.no-conversations{text-align:center;padding:40px;color:#718096}.pagination-header{text-align:center;margin-bottom:20px;color:#718096;font-size:14px}.pagination-container{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:30px}.pagination-controls{display:flex;align-items:center;gap:20px}.pagination-btn{padding:8px 16px;border:1px solid #cbd5e0;background:white;border-radius:6px;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#edf2f7}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-weight:500;color:#4a5568}.page-numbers{display:flex;gap:8px;align-items:center}.page-number{padding:6px 12px;border:1px solid #cbd5e0;background:white;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.page-number:hover{background:#edf2f7}.page-number.active{background:#4299e1;color:white;border-color:#4299e1}.page-ellipsis{color:#718096;padding:0 8px}.error,.loading{text-align:center;padding:40px;font-size:16px}.error{color:#e53e3e}.chat-container::-webkit-scrollbar{width:6px}.chat-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chat-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chat-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.segments-cards-container{display:flex;gap:1rem;overflow-x:auto;padding:.5rem 0;margin-top:.5rem;scrollbar-width:thin;scrollbar-color:#7B5CFF rgba(255,255,255,.05)}.segments-cards-container::-webkit-scrollbar{height:6px}.segments-cards-container::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}.segments-cards-container::-webkit-scrollbar-thumb{background:#7B5CFF;border-radius:3px}.segment-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.2rem;backdrop-filter:blur(10px);box-shadow:0 4px 16px rgba(0,0,0,.2);min-width:280px;max-width:320px;flex-shrink:0;animation:cardAppear .3s ease-out;display:flex;flex-direction:column;gap:.8rem}.segment-card-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.segment-icon{font-size:1.2rem;background:linear-gradient(135deg,#FFC247,#FFB014);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.segment-name{color:#E6EAF2;font-family:Manrope SemiBold,sans-serif;font-size:1rem;margin:0;line-height:1.3}.segment-info{display:flex;flex-direction:column;gap:.8rem;flex:1}.segment-stats{display:flex;align-items:center;gap:.5rem}.segment-size{font-size:.8rem;color:#00E0B8;font-weight:600;font-family:Inter Rounded,sans-serif;background:rgba(0,224,184,.1);padding:.3rem .6rem;border-radius:20px}.segment-description{color:rgba(230,234,242,.8);font-size:.8rem;line-height:1.4;margin:0;font-family:Nunito Sans Light,sans-serif;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.segment-features{margin-top:.5rem}.features-list{display:flex;flex-direction:column;gap:.3rem}.features-label{font-size:.75rem;color:rgba(230,234,242,.6);font-weight:500;font-family:Inter Rounded,sans-serif}.features-list ul{margin:.2rem 0 0;padding-left:1rem}.features-list li{color:rgba(230,234,242,.8);font-size:.75rem;line-height:1.3;font-family:Nunito Sans Light,sans-serif}.segment-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:auto}.btn-analyze-segment,.btn-contact-segment{padding:.6rem .5rem;border:none;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .3s ease;font-family:Inter Rounded,sans-serif;text-align:center}.btn-contact-segment{background:linear-gradient(135deg,#7B5CFF,#5D3FD3);color:white;box-shadow:0 2px 6px rgba(123,92,255,.3)}.btn-contact-segment:hover{background:linear-gradient(135deg,#8B6CFF,#6D4FE3);transform:translateY(-1px);box-shadow:0 3px 8px rgba(123,92,255,.4)}.btn-analyze-segment{background:linear-gradient(135deg,#00E0B8,#00C5A3);color:#0A0F1F;box-shadow:0 2px 6px rgba(0,224,184,.3)}.btn-analyze-segment:hover{background:linear-gradient(135deg,#00F0C8,#00D5B3);transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,224,184,.4)}@media (max-width:768px){.segments-cards-container{gap:.8rem}.segment-card{min-width:260px;padding:1rem}.segment-actions{grid-template-columns:1fr;gap:.5rem}.btn-analyze-segment,.btn-contact-segment{padding:.7rem .5rem;font-size:.7rem}}.campaign-info{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;margin-top:1rem}.campaign-info p{margin:.3rem 0;color:rgba(230,234,242,.8);font-family:Inter Rounded,sans-serif;font-size:.9rem}.campaign-info strong{color:#E6EAF2}.btn-create-campaign{background:linear-gradient(135deg,#C01462,#A01252);color:white;box-shadow:0 2px 6px rgba(192,20,98,.3)}.btn-create-campaign:hover{background:linear-gradient(135deg,#D01472,#B01262);transform:translateY(-1px);box-shadow:0 3px 8px rgba(192,20,98,.4)}.kits-cards-container{display:flex;gap:1rem;overflow-x:auto;padding:.5rem 0;margin-top:.5rem;scrollbar-width:thin;scrollbar-color:#FF6B8B rgba(255,255,255,.05)}.kits-cards-container::-webkit-scrollbar{height:6px}.kits-cards-container::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}.kits-cards-container::-webkit-scrollbar-thumb{background:#FF6B8B;border-radius:3px}.kits-cards-container::-webkit-scrollbar-thumb:hover{background:#FF8BA7}.kit-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.2rem;backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.2);min-width:320px;max-width:380px;flex-shrink:0;animation:cardAppear .3s ease-out;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden}.kit-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,107,139,.1),transparent);transition:left .5s}.kit-card:hover:before{left:100%}.kit-card-header{gap:.8rem;margin-bottom:.5rem}.kit-card-header,.kit-icon{display:flex;align-items:center}.kit-icon{font-size:1.4rem;background:linear-gradient(135deg,#FF6B8B,#FF4777);border-radius:50%;width:40px;height:40px;justify-content:center;flex-shrink:0}.kit-name{color:#E6EAF2;font-family:Manrope SemiBold,sans-serif;font-size:1.1rem;margin:0;line-height:1.3}.kit-info{display:flex;flex-direction:column;gap:.8rem;flex:1}.kit-problem{display:flex;flex-direction:column;gap:.3rem}.problem-label{font-size:.75rem;color:rgba(230,234,242,.6);font-weight:500;font-family:Inter Rounded,sans-serif;text-transform:uppercase}.problem-text{color:rgba(230,234,242,.9);font-size:.85rem;line-height:1.4;margin:0;font-family:Nunito Sans Light,sans-serif}.kit-products{display:flex;flex-direction:column;gap:.5rem}.products-label{font-size:.75rem;color:rgba(230,234,242,.6);font-weight:500;font-family:Inter Rounded,sans-serif;text-transform:uppercase}.products-list{display:flex;flex-direction:column;gap:.2rem}.product-item{display:flex;align-items:center;gap:.4rem}.product-bullet{color:#00E0B8;font-size:.8rem}.product-name{color:rgba(230,234,242,.8);font-size:.8rem;font-family:Nunito Sans Light,sans-serif}.product-more{color:rgba(230,234,242,.5);font-size:.75rem;font-style:italic;margin-top:.2rem}.kit-benefits{display:flex;flex-direction:column;gap:.5rem}.benefits-label{font-size:.75rem;color:rgba(230,234,242,.6);font-weight:500;font-family:Inter Rounded,sans-serif;text-transform:uppercase}.benefits-list{display:flex;flex-wrap:wrap;gap:.3rem}.benefit-tag{background:rgba(0,224,184,.1);color:#00E0B8;padding:.2rem .5rem;border-radius:12px;font-size:.7rem;font-family:Inter Rounded,sans-serif;border:1px solid rgba(0,224,184,.2)}.kit-pricing{margin-top:.5rem}.price-info{display:flex;align-items:center;gap:.8rem;justify-content:space-between}.price-kit{font-size:1.2rem;color:#00E0B8;font-weight:700;font-family:Manrope SemiBold,sans-serif}.price-save{font-size:.75rem;color:#FF6B8B;background:rgba(255,107,139,.1);padding:.3rem .6rem;border-radius:12px;font-weight:600}.kit-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:auto}.btn-create-campaign-kit,.btn-view-details{padding:.7rem .5rem;border:none;border-radius:8px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .3s ease;font-family:Inter Rounded,sans-serif;text-align:center}.btn-view-details{background:linear-gradient(135deg,#7B5CFF,#5D3FD3);color:white;box-shadow:0 2px 6px rgba(123,92,255,.3)}.btn-view-details:hover{background:linear-gradient(135deg,#8B6CFF,#6D4FE3);transform:translateY(-1px);box-shadow:0 3px 8px rgba(123,92,255,.4)}.btn-create-campaign-kit{background:linear-gradient(135deg,#FF6B8B,#FF4777);color:white;box-shadow:0 2px 6px rgba(255,107,139,.3)}.btn-create-campaign-kit:hover{background:linear-gradient(135deg,#FF8BA7,#FF5F87);transform:translateY(-1px);box-shadow:0 3px 8px rgba(255,107,139,.4)}.meta-info{margin-bottom:.5rem;text-align:center}.meta-info small{color:rgba(230,234,242,.6);font-size:.75rem;font-family:Inter Rounded,sans-serif}.kit-campaign-preview{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;margin-bottom:1.5rem}.preview-header h4{color:#E6EAF2;margin:0 0 1rem;font-family:Manrope SemiBold,sans-serif;font-size:1rem}.preview-content{gap:1rem}.preview-content,.preview-section{display:flex;flex-direction:column}.preview-section{gap:.5rem}.preview-section strong{color:#E6EAF2;font-size:.85rem;font-family:Inter Rounded,sans-serif}.preview-section p{color:rgba(230,234,242,.8);font-size:.85rem;margin:0;line-height:1.4}.products-preview{display:flex;flex-direction:column;gap:.3rem}.product-preview-item{color:rgba(230,234,242,.7);font-size:.8rem;font-family:Nunito Sans Light,sans-serif}.selling-points{display:flex;flex-direction:column;gap:.3rem;margin-top:.5rem}.selling-point{color:#00E0B8;font-size:.8rem;font-family:Inter Rounded,sans-serif}.copy-suggestions{background:rgba(123,92,255,.1);border:1px solid rgba(123,92,255,.2);border-radius:8px;padding:1rem;margin-top:1rem}.copy-suggestions h5{color:#E6EAF2;margin:0 0 .8rem;font-family:Manrope SemiBold,sans-serif;font-size:.9rem}.copy-suggestions p{color:rgba(230,234,242,.8);font-size:.85rem;margin:.3rem 0;line-height:1.4}.bullet-suggestions{margin-top:.5rem}.bullet-suggestions div{color:rgba(230,234,242,.7);font-size:.8rem;margin:.2rem 0;font-family:Nunito Sans Light,sans-serif}@media (max-width:768px){.kits-cards-container{gap:.8rem}.kit-card{min-width:280px;padding:1rem}.kit-actions{grid-template-columns:1fr;gap:.5rem}.btn-create-campaign-kit,.btn-view-details{padding:.8rem .5rem;font-size:.7rem}.price-info{flex-direction:column;gap:.5rem;align-items:flex-start}}