@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #ffffff;--bg-secondary: #f4f7fa;--accent-main: #131b31;--accent-blue: #2c4179;--accent-gold: #c5a059;--accent-blue-soft: #fcf8ee;--text-main: #0f172a;--text-dim: #64748b;--border-light: #e2e8f0;--glass-bg: rgba(255, 255, 255, .85);--success: #10b981;--shadow-sm: 0 4px 6px -1px rgb(0 0 0 / .05);--shadow-md: 0 10px 15px -3px rgb(0 0 0 / .05);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,sans-serif;color:var(--text-main);background-color:var(--bg-primary);background-image:url(/pattern.png);background-size:800px;background-attachment:fixed;background-repeat:repeat;-webkit-font-smoothing:antialiased}.app-overlay{position:fixed;inset:0;background:radial-gradient(circle at 100% 0%,rgba(59,130,246,.04),transparent 50%),radial-gradient(circle at 0% 100%,rgba(59,130,246,.02),transparent 50%);pointer-events:none;z-index:0}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1 0%}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:.75rem}.space-x-4>*+*{margin-left:1rem}.space-x-6>*+*{margin-left:1.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.space-y-10>*+*{margin-top:2.5rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.w-64{width:16rem}.w-72{width:18rem}.h-full{height:100%}.h-16{height:4rem}.h-20{height:5rem}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.z-50{z-index:50}.z-10{z-index:10}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.hidden{display:none}@media(min-width:1024px){.lg\:block{display:block}}h1,h2,h3,h4{font-family:Outfit,sans-serif;letter-spacing:-.02em;margin:0}.text-4xl{font-size:2.5rem;line-height:1.1;font-weight:800}.text-2xl{font-size:1.5rem;line-height:1.25;font-weight:700}.text-xl{font-size:1.25rem}.text-lg{font-size:1.125rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.uppercase{text-transform:uppercase}.glass-nav{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-light);box-shadow:0 4px 30px #00000008}.glass-card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #1f268708;border-radius:28px;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.8),transparent)}.glass-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0000000d;background:#fffffff2;border-color:#3b82f64d}.hero-gradient{background:linear-gradient(135deg,#000,#1a1c1e);display:flex;align-items:center;justify-content:center}.btn-premium{background:var(--accent-main);color:#fff;border:1px solid var(--accent-gold);padding:.85rem 1.75rem;border-radius:16px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 15px #0000001a;font-size:.9rem}.btn-premium:hover{background:var(--accent-gold);color:var(--accent-main);transform:translateY(-2px);box-shadow:0 6px 20px #c5a05933}.badge-v2{padding:.4rem .9rem;border-radius:99px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center}.badge-blue{background:var(--accent-blue-soft);color:#1d4ed8}.badge-green{background:#ecfdf5;color:#047857}.sidebar-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:18px;color:#94a3b8;font-weight:600;border:none;background:transparent;cursor:pointer;width:100%;transition:all .3s}.sidebar-link.active{background:var(--accent-main);color:#fff;box-shadow:0 8px 20px #0000001a}.sidebar-link:not(.active):hover{background:#f1f5f9;color:var(--text-main);padding-left:1.5rem}.hero-container{background:#000;border-radius:48px;position:relative;overflow:hidden;padding:4rem;color:#fff;margin-bottom:3.5rem;box-shadow:0 25px 50px -12px #0003}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6}.dosage-chip-group{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.dosage-chip{background:#f8fafc;padding:1.25rem;border-radius:20px;border:1px solid #f1f5f9}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUpFade .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes pulse-slow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.animate-pulse-slow{animation:pulse-slow 4s infinite ease-in-out}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:1.5rem}.login-bg{position:absolute;inset:0;z-index:0}.login-bg-image{width:100%;height:100%;object-fit:cover;filter:blur(2px);transform:scale(1.1)}.login-bg-overlay{position:absolute;inset:0;background:#131b3166}.login-bg-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#131b31cc,#131b3166)}.login-particles{position:absolute;inset:0;pointer-events:none;z-index:1}.particle{position:absolute;border-radius:50%;background:#3b82f64d;animation:float 8s infinite ease-in-out}.particle-1{width:300px;height:300px;top:-100px;right:-50px;animation-delay:0s}.particle-2{width:200px;height:200px;bottom:10%;left:-50px;background:#10b98133;animation-delay:2s}.particle-3{width:150px;height:150px;top:40%;right:20%;background:#8b5cf633;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) scale(1);opacity:.5}50%{transform:translateY(-30px) scale(1.1);opacity:.8}}.login-container{position:relative;z-index:10;width:100%;max-width:420px;animation:slideUpFade .6s cubic-bezier(.16,1,.3,1) forwards}.login-card{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:32px;padding:2.5rem;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.3)}@media(max-width:480px){.login-card{padding:2rem 1.5rem;border-radius:24px}}.login-logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2rem}.login-logo-image{width:72px;height:72px;background:transparent;border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 32px #00000026;overflow:hidden}.login-logo-image img{width:100%;height:100%;object-fit:cover;border-radius:20px}.login-logo-text{display:flex;flex-direction:column}.login-logo-title{font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:800;color:#0f172a;line-height:1;letter-spacing:-.02em}.login-logo-subtitle{font-size:.65rem;font-weight:700;color:var(--accent-gold);text-transform:uppercase;letter-spacing:.15em;margin-top:2px}.login-header{text-align:center;margin-bottom:1.5rem}.login-title{font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.login-desc{color:#64748b;font-size:.9rem;margin:0}.login-error{background:#fef2f2;border:1px solid #fecaca;border-radius:16px;padding:1rem;margin-bottom:1.5rem;color:#dc2626;font-size:.85rem;font-weight:500;text-align:center}.login-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#fff;border:2px solid #e2e8f0;border-radius:16px;font-size:.9rem;font-weight:600;color:#334155;cursor:pointer;transition:all .2s ease}.login-google-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.login-google-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-divider{display:flex;align-items:center;margin:1.5rem 0;gap:1rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.login-divider span{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.login-form{display:flex;flex-direction:column;gap:1rem}.login-input-group{position:relative}.login-input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none;transition:color .2s}.login-input{width:100%;padding:1rem 1rem 1rem 3rem;background:#f8fafc;border:2px solid transparent;border-radius:16px;font-size:.9rem;font-weight:500;color:#0f172a;transition:all .2s ease;outline:none}.login-input:focus{background:#fff;border-color:var(--accent-blue);box-shadow:0 0 0 4px #3b82f61a}.login-input:focus+.login-input-icon,.login-input-group:focus-within .login-input-icon{color:var(--accent-blue)}.login-input::placeholder{color:#94a3b8}.login-role-selector{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.login-role-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem;background:#f1f5f9;border:2px solid transparent;border-radius:14px;font-size:.8rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.login-role-btn:hover{background:#e2e8f0}.login-role-btn.active{background:#0f172a;color:#fff;border-color:#0f172a}.login-submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#0f172a,#1e293b);border:none;border-radius:16px;font-size:.9rem;font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.login-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a4d}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #f1f5f9}.login-toggle-text{font-size:.85rem;color:#64748b}.login-toggle-btn{background:none;border:none;font-size:.85rem;font-weight:700;color:var(--accent-blue);cursor:pointer;transition:color .2s}.login-toggle-btn:hover{color:#2563eb;text-decoration:underline}.login-footer{text-align:center;margin-top:1.5rem;font-size:.75rem;color:#fff9}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-main) 0%,#1e293b 100%);color:#fff;gap:1.5rem}.app-loading-logo{position:relative;width:100px;height:100px;background:transparent;border-radius:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px #0000004d}.app-loading-logo img{width:100%;height:100%;object-fit:cover;border-radius:32px}.app-loading-logo .animate-spin{position:absolute;bottom:-4px;right:-4px;color:var(--accent-blue);background:#fff;border-radius:50%;padding:2px;box-shadow:0 4px 12px #0003}.app-loading p{font-size:.9rem;color:#fff9;font-weight:500}.app-container{min-height:100vh;position:relative;overflow:hidden}.app-bg{position:fixed;inset:0;z-index:0}.app-bg-pattern{width:100%;height:100%;object-fit:cover;opacity:.03}.app-bg-gradient{position:absolute;inset:0;background:radial-gradient(circle at 0% 0%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(139,92,246,.05) 0%,transparent 50%),linear-gradient(180deg,#f8fafce6,#fffffff2)}.app-particles{position:fixed;inset:0;pointer-events:none;z-index:1}.app-particle{position:absolute;border-radius:50%;animation:float 10s infinite ease-in-out;filter:blur(60px)}.app-particle-1{width:400px;height:400px;top:-150px;right:-100px;background:#3b82f626}.app-particle-2{width:300px;height:300px;bottom:-100px;left:-100px;background:#10b9811a;animation-delay:3s}.app-particle-3{width:250px;height:250px;top:50%;left:50%;background:#8b5cf614;animation-delay:6s}.app-nav{position:sticky;top:0;z-index:100;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(226,232,240,.6);box-shadow:0 4px 30px #00000008}.app-nav-inner{max-width:1400px;margin:0 auto;padding:0 2rem;height:80px;display:flex;align-items:center;justify-content:space-between}.app-nav-brand{display:flex;align-items:center;gap:.875rem}.app-nav-logo{width:44px;height:44px;background:transparent;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000014;overflow:hidden}.app-nav-logo img{width:100%;height:100%;object-fit:cover;border-radius:12px}.app-nav-brand-text{display:flex;flex-direction:column}.app-nav-title{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;color:#0f172a;line-height:1;letter-spacing:-.02em}.app-nav-subtitle{font-size:.65rem;font-weight:700;color:var(--accent-gold);text-transform:uppercase;letter-spacing:.12em;margin-top:2px}.app-nav-actions{display:flex;align-items:center;gap:1.5rem}.app-nav-toggle{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e1e8f0;padding:.5rem 1rem;border-radius:99px;color:#64748b;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}.app-nav-toggle:hover{border-color:var(--accent-main);color:var(--accent-main);background:#0a192f05;transform:translateY(-1px)}.app-nav-toggle.active{background:var(--accent-main);color:#fff;border-color:var(--accent-main);box-shadow:0 4px 12px #0a192f33}.app-nav-toggle i,.app-nav-toggle svg{transition:transform .3s ease}.app-nav-toggle:active{transform:scale(.95)}.app-nav-user{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem .5rem .5rem;background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0}.app-nav-user-avatar{width:40px;height:40px;min-width:40px;background:linear-gradient(135deg,var(--accent-main) 0%,var(--accent-blue) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden}.app-nav-user-avatar img{width:100%;height:100%;object-fit:cover;display:block}.app-nav-user-info{display:flex;flex-direction:column}.app-nav-user-name{font-size:.875rem;font-weight:600;color:#0f172a}.app-nav-user-role{font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.app-nav-logout{width:44px;height:44px;background:#fff;border:2px solid #e2e8f0;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s ease}.app-nav-logout:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.app-layout{position:relative;z-index:10;display:flex;max-width:1400px;margin:0 auto;min-height:calc(100vh - 80px)}.app-sidebar{width:280px;padding:2rem;display:flex;flex-direction:column;border-right:1px solid rgba(226,232,240,.6);background:#ffffff80}.app-sidebar-header{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;padding:0 .5rem}.app-sidebar-menu{display:flex;flex-direction:column;gap:.5rem;flex:1}.app-sidebar-link{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;background:transparent;border:none;border-radius:16px;font-size:.9rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease;position:relative}.app-sidebar-link:hover{background:#f1f5f9cc;color:#334155}.app-sidebar-link.active{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;box-shadow:0 8px 24px #0f172a33}.app-sidebar-link-icon{display:flex;align-items:center;justify-content:center}.app-sidebar-link-arrow{margin-left:auto;opacity:.6}.app-sidebar-footer{padding-top:1.5rem;border-top:1px solid #e2e8f0;margin-top:1.5rem}.app-sidebar-status{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:#10b981}.app-sidebar-status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b98180;animation:pulse-slow 2s infinite}.app-mobile-nav{display:none}.app-main{flex:1;padding:2rem;overflow-y:auto}.app-main-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:1rem;color:#94a3b8;font-weight:500}.portal-content{animation:slideUpFade .6s cubic-bezier(.16,1,.3,1) forwards}.portal-header{margin-bottom:2rem}.portal-header-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .875rem;background:#3b82f61a;border-radius:99px;font-size:.7rem;font-weight:700;color:var(--accent-blue);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.portal-title{font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800;color:#0f172a;margin:0 0 .5rem;letter-spacing:-.02em}.portal-desc{font-size:1rem;color:#64748b;margin:0}.portal-actions{margin-bottom:2rem}.inventory-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}@media(min-width:768px){.inventory-controls{flex-direction:row;align-items:center;justify-content:space-between}}.inventory-search{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:#fff;border:1px solid #e2e8f0;border-radius:14px;transition:all .2s ease;width:100%}@media(min-width:768px){.inventory-search{width:320px;flex-shrink:0}}.inventory-search:focus-within{border-color:var(--accent-main);box-shadow:0 0 0 3px #0f172a14}.inventory-search svg{color:#94a3b8;flex-shrink:0}.inventory-search input{flex:1;border:none;background:transparent;font-size:.9rem;color:var(--text-main);outline:none}.inventory-search input::placeholder{color:#94a3b8}.filter-pills{display:flex;gap:.5rem;flex-wrap:wrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.25rem}.filter-pill{padding:.5rem 1rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;font-size:.75rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.filter-pill:hover{background:#e2e8f0;color:#475569}.filter-pill.active{background:var(--accent-main);border-color:var(--accent-main);color:#fff}.portal-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#cbd5e1;text-align:center;gap:1rem}.portal-placeholder h2{font-size:1.5rem;color:#94a3b8;margin:0}.portal-placeholder p{color:#cbd5e1;margin:0}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#0f172a,#1e293b);border:none;border-radius:16px;font-size:.875rem;font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #0f172a33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a4d}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff;border:2px solid #e2e8f0;border-radius:14px;font-size:.8rem;font-weight:600;color:#334155;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.card-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;background:#f8fafccc;border:2px dashed #e2e8f0;border-radius:24px;color:#94a3b8;text-align:center;gap:1rem}.card-empty p{font-size:.875rem;color:#cbd5e1;margin:0}.compound-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.6);border-radius:24px;padding:1.75rem;transition:all .3s ease;animation:slideUpFade .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.compound-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014;border-color:#3b82f64d}.compound-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.compound-card-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--accent-blue)}.compound-card-pricing{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.compound-card-price{text-align:right}.compound-card-price-value{display:block;font-size:1.5rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.compound-card-price-unit{font-size:.65rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.compound-card-monthly{display:flex;align-items:center;gap:.25rem;padding:.35rem .75rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:99px;font-size:.75rem;font-weight:700;color:#fff}.compound-card-monthly svg{width:12px;height:12px}.compound-card-badge{display:inline-block;padding:.35rem .75rem;background:#3b82f61a;border-radius:99px;font-size:.65rem;font-weight:700;color:var(--accent-blue);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.compound-card-name{font-family:Outfit,sans-serif;font-size:1.375rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.compound-card-desc{font-size:.875rem;color:#64748b;line-height:1.6;margin:0 0 1rem}.compound-card-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.compound-card-meta-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;color:#94a3b8}.compound-card-meta-item svg{color:var(--accent-blue)}.compound-card-action{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem;background:#f8fafc;border:2px solid transparent;border-radius:14px;font-size:.8rem;font-weight:700;color:var(--accent-blue);cursor:pointer;transition:all .2s ease}.compound-card-action:hover{background:#3b82f61a;border-color:#3b82f633}.customer-list{display:flex;flex-direction:column;gap:1.5rem}.customer-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.6);border-radius:24px;padding:2rem;transition:all .3s ease;animation:slideUpFade .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.customer-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.customer-card-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem}.customer-card-avatar{width:64px;height:64px;background:linear-gradient(135deg,#0f172a,#334155);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #0f172a33}.customer-card-info{flex:1}.customer-card-name{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 .25rem}.customer-card-email{font-size:.875rem;color:#64748b}.customer-card-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.customer-card-stat{background:#f8fafc;padding:1rem;border-radius:14px;border:1px solid #f1f5f9}.customer-card-stat-label{display:block;font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem}.customer-card-stat-value{font-size:.9rem;font-weight:700;color:#0f172a}.customer-card-stat-value.status-active{color:#10b981}.client-hero{position:relative;border-radius:32px;overflow:hidden;padding:3rem;margin-bottom:2.5rem;min-height:320px;display:flex;align-items:center}.client-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.client-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0f172ae6,#1e293bcc)}.client-hero-content{position:relative;z-index:10;max-width:600px}.client-hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .875rem;background:#3b82f633;border-radius:99px;font-size:.7rem;font-weight:700;color:#60a5fa;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.client-hero-title{font-family:Outfit,sans-serif;font-size:2.75rem;font-weight:800;color:#fff;margin:0 0 1rem;line-height:1.1;letter-spacing:-.02em}.client-hero-desc{font-size:1rem;color:#ffffffb3;line-height:1.7;margin:0 0 1.5rem}.client-hero-desc .highlight{color:var(--accent-gold);font-weight:700}.client-hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn-hero-primary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:#fff;border:none;border-radius:16px;font-size:.875rem;font-weight:700;color:#0f172a;cursor:pointer;transition:all .2s ease}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.btn-hero-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;font-size:.875rem;font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease}.btn-hero-secondary:hover{background:#fff3}.client-section{margin-bottom:2.5rem}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.section-header-icon{width:48px;height:48px;background:linear-gradient(135deg,#2c41791a,#c5a0591a);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--accent-blue)}.section-title{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;color:#0f172a;margin:0}.section-desc{font-size:.875rem;color:#64748b;margin:.25rem 0 0}.protocol-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.protocol-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.6);border-radius:24px;padding:1.75rem;transition:all .3s ease;animation:slideUpFade .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.protocol-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.protocol-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.protocol-card-name{font-family:Outfit,sans-serif;font-size:1.375rem;font-weight:700;color:#0f172a;margin:0 0 .25rem}.protocol-card-goal{font-size:.75rem;font-weight:700;color:var(--accent-blue);text-transform:uppercase;letter-spacing:.05em}.protocol-card-status{width:44px;height:44px;background:linear-gradient(135deg,#10b9811a,#34d3991a);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#10b981}.protocol-card-details{display:flex;flex-direction:column;gap:.75rem}.protocol-card-detail{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:14px;border:1px solid #f1f5f9}.protocol-card-detail-label{font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.protocol-card-detail-value{font-size:1rem;font-weight:700;color:#0f172a}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}.catalog-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.6);border-radius:24px;padding:2rem 1.5rem;text-align:center;transition:all .3s ease;animation:slideUpFade .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.catalog-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.catalog-card:hover .catalog-card-icon{transform:rotate(10deg) scale(1.1)}.catalog-card-icon{width:72px;height:72px;background:linear-gradient(135deg,#2c41791a,#c5a0591a);border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--accent-blue);margin:0 auto 1.25rem;transition:transform .3s ease}.catalog-card-name{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 .25rem}.catalog-card-category{display:block;font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.catalog-card-goal{font-size:.8rem;color:#64748b;margin:0 0 1.25rem;line-height:1.5}.catalog-card-btn{width:100%;padding:.875rem;background:linear-gradient(135deg,#0f172a,#1e293b);border:none;border-radius:14px;font-size:.8rem;font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease}.catalog-card-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f172a40}.catalog-card-btn.active{background:#10b981;cursor:default}.catalog-card-btn.active:hover{transform:none;box-shadow:none}.catalog-card-btn{display:flex;align-items:center;justify-content:center;gap:.5rem}@media(max-width:1024px){.app-sidebar,.app-nav-user-info{display:none}.app-container{padding-bottom:70px}.app-mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:70px;background:#ffffffe6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-top:1px solid rgba(226,232,240,.8);z-index:1000;padding:0 1rem;justify-content:space-around;align-items:center;box-shadow:0 -4px 20px #0000000d}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:#64748b;padding:8px;border-radius:12px;transition:all .2s ease;flex:1;min-width:60px;max-width:90px}.mobile-nav-item span{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.mobile-nav-item.active{color:var(--accent-main);background:#0a192f0d}.mobile-nav-item svg{transition:transform .2s ease}.mobile-nav-item.active svg{transform:translateY(-2px)}}@media(max-width:768px){.app-nav-inner{padding:0 1rem;height:70px}.app-nav-logo{width:42px;height:42px}.app-nav-title{font-size:1.25rem}.app-main{padding:1.5rem}.portal-title{font-size:2rem}.client-hero{padding:2rem;min-height:auto}.client-hero-title{font-size:2rem}.card-grid,.protocol-grid,.catalog-grid,.customer-card-stats{grid-template-columns:1fr}}.avatar-initials{font-size:.875rem;font-weight:700;color:#fff}.modal-overlay{position:fixed;inset:0;background:#0f172a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000;animation:fadeIn .2s ease}@media(min-width:640px){.modal-overlay{padding:1.5rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:24px;width:calc(100% - 2rem);max-width:500px;max-height:85vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 25px 50px -12px #00000040;animation:slideUpFade .3s cubic-bezier(.16,1,.3,1);-webkit-overflow-scrolling:touch}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:640px){.modal-content{border-radius:28px;max-width:600px;max-height:90vh;box-shadow:0 25px 50px -12px #00000040;animation:slideUpFade .3s cubic-bezier(.16,1,.3,1)}.modal-large{max-width:900px}}.modal-content::-webkit-scrollbar{width:8px;height:8px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px;border:2px solid white}.modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;position:sticky;top:0;background:#fff;z-index:10;border-radius:24px 24px 0 0}@media(min-width:640px){.modal-header{padding:1.75rem 2rem;border-radius:28px 28px 0 0}}.modal-header h2{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;color:#0f172a;margin:0}@media(min-width:640px){.modal-header h2{font-size:1.5rem}}.modal-close{width:40px;height:40px;background:#f8fafc;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s ease;flex-shrink:0}.modal-close:hover{background:#fef2f2;color:#dc2626}.modal-form{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.modal-form{padding:2rem;gap:1.25rem}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.8rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}@media(min-width:640px){.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.col-span-2{grid-column:span 2}}.form-group input,.form-group select,.form-group textarea{padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:14px;font-size:.9rem;font-weight:500;color:#0f172a;transition:all .2s ease;outline:none;font-family:inherit;box-shadow:inset 0 2px 4px #00000005}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#cbd5e1;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:var(--accent-blue);box-shadow:0 0 0 4px #3b82f61a}.form-group textarea{resize:vertical;min-height:80px}.form-group select{cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:480px){.form-row{grid-template-columns:1fr;gap:.75rem}}.modal-actions{display:flex;flex-direction:column-reverse;gap:.75rem;padding:1.25rem;padding-bottom:calc(1.25rem + env(safe-area-inset-bottom,0));border-top:1px solid #f1f5f9;position:sticky;bottom:0;background:#fff;margin:.5rem -1.25rem -1.25rem;border-radius:0 0 24px 24px}@media(min-width:640px){.modal-actions{flex-direction:row;gap:1rem;padding:1.5rem 2rem;margin-left:-2rem;margin-right:-2rem;margin-bottom:-2rem;border-radius:0 0 28px 28px}}.btn-cancel{flex:1;padding:1rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;font-size:.875rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-save{flex:2;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#0f172a,#1e293b);border:none;border-radius:14px;font-size:.875rem;font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease}.btn-save:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a4d}.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.autocomplete-container{position:relative}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 40px #0000001f;max-height:280px;overflow-y:auto;z-index:100;animation:slideUpFade .2s ease}.autocomplete-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;background:transparent;border:none;cursor:pointer;transition:all .15s ease;text-align:left}.autocomplete-item:first-child{border-radius:16px 16px 0 0}.autocomplete-item:last-child{border-radius:0 0 16px 16px}.autocomplete-item:only-child{border-radius:16px}.autocomplete-item:hover{background:#f8fafc}.autocomplete-item+.autocomplete-item{border-top:1px solid #f1f5f9}.autocomplete-item-name{display:flex;align-items:center;gap:.625rem;font-size:.9rem;font-weight:600;color:#0f172a}.autocomplete-item-name svg{color:var(--accent-blue)}.autocomplete-item-category{font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;background:#f8fafc;border-radius:6px}.settings-card{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 4px 20px #0000000f;animation:slideUpFade .5s ease forwards}.settings-form{display:flex;flex-direction:column;gap:2rem}.settings-section{padding-bottom:2rem;border-bottom:1px solid #f1f5f9}.settings-section:last-of-type{border-bottom:none;padding-bottom:0}.settings-section h3{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.settings-desc{font-size:.875rem;color:#64748b;margin:0 0 1.5rem}.settings-actions{display:flex;justify-content:flex-end;padding-top:1rem}.form-section{padding:1.25rem;background:#f8fafc;border-radius:16px;margin-bottom:.5rem}.form-section-title{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:800;color:var(--accent-main);text-transform:uppercase;letter-spacing:.1em;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.form-section-title svg{color:var(--accent-blue)}.form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:640px){.form-row-3{grid-template-columns:1fr;gap:.75rem}.form-section{padding:1rem;border-radius:12px;margin-bottom:.75rem}.form-section-title{font-size:.75rem;margin-bottom:.75rem}}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;margin-bottom:2rem}.pricing-card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 4px 20px #0000000f;animation:slideUpFade .5s ease forwards}.pricing-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.pricing-card-name{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;color:#0f172a}.pricing-card-total{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;color:#10b981}.pricing-card-total span{font-size:.75rem;font-weight:600;color:#64748b}.pricing-card-details{display:flex;flex-direction:column;gap:.75rem}.pricing-detail{display:flex;justify-content:space-between;font-size:.875rem}.pricing-detail span:first-child{color:#64748b}.pricing-detail span:last-child{font-weight:600;color:#0f172a}.pricing-summary{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:20px;padding:1.5rem;animation:slideUpFade .6s ease forwards}.pricing-summary-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.9rem}.pricing-summary-row span:first-child{color:#94a3b8}.pricing-summary-row span:last-child{color:#fff;font-weight:600}.pricing-summary-total{display:flex;justify-content:space-between;padding-top:1rem;margin-top:.5rem}.pricing-summary-total span:first-child{font-size:1rem;font-weight:700;color:#fff}.pricing-summary-total span:last-child{font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:800;color:#10b981}.form-toggles{display:flex;flex-direction:column;gap:1rem}.form-toggle{display:flex;align-items:center;gap:1rem;cursor:pointer;padding:1rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease}.form-toggle:hover{border-color:#cbd5e1}.form-toggle input{display:none}.form-toggle-slider{position:relative;width:48px;height:28px;background:#e2e8f0;border-radius:99px;transition:all .2s ease;flex-shrink:0}.form-toggle-slider:after{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #00000026;transition:all .2s ease}.form-toggle input:checked+.form-toggle-slider{background:linear-gradient(135deg,var(--accent-main) 0%,var(--accent-blue) 100%)}.form-toggle input:checked+.form-toggle-slider:after{left:24px}.form-toggle-label{display:flex;flex-direction:column;gap:.25rem}.form-toggle-label strong{font-size:.9rem;font-weight:600;color:#0f172a}.form-toggle-label small{font-size:.75rem;color:#64748b}.form-hint{font-size:.75rem;color:#64748b;margin-top:.25rem}.compound-card-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.badge-glp1{background:#8b5cf61a!important;color:#8b5cf6!important}.badge-hidden{display:flex;align-items:center;gap:.35rem;background:#ef44441a!important;color:#ef4444!important}.form-section-danger{background:#fef2f2;border:1px solid #fecaca}.btn-danger-outline{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;background:transparent;border:2px solid #fecaca;border-radius:12px;color:#dc2626;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-danger-outline:hover{background:#fef2f2;border-color:#f87171}.btn-danger{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;padding:.875rem 1.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ef44444d}.btn-danger:disabled{opacity:.6;cursor:not-allowed;transform:none}.delete-confirm{text-align:center}.delete-confirm p{font-size:.9rem;color:#dc2626;margin:0 0 1rem;font-weight:500}.delete-confirm-actions{display:flex;gap:.75rem}.delete-confirm-actions .btn-cancel{flex:1}.variants-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.variants-header{display:grid;grid-template-columns:1fr 1fr 1.5fr 32px;gap:.75rem;padding:0 1rem;margin-bottom:.25rem}.variants-header span{font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.variant-row{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease}.variant-row:focus-within{border-color:var(--accent-blue);box-shadow:0 4px 12px #0000000d}.variant-fields{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:.75rem;flex:1}.desktop-hide{display:none}@media(max-width:768px){.variants-header{display:none}.variant-row{flex-direction:column;align-items:stretch;padding:1rem;gap:1rem}.variant-fields{grid-template-columns:1fr 1fr}.variant-fields .form-group:last-child{grid-column:span 2}.desktop-hide{display:block;font-size:.7rem;color:#94a3b8;margin-bottom:.25rem}}.variant-remove{width:32px;height:32px;background:#fef2f2;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#dc2626;cursor:pointer;transition:all .2s ease;flex-shrink:0}.variant-remove:hover{background:#fef2f2;color:#ef4444;transform:scale(1.1)}.template-regimen-row{display:grid;grid-template-columns:minmax(180px,1.5fr) 110px minmax(140px,1.2fr) 44px;gap:.75rem;align-items:end;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;min-width:0}.btn-trash{color:#ef4444;padding:.5rem;background:none;border:none;cursor:pointer;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-trash:hover{background:#fef2f2;transform:scale(1.1)}@media(max-width:768px){.template-regimen-row{grid-template-columns:1fr 1fr;gap:1rem}.template-regimen-row>button{grid-column:span 2;background:#fef2f2}}@media(max-width:768px){.variant-remove{width:100%;margin-top:.5rem;height:36px}}.btn-add-variant{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem;background:transparent;border:2px dashed #cbd5e1;border-radius:12px;color:#64748b;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-add-variant:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:#3b82f60d}.regimen-adding-box{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.catalog-card-pricing{text-align:center;transition:transform .2s ease}.catalog-card:hover .catalog-card-pricing{transform:translateY(-2px)}.status-active{color:#10b981;font-weight:600}.customer-card-avatar{width:44px;height:44px;background:var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b;border:1px solid #e2e8f0}.disclaimer-overlay{position:fixed;inset:0;background:#0a192ff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.5rem}.disclaimer-card{background:#fff;width:100%;max-width:500px;border-radius:20px;padding:2.5rem;text-align:center;box-shadow:0 25px 50px -12px #00000080;animation:modalScaleUp .3s cubic-bezier(.34,1.56,.64,1)}.disclaimer-icon{width:64px;height:64px;background:#fef2f2;color:#dc2626;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.disclaimer-title{font-size:1.5rem;font-weight:800;color:#0f172a;margin-bottom:1rem}.disclaimer-text{color:#64748b;line-height:1.6;margin-bottom:2rem;font-size:.95rem}.disclaimer-text strong{color:#0f172a;display:block;margin-bottom:.5rem}.disclaimer-btn{width:100%;background:var(--accent-main);color:#fff;border:none;padding:1rem;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease}.disclaimer-btn:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 4px 12px #0a192f33}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.clickable-stat{cursor:pointer;transition:all .2s ease;position:relative}.clickable-stat:hover{background:#0a192f0d;transform:translateY(-2px)}.clickable-stat:active{transform:scale(.95)}.clickable-stat:after{content:"View Details";position:absolute;top:-15px;left:50%;transform:translate(-50%);font-size:.6rem;font-weight:700;color:var(--accent-main);opacity:0;transition:opacity .2s ease;white-space:nowrap}.clickable-stat:hover:after{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem}@media(min-width:768px){.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem}}.vial-card{background:#fff;border-radius:20px;border:1px solid #e2e8f0;overflow:hidden;cursor:pointer;transition:all .3s ease;animation:fadeInUp .5s ease-out both}.vial-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0000001a;border-color:var(--accent-main)}.vial-image-container{position:relative;width:100%;aspect-ratio:3 / 4;background:linear-gradient(180deg,#f8fafc,#e2e8f0);display:flex;align-items:center;justify-content:center;padding:1.5rem}.vial-image{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.vial-card:hover .vial-image{transform:scale(1.05)}.vial-text-overlay{position:absolute;top:57%;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;width:50%;max-height:8%;overflow:hidden}.vial-peptide-name{font-size:.4rem;font-weight:800;color:#c4a052;text-transform:uppercase;letter-spacing:.02em;line-height:1.15;margin:0 auto;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-shadow:0 1px 2px rgba(0,0,0,.4)}.vial-dosage-overlay{position:absolute;top:66%;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;width:38%}.vial-peptide-amount{font-size:.5rem;font-weight:800;color:#c4a052;text-shadow:0 1px 2px rgba(0,0,0,.4);letter-spacing:.02em}.vial-card-footer{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid #f1f5f9}.vial-card-name{font-size:.85rem;font-weight:700;color:var(--text-main);line-height:1.2}.vial-card-footer-row{display:flex;align-items:center;justify-content:space-between;width:100%}.vial-card-price{font-size:1.1rem;font-weight:800;color:var(--accent-main)}.vial-card-price span{font-size:.7rem;font-weight:500;color:#64748b}.vial-card-btn{width:36px;height:36px;border-radius:50%;border:2px solid #e2e8f0;background:#fff;color:var(--accent-main);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.vial-card-btn:hover{background:var(--accent-main);border-color:var(--accent-main);color:#fff;transform:scale(1.1)}.vial-card-btn.active{background:var(--accent-main);border-color:var(--accent-main);color:#fff}