.notification-bar{display:flex;justify-content:space-between;align-items:center;height:20px;padding:2px 16px;background-color:transparent;font-size:14px;color:#000;box-sizing:border-box;transition:color .3s ease,background-color .3s ease}[data-theme=dark] .notification-bar{color:#fff;background-color:#0b141a}.notification-bar .time{font-weight:400;font-family:Roboto,sans-serif;font-size:14px;line-height:14px}.status-icons{display:flex;gap:8px;align-items:center}.status-icons .icon{color:#000;width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}[data-theme=dark] .status-icons .icon{color:#fff}.header{display:flex;align-items:center;gap:4px;padding:16px 12px;background-color:#fff;height:64px;box-sizing:border-box;border-bottom:none;transition:background-color .3s ease}[data-theme=dark] .header{background-color:#202c33}.back-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;cursor:pointer;color:#081015;padding:0;flex-shrink:0;transition:color .3s ease}[data-theme=dark] .back-button{color:#e9edef}.back-button:hover{opacity:.7}.business-details{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.business-logo-placeholder{width:32px;height:32px;flex-shrink:0;border-radius:50%;overflow:hidden}.business-name-container{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.business-name{font-family:Roboto,sans-serif;font-weight:700;font-size:18px;color:#081015;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:normal;transition:color .3s ease}[data-theme=dark] .business-name{color:#e9edef}.verified-badge{display:flex;align-items:center;justify-content:center;flex-shrink:0}.pharmacist-badge{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:4px}.action-buttons{display:flex;align-items:center;gap:16px;flex-shrink:0}.action-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;cursor:pointer;color:#081015;padding:0;transition:color .3s ease}[data-theme=dark] .action-button{color:#e9edef}.action-button:hover{opacity:.7}.theme-toggle{width:40px;height:40px;border-radius:50%;border:none;background-color:transparent;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.theme-toggle:active{transform:scale(.95)}[data-theme=dark] .theme-toggle{background-color:#2d2d2d;color:#fff;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .theme-toggle:hover{box-shadow:0 4px 12px #0006}.header-group{width:100%;height:84px;flex-shrink:0;display:flex;flex-direction:column;background-color:#fff}.message-buttons{display:flex;flex-direction:column;gap:8px;margin-top:12px;width:100%}.message-button.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.message-button{width:100%;padding:12px 16px;background-color:#fff;border:1px solid #1B9A4A;border-radius:8px;font-family:Roboto,sans-serif;font-weight:400;font-size:14px;color:#1b9a4a;cursor:pointer;text-align:left;transition:all .2s ease;box-shadow:0 1px 2px #0000001a}[data-theme=dark] .message-button{background-color:#202c33;border-color:#1b9a4a;color:#1b9a4a;box-shadow:0 1px 2px #0000004d}.message-button:hover{background-color:#f0f9f4;border-color:#148a45;transform:translateY(-1px);box-shadow:0 2px 4px #00000026}[data-theme=dark] .message-button:hover{background-color:#2a3942;box-shadow:0 2px 4px #0006}.message-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.message-button:focus{outline:none;border-color:#148a45;box-shadow:0 0 0 3px #1b9a4a33}.product-message{margin-top:8px}.single-product{display:flex;flex-direction:column;gap:12px;max-width:100%}.product-image-container{width:100%;max-width:300px;height:300px;border-radius:8px;overflow:hidden;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}[data-theme=dark] .product-image-container{background-color:#2a3942}.product-image{width:100%;height:100%;object-fit:cover}.product-details{display:flex;flex-direction:column;gap:8px}.product-name{font-family:Roboto,sans-serif;font-weight:700;font-size:18px;color:#000;margin:0;transition:color .3s ease}[data-theme=dark] .product-name{color:#e9edef}.product-description{font-family:Roboto,sans-serif;font-weight:400;font-size:14px;color:#666;margin:0;line-height:1.4;transition:color .3s ease}[data-theme=dark] .product-description{color:#8696a0}.product-price{font-family:Roboto,sans-serif;font-weight:700;font-size:20px;color:#1b9a4a;margin:4px 0}.product-availability{font-family:Roboto,sans-serif;font-weight:400;font-size:14px;padding:4px 8px;border-radius:4px;display:inline-block;width:fit-content}.product-availability.in-stock{color:#4caf50;background-color:#e8f5e9}.product-availability.out-of-stock{color:#f44336;background-color:#ffebee}.add-to-cart-btn{background-color:#1b9a4a;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-family:Roboto,sans-serif;font-weight:500;font-size:16px;cursor:pointer;transition:background-color .2s;margin-top:8px}.add-to-cart-btn:hover:not(:disabled){background-color:#189040}.add-to-cart-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.product-list{width:100%}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;max-width:100%}.product-card{display:flex;flex-direction:column;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s,background-color .3s ease}[data-theme=dark] .product-card{background-color:#202c33;box-shadow:0 2px 4px #0000004d}.product-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.product-image-container-small{width:100%;height:150px;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background-color .3s ease}[data-theme=dark] .product-image-container-small{background-color:#2a3942}.product-image-small{width:100%;height:100%;object-fit:cover}.product-info{padding:8px;display:flex;flex-direction:column;gap:4px}.product-name-small{font-family:Roboto,sans-serif;font-weight:600;font-size:14px;color:#000;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}[data-theme=dark] .product-name-small{color:#e9edef}.product-description-small{font-family:Roboto,sans-serif;font-weight:400;font-size:12px;color:#666;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}[data-theme=dark] .product-description-small{color:#8696a0}.product-price-small{font-family:Roboto,sans-serif;font-weight:700;font-size:16px;color:#1b9a4a;margin:4px 0}.product-availability-small{font-size:12px;margin-bottom:4px}.add-to-cart-btn-small{background-color:#1b9a4a;color:#fff;border:none;border-radius:6px;padding:8px 12px;font-family:Roboto,sans-serif;font-weight:500;font-size:12px;cursor:pointer;transition:background-color .2s;width:100%;margin-top:4px}.add-to-cart-btn-small:hover:not(:disabled){background-color:#189040}.add-to-cart-btn-small:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}@media (max-width: 400px){.product-grid{grid-template-columns:1fr}.product-image-container{max-width:100%;height:300px}}.message-container{display:flex;align-items:flex-start;gap:4px;margin-bottom:4px;width:100%;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-container.user-message{justify-content:flex-end;padding-right:4px}.message-container.business-message,.message-container.stylist-message{justify-content:flex-start;padding-left:4px}.message-container.user-message .message-content{border-radius:8px 8px 0}.message-container.business-message .message-content,.message-container.stylist-message .message-content{border-radius:0 8px 8px}.stylist-message .message-content{background-color:#f3e5f5;border-left:3px solid #9c27b0;transition:background-color .3s ease}[data-theme=dark] .stylist-message .message-content{background-color:#4a148c;border-left-color:#ce93d8}.message-content[data-handoff=true]{background-color:#fff3cd;border-left:3px solid #ffc107;font-style:italic;transition:background-color .3s ease}[data-theme=dark] .message-content[data-handoff=true]{background-color:#3d3520;border-left-color:#ffc107}.message-content{display:flex;flex-direction:column}.user-message .message-content{width:fit-content;max-width:75%;background-color:#e7ffdb;border-radius:8px 8px 0;padding:0;box-shadow:none;transition:background-color .3s ease}.business-message .message-content,.stylist-message .message-content{width:75%}[data-theme=dark] .user-message .message-content{background-color:#005c4b}.business-message .message-content{background-color:#fff;border-radius:8px 8px 8px 0;padding:0;box-shadow:0 1px 2px #0000001a;transition:background-color .3s ease}[data-theme=dark] .business-message .message-content{background-color:#202c33;box-shadow:0 1px 2px #0000004d}.message-body{margin-bottom:0;padding:4px 8px;box-sizing:border-box}.message-text{font-family:Roboto,sans-serif;font-weight:400;font-size:16px;line-height:normal;color:#000;margin:0;word-wrap:break-word;transition:color .3s ease}[data-theme=dark] .message-text{color:#e9edef}.message-footer{display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:4px 8px;box-sizing:border-box;margin-top:0}.message-time{font-family:Roboto,sans-serif;font-weight:400;font-size:12px;color:#9da3a7;white-space:nowrap;text-align:right;transition:color .3s ease}[data-theme=dark] .message-time{color:#8696a0}.message-status{display:flex;align-items:center;flex-shrink:0}.bubble-tail{display:flex;align-items:flex-end;flex-shrink:0;margin-top:-1px;align-self:flex-end}.bubble-tail svg{width:7px;height:13px}[data-theme=dark] .bubble-tail svg path{fill:#005c4b}.chat-container{flex:1;overflow-y:auto;overflow-x:hidden;background-color:#ece5dd;padding:16px 4px 8px;box-sizing:border-box;min-height:0;transition:background-color .3s ease}[data-theme=dark] .chat-container{background-color:#0b141a}.messages-list{display:flex;flex-direction:column;gap:4px;width:100%;padding-bottom:8px}.chat-container::-webkit-scrollbar{width:6px}.chat-container::-webkit-scrollbar-track{background:transparent}.chat-container::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.chat-container::-webkit-scrollbar-thumb:hover{background:#0000004d}[data-theme=dark] .chat-container::-webkit-scrollbar-thumb{background:#fff3}[data-theme=dark] .chat-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.input-box{padding:4px 4px calc(4px + env(safe-area-inset-bottom)) 4px;background-color:#f0f0f0;min-height:44px;display:flex;align-items:center;gap:6px;transition:background-color .3s ease;width:100%;max-width:100vw;box-sizing:border-box}[data-theme=dark] .input-box{background-color:#202c33}.input-form{display:flex;align-items:center;flex:1;min-width:0}.message-input-container{flex:1;display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-radius:36px;padding:8px 12px;min-height:40px;max-height:100px;box-sizing:border-box;transition:background-color .3s ease}[data-theme=dark] .message-input-container{background-color:#2a3942}.input-left{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.icon-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;cursor:pointer;color:#9da3a7;padding:0;flex-shrink:0;transition:color .3s ease}.icon-button svg{width:24px;height:24px;display:block}[data-theme=dark] .icon-button{color:#8696a0}.icon-button:hover{color:#081015;opacity:.8}[data-theme=dark] .icon-button:hover{color:#e9edef}.message-input{flex:1;border:none;outline:none;font-family:Roboto,sans-serif;font-weight:400;font-size:16px;color:#081015;background:transparent;padding:0 4px;min-width:0;transition:color .3s ease}[data-theme=dark] .message-input{color:#e9edef}.message-input::placeholder{color:#9da3a7;transition:color .3s ease}[data-theme=dark] .message-input::placeholder{color:#8696a0}.input-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.microphone-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#148a45;border:none;border-radius:50%;cursor:pointer;padding:8px;flex-shrink:0;transition:background-color .2s;box-sizing:border-box}.microphone-button svg{width:25.65px;height:25.65px}.microphone-button:hover{background-color:#127d34}.microphone-button:active{background-color:#0f6a29;transform:scale(.95)}.message-input-container{transition:box-shadow .2s}.message-input-container:focus-within{box-shadow:0 0 0 2px #148a4533}.app{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f0f0f0;padding:20px;transition:background-color .3s ease}[data-theme=dark] .app{background-color:#1a1a1a}.phone-container{width:100%;max-width:400px;height:856px;background-color:#000;border-radius:20px;padding:8px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column}.screen{width:100%;height:100%;background-color:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:background-color .3s ease}[data-theme=dark] .screen{background-color:#0b141a}@media (max-width: 480px){.app{padding:0;height:100dvh;width:100vw;max-width:100%;overflow-x:hidden;align-items:flex-start;justify-content:flex-start}.phone-container{max-width:100%;width:100%;height:100%;border-radius:0;padding:0;box-shadow:none}.screen{border-radius:0;height:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f0f0;transition:background-color .3s ease}[data-theme=dark] body{background-color:#1a1a1a}#root{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}@media (max-width: 480px){#root{padding:0;align-items:flex-start}}