@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;700;800&display=swap";.app-header{background-color:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.25rem 0;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(0,0,0,.05);transition:all .3s ease}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.logo-section{flex:1}.logo{font-size:2rem;font-weight:800;color:var(--text-main);line-height:1;letter-spacing:-.03em}.accent-text{color:var(--primary);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-actions{display:flex;align-items:center;gap:1.5rem}.tagline{font-size:.9rem;color:var(--text-light);margin-top:.25rem;font-weight:500}.search-section{flex-grow:1;max-width:500px}.search-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;width:20px;height:20px;color:var(--text-gray)}.search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid #e2e8f0;border-radius:12px;font-size:.95rem;transition:all .3s ease;background-color:var(--white)}.search-input:focus+.search-icon{color:var(--primary)}.button-group{display:flex;gap:.75rem;align-items:center}.dashboard-toggle,.admin-toggle{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:99px;border:1px solid #e2e8f0;background:white;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .3s;white-space:nowrap}.dashboard-toggle:hover,.admin-toggle:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.dashboard-toggle.active{background:#f0f9ff;border-color:#0ea5e9;color:#0284c7}.admin-toggle.active{background:#f0fdfa;border-color:var(--primary);color:var(--primary)}@media (max-width: 768px){.header-content{flex-direction:column;align-items:flex-start}.search-section{width:100%;max-width:none}.button-group{width:100%;justify-content:space-between}}.filters-bar-container{background-color:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem 0;border-bottom:1px solid rgba(0,0,0,.05);position:sticky;top:85px;z-index:90}.filters-scroll{display:flex;gap:.75rem;overflow-x:auto;padding:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filters-scroll::-webkit-scrollbar{display:none}.filter-pill{padding:10px 20px;background-color:#ffffff80;border:1px solid transparent;border-radius:99px;color:var(--text-muted);font-size:.9rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;box-shadow:0 2px 4px #00000005}.filter-pill:hover{background-color:#fff;color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 6px #0000000d}.filter-pill.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 12px #14b8a64d;transform:translateY(-1px)}.catalog-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:24px;padding:24px 0 48px}@media (min-width: 640px){.catalog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.catalog-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.catalog-grid{grid-template-columns:repeat(4,1fr)}}.empty-state{text-align:center;padding:60px 20px;color:var(--text-gray);font-size:1.125rem}.clear-filter-btn{margin-top:16px;background-color:var(--primary);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:1rem}.product-card{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;display:flex;flex-direction:column;height:100%;position:relative;border:1px solid rgba(255,255,255,.6);transform-style:preserve-3d}.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:#14b8a633}.image-container{position:relative;width:100%;height:240px;background:#f1f5f9;overflow:hidden}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.product-card:hover .product-image{transform:scale(1.08)}.discount-badge{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#EF4444 0%,#DC2626 100%);color:#fff;padding:6px 12px;border-radius:30px;font-size:.75rem;font-weight:700;z-index:2;box-shadow:0 4px 6px #ef444440;letter-spacing:.025em}.rx-badge{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.9);color:var(--primary);font-weight:800;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.85rem;box-shadow:var(--shadow-sm);font-family:"serif";border:1px solid var(--primary-light)}.card-content{padding:20px;display:flex;flex-direction:column;flex-grow:1}.category-pill{font-size:.7rem;color:var(--primary);background:rgba(20,184,166,.1);padding:4px 10px;border-radius:20px;align-self:flex-start;margin-bottom:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.product-name{font-size:1.15rem;font-weight:700;color:var(--text-main);margin-bottom:8px;line-height:1.3;transition:color .2s}.product-card:hover .product-name{color:var(--primary)}.short-desc{font-size:.9rem;color:var(--text-muted);margin-bottom:20px;flex-grow:1;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.card-actions{margin-top:auto;display:flex;gap:.75rem}.view-btn{flex:1;background:transparent;color:var(--text-main);border:1px solid #E2E8F0;padding:10px;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.add-cart-btn{flex:1.5;background:var(--primary);color:#fff;border:1px solid var(--primary);padding:10px;border-radius:12px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #14b8a633}.add-cart-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 12px #14b8a64d}.product-card:hover .view-btn{border-color:var(--primary);color:var(--primary)}.quantity-selector{flex:1.5;display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:2px;height:42px;animation:fadeIn .3s ease-out}.qty-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-main);font-size:1.2rem;font-weight:600;cursor:pointer;border-radius:10px;transition:all .2s ease}.qty-btn:hover{background:var(--primary);color:#fff}.qty-btn.minus:hover{background:#ef4444}.qty-value{font-weight:700;color:var(--text-main);font-size:1rem;min-width:24px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1e293b99;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeInBackdrop .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes fadeInBackdrop{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.modal-content{background-color:#fffffff2;width:100%;max-width:900px;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff80 inset;animation:slideUpFade .5s cubic-bezier(.34,1.56,.64,1);max-height:85vh;display:flex;flex-direction:column}@keyframes slideUpFade{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.close-btn{position:absolute;top:20px;right:20px;background:white;border:none;font-size:1.5rem;line-height:1;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s ease;box-shadow:0 4px 6px #0000000d;color:var(--text-muted)}.close-btn:hover{background:var(--danger);color:#fff;transform:rotate(90deg)}.modal-grid{display:flex;flex-direction:column;height:100%;flex-grow:1}@media (min-width: 768px){.modal-grid{flex-direction:row;height:550px}}.modal-image-col{background:linear-gradient(135deg,#F8FAFC 0%,#F1F5F9 100%);display:flex;align-items:center;justify-content:center;flex:1;position:relative;overflow:hidden}.modal-image-col:after{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(20,184,166,.1) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);z-index:0}.modal-image{max-width:90%;max-height:80%;object-fit:contain;z-index:1;filter:drop-shadow(0 20px 30px rgba(0,0,0,.15));transition:transform .5s}.modal-details-col{padding:40px;flex:1.2;overflow-y:auto;background:var(--white)}.modal-category{color:var(--primary);font-weight:700;font-size:.8rem;margin-bottom:12px;display:inline-block;text-transform:uppercase;letter-spacing:.1em;background:rgba(20,184,166,.1);padding:6px 12px;border-radius:30px}.modal-title{font-size:2.5rem;font-weight:800;color:var(--text-main);margin-bottom:24px;line-height:1.1;letter-spacing:-.02em}.modal-rx-alert{display:inline-flex;align-items:center;gap:12px;background-color:#fef2f2;border:1px solid #FECACA;color:#b91c1c;padding:12px 16px;border-radius:12px;font-weight:600;margin-bottom:32px;width:100%}.rx-icon{font-weight:900;font-family:serif;font-size:1.25rem;background:white;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 2px 4px #0000000d}.modal-description h3{font-size:1.1rem;margin-bottom:12px;color:var(--text-main);font-weight:700}.modal-description p{color:var(--text-muted);line-height:1.8;font-size:1.05rem}.cart-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:flex-end}.cart-modal{background:white;width:400px;height:100%;box-shadow:-10px 0 30px #0000001a;display:flex;flex-direction:column;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-header{background:#f8fafc;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0}.cart-header h2{font-size:1.25rem;color:var(--text-main);margin:0}.close-cart-btn{background:none;border:none;font-size:2rem;color:var(--text-gray);cursor:pointer;line-height:1}.cart-items{flex-grow:1;overflow-y:auto;padding:1.5rem}.cart-item{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;background:#f8fafc;padding:1rem;border-radius:12px}.cart-item-img{width:60px;height:60px;object-fit:cover;border-radius:8px}.cart-item-info{flex-grow:1}.cart-item-info h4{font-size:.95rem;margin:0 0 .25rem;color:var(--text-main)}.cart-item-price{font-size:.85rem;color:var(--primary);font-weight:700}.cart-item-controls{display:flex;align-items:center;gap:.75rem;background:white;padding:.25rem .5rem;border-radius:8px;border:1px solid #e2e8f0}.qty-btn{background:none;border:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;color:var(--text-main)}.qty-val{font-weight:700;font-size:.9rem;min-width:20px;text-align:center}.remove-item-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;opacity:.6;transition:opacity .2s}.remove-item-btn:hover{opacity:1}.cart-tabs{display:flex;border-bottom:1px solid #e2e8f0;padding:0 1rem;background:white}.tab-btn{flex:1;padding:1rem;background:none;border:none;border-bottom:2px solid transparent;font-weight:700;font-size:.9rem;color:var(--text-gray);cursor:pointer;transition:all .2s}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.cart-content-scroll{flex-grow:1;overflow-y:auto}.order-history{padding:1.5rem}.history-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;margin-bottom:1rem}.history-header{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.85rem;color:var(--text-gray)}.order-id{font-weight:700;color:var(--text-main)}.history-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.item-count{font-size:.9rem;color:var(--text-main)}.order-total{font-weight:800;color:var(--primary);font-size:1.1rem}.history-items-preview{font-size:.8rem;color:var(--text-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top:1px dashed #cbd5e1;padding-top:.5rem}.cart-footer{padding:1.5rem;background:#f8fafc;border-top:1px solid #e2e8f0}.cart-total-row{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-gray);margin-bottom:.5rem}.grand-total{font-size:1.25rem;font-weight:800;color:var(--text-main);margin-bottom:1.5rem}.confirm-order-btn{width:100%;padding:1rem;background:var(--primary);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #0d948833}.confirm-order-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 15px #0d94884d}.empty-cart-msg{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-gray);opacity:.6;text-align:center}.admin-panel{background-color:#1e293b;color:#fff;padding:.75rem 0;box-shadow:0 4px 6px -1px #0000001a;position:sticky;top:0;z-index:100}.admin-container{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}.admin-info{display:flex;align-items:center;gap:1.5rem}.admin-badge{background-color:var(--primary);color:#fff;padding:.25rem .75rem;border-radius:99px;font-size:.75rem;font-weight:700;text-transform:uppercase}.active-session{font-size:.9rem}.active-session strong{color:var(--primary-light)}.session-stats{margin-left:.5rem;opacity:.8;font-size:.85rem}.admin-actions{display:flex;align-items:center;gap:1rem}.session-form{display:flex;gap:.5rem}.customer-input{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.4rem .8rem;border-radius:8px;font-size:.85rem;width:200px}.customer-input:focus{outline:none;border-color:var(--primary);background:rgba(255,255,255,.15)}.start-btn{background:var(--primary);color:#fff;border:none;padding:.4rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.start-btn:hover{background:var(--primary-dark)}.session-selector{background:#334155;color:#fff;border:1px solid #475569;padding:.4rem .8rem;border-radius:8px;font-size:.85rem;cursor:pointer}.view-cart-btn{background:#0ea5e9;color:#fff;border:none;padding:.4rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0ea5e966}.view-cart-btn:hover{background:#0284c7;transform:translateY(-1px)}.admin-session-links{display:flex;gap:.5rem}.view-history-btn{background:#64748b;color:#fff;border:none;padding:.4rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #64748b66}.view-history-btn:hover{background:#475569;transform:translateY(-1px)}.transactions-page{background-color:#f8fafc;min-height:100vh;padding:2rem 0}.transactions-container{display:flex;gap:2rem;align-items:flex-start}.users-sidebar{width:280px;background:white;padding:1.5rem;border-radius:16px;box-shadow:0 4px 15px #0000000d;height:calc(100vh - 12rem);position:sticky;top:6rem;display:flex;flex-direction:column}.sidebar-header{margin-bottom:2rem}.sidebar-header h3{font-size:1.1rem;color:var(--text-main);margin:0 0 .25rem}.sidebar-header p{font-size:.8rem;color:var(--text-gray);margin:0}.user-list{flex-grow:1;overflow-y:auto;margin-bottom:2rem}.user-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f1f5f9;border:none;border-radius:12px;margin-bottom:.5rem;cursor:pointer;transition:all .3s;text-align:left}.user-item:hover{background:#e2e8f0}.user-item.active{background:var(--primary);color:#fff}.user-icon{font-size:1rem}.user-name{flex-grow:1;font-weight:600;font-size:.9rem}.order-count-badge{background:rgba(0,0,0,.1);padding:.15rem .6rem;border-radius:99px;font-size:.75rem;font-weight:700}.user-item.active .order-count-badge{background:rgba(255,255,255,.2)}.back-catalog-btn{background:#475569;color:#fff;border:none;padding:1rem;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s}.back-catalog-btn:hover{background:#334155;transform:translateY(-2px)}.history-main{flex-grow:1}.history-header-bar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;flex-wrap:wrap;gap:2rem}.title-area h2{font-size:1.75rem;color:var(--text-main);margin:0}.accent{color:var(--primary)}.filter-controls{display:flex;gap:1.5rem;align-items:flex-end;background:white;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000000d}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-gray)}.filter-group input{border:1px solid #e2e8f0;padding:.5rem;border-radius:8px;color:var(--text-main);font-family:inherit}.clear-filter{background:#f1f5f9;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:700;color:#ef4444;cursor:pointer;font-size:.85rem}.clear-filter:hover{background:#fee2e2}.stats-summary{display:flex;gap:2rem;margin-bottom:3rem}.stat-card{background:white;padding:1.5rem 2rem;border-radius:16px;box-shadow:0 4px 12px #0000000d;flex:1;display:flex;flex-direction:column;border-left:5px solid var(--primary)}.stat-label{font-size:.85rem;color:var(--text-gray);font-weight:600;margin-bottom:.25rem}.stat-value{font-size:2rem;font-weight:800;color:var(--text-main)}.full-order-card{background:white;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 15px #0000000d;border-top:1px solid #f1f5f9}.order-main-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #f1f5f9}.order-id-tag{background:#f1f5f9;padding:.35rem .75rem;border-radius:8px;font-size:.85rem;font-weight:700;color:var(--text-main);margin-right:1rem}.order-date-tag{color:var(--text-gray);font-size:.9rem}.order-price-tag{font-size:1.5rem;font-weight:800;color:var(--primary)}.order-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.order-item-detail{display:flex;align-items:center;gap:1rem;background:#f8fafc;padding:1rem;border-radius:12px}.item-mini-img{width:60px;height:60px;object-fit:cover;border-radius:8px}.item-details{flex-grow:1}.item-name{display:block;font-weight:700;font-size:.95rem;margin-bottom:.25rem}.item-meta{font-size:.85rem;color:var(--text-gray)}.item-subtotal{font-weight:700;color:var(--text-main);font-size:.95rem}.empty-history{text-align:center;padding:6rem 2rem;color:var(--text-gray);background:white;border-radius:16px;border:2px dashed #e2e8f0}:root{--primary: #0F766E;--primary-light: #14B8A6;--primary-dark: #115E59;--accent: #F472B6;--accent-glow: rgba(244, 114, 182, .4);--bg-color: #F0F4F8;--card-bg: #FFFFFF;--text-main: #1E293B;--text-muted: #64748B;--text-light: #94A3B8;--white: #ffffff;--danger: #EF4444;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--glass-blur: 12px;--border-radius-sm: 8px;--border-radius: 16px;--border-radius-lg: 24px;--font-family: "Outfit", "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.6;background-image:radial-gradient(circle at 10% 20%,rgba(20,184,166,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(244,114,182,.05) 0%,transparent 40%);background-attachment:fixed}.container{max-width:1440px;margin:0 auto;padding:0 24px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) forwards}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:5px;border:2px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:#94A3B8}button{font-family:inherit}