@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-medical:#00a86b;--primary-green:#00c853;--secondary-green:#00875a;--accent-blue:#0288d1;--accent-teal:#00897b;--warning-orange:#fb8c00;--danger-red:#e53935;--success-green:#00c853;--info-blue:#039be5;--bg-secondary:#f0f9f5;--bg-tertiary:#e8f5e9;--bg-glass:#fffffffa;--gray-50:#fafbfc;--gray-100:#f5f7fa;--gray-200:#e8edf2;--gray-300:#d1dae5;--gray-400:#a8b8cc;--gray-500:#7b8ca3;--gray-600:#5a6c84;--gray-700:#3d4f66;--gray-800:#2a3f5f;--gray-900:#1a2332;--text-primary:#1a2332;--text-secondary:#5a6c84;--text-tertiary:#7b8ca3;--shadow-sm:0 1px 3px 0 #00a86b14;--shadow-md:0 2px 8px 0 #00a86b1f;--shadow-lg:0 4px 16px 0 #00a86b26;--shadow-xl:0 8px 24px 0 #00a86b2e;--shadow-medical:0 4px 20px #00a86b1f;--shadow-focus:0 0 0 3px #00c85333;--border-light:1px solid #e8edf2;--border-medium:1px solid #d1dae5;--border-dark:1px solid #a8b8cc;--border-radius-sm:6px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--transition-fast:120ms cubic-bezier(0.4,0,0.2,1);--transition-base:180ms cubic-bezier(0.4,0,0.2,1);--transition-slow:250ms cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--bg-primary);background-attachment:fixed;color:#1a2332;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;min-height:100vh;padding:24px}body:before{background-image:linear-gradient(90deg,#00a86b08 1px,#0000 0),linear-gradient(#00a86b08 1px,#0000 0);background-size:40px 40px;content:"";height:100%;left:0;opacity:.6;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}[data-theme=dark] body:before{background-image:linear-gradient(90deg,#10b9810d 1px,#0000 0),linear-gradient(#10b9810d 1px,#0000 0)}.app-container{animation:slideUp .6s cubic-bezier(.16,1,.3,1);background-color:#fff;background-color:var(--bg-primary);background:#fff;background:var(--bg-primary);border:1px solid #e8edf2;border:var(--border-light);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 4px 16px 0 #00a86b26;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:calc(100vh - 40px);overflow:hidden;position:relative;transition:var(--theme-transition);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-slow);z-index:1}.app-header:after{background:linear-gradient(90deg,#00a86b,#00c853);background:linear-gradient(90deg,var(--primary-medical) 0,var(--primary-green) 100%);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.logo{color:#1a2332;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.3px}.logo-plus{filter:drop-shadow(0 2px 6px rgba(0,168,107,.4));font-size:32px}.login-link{border-radius:6px;border-radius:var(--border-radius-sm);color:#5a6c84;color:var(--text-secondary);cursor:pointer;font-size:20px;padding:8px 12px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.login-link:hover{background:#fafbfc;background:var(--gray-50);color:#00a86b;color:var(--primary-medical)}.logo-image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:36px;margin-right:10px}.main-content{background:#f0f9f5;background:var(--bg-secondary);display:flex;flex-direction:column;flex-grow:1}.search-section-container{background:#fff;background:var(--white);border-bottom:1px solid #e8edf2;border-bottom:var(--border-light)}.autocomplete-toggle{gap:10px;margin-bottom:16px}.toggle-switch{height:24px;width:44px}.toggle-slider{background-color:#d1dae5;background-color:var(--gray-300);border-radius:24px}.toggle-slider,.toggle-slider:before{transition:.18s cubic-bezier(.4,0,.2,1);transition:var(--transition-base)}.toggle-slider:before{box-shadow:0 1px 3px 0 #00a86b14;box-shadow:var(--shadow-sm);height:18px;width:18px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#00a86b,#00c853);background:linear-gradient(135deg,var(--primary-medical),var(--primary-green))}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-label{color:#5a6c84;font-weight:500;gap:6px}.toggle-label i{color:#00a86b}.search-autocomplete-main{margin:0 auto}.search-bar-box{background:#f0f9f5;background:var(--bg-secondary);border:1px solid #e8edf2;border:var(--border-light);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px 0 #00a86b14;box-shadow:var(--shadow-sm);overflow:hidden;padding:14px 18px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.search-bar-box:focus-within{background:#fff;background:var(--white);border-color:#00a86b;box-shadow:0 0 0 3px #00c85333;box-shadow:var(--shadow-focus)}.search-input{color:var(--text-color);flex-grow:1;font-weight:500;padding:6px}.search-input::placeholder{color:#a8b8cc;font-weight:400}.search-icon{color:#00a86b;color:var(--primary-medical);font-size:22px;transition:color .18s cubic-bezier(.4,0,.2,1);transition:color var(--transition-base)}.search-bar-box:focus-within .search-icon{color:#00c853;color:var(--primary-green)}.search-button{background:#00a86b;background:var(--primary-medical);border-radius:8px;border-radius:var(--border-radius-md);box-shadow:0 4px 12px #10b9814d;font-size:14px;letter-spacing:.3px;overflow:hidden;padding:12px 28px;position:relative;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.search-button:hover{background:#00875a;background:var(--secondary-green);box-shadow:0 2px 8px 0 #00a86b1f;box-shadow:var(--shadow-md)}.search-button:active{background:#00a86b;background:var(--primary-medical);box-shadow:0 1px 3px 0 #00a86b14;box-shadow:var(--shadow-sm)}.search-button:disabled{opacity:.5;transform:none}.search-button:disabled:hover{box-shadow:0 4px 12px #10b9814d;transform:none}.clear-button{background:#0000;color:#a8b8cc;color:var(--gray-400);font-size:16px;padding:8px;transition:all .12s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.clear-button:hover{background:#f0f9f5;background:var(--bg-secondary);color:#e53935}.clear-button:active{background:#e8edf2;background:var(--gray-200)}.search-hint{animation:slideDown .3s ease-out;background:#0066cc14;border-left:3px solid #039be5;border-left:3px solid var(--info-blue);border-radius:6px;border-radius:var(--border-radius-sm);color:#039be5;color:var(--info-blue);font-size:14px;font-weight:500;padding:12px 16px}.search-hint i{font-size:16px}.radius-selector{background:#f0f9f5;background:var(--bg-secondary);border:1px solid #e8edf2;border:var(--border-light);border-radius:8px;border-radius:var(--border-radius-md);margin-top:16px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.radius-selector:hover{background:#fff;background:var(--white);border-color:#00a86b;border-color:var(--primary-medical)}.radius-selector label{color:var(--text-color)}.radius-selector label i{color:#00a86b;font-size:18px}.radius-select{background-color:#fff;background-color:var(--white);border:2px solid #00a86b;border:2px solid var(--primary-medical);border-radius:6px;border-radius:var(--border-radius-sm);color:var(--text-color);font-weight:600;outline:none;padding:10px 14px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.radius-select:hover{box-shadow:0 2px 8px #00a66b33}.radius-select:focus,.radius-select:hover{border-color:#00c853;border-color:var(--success-green)}.radius-select:focus{box-shadow:0 0 0 3px #00a66b26}.radius-info{color:#5a6c84;color:var(--gray-600);font-style:italic;gap:4px}.radius-info i{color:#0288d1;color:var(--accent-blue);font-size:14px}.geolocation-button{background:#00897b;background:var(--accent-teal);border-radius:8px;border-radius:var(--border-radius-md);box-shadow:0 1px 3px 0 #00a86b14;box-shadow:var(--shadow-sm);color:var(--white);font-size:15px;gap:12px;justify-content:center;margin-top:16px;padding:14px 20px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.geolocation-button:hover{background:#0288d1;background:var(--accent-blue);box-shadow:0 2px 8px 0 #00a86b1f;box-shadow:var(--shadow-md)}.geolocation-button:active{background:#00875a;background:var(--secondary-green)}.geolocation-button:disabled{background:#a8b8cc;background:var(--gray-400);opacity:.5;transform:none}.geolocation-container{width:100%}.geolocation-error{animation:fadeIn .3s ease;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;border-radius:var(--border-radius-sm);color:#856404;font-size:13px;margin-top:8px;padding:10px 14px;text-align:center}.results-display-container.results-vertical-layout{display:flex;flex-direction:column;flex-grow:1;gap:0}.map-area-top{background-color:var(--gray-light);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 4px 16px 0 #00a86b26;box-shadow:var(--shadow-lg);height:500px;margin:16px;min-height:400px;overflow:hidden;position:relative;width:100%}.list-area-horizontal{background:#f0f9f5;background:var(--bg-secondary);overflow-x:auto;overflow-y:hidden;padding:20px 16px;width:100%}.results-display-container{display:flex;flex-direction:column;flex-grow:1}.map-area{background-color:var(--gray-light);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 4px 16px 0 #00a86b26;box-shadow:var(--shadow-lg);height:500px;margin:16px;min-height:400px;overflow:hidden;position:relative}.leaflet-container,.map-canvas{border-radius:12px;border-radius:var(--border-radius-lg);height:100%!important;width:100%!important}.leaflet-container{z-index:1}.pharmacies-list-box{background:#0000;padding:0}.pharmacies-list-box h3{color:#1a2332;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:20px;font-weight:700;margin-bottom:20px;margin-top:0;padding:0 8px}.list-area-horizontal .pharmacies-list-box{display:flex;flex-direction:column;gap:20px}.list-area-horizontal .pharmacies-list-box>div{display:flex;flex-direction:row;gap:20px;overflow-x:auto;padding-bottom:12px;scroll-behavior:smooth}.list-area-horizontal .pharmacies-list-box>div::-webkit-scrollbar{height:8px}.list-area-horizontal .pharmacies-list-box>div::-webkit-scrollbar-track{background:#f5f7fa;background:var(--gray-100);border-radius:10px}.list-area-horizontal .pharmacies-list-box>div::-webkit-scrollbar-thumb{background:#00a86b;background:var(--primary-medical);border-radius:10px}.list-area-horizontal .pharmacies-list-box>div::-webkit-scrollbar-thumb:hover{background:var(--primary-darker)}.list-area-horizontal .pharmacy-item{animation:slideInRight .4s ease-out;flex-shrink:0;margin-bottom:0;margin-right:0;max-width:320px;min-width:320px;padding:20px}.list-area-horizontal .pharmacy-item,.pharmacy-item{background:#fff;background:var(--white);border:1px solid #e8edf2;border:var(--border-light);border-radius:8px;border-radius:var(--border-radius-md);box-shadow:0 1px 3px 0 #00a86b14;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.pharmacy-item{animation:fadeIn .3s ease-out;margin-bottom:16px}.pharmacy-item:hover{border-color:#00a86b;transform:translateY(-2px)}.pharmacy-item.pharmacy-selected,.pharmacy-item:hover{box-shadow:0 2px 8px 0 #00a86b1f;box-shadow:var(--shadow-md)}.pharmacy-item.pharmacy-selected{background:#0066cc0a;border-left:4px solid #00a86b}.pharmacy-item:last-child{margin-bottom:0}.pharmacy-main-info{align-items:center;justify-content:space-between;margin-bottom:8px}.pharmacy-name{color:#1a2332;color:var(--gray-900);font-size:17px}.pharmacy-price{color:#00875a;color:var(--secondary-green);font-size:16px;font-weight:700}.medicine-name{background:#0066cc14;border-radius:6px;border-radius:var(--border-radius-sm);color:#00a86b;display:inline-block;margin:8px 0;padding:6px 12px}.pharmacy-address{align-items:start;margin:12px 0}.pharmacy-address,.pharmacy-details{color:#5a6c84;color:var(--gray-600);font-size:14px}.pharmacy-details{border-top:1px solid #e8edf2;border-top:1px solid var(--gray-200);justify-content:space-between;margin-top:12px;padding-top:12px}.status-info{border-radius:6px;border-radius:var(--border-radius-sm);display:flex}.stock-status-icon{font-size:18px}.status-en-stock{background:#00a86b14}.status-en-stock .stock-status-icon{color:var(--success-green)}.status-stock-limite{background:#f59e0b14}.status-stock-limite .stock-status-icon{color:var(--warning-orange)}.status-epuise{background:#e53e3e14}.status-epuise .stock-status-icon{color:#e53935;color:var(--danger-red)}.phone-number a{color:var(--primary-blue);transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.phone-number a:hover{color:#00a86b;color:var(--primary-medical);transform:translateX(2px)}.pharmacy-actions{border-top:1px solid #e8edf2;border-top:1px solid var(--gray-200)}.add-to-cart-button{background:linear-gradient(135deg,#00a86b,#00875a);background:linear-gradient(135deg,var(--primary-medical) 0,var(--secondary-green) 100%);border-radius:8px;border-radius:var(--border-radius-md);box-shadow:0 1px 3px 0 #00a86b14;box-shadow:var(--shadow-sm);font-size:15px;gap:10px;padding:12px 24px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.add-to-cart-button:hover{background:linear-gradient(135deg,#00875a,#00a86b);background:linear-gradient(135deg,var(--secondary-green) 0,var(--primary-medical) 100%);box-shadow:0 2px 8px 0 #00a86b1f;box-shadow:var(--shadow-md)}.add-to-cart-button.login-required{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}.add-to-cart-button.login-required:hover{background:linear-gradient(135deg,#ee5a6f,#ff6b6b);transform:translateY(-2px) scale(1.02)}.pharmacy-rating-section{align-items:center;border-top:1px solid #e8edf2;border-top:1px solid var(--gray-200);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:12px;padding-top:12px}.pharmacy-rating{gap:8px}.pharmacy-rating .stars{color:gold;font-size:16px;letter-spacing:2px}.pharmacy-rating .rating-value{color:#1a2332;color:var(--gray-900);font-size:15px;font-weight:700}.pharmacy-rating .review-count{color:#7b8ca3;color:var(--gray-500);font-size:13px}.no-rating{color:#a8b8cc;color:var(--gray-400);font-size:13px;font-style:italic}.review-button{background:linear-gradient(135deg,gold,orange);border:none;border-radius:8px;border-radius:var(--border-radius-md);box-shadow:0 1px 3px 0 #00a86b14;box-shadow:var(--shadow-sm);color:#1a2332;color:var(--text-primary);font-size:13px;padding:8px 16px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.review-button:hover{background:linear-gradient(135deg,orange,gold);box-shadow:0 2px 8px 0 #00a86b1f;box-shadow:var(--shadow-md)}.review-button:active{transform:translateY(0)}.review-button i{font-size:12px}.results-and-cart-layout{margin-top:24px}.results-and-cart-layout.no-cart{grid-template-columns:1fr}.cart-sidebar{height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:24px}.cart-container{animation:slideIn .4s ease-out;background:var(--bg-card);border:2px solid var(--primary-color);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 4px 16px 0 #00a86b26;box-shadow:var(--shadow-lg);padding:24px;transition:var(--theme-transition)}.cart-container.empty-cart{background:#fafbfc;background:var(--gray-50);border-color:#d1dae5;border-color:var(--gray-300);border-style:dashed;padding:40px 24px;text-align:center}.cart-container h3{align-items:center;border-bottom:2px solid #00a86b;border-bottom:2px solid var(--primary-medical);color:#1a2332;color:var(--gray-900);display:flex;font-size:20px;font-weight:700;gap:10px;margin:0 0 20px;padding-bottom:16px}.empty-cart p{color:#5a6c84;color:var(--gray-600);font-size:14px;line-height:1.6;margin:8px 0}.cart-item{align-items:flex-start;background:var(--bg-card);border:1px solid #e8edf2;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--border-radius-md);box-shadow:0 1px 3px 0 #00a86b14;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:12px;padding:16px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.cart-item:hover{border-color:#00a86b;border-color:var(--primary-medical);box-shadow:0 2px 8px 0 #00a86b1f;box-shadow:var(--shadow-md);transform:translateX(-4px)}.cart-item:last-of-type{margin-bottom:0}.item-info{flex:1 1}.item-medicine-name{align-items:center;color:#1a2332;color:var(--gray-900);display:flex;font-size:15px;font-weight:700;gap:8px;margin:0 0 6px}.item-medicine-name i{color:#00a86b;color:var(--primary-medical)}.item-pharmacy-name{align-items:center;color:#5a6c84;color:var(--gray-600);display:flex;font-size:13px;gap:6px;margin:0 0 6px}.item-pharmacy-name i{color:#00897b;color:var(--accent-teal)}.item-price-quantity{color:#00875a;color:var(--secondary-green);font-size:14px;font-weight:600;margin:0}.remove-button{align-items:center;background:#e53935;background:var(--danger-red);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:28px;justify-content:center;line-height:1;margin-left:12px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:28px}.remove-button:hover{background:#c62828;transform:rotate(90deg) scale(1.1)}.cart-summary{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left:4px solid #00a86b;border-left:4px solid var(--primary-medical);border-radius:8px;border-radius:var(--border-radius-md);margin:20px 0;padding:16px}.cart-summary h4{color:#1a2332;color:var(--gray-900);font-size:18px;font-weight:700;margin:0}.cart-actions{display:flex;flex-direction:column;gap:12px}.clear-button,.proceed-button{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius-md);box-shadow:0 1px 3px 0 #00a86b14;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:14px 20px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.proceed-button{background:linear-gradient(135deg,#00a86b,#00875a);background:linear-gradient(135deg,var(--primary-medical) 0,var(--secondary-green) 100%);color:#fff}.proceed-button:hover{box-shadow:0 2px 8px 0 #00a86b1f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.proceed-button i{font-size:16px}.clear-button{background:var(--bg-card);border:2px solid #e53935;border:2px solid var(--danger-red);color:#e53935;color:var(--danger-red)}.clear-button:hover{background:#e53935;background:var(--danger-red);box-shadow:0 2px 8px 0 #00a86b1f;box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.clear-button i{font-size:16px}@keyframes cartBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.cart-container:not(.empty-cart){animation:slideIn .4s ease-out,cartBounce .6s ease-in-out .4s}.feedback-message{animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;border-radius:var(--border-radius-md);font-size:15px;gap:12px;margin:20px 24px;padding:16px 24px}.feedback-message:not(.error-api){background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid #3b82f64d;color:#039be5;color:var(--info-blue)}.error-api{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef44444d;color:#e53935;color:var(--danger-red)}.app-footer{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-footer);border-top:1px solid var(--border-color);font-size:14px;gap:20px;justify-content:space-between;padding:20px 24px;transition:var(--theme-transition)}.app-footer,.footer-links{display:flex;flex-wrap:wrap}.footer-links{gap:10px}.footer-social{align-items:center;display:flex}.app-footer a{color:#5a6c84;color:var(--text-secondary);font-weight:500;margin:5px 10px;position:relative;text-decoration:none;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.app-footer a:after{background:linear-gradient(90deg,#00a86b,#00c853);background:linear-gradient(90deg,var(--primary-medical) 0,var(--primary-green) 100%);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .18s cubic-bezier(.4,0,.2,1);transition:width var(--transition-base);width:0}.app-footer a:hover{color:var(--primary-color)}.app-footer a:hover:after{width:100%}.facebook-button{align-items:center;background:linear-gradient(135deg,#1877f2,#0d65d9)!important;border-radius:25px;box-shadow:0 4px 15px #1877f24d;color:#fff!important;display:flex!important;font-size:14px;font-weight:600;gap:8px;margin:0!important;padding:10px 20px!important;text-decoration:none;transition:all .3s ease}.facebook-button:hover{background:linear-gradient(135deg,#0d65d9,#084a9e)!important;box-shadow:0 6px 20px #1877f266;color:#fff!important;transform:translateY(-2px)}.facebook-button:after{display:none!important}.facebook-button i{font-size:18px}.facebook-button span{font-weight:600}@media (max-width:768px){.app-footer{flex-direction:column;gap:15px;text-align:center}.footer-links{justify-content:center}}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-top-color:#fff;display:inline-block;height:20px;width:20px}.badge{border-radius:6px;border-radius:var(--border-radius-sm);display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.badge-success{background:linear-gradient(135deg,#00c853,#00a86b);background:linear-gradient(135deg,var(--success-green) 0,var(--primary-medical) 100%);color:#fff}.badge-warning{background:linear-gradient(135deg,#fb8c00,#f59e0b);background:linear-gradient(135deg,var(--warning-orange) 0,#f59e0b 100%);color:#fff}.badge-danger{background:linear-gradient(135deg,#e53935,#dc2626);background:linear-gradient(135deg,var(--danger-red) 0,#dc2626 100%);color:#fff}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f5f7fa}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00a86b,#00c853);background:linear-gradient(135deg,var(--primary-medical) 0,var(--primary-green) 100%)}::-webkit-scrollbar-thumb:hover{background:#00875a;background:var(--secondary-green)}.interactive,a,button{overflow:hidden;position:relative}.interactive:active,button:not(:disabled):active{transform:scale(.98)}@media (max-width:767px){.results-and-cart-layout{gap:16px;grid-template-columns:1fr}.cart-sidebar{max-height:none;order:-1;position:relative;top:0}.cart-container{padding:16px}.cart-item{padding:12px}.item-medicine-name{font-size:14px}.cart-actions{gap:8px}.clear-button,.proceed-button{font-size:14px;padding:12px 16px}}@media (min-width:768px){body{padding:40px}.app-container{border-radius:16px;border-radius:var(--border-radius-xl);max-width:1100px}.results-display-container{flex-direction:row;gap:24px;padding:24px}.map-area{border-radius:12px;border-radius:var(--border-radius-lg);flex:3 1;min-height:600px;overflow:hidden}.list-area{border-top:none;flex:2 1}.leaflet-container,.map-canvas{border-radius:12px;border-radius:var(--border-radius-lg)}.pharmacy-item{padding:24px}.search-section-container{padding:32px}}@media (min-width:1200px){.app-container{max-width:1200px}}.logo-plus{animation:float 3s ease-in-out infinite}button:focus,input:focus,select:focus{box-shadow:0 0 0 3px #00c85333;box-shadow:var(--shadow-focus);outline:none}*{transition-duration:.2s;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.custom-pharmacy-icon,.custom-user-icon{background:#0000!important;border:none!important}.custom-user-icon{animation:pulse 2s ease-in-out infinite}.hero-section{background:var(--hero-gradient);margin-bottom:60px;padding:80px 0;transition:var(--theme-transition);width:100%}.hero-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:0 24px}.hero-text{display:flex;flex-direction:column;gap:28px}.hero-badge{align-items:center;background:linear-gradient(135deg,#00c853,#00a86b);border-radius:50px;box-shadow:0 2px 8px 0 #00a86b1f;box-shadow:var(--shadow-md);color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;width:-webkit-fit-content;width:fit-content}.badge-icon{font-size:18px}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a2332,#00a86b);-webkit-background-clip:text;background-clip:text;color:#1a2332;color:var(--gray-900);font-family:Poppins,sans-serif;font-size:56px;font-weight:700;line-height:1.15;margin:0}.hero-description{color:#5a6c84;color:var(--text-secondary);font-size:20px;line-height:1.6;margin:0}.hero-features{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:12px}.feature-item{align-items:flex-start;background:var(--bg-card);border-radius:12px;box-shadow:0 1px 3px 0 #00a86b14;box-shadow:var(--shadow-sm);display:flex;gap:16px;padding:20px;transition:all .3s ease}.feature-item:hover{box-shadow:0 4px 16px 0 #00a86b26;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{flex-shrink:0;font-size:32px}.feature-icon-image{border-radius:12px;box-shadow:0 2px 8px 0 #00a86b1f;box-shadow:var(--shadow-md);flex-shrink:0;height:64px;width:64px}.feature-icon-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.feature-item:hover .feature-icon-image img{transform:scale(1.1)}.hero-image-mobile{border-radius:20px;box-shadow:0 8px 24px 0 #00a86b2e;box-shadow:var(--shadow-xl);display:none;margin:24px auto;max-width:600px;overflow:hidden;width:100%}.hero-main-image{display:block;height:auto;width:100%}.feature-item h3{color:#1a2332;color:var(--gray-900);font-size:16px;font-weight:600;margin:0 0 4px}.feature-item p{color:#5a6c84;color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.hero-cta{display:flex;gap:16px;margin-top:16px}.btn-primary-large,.btn-secondary-large{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:16px;font-weight:600;gap:12px;padding:16px 32px;transition:all .3s ease}.btn-primary-large{background:linear-gradient(135deg,#00c853,#00a86b);box-shadow:0 2px 8px 0 #00a86b1f;box-shadow:var(--shadow-md);color:#fff}.btn-primary-large:hover{box-shadow:0 8px 24px 0 #00a86b2e;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.btn-secondary-large{background:var(--bg-card);border:2px solid #00a86b;border:2px solid var(--primary-medical);color:#00a86b;color:var(--primary-medical)}.btn-secondary-large:hover{background:#e8f5e9;background:var(--bg-tertiary);transform:translateY(-2px)}.btn-arrow{font-size:20px}.btn-primary-large:hover .btn-arrow{transform:translateX(4px)}.hero-image{align-items:center;display:flex;height:600px;justify-content:center;position:relative}.hero-illustration{height:100%;position:relative;width:100%}.hero-bg-image{box-shadow:var(--shadow-2xl);object-fit:cover;z-index:0}.hero-bg-image,.illustration-overlay{border-radius:24px;height:100%;left:0;position:absolute;top:0;width:100%}.illustration-overlay{background:linear-gradient(135deg,#00c85326,#00a86b40);z-index:1}.illustration-circle{border-radius:50%;opacity:.12;position:absolute;z-index:2}.circle-1{animation:float 6s ease-in-out infinite;background:#00c853;background:var(--primary-green);height:400px;left:50%;top:50%;transform:translate(-50%,-50%);width:400px}.circle-2{animation:float 8s ease-in-out infinite reverse;background:#0288d1;background:var(--accent-blue);height:300px;right:10%;top:20%;width:300px}.circle-3{animation:float 7s ease-in-out infinite;background:#00897b;background:var(--accent-teal);bottom:15%;height:250px;left:15%;width:250px}.illustration-content{display:flex;flex-direction:column;gap:24px;padding:40px;position:relative;z-index:3}.pharmacy-card{animation:slideInRight .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 8px 24px 0 #00a86b2e;box-shadow:var(--shadow-xl);gap:16px;padding:20px}.pharmacy-card:hover{box-shadow:0 12px 32px #00a86b40;transform:translateX(-8px)}.card-1{animation-delay:.2s;animation-fill-mode:forwards;opacity:0}.card-2{animation-delay:.4s;animation-fill-mode:forwards;margin-left:40px;opacity:0}.card-3{animation-delay:.6s;animation-fill-mode:forwards;margin-left:80px;opacity:0}.card-icon{flex-shrink:0;font-size:40px}.card-text{flex:1 1}.card-title{color:#1a2332;color:var(--gray-900);font-size:16px;font-weight:600;margin-bottom:4px}.card-distance,.card-price{color:#5a6c84;color:var(--text-secondary);font-size:14px}.card-status{border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px}.card-status.available{background:#e8f5e9;color:#00c853;color:var(--success-green)}.hero-stats{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(4,1fr);margin:80px auto 0;max-width:1400px;padding:0 24px}.stat-item{background:var(--bg-card);border-radius:16px;box-shadow:0 2px 8px 0 #00a86b1f;box-shadow:var(--shadow-md);padding:32px;text-align:center}.stat-item:hover{box-shadow:0 8px 24px 0 #00a86b2e;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.stat-number{background:linear-gradient(135deg,#00c853,#00a86b);font-size:48px;font-weight:700}.stat-label{color:#5a6c84}.how-it-works{margin:100px auto;max-width:1400px;padding:0 24px;text-align:center}.section-title{color:#1a2332;font-size:42px;margin-bottom:60px}.steps-container{align-items:center;display:flex;gap:24px;justify-content:space-between}.step-item{background:var(--bg-card);border-radius:20px;box-shadow:0 2px 8px 0 #00a86b1f;box-shadow:var(--shadow-md);flex:1 1;padding:40px 24px;position:relative}.step-item:hover{box-shadow:0 8px 24px 0 #00a86b2e;box-shadow:var(--shadow-xl)}.step-number{align-items:center;background:linear-gradient(135deg,#00c853,#00a86b);border-radius:50%;box-shadow:0 2px 8px 0 #00a86b1f;box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;left:50%;position:absolute;top:-20px;transform:translateX(-50%);width:40px}.step-icon{font-size:56px;margin:20px 0}.step-item h3{color:#1a2332;color:var(--gray-900);font-size:20px;font-weight:600;margin:16px 0 12px}.step-item p{color:#5a6c84;color:var(--text-secondary);font-size:15px;line-height:1.6}.step-arrow{color:#00a86b;color:var(--primary-medical);flex-shrink:0;font-size:32px}.benefits-section{margin:100px auto;max-width:1400px;padding:0 24px;text-align:center}.benefits-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(2,1fr);margin-top:60px}.benefit-card{background:var(--bg-card);border-radius:20px;box-shadow:0 2px 8px 0 #00a86b1f;box-shadow:var(--shadow-md);padding:48px 32px;text-align:left;transition:all .3s ease}.benefit-card:hover{border:2px solid #00a86b;border:2px solid var(--primary-medical);box-shadow:0 8px 24px 0 #00a86b2e;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.benefit-icon{display:block;font-size:64px;margin-bottom:24px}.benefit-card h3{color:#1a2332;color:var(--gray-900);font-size:24px;font-weight:600;margin-bottom:16px}.benefit-card p{color:#5a6c84;color:var(--text-secondary);font-size:16px;line-height:1.7}.final-cta{background:linear-gradient(135deg,#00c853,#00a86b);border-radius:24px;box-shadow:0 8px 24px 0 #00a86b2e;box-shadow:var(--shadow-xl);margin:100px auto 80px;max-width:800px;padding:60px 48px;text-align:center}.final-cta h2{color:#fff;font-size:36px;font-weight:700;margin-bottom:16px}.final-cta p{color:#ffffffe6;font-size:18px;margin-bottom:32px}.final-cta .btn-primary-large{background:var(--bg-card);color:#00a86b;color:var(--primary-medical)}.final-cta .btn-primary-large:hover{transform:translateY(-4px) scale(1.05)}@media (max-width:1024px){.hero-content{gap:60px;grid-template-columns:1fr}.hero-image-mobile{display:block}.hero-title{font-size:42px}.hero-image{height:500px}.hero-stats{grid-template-columns:repeat(2,1fr)}.steps-container{flex-direction:column}.step-arrow{transform:rotate(90deg)}.benefits-grid{grid-template-columns:1fr}}@media (max-width:768px){.hero-section{padding:60px 0}.hero-title{font-size:36px}.hero-description{font-size:18px}.hero-features{grid-template-columns:1fr}.hero-cta{flex-direction:column}.btn-primary-large,.btn-secondary-large{justify-content:center;width:100%}.hero-image{height:400px}.pharmacy-card.card-2,.pharmacy-card.card-3{margin-left:0}.hero-stats{gap:16px;grid-template-columns:1fr}.section-title{font-size:32px}.final-cta{padding:40px 24px}.final-cta h2{font-size:28px}}.toast-container{display:flex;flex-direction:column;gap:12px;max-width:380px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.toast{align-items:flex-start;animation:slideInRight .3s ease,fadeOut .3s ease 4.7s forwards;background:#fff;border-left:4px solid #ccc;border-radius:12px;box-shadow:0 10px 40px #00000026;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:16px;pointer-events:auto;position:relative}.toast-success{border-left-color:#00c853}.toast-error{border-left-color:#e53935}.toast-warning{border-left-color:#fb8c00}.toast-info{border-left-color:#039be5}.toast-stock{border-left-color:#9c27b0}.toast-reservation{border-left-color:#00897b}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.toast-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.toast-success .toast-icon{background:#e8f5e9;color:#00c853}.toast-error .toast-icon{background:#ffebee;color:#e53935}.toast-warning .toast-icon{background:#fff3e0;color:#fb8c00}.toast-info .toast-icon{background:#e3f2fd;color:#039be5}.toast-stock .toast-icon{background:#f3e5f5;color:#9c27b0}.toast-reservation .toast-icon{background:#e0f2f1;color:#00897b}.toast-content{flex:1 1;min-width:0}.toast-title{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.toast-message{color:#666;font-size:13px;line-height:1.4}.toast-close{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;margin:-4px -4px -4px 0;padding:4px;transition:all .2s}.toast-close:hover{background:#f0f0f0;color:#333}.toast-progress{animation:progressBar 5s linear forwards;background:currentColor;bottom:0;height:3px;left:0;opacity:.3;position:absolute}@keyframes progressBar{0%{width:100%}to{width:0}}.notification-bell-wrapper{position:relative}.notification-bell{background:none;border:none;border-radius:8px;color:#666;color:var(--text-secondary,#666);cursor:pointer;padding:8px 12px;position:relative;transition:all .2s}.notification-bell:hover{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);color:#00a86b;color:var(--primary-medical,#00a86b)}.notification-bell i{font-size:20px}.notification-badge{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#e53935,#c62828);border-radius:10px;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:6px;top:2px}.notification-panel{animation:slideDown .2s ease;background:#fff;border-radius:16px;box-shadow:0 10px 50px #0003;max-height:480px;overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);width:360px;z-index:1000}.notification-panel-header{align-items:center;background:#f9f9f9;background:var(--bg-secondary,#f9f9f9);border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.notification-panel-header h3{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.notification-panel-header h3 i{color:#00a86b;color:var(--primary-medical,#00a86b)}.notification-panel-actions{display:flex;gap:4px}.notification-panel-actions button{background:none;border:none;border-radius:6px;color:#999;cursor:pointer;padding:6px 8px;transition:all .2s}.notification-panel-actions button:hover{background:#eee;color:#333}.notification-panel-body{max-height:400px;overflow-y:auto}.notification-empty{color:#999;padding:48px 24px;text-align:center}.notification-empty i{color:#ddd;font-size:48px;margin-bottom:16px}.notification-empty p{font-size:14px;margin:0}.notification-item{align-items:flex-start;cursor:pointer;display:flex;gap:12px;padding:16px 20px;position:relative;transition:background .15s}.notification-item:hover{background:#f9f9f9}.notification-item.unread{background:#f0f9f5}.notification-item.unread:hover{background:#e0f5eb}.notification-item-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.notification-item-icon.success{background:#e8f5e9;color:#00c853}.notification-item-icon.error{background:#ffebee;color:#e53935}.notification-item-icon.warning{background:#fff3e0;color:#fb8c00}.notification-item-icon.info{background:#e3f2fd;color:#039be5}.notification-item-icon.stock{background:#f3e5f5;color:#9c27b0}.notification-item-icon.reservation{background:#e0f2f1;color:#00897b}.notification-item-content{flex:1 1;min-width:0}.notification-item-title{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.notification-item-message{color:#666;font-size:13px;line-height:1.4;margin-bottom:6px}.notification-item-time{align-items:center;color:#999;display:flex;font-size:11px;gap:4px}.notification-item-dot{background:#00a86b;background:var(--primary-medical,#00a86b);border-radius:50%;flex-shrink:0;height:8px;width:8px}.notification-panel-body::-webkit-scrollbar{width:6px}.notification-panel-body::-webkit-scrollbar-track{background:#0000}.notification-panel-body::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}@media (max-width:768px){.toast-container{left:10px;max-width:none;right:10px}.notification-panel{border-radius:16px 16px 0 0;bottom:0;left:0;max-height:70vh;position:fixed;right:0;top:auto;width:100%}}.confirm-dialog-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.confirm-dialog{animation:scaleIn .25s ease;background:#fff;border-radius:16px;box-shadow:0 25px 80px #00000040;max-width:420px;overflow:hidden;width:90%}.confirm-dialog-header{align-items:center;display:flex;gap:16px;padding:24px 24px 16px}.confirm-dialog-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.confirm-dialog-icon.warning{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100}.confirm-dialog-icon.danger{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828}.confirm-dialog-icon.info{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0}.confirm-dialog-header h3{color:#1a1a2e;font-size:18px;font-weight:600;margin:0}.confirm-dialog-body{padding:0 24px 24px}.confirm-dialog-body p{color:#666;font-size:15px;line-height:1.6;margin:0}.confirm-dialog-footer{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;padding:16px 24px}.confirm-dialog-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.confirm-dialog-btn.cancel{background:#fff;border:1px solid #ddd;color:#666}.confirm-dialog-btn.cancel:hover{background:#f5f5f5;border-color:#ccc}.confirm-dialog-btn.confirm{color:#fff}.confirm-dialog-btn.confirm.warning{background:linear-gradient(135deg,#ff9800,#f57c00)}.confirm-dialog-btn.confirm.warning:hover{background:linear-gradient(135deg,#f57c00,#e65100);transform:translateY(-1px)}.confirm-dialog-btn.confirm.danger{background:linear-gradient(135deg,#e53935,#c62828)}.confirm-dialog-btn.confirm.danger:hover{background:linear-gradient(135deg,#c62828,#b71c1c);transform:translateY(-1px)}.confirm-dialog-btn.confirm.info{background:linear-gradient(135deg,#2196f3,#1976d2)}.confirm-dialog-btn.confirm.info:hover{background:linear-gradient(135deg,#1976d2,#1565c0);transform:translateY(-1px)}@media (max-width:480px){.confirm-dialog{margin:16px;max-width:none;width:calc(100% - 32px)}.confirm-dialog-footer{flex-direction:column-reverse}}.app-header{background:var(--white);border-bottom:1px solid var(--gray-200);box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-section-logo{background:linear-gradient(135deg,#00c85305,#1a73e805);border-bottom:1px solid var(--gray-100);padding:12px 24px}.header-section-actions,.header-section-logo{align-items:center;display:flex;justify-content:center}.header-section-actions{background:var(--white);gap:16px;padding:10px 24px}.logo{align-items:center;background:#0000;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:8px 12px;text-decoration:none;transition:transform .3s ease}.logo:hover{background:#00a86b0d;transform:scale(1.05)}.logo-image{filter:drop-shadow(0 2px 8px rgba(0,168,107,.3));height:48px;transition:transform .3s ease;width:48px}.logo:hover .logo-image{filter:drop-shadow(0 4px 12px rgba(0,168,107,.5));transform:rotate(1turn)}.logo-text{display:flex;font-family:Poppins,Inter,sans-serif;font-size:32px;font-weight:800;letter-spacing:-.5px}.logo-find{background:linear-gradient(135deg,#1a73e8,#4285f4);-webkit-background-clip:text;background-clip:text;margin-right:0}.logo-find,.logo-pharma{-webkit-text-fill-color:#0000}.logo-pharma{background:linear-gradient(135deg,#00c853,#00a86b);-webkit-background-clip:text;background-clip:text}.header-nav{flex:1 1;gap:12px;justify-content:center}.header-nav,.nav-link{align-items:center;display:flex}.nav-link{border-radius:10px;color:var(--gray-700);font-size:15px;font-weight:500;gap:8px;overflow:hidden;padding:10px 20px;position:relative;text-decoration:none;transition:all .3s ease}.nav-link i{font-size:16px;transition:transform .3s ease}.nav-link:hover i{transform:scale(1.2)}.nav-link-home{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #0000}.nav-link-home:hover{background:linear-gradient(135deg,#fff,#f8f9fa);border-color:var(--primary-medical);box-shadow:0 4px 12px #00a86b26;transform:translateY(-2px)}.nav-link-dashboard{background:linear-gradient(135deg,#00c853,#00a86b);box-shadow:0 2px 8px #00c8534d;color:#fff!important}.nav-link-dashboard:hover{background:linear-gradient(135deg,#00a86b,#008c54);box-shadow:0 4px 16px #00c85366;transform:translateY(-2px)}.nav-link-reservations{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 2px 8px #ff98004d;color:#fff!important}.nav-link-reservations:hover{background:linear-gradient(135deg,#f57c00,#e65100);box-shadow:0 4px 16px #ff980066;transform:translateY(-2px)}.nav-link-primary{background:linear-gradient(135deg,#1a73e8,#4285f4);box-shadow:0 2px 8px #1a73e84d;color:#fff!important}.nav-link-primary:hover{background:linear-gradient(135deg,#1557b0,#1a73e8);box-shadow:0 4px 16px #1a73e866;transform:translateY(-2px)}.nav-link-admin{align-items:center;background:linear-gradient(135deg,#e53935,#c62828);box-shadow:0 2px 8px #e539354d;color:#fff!important;display:flex;gap:8px}.nav-link-admin .nav-icon{font-size:16px;line-height:1}.nav-link-admin .nav-text{white-space:nowrap}.nav-link-admin:hover{background:linear-gradient(135deg,#c62828,#b71c1c);box-shadow:0 4px 16px #e5393566;transform:translateY(-2px)}.header-auth{align-items:center;display:flex;gap:12px}.user-menu-container{position:relative}.user-avatar-btn{align-items:center;background:linear-gradient(135deg,#00c853,#00a86b);border:3px solid #00a86b;border:3px solid var(--primary-medical,#00a86b);border-radius:50%;box-shadow:0 2px 8px #00a86b4d;cursor:pointer;display:flex;height:44px;justify-content:center;overflow:hidden;padding:0;transition:all .3s ease;width:44px}.user-avatar-btn:hover{border-color:#008c54;box-shadow:0 4px 16px #00a86b66;transform:scale(1.08)}.user-avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.user-avatar-initials{color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:700;text-transform:uppercase}.user-dropdown-menu{animation:dropdownFadeIn .2s ease-out;background:#fff;border:1px solid #00000014;border-radius:16px;box-shadow:0 10px 40px #00000026;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:280px;z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{align-items:center;background:linear-gradient(135deg,#f8fffe,#e8f5f0);border-bottom:1px solid #00a86b1a;display:flex;gap:14px;padding:20px}.user-menu-avatar{align-items:center;background:linear-gradient(135deg,#00c853,#00a86b);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #00a86b4d;display:flex;height:50px;justify-content:center;overflow:hidden;width:50px}.user-menu-avatar img{height:100%;object-fit:cover;width:100%}.user-menu-avatar span{color:#fff;font-size:18px;font-weight:700;text-transform:uppercase}.user-menu-info{display:flex;flex-direction:column;gap:2px}.user-menu-name{color:#333;font-size:15px;font-weight:600}.user-menu-type{color:#00a86b;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.user-menu-divider{background:linear-gradient(90deg,#0000,#00000014,#0000);height:1px;margin:4px 16px}.user-menu-language{align-items:center;color:#444;display:flex;font-size:14px;gap:12px;padding:10px 20px}.user-menu-language i{color:#888;font-size:16px;width:20px}.language-select-mini{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;flex:1 1;font-family:inherit;font-size:13px;padding:8px 12px;transition:all .2s ease}.language-select-mini:hover{border-color:#00a86b}.language-select-mini:focus{border-color:#00a86b;box-shadow:0 0 0 3px #00a86b1a;outline:none}.user-menu-item{align-items:center;background:none;border:none;color:#444;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:12px;padding:14px 20px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.user-menu-item:hover{background:linear-gradient(90deg,#00a86b14,#0000);color:#00a86b}.user-menu-item i{color:#888;font-size:16px;transition:all .2s ease;width:20px}.user-menu-item:hover i{color:#00a86b;transform:scale(1.1)}.user-menu-item.logout{border-top:1px solid #0000000d;color:#dc3545;margin-top:4px}.user-menu-item.logout:hover{background:linear-gradient(90deg,#dc354514,#0000);color:#c82333}.user-menu-item.logout i{color:#dc3545}.user-menu-item.logout:hover i{color:#c82333}.profile-link{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid var(--primary-medical);border-radius:25px;display:flex;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.profile-link:hover{background:linear-gradient(135deg,var(--primary-medical) 0,#0056b3 100%);box-shadow:0 4px 12px #007bff4d;transform:translateY(-2px)}.profile-link:hover .user-name,.profile-link:hover i{color:#fff}.profile-link i{color:var(--primary-medical);font-size:20px;transition:all .3s ease}.user-name{color:var(--gray-800);font-size:15px;font-weight:600;transition:all .3s ease}.login-button,.logout-button,.register-button{align-items:center;border:none;border-radius:25px;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:15px;font-weight:600;gap:8px;overflow:hidden;padding:11px 24px;position:relative;transition:all .3s ease}.login-button i,.logout-button i,.register-button i{font-size:16px;transition:transform .3s ease}.login-button:hover i,.logout-button:hover i,.register-button:hover i{transform:scale(1.2) rotate(5deg)}.login-button{background:linear-gradient(135deg,#00c853,#00a86b);border:2px solid #0000;box-shadow:0 4px 12px #00c8534d;color:#fff}.login-button:hover{background:linear-gradient(135deg,#00a86b,#008c54);box-shadow:0 6px 20px #00c85366;transform:translateY(-2px)}.login-button:active{box-shadow:0 2px 8px #00c8534d;transform:translateY(0)}.register-button{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #0000;box-shadow:0 4px 12px #667eea4d;color:#fff}.register-button:hover{background:linear-gradient(135deg,#5568d3,#633a8f);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.register-button:active{box-shadow:0 2px 8px #667eea4d;transform:translateY(0)}.logout-button{background:linear-gradient(135deg,#6c757d,#495057);border:2px solid #0000;box-shadow:0 4px 12px #6c757d4d;color:#fff}.logout-button:hover{background:linear-gradient(135deg,#5a6268,#343a40);box-shadow:0 6px 20px #6c757d66;transform:translateY(-2px)}.logout-button:active{box-shadow:0 2px 8px #6c757d4d;transform:translateY(0)}.login-button:before,.logout-button:before,.register-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.login-button:hover:before,.logout-button:hover:before,.register-button:hover:before{left:100%}@media (max-width:768px){.logo-text{font-size:24px}.logo-image{height:40px;width:40px}.header-nav{gap:8px}.nav-link{font-size:14px;padding:8px 12px}.nav-link span{display:none}.nav-link i{font-size:18px}.nav-link-admin{height:40px;justify-content:center;min-width:40px;padding:8px}.nav-link-admin .nav-text{display:none!important}.nav-link-admin .nav-icon{display:flex!important;font-size:20px}.login-button,.register-button{font-size:14px;padding:10px 16px}.login-button span,.register-button span{display:none}.user-avatar-btn{height:40px;width:40px}.user-dropdown-menu{right:-10px;width:260px}.user-menu-header{padding:16px}.user-menu-avatar{height:42px;width:42px}}@media (max-width:480px){.logo-text{font-size:20px}.logo-image{height:36px;width:36px}.header-auth{gap:6px}.nav-link{padding:6px 10px}.nav-link-admin{height:34px;min-width:34px;padding:6px}.nav-link-admin .nav-icon{font-size:18px}.user-avatar-btn{border-width:2px;height:36px;width:36px}.user-avatar-initials{font-size:14px}.user-dropdown-menu{right:-5px;width:240px}}.language-selector-guest{align-items:center;display:flex;margin-right:12px}.language-selector-guest .language-select-mini{background:#ffffffe6;background:var(--bg-card,#ffffffe6);border:1px solid #00a86b4d;border:1px solid var(--border-color,#00a86b4d);border-radius:8px;color:#333;color:var(--text-primary,#333);cursor:pointer;font-size:13px;min-width:75px;padding:6px 10px;transition:all .2s ease}.language-selector-guest .language-select-mini:hover{border-color:#00a86b;border-color:var(--primary-color,#00a86b);box-shadow:0 2px 8px #00a86b26}.language-selector-guest .language-select-mini:focus{border-color:#00a86b;border-color:var(--primary-color,#00a86b);box-shadow:0 0 0 3px #00a86b1a;outline:none}.theme-icon-btn{background:#ffffffe6;background:var(--bg-card,#ffffffe6);border:1px solid #00a86b4d;border:1px solid var(--border-color,#00a86b4d);font-size:1.1rem;height:38px;margin-right:8px;width:38px}.theme-icon-btn:hover{border-color:#00a86b;border-color:var(--primary-color,#00a86b);box-shadow:0 2px 8px #00a86b33}.user-menu-theme{padding:8px 16px}.theme-toggle-btn{align-items:center;background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;color:#333;color:var(--text-primary,#333);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;transition:all .2s ease;width:100%}.theme-toggle-btn:hover{background:#e8e8e8;background:var(--bg-tertiary,#e8e8e8);border-color:#00a86b;border-color:var(--primary-color,#00a86b)}.theme-toggle-btn i{color:#00a86b;color:var(--primary-color,#00a86b);font-size:1rem}@media (max-width:768px){.language-selector-guest{margin-right:8px}.language-selector-guest .language-select-mini{font-size:12px;min-width:65px;padding:5px 8px}.theme-icon-btn{font-size:1rem;height:34px;margin-right:6px;width:34px}}.app-footer-pro{background:linear-gradient(180deg,var(--bg-secondary) 0,#e8f5e9 100%);border-top:1px solid var(--gray-200);margin-top:auto}.footer-main{padding:60px 40px 40px}.footer-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1.5fr;margin:0 auto;max-width:1200px}.footer-brand{padding-right:40px}.footer-logo{align-items:center;display:flex;gap:12px;margin-bottom:20px}.footer-logo-img{filter:drop-shadow(0 2px 8px rgba(0,168,107,.3));height:48px;width:48px}.footer-logo-text{font-family:Poppins,sans-serif;font-size:28px;font-weight:800}.footer-logo-text .logo-find{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a73e8,#4285f4);-webkit-background-clip:text;background-clip:text}.footer-logo-text .logo-pharma{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00c853,#00a86b);-webkit-background-clip:text;background-clip:text}.footer-description{color:var(--text-secondary);font-size:14px;line-height:1.7;margin-bottom:24px}.footer-social-icons{display:flex;gap:12px}.social-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:18px;height:42px;justify-content:center;text-decoration:none;transition:all .3s ease;width:42px}.social-icon.facebook{background:linear-gradient(135deg,#1877f2,#0d65d9)}.social-icon.twitter{background:linear-gradient(135deg,#1da1f2,#0c85d0)}.social-icon.instagram{background:linear-gradient(135deg,#e4405f,#c13584)}.social-icon.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}.social-icon:hover{box-shadow:0 8px 20px #0003;transform:translateY(-4px) scale(1.1)}.footer-contact h4,.footer-links-col h4{color:var(--text-primary);font-size:16px;font-weight:700;margin-bottom:20px;padding-bottom:12px;position:relative}.footer-contact h4:after,.footer-links-col h4:after{background:linear-gradient(90deg,var(--primary-medical),var(--primary-green));border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.footer-links-col ul{list-style:none;margin:0;padding:0}.footer-links-col li{margin-bottom:12px}.footer-links-col a{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:10px;padding:6px 0;text-decoration:none;transition:all .2s ease}.footer-links-col a i{color:var(--primary-medical);font-size:12px;text-align:center;transition:transform .2s;width:16px}.footer-links-col a:hover{color:var(--primary-medical);transform:translateX(4px)}.footer-links-col a:hover i{transform:scale(1.2)}.contact-item{color:var(--text-secondary);gap:12px;margin-bottom:14px}.contact-item,.contact-item i{align-items:center;display:flex;font-size:14px}.contact-item i{background:#00a86b1a;border-radius:10px;color:var(--primary-medical);height:36px;justify-content:center;width:36px}.footer-trust{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border-bottom:1px solid #00a86b1a;border-top:1px solid #00a86b1a;padding:24px 40px}.trust-badges{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin:0 auto;max-width:1200px}.trust-badge{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;gap:10px}.trust-badge i{color:var(--primary-medical);font-size:20px}.footer-bottom{background:var(--text-primary);padding:20px 40px}.footer-bottom-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.copyright,.made-with{color:#ffffffb3;font-size:14px;margin:0}.made-with{align-items:center;display:flex;gap:6px}.heart{animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}[data-theme=dark] .app-footer-pro{background:linear-gradient(180deg,var(--bg-secondary) 0,#1a2e1a 100%)}[data-theme=dark] .footer-trust{background:#0000004d}[data-theme=dark] .footer-bottom{background:#0d1117}@media (max-width:1024px){.footer-grid{gap:40px 30px;grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1;padding-right:0;text-align:center}.footer-social-icons{justify-content:center}.footer-contact h4:after,.footer-links-col h4:after{left:50%;transform:translateX(-50%)}}@media (max-width:768px){.footer-main{padding:40px 24px 30px}.footer-grid{gap:32px;grid-template-columns:1fr;text-align:center}.contact-item,.footer-links-col a{justify-content:center}.trust-badges{gap:20px}.trust-badge{gap:6px}.footer-bottom-content,.trust-badge{flex-direction:column;text-align:center}.footer-bottom-content{gap:12px}}@media (max-width:480px){.footer-logo-text{font-size:24px}.trust-badges{display:grid;grid-template-columns:1fr 1fr}}.pwa-offline-banner{align-items:center;animation:slideDown .3s ease;background:linear-gradient(90deg,#e53935,#c62828);color:#fff;display:flex;font-size:14px;font-weight:500;gap:12px;justify-content:center;left:0;padding:10px 20px;position:fixed;right:0;top:0;z-index:10000}.pwa-offline-banner i{font-size:16px}.pwa-offline-banner button{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 10px;transition:background .2s}.pwa-offline-banner button:hover{background:#ffffff4d}.pwa-update-banner{align-items:center;animation:slideUp .3s ease;background:#fff;border-radius:12px;bottom:20px;box-shadow:0 10px 40px #0003;display:flex;gap:16px;left:50%;padding:16px 20px;position:fixed;transform:translateX(-50%);z-index:10000}.update-content{align-items:center;color:#333;display:flex;gap:10px}.update-content i{color:#00a86b;font-size:20px}.update-btn{background:linear-gradient(135deg,#00a86b,#00c853);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.update-btn:hover{box-shadow:0 4px 15px #00a86b4d;transform:translateY(-2px)}.pwa-install-prompt{animation:fadeInUp .4s ease;background:#fff;border-radius:20px;bottom:20px;box-shadow:0 15px 50px #0003;padding:24px;position:fixed;right:20px;width:340px;z-index:10000}.pwa-install-prompt .close-btn{background:none;border:none;border-radius:50%;color:#999;cursor:pointer;padding:8px;position:absolute;right:12px;top:12px;transition:all .2s}.pwa-install-prompt .close-btn:hover{background:#f0f0f0;color:#333}.prompt-icon{margin-bottom:16px;text-align:center}.prompt-icon img{border-radius:16px;box-shadow:0 4px 15px #00a86b33;height:64px;width:64px}.prompt-content h3{color:#333;font-size:18px;margin-bottom:8px;text-align:center}.prompt-content p{color:#666;font-size:14px;line-height:1.5;margin-bottom:16px;text-align:center}.prompt-features{list-style:none;margin:0 0 20px;padding:0}.prompt-features li{align-items:center;color:#555;display:flex;font-size:13px;gap:8px;padding:6px 0}.prompt-features li i{color:#00a86b;font-size:12px}.prompt-actions{display:flex;gap:10px}.install-btn{align-items:center;background:linear-gradient(135deg,#00a86b,#00c853);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s}.install-btn:hover{box-shadow:0 6px 20px #00a86b4d;transform:translateY(-2px)}.later-btn{background:#f5f5f5;border:none;border-radius:12px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:14px 20px;transition:all .2s}.later-btn:hover{background:#eee;color:#333}.pwa-install-mini{align-items:center;animation:bounce 2s infinite;background:linear-gradient(135deg,#00a86b,#00c853);border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 20px #00a86b4d;color:#fff;cursor:pointer;display:flex;font-size:18px;height:50px;justify-content:center;position:fixed;right:20px;transition:all .3s;width:50px;z-index:9999}.pwa-install-mini:hover{box-shadow:0 6px 25px #00a86b66;transform:scale(1.1)}@media (max-width:480px){.pwa-install-prompt{border-radius:20px 20px 0 0;bottom:0;left:0;padding:24px 20px 32px;right:0;width:100%}.pwa-update-banner{bottom:10px;flex-direction:column;left:10px;right:10px;transform:none;width:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}.analytics-dashboard{margin:0 auto;max-width:1200px;padding:24px}.analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.analytics-header h2{align-items:center;color:#333;display:flex;font-size:24px;gap:12px;margin:0}.analytics-header h2 i{color:#00a86b;color:var(--primary-medical,#00a86b)}.time-range-selector{background:#f5f5f5;border-radius:8px;display:flex;padding:4px}.time-range-selector button{background:none;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.time-range-selector button.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#00a86b;color:var(--primary-medical,#00a86b)}.stats-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:32px}.stat-card{box-shadow:0 2px 12px #0000000f;transition:all .3s}.stat-card:hover{box-shadow:0 8px 24px #0000001a}.stat-icon{font-size:24px}.stat-card-primary .stat-icon{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#00a86b}.stat-card-success .stat-icon{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2}.stat-card-info .stat-icon{background:linear-gradient(135deg,#f3e5f5,#e1bee7);color:#7b1fa2}.stat-card-warning .stat-icon{background:linear-gradient(135deg,#fff3e0,#ffcc80);color:#e65100}.stat-content{flex:1 1}.stat-value{color:#333}.stat-label{color:#888}.analytics-chart-section{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;margin-bottom:24px;padding:24px}.analytics-chart-section h3{color:#333;font-size:16px;margin:0 0 20px}.simple-bar-chart{align-items:flex-end;display:flex;gap:8px;height:200px;justify-content:space-around;padding:0 8px}.bar-column{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;max-width:60px}.bar{background:linear-gradient(180deg,#00a86b,#00c853);border-radius:6px 6px 0 0;max-width:32px;min-height:4px;position:relative;transition:height .5s ease;width:100%}.bar-value{color:#00a86b;font-size:12px;font-weight:600;left:50%;position:absolute;top:-24px;transform:translateX(-50%)}.bar-label{color:#888;font-size:11px;margin-top:8px;white-space:nowrap}.analytics-lists{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px}.analytics-list{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:24px}.analytics-list h3{align-items:center;color:#333;display:flex;font-size:16px;gap:10px;margin:0 0 16px}.analytics-list h3 i{color:#00a86b;color:var(--primary-medical,#00a86b)}.analytics-list ul{list-style:none;margin:0;padding:0}.analytics-list li{align-items:center;border-radius:10px;display:flex;gap:12px;padding:12px;transition:background .2s}.analytics-list li:hover{background:#f9f9f9}.analytics-list .rank{align-items:center;background:#f0f0f0;border-radius:50%;color:#666;display:flex;font-size:11px;font-weight:700;height:28px;justify-content:center;width:28px}.analytics-list li:first-child .rank{background:linear-gradient(135deg,gold,orange);color:#fff}.analytics-list li:nth-child(2) .rank{background:linear-gradient(135deg,silver,#a8a8a8);color:#fff}.analytics-list li:nth-child(3) .rank{background:linear-gradient(135deg,#cd7f32,sienna);color:#fff}.analytics-list .query{color:#333;flex:1 1;font-size:14px}.analytics-list .count{background:#f0f0f0;border-radius:12px;color:#888;font-size:12px;padding:4px 8px}.analytics-list li i{color:#ccc}.empty-list{color:#999;padding:32px;text-align:center}.empty-list i{color:#ddd;font-size:32px;margin-bottom:12px}.empty-list p{font-size:14px;margin:0}.analytics-actions{text-align:center}.clear-stats-btn{align-items:center;background:none;border:1px solid #e0e0e0;border-radius:10px;color:#999;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:12px 24px;transition:all .2s}.clear-stats-btn:hover{background:#fee;border-color:#e74c3c;color:#e74c3c}.analytics-loading{align-items:center;color:#888;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px}.analytics-loading i{color:#00a86b;color:var(--primary-medical,#00a86b);font-size:32px}@media (max-width:768px){.analytics-dashboard{padding:16px}.analytics-header{align-items:flex-start;flex-direction:column;gap:16px}.stats-cards{grid-template-columns:1fr 1fr}.stat-card{padding:16px}.stat-icon{font-size:20px;height:44px;width:44px}.stat-value{font-size:24px}.simple-bar-chart{height:150px}.bar-label{font-size:9px}.analytics-lists{grid-template-columns:1fr}}@media (max-width:480px){.stats-cards{grid-template-columns:1fr}}:root{--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#e8e8e8;--bg-card:#fff;--bg-header:#fff;--bg-footer:#2c3e50;--white:#fff;--text-primary:#333;--text-secondary:#666;--text-tertiary:#999;--text-inverse:#fff;--border-color:#e0e0e0;--border-light:#f0f0f0;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 25px #00000026;--primary-color:#4caf50;--primary-hover:#45a049;--primary-light:#e8f5e9;--secondary-color:#2196f3;--secondary-hover:#1976d2;--success-color:#4caf50;--success-light:#e8f5e9;--warning-color:#ff9800;--warning-light:#fff3e0;--danger-color:#f44336;--danger-light:#ffebee;--info-color:#2196f3;--info-light:#e3f2fd;--input-bg:#fff;--input-border:#ddd;--input-focus-border:#4caf50;--overlay-bg:#00000080;--hero-gradient:linear-gradient(135deg,#f0f9f5,#e8f5e9 50%,#fff);--theme-transition:background-color 0.3s ease,color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease}[data-theme=dark]{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-tertiary:#0f3460;--bg-card:#1f2937;--bg-header:#1a1a2e;--bg-footer:#0a0a0f;--white:#1f2937;--text-primary:#e4e4e7;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--text-inverse:#1a1a2e;--border-color:#374151;--border-light:#2d3748;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 25px #00000080;--primary-color:#10b981;--primary-hover:#059669;--primary-light:#064e3b;--secondary-color:#3b82f6;--secondary-hover:#2563eb;--success-color:#10b981;--success-light:#064e3b;--warning-color:#f59e0b;--warning-light:#78350f;--danger-color:#ef4444;--danger-light:#7f1d1d;--info-color:#3b82f6;--info-light:#1e3a5f;--input-bg:#1f2937;--input-border:#374151;--input-focus-border:#10b981;--overlay-bg:#000000b3;--hero-gradient:linear-gradient(135deg,#0f3460,#16213e 50%,#1a1a2e)}body{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease;transition:var(--theme-transition)}.app-container,.main-content,.page-content,body{background-color:#fff;background-color:var(--bg-primary);color:#333;color:var(--text-primary)}.card,.dashboard-card,.medicine-card,.pharmacy-card,.result-card,.stat-card{background-color:#fff;background-color:var(--bg-card);border:1px solid #e0e0e0;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);color:#333;color:var(--text-primary);transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease;transition:var(--theme-transition)}.card:hover,.result-card:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md)}input,select,textarea{background-color:#fff;background-color:var(--input-bg);border:1px solid #ddd;border:1px solid var(--input-border);color:#333;color:var(--text-primary);transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease;transition:var(--theme-transition)}input:focus,select:focus,textarea:focus{border-color:#4caf50;border-color:var(--input-focus-border);outline:none}input::placeholder,textarea::placeholder{color:#999;color:var(--text-tertiary)}.btn-primary,.primary-button{background-color:#4caf50;background-color:var(--primary-color);color:#fff;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease;transition:var(--theme-transition)}.btn-primary:hover,.primary-button:hover{background-color:#45a049;background-color:var(--primary-hover)}.btn-secondary{background-color:#e8e8e8;background-color:var(--bg-tertiary);border:1px solid #e0e0e0;border:1px solid var(--border-color)}.btn-secondary,table{color:#333;color:var(--text-primary)}table{background-color:#fff;background-color:var(--bg-card)}th{background-color:#f5f5f5;background-color:var(--bg-secondary);border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-color);color:#333;color:var(--text-primary)}td{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-light)}tr:hover{background-color:#f5f5f5;background-color:var(--bg-secondary)}a{color:#4caf50;color:var(--primary-color)}a:hover{color:#45a049;color:var(--primary-hover)}.modal-overlay,.overlay{background-color:#00000080;background-color:var(--overlay-bg)}.modal-content{background-color:#fff;background-color:var(--bg-card);box-shadow:0 10px 25px #00000026;box-shadow:var(--shadow-lg);color:#333;color:var(--text-primary)}[data-theme=dark] ::-webkit-scrollbar{height:10px;width:10px}[data-theme=dark] ::-webkit-scrollbar-track{background:#f5f5f5;background:var(--bg-secondary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#e0e0e0;background:var(--border-color);border-radius:5px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#999;background:var(--text-tertiary)}.theme-toggle{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background-color .2s ease}.theme-toggle:hover{background-color:#f5f5f5;background-color:var(--bg-secondary)}.theme-toggle-icon{font-size:1.2rem;transition:transform .3s ease}.theme-toggle:hover .theme-toggle-icon{transform:rotate(20deg)}.theme-toggle-label{color:#333;color:var(--text-primary);font-size:.9rem}.theme-switch{align-items:center;display:inline-flex;gap:10px;position:relative}.theme-switch-input{height:0;opacity:0;position:absolute;width:0}.theme-switch-slider{background-color:#e8e8e8;background-color:var(--bg-tertiary);border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:26px;cursor:pointer;height:26px;position:relative;transition:.3s;width:50px}.theme-switch-slider:before{align-items:center;background-color:#fff;background-color:var(--bg-card);border-radius:50%;content:"☀️";display:flex;font-size:12px;height:20px;justify-content:center;left:2px;position:absolute;top:50%;transform:translateY(-50%);transition:.3s;width:20px}.theme-switch-input:checked+.theme-switch-slider{background-color:#4caf50;background-color:var(--primary-color);border-color:#4caf50;border-color:var(--primary-color)}.theme-switch-input:checked+.theme-switch-slider:before{content:"🌙";transform:translateY(-50%) translateX(22px)}.theme-icon-btn{align-items:center;background:none;border:none;border-radius:50%;color:#333;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.3rem;justify-content:center;padding:8px;transition:all .3s ease}.theme-icon-btn:hover{background-color:#f5f5f5;background-color:var(--bg-secondary);transform:scale(1.1)}[data-theme=dark] .theme-icon-btn:hover{background-color:#e8e8e8;background-color:var(--bg-tertiary)}@keyframes rotateIcon{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.theme-icon-btn.rotating{animation:rotateIcon .5s ease}:root{--glass-bg:#ffffffb3;--glass-border:#fff3;--glass-blur:20px;--gradient-primary:linear-gradient(135deg,#00a86b,#00c853 50%,#00e676);--gradient-secondary:linear-gradient(135deg,#1a73e8,#4285f4);--gradient-warm:linear-gradient(135deg,#ff6b6b,#ff8e53);--gradient-cool:linear-gradient(135deg,#667eea,#764ba2);--gradient-shine:linear-gradient(45deg,#0000 30%,#ffffff80 50%,#0000 70%);--shadow-glass:0 8px 32px #00000014,0 0 0 1px var(--glass-border);--shadow-glow-green:0 0 30px #00a86b4d,0 0 60px #00a86b1a;--shadow-glow-blue:0 0 30px #1a73e84d,0 0 60px #1a73e81a;--shadow-float:0 20px 60px #00000026;--bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--smooth:cubic-bezier(0.4,0,0.2,1)}.glass-card{backdrop-filter:blur(20px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(var(--glass-blur));background:#ffffffb3;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #00000014,0 0 0 1px #fff3;box-shadow:var(--shadow-glass);transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s var(--smooth)}.glass-card:hover{box-shadow:0 20px 60px #00000026,0 0 30px #00a86b4d,0 0 60px #00a86b1a;box-shadow:var(--shadow-float),var(--shadow-glow-green);transform:translateY(-8px)}.glass-btn{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffb3;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:14px;cursor:pointer;font-weight:600;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--smooth)}.glass-btn:before{background:linear-gradient(45deg,#0000 30%,#ffffff80 50%,#0000 70%);background:var(--gradient-shine);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.glass-btn:hover:before{left:100%}.glass-btn:hover{box-shadow:0 8px 32px #00000014,0 0 0 1px #fff3;box-shadow:var(--shadow-glass);transform:translateY(-3px)}.btn-shine{background:linear-gradient(135deg,#00a86b,#00c853 50%,#00e676);background:var(--gradient-primary);border:none;border-radius:16px;box-shadow:0 4px 15px #00a86b4d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;overflow:hidden;padding:16px 32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s var(--smooth)}.btn-shine:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%}.btn-shine:hover:before{left:100%}.btn-shine:hover{box-shadow:0 8px 30px #00a86b66;transform:translateY(-4px) scale(1.02)}.btn-shine:active{transform:translateY(-2px) scale(.98)}.btn-border-animate{background:#0000;border:2px solid var(--primary-medical);border-radius:14px;color:var(--primary-medical);cursor:pointer;font-weight:600;overflow:hidden;padding:14px 28px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s var(--smooth)}.btn-border-animate:before{background:linear-gradient(135deg,#00a86b,#00c853 50%,#00e676);background:var(--gradient-primary);content:"";height:100%;left:0;position:absolute;top:0;transition:width .4s cubic-bezier(.4,0,.2,1);transition:width .4s var(--smooth);width:0;z-index:-1}.btn-border-animate:hover:before{width:100%}.btn-border-animate:hover{border-color:#0000;box-shadow:0 8px 25px #00a86b4d;color:#fff;transform:translateY(-3px)}.btn-pulse{animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 4px 15px #00a86b4d}50%{box-shadow:0 4px 30px #00a86b80,0 0 0 10px #00a86b1a}}.card-badge{animation:badge-bounce 2s infinite;background:linear-gradient(135deg,#ff6b6b,#ff8e53);background:var(--gradient-warm);border-radius:20px;box-shadow:0 4px 12px #ff6b6b4d;color:#fff;font-size:12px;font-weight:700;padding:6px 12px;position:absolute;right:-10px;top:-10px;z-index:10}@keyframes badge-bounce{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}.card-3d{perspective:1000px;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.4,0,.2,1);transition:transform .4s var(--smooth)}.card-3d:hover{transform:rotateX(5deg) rotateY(-5deg) translateZ(20px)}.card-gradient-border{background:#fff;border-radius:20px;padding:24px;position:relative}.card-gradient-border:before{background:linear-gradient(135deg,#00a86b,#00c853 50%,#00e676);background:var(--gradient-primary);border-radius:22px;content:"";inset:-2px;opacity:0;position:absolute;transition:opacity .4s ease;z-index:-1}.card-gradient-border:hover:before{opacity:1}.input-modern{background:#fff;border:2px solid var(--gray-200);border-radius:14px;font-size:16px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--smooth);width:100%}.input-modern:focus{border-color:var(--primary-medical);box-shadow:0 0 0 4px #00a86b1a;outline:none}.input-modern:hover:not(:focus){border-color:var(--gray-300)}.input-with-icon{position:relative}.input-with-icon .input-icon{color:var(--gray-400);left:16px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.input-with-icon input{padding-left:48px}.input-with-icon:focus-within .input-icon{color:var(--primary-medical);transform:translateY(-50%) scale(1.1)}.tag-pill{align-items:center;border-radius:50px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 14px;transition:all .3s ease}.tag-pill-success{background:#e8f5e9;color:#2e7d32}.tag-pill-warning{background:#fff3e0;color:#e65100}.tag-pill-error{background:#ffebee;color:#c62828}.tag-pill-info{background:#e3f2fd;color:#1565c0}.tag-pill:hover{transform:scale(1.05)}[data-tooltip]{cursor:pointer;position:relative}[data-tooltip]:after,[data-tooltip]:before{opacity:0;position:absolute;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s var(--bounce);visibility:hidden;z-index:1000}[data-tooltip]:before{background:var(--gray-900);border-radius:10px;bottom:calc(100% + 10px);box-shadow:0 4px 20px #0003;color:#fff;content:attr(data-tooltip);font-size:13px;font-weight:500;left:50%;padding:10px 16px;transform:translateX(-50%) translateY(10px);white-space:nowrap}[data-tooltip]:after{border:6px solid #0000;border-top:6px solid var(--gray-900);bottom:calc(100% + 4px);content:"";left:50%;transform:translateX(-50%)}[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1;visibility:visible}[data-tooltip]:hover:before{transform:translateX(-50%) translateY(0)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-medical),var(--primary-green));border:2px solid var(--gray-100);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--secondary-green),var(--primary-medical))}.spinner-gradient{animation:spin-gradient 1s linear infinite;border-bottom:3px solid #0000;border-left:3px solid #0000;border-radius:50%;border-right:3px solid #0000;border-right-color:var(--primary-green);border-top:3px solid #0000;border-top-color:var(--primary-medical);height:40px;width:40px}@keyframes spin-gradient{to{transform:rotate(1turn)}}.skeleton-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0,#e0e0e0 20%,#f0f0f0 40%,#f0f0f0);background-size:200% 100%;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-up{animation:slideUp .5s cubic-bezier(.4,0,.2,1);animation:slideUp .5s var(--smooth)}.animate-scale-in{animation:scaleIn .4s cubic-bezier(.68,-.55,.265,1.55);animation:scaleIn .4s var(--bounce)}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--smooth)}.hover-lift:hover{box-shadow:0 20px 60px #00000026;box-shadow:var(--shadow-float);transform:translateY(-8px)}.hover-scale{transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s var(--smooth)}.hover-scale:hover{transform:scale(1.05)}.hover-glow:hover{box-shadow:0 0 30px #00a86b4d,0 0 60px #00a86b1a;box-shadow:var(--shadow-glow-green)}@media (max-width:768px){.glass-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-shine,.glass-btn{font-size:14px;padding:12px 24px}::-webkit-scrollbar{width:6px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.form-group-modern{margin-bottom:24px;position:relative}.form-group-modern label{color:var(--text-primary);display:block;font-size:.95rem;font-weight:600;margin-bottom:10px;transition:color .3s ease}.form-group-modern label .required{color:var(--danger-red);margin-left:4px}.input-floating{margin-bottom:24px;position:relative}.input-floating input,.input-floating textarea{background:#fff;border:2px solid var(--gray-200);border-radius:14px;font-size:16px;outline:none;padding:20px 16px 8px;transition:all .3s ease;width:100%}.input-floating label{background:#fff;color:var(--text-tertiary);font-size:16px;left:16px;padding:0 4px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1)}.input-floating textarea~label{top:20px}.input-floating input:focus,.input-floating textarea:focus{border-color:var(--primary-medical);box-shadow:0 0 0 4px #00a86b1a}.input-floating input:focus~label,.input-floating input:not(:placeholder-shown)~label,.input-floating textarea:focus~label,.input-floating textarea:not(:placeholder-shown)~label{color:var(--primary-medical);font-size:12px;font-weight:600;top:0;transform:translateY(-50%)}.input-icon-wrapper{position:relative}.input-icon-wrapper .input-icon{color:var(--gray-400);font-size:18px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.input-icon-wrapper input{padding-left:48px!important}.input-icon-wrapper:focus-within .input-icon{color:var(--primary-medical);transform:translateY(-50%) scale(1.1)}.input-premium{background:#fff;border:2px solid var(--gray-200);border-radius:14px;color:var(--text-primary);font-size:16px;outline:none;padding:16px 20px;transition:all .3s ease;width:100%}.input-premium:hover{border-color:var(--gray-300)}.input-premium:focus{border-color:var(--primary-medical);box-shadow:0 0 0 4px #00a86b1a}.input-premium::placeholder{color:var(--gray-400)}.input-premium.is-valid{border-color:var(--success-green)}.input-premium.is-valid:focus{box-shadow:0 0 0 4px #00c8531a}.input-premium.is-invalid{border-color:var(--danger-red)}.input-premium.is-invalid:focus{box-shadow:0 0 0 4px #e539351a}.textarea-modern{background:#fff;border:2px solid var(--gray-200);border-radius:14px;color:var(--text-primary);font-family:inherit;font-size:16px;min-height:100px;outline:none;padding:16px 20px;resize:vertical;transition:all .3s ease;width:100%}.textarea-modern:focus{border-color:var(--primary-medical);box-shadow:0 0 0 4px #00a86b1a}.select-modern{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='%23666' d='M10 14 5 9h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border:2px solid var(--gray-200);border-radius:14px;color:var(--text-primary);cursor:pointer;font-size:16px;outline:none;padding:16px 48px 16px 20px;transition:all .3s ease;width:100%}.select-modern:focus{border-color:var(--primary-medical);box-shadow:0 0 0 4px #00a86b1a}.checkbox-modern{align-items:center;cursor:pointer;display:flex;gap:12px;-webkit-user-select:none;user-select:none}.checkbox-modern input{display:none}.checkbox-modern .checkmark{align-items:center;border:2px solid var(--gray-300);border-radius:8px;display:flex;height:24px;justify-content:center;position:relative;transition:all .3s ease;width:24px}.checkbox-modern input:checked+.checkmark{background:linear-gradient(135deg,var(--primary-medical),var(--primary-green));border-color:var(--primary-medical)}.checkbox-modern .checkmark:after{border:solid #fff;border-width:0 2.5px 2.5px 0;content:"";height:12px;transform:rotate(45deg) scale(0);transition:transform .3s cubic-bezier(.68,-.55,.265,1.55);width:6px}.checkbox-modern input:checked+.checkmark:after{transform:rotate(45deg) scale(1)}.checkbox-modern:hover .checkmark{border-color:var(--primary-medical)}.radio-modern{align-items:center;cursor:pointer;display:flex;gap:12px;-webkit-user-select:none;user-select:none}.radio-modern input{display:none}.radio-modern .radio-mark{align-items:center;border:2px solid var(--gray-300);border-radius:50%;display:flex;height:24px;justify-content:center;transition:all .3s ease;width:24px}.radio-modern input:checked+.radio-mark{border-color:var(--primary-medical)}.radio-modern .radio-mark:after{background:linear-gradient(135deg,var(--primary-medical),var(--primary-green));border-radius:50%;content:"";height:12px;transform:scale(0);transition:transform .3s cubic-bezier(.68,-.55,.265,1.55);width:12px}.radio-modern input:checked+.radio-mark:after{transform:scale(1)}.validation-message{align-items:center;animation:slideIn .3s ease;display:flex;font-size:13px;gap:6px;margin-top:8px}.validation-message.error{color:var(--danger-red)}.validation-message.success{color:var(--success-green)}.validation-message.warning{color:#e65100}.validation-message i{font-size:14px}.char-counter{color:var(--text-tertiary);display:flex;font-size:12px;justify-content:flex-end;margin-top:6px}.char-counter.warning{color:#e65100}.char-counter.error{color:var(--danger-red)}.form-actions{border-top:1px solid var(--gray-100)}.form-actions.centered{justify-content:center}.form-actions.space-between{justify-content:space-between}.input-premium:focus-visible,.select-modern:focus-visible,.textarea-modern:focus-visible{outline:2px solid var(--primary-medical);outline-offset:2px}[data-theme=dark] .input-floating input,[data-theme=dark] .input-floating textarea,[data-theme=dark] .input-premium,[data-theme=dark] .select-modern,[data-theme=dark] .textarea-modern{background:var(--gray-800);border-color:var(--gray-600);color:var(--gray-100)}[data-theme=dark] .input-floating label{background:var(--gray-800)}[data-theme=dark] .checkbox-modern .checkmark,[data-theme=dark] .radio-modern .radio-mark{border-color:var(--gray-500)}@media (max-width:768px){.input-floating input,.input-premium,.select-modern,.textarea-modern{font-size:16px;padding:14px 16px}.form-actions{flex-direction:column}.form-actions button{width:100%}}.search-autocomplete{max-width:600px;position:relative;width:100%}.search-form{width:100%}.search-input-wrapper{align-items:center;background:#fff;border:2px solid #0000;border-radius:50px;box-shadow:0 4px 20px #0000001a;display:flex;padding:4px 8px 4px 20px;transition:all .3s ease}.search-input-wrapper:focus-within{border-color:#2ecc71;box-shadow:0 4px 25px #2ecc7133}.search-input-wrapper .search-icon{color:#888;font-size:18px;margin-right:12px;transition:opacity .2s ease}.search-input-wrapper .search-input{background:#0000;border:none;flex:1 1;font-size:16px;outline:none;padding:12px 0;transition:padding-left .2s ease}.search-input-wrapper .search-input.has-text{padding-left:8px}.search-input-wrapper .search-input::placeholder{color:#aaa}.search-input-wrapper .clear-btn{background:none;border:none;border-radius:50%;color:#888;cursor:pointer;margin-right:8px;padding:8px;transition:all .2s}.search-input-wrapper .clear-btn:hover{background:#f0f0f0;color:#333}.search-input-wrapper .search-btn{align-items:center;background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s;width:44px}.search-input-wrapper .search-btn:hover{box-shadow:0 4px 15px #2ecc7166;transform:scale(1.05)}.autocomplete-dropdown{animation:slideDown .2s ease;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.dropdown-section{border-bottom:1px solid #f0f0f0;padding:8px 0}.dropdown-section:last-child{border-bottom:none}.section-title{color:#888;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.section-title i{color:#2ecc71}.clear-history-btn{background:none;border:none;border-radius:4px;color:#e74c3c;cursor:pointer;font-size:11px;margin-left:auto;padding:4px 8px;transition:background .2s}.clear-history-btn:hover{background:#fee}.dropdown-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .15s}.dropdown-item.selected,.dropdown-item:hover{background:#f8f9fa}.dropdown-item .item-icon{align-items:center;background:#f0f0f0;border-radius:8px;display:flex;font-size:20px;height:32px;justify-content:center;width:32px}.dropdown-item .item-text{color:#333;flex:1 1;font-size:14px}.dropdown-item .item-badge{background:#e8f5e9;border-radius:12px;color:#27ae60;font-size:10px;font-weight:600;padding:4px 8px}.dropdown-item .item-badge.popular{background:#fff3e0;color:#e67e22}.dropdown-empty{color:#888;padding:32px 16px;text-align:center}.dropdown-empty i{color:#ddd;font-size:32px;margin-bottom:12px}.dropdown-empty p{color:#666;font-size:14px;margin:0 0 4px}.dropdown-empty span{color:#aaa;font-size:12px}.autocomplete-dropdown::-webkit-scrollbar{width:6px}.autocomplete-dropdown::-webkit-scrollbar-track{background:#0000}.autocomplete-dropdown::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.autocomplete-dropdown::-webkit-scrollbar-thumb:hover{background:#ccc}@media (max-width:768px){.search-autocomplete{max-width:100%}.autocomplete-dropdown{max-height:300px}.search-input-wrapper{padding:2px 4px 2px 16px}.search-input-wrapper .search-input{font-size:14px;padding:10px 0}.search-input-wrapper .search-btn{height:40px;width:40px}}.search-section-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:24px;box-shadow:0 4px 24px #0000000f,0 0 0 1px #00a86b14;padding:32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.search-section-container:hover{box-shadow:0 8px 40px #0000001a,0 0 0 1px #00a86b26}.search-section-container:before{background:linear-gradient(90deg,var(--primary-medical) 0,var(--primary-green) 100%);border-radius:0 0 4px 4px;content:"";height:4px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:60px}.autocomplete-toggle{align-items:center;background:linear-gradient(135deg,#00a86b0d,#00c8530d);border:1px solid #00a86b1a;border-radius:14px;display:flex;gap:12px;margin-bottom:20px;padding:12px 16px}.toggle-switch{height:26px;width:48px}.toggle-slider{background:var(--gray-300);border-radius:26px;transition:all .4s cubic-bezier(.4,0,.2,1)}.toggle-slider:before{background:#fff;bottom:3px;box-shadow:0 2px 6px #00000026;height:20px;left:3px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);width:20px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,var(--primary-medical) 0,var(--primary-green) 100%)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(22px)}.toggle-label{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;font-weight:600;gap:8px;transition:color .3s ease}.toggle-label i{color:var(--primary-medical);font-size:16px}.autocomplete-toggle:has(input:checked) .toggle-label{color:var(--primary-medical)}.search-bar-box{align-items:center;background:#fff;border:2px solid var(--gray-200);border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;gap:12px;padding:8px;position:relative;transition:all .3s ease}.search-bar-box:focus-within{border-color:var(--primary-medical);box-shadow:0 0 0 4px #00a86b1a,0 4px 12px #00a86b1a}.search-icon{color:var(--gray-400);font-size:18px;left:20px;position:absolute;transition:all .3s ease;z-index:1}.search-bar-box:focus-within .search-icon{color:var(--primary-medical);transform:scale(1.1)}.search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:16px;outline:none;padding:14px 14px 14px 48px}.search-input::placeholder{color:var(--gray-400)}.clear-button{align-items:center;background:var(--gray-100);border:none;border-radius:50%;color:var(--gray-500);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.clear-button:hover{background:var(--gray-200);color:var(--danger-red);transform:rotate(90deg)}.search-button{background:linear-gradient(135deg,var(--primary-medical) 0,var(--primary-green) 100%);border:none;border-radius:12px;box-shadow:0 4px 12px #00a86b40;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 28px;transition:all .3s ease;white-space:nowrap}.search-button:hover:not(:disabled){box-shadow:0 6px 20px #00a86b59;transform:translateY(-2px)}.search-button:active:not(:disabled){transform:translateY(0)}.search-button:disabled{cursor:not-allowed;opacity:.6}.search-hint{align-items:center;animation:fadeIn .3s ease;background:#0288d114;border-radius:10px;color:var(--accent-blue);display:flex;font-size:13px;gap:8px;margin-top:12px;padding:10px 16px}.search-hint i{font-size:14px}.radius-selector{align-items:center;background:var(--gray-50);border:1px solid var(--gray-100);border-radius:14px;display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;padding:16px}.radius-selector label{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;font-weight:600;gap:8px}.radius-selector label i{color:var(--primary-medical)}.radius-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23666' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:2px solid var(--gray-200);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 36px 10px 16px;transition:all .3s ease}.radius-select:focus{border-color:var(--primary-medical);box-shadow:0 0 0 3px #00a86b1a;outline:none}.radius-select:hover{border-color:var(--gray-300)}.radius-info{align-items:center;color:var(--text-tertiary);display:flex;font-size:12px;gap:6px;margin-left:auto}.search-autocomplete-main{margin-bottom:8px}[data-theme=dark] .search-section-container{background:linear-gradient(135deg,#1e293bf2,#1e293be6)}[data-theme=dark] .search-bar-box{background:var(--gray-800);border-color:var(--gray-700)}[data-theme=dark] .search-input{color:var(--gray-100)}[data-theme=dark] .radius-selector{background:var(--gray-800);border-color:var(--gray-700)}[data-theme=dark] .radius-select{background:var(--gray-700);border-color:var(--gray-600);color:var(--gray-100)}@media (max-width:768px){.search-section-container{border-radius:20px;padding:20px}.search-bar-box{flex-direction:column;gap:8px;padding:12px}.search-icon{left:16px;top:26px}.search-input{padding:12px 12px 12px 44px;width:100%}.search-button{padding:14px;width:100%}.clear-button{position:absolute;right:20px;top:20px}.radius-selector{align-items:flex-start;flex-direction:column}.radius-select{width:100%}.radius-info{margin-left:0}}@media (max-width:480px){.autocomplete-toggle{align-items:flex-start;flex-direction:column;gap:10px}}.pharmacy-cards-wrapper{display:flex;flex-direction:column;gap:16px}.pharmacy-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #00a86b1a;border-radius:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.pharmacy-item:before{background:linear-gradient(90deg,var(--primary-medical) 0,var(--primary-green) 50%,var(--accent-blue) 100%);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.pharmacy-item:hover:before{transform:scaleX(1)}.pharmacy-item:hover{border-color:var(--primary-medical);box-shadow:0 12px 40px #00a86b26,0 4px 12px #0000000d;transform:translateY(-4px)}.pharmacy-item.pharmacy-selected{background:linear-gradient(135deg,#00a86b08,#fff);border-left:4px solid var(--primary-medical)}.pharmacy-main-info{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.pharmacy-name{color:var(--text-primary);font-size:18px;font-weight:700;gap:8px;margin:0}.pharmacy-name:after{background:linear-gradient(135deg,#00c853,#00a86b);border-radius:50%;color:#fff;content:"✓";font-size:10px;font-weight:700;height:20px;justify-content:center;width:20px}.medicine-name,.pharmacy-name:after{align-items:center;display:inline-flex}.medicine-name{background:linear-gradient(135deg,#00a86b14,#00c85314);border-radius:20px;color:var(--primary-medical);font-size:14px;gap:8px;margin:0;padding:8px 14px;width:-webkit-fit-content;width:fit-content}.medicine-name i{font-size:12px}.pharmacy-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-medical) 0,var(--secondary-green) 100%);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800;margin:0}.pharmacy-details{align-items:center;border-top:1px dashed var(--gray-200);display:flex;flex-wrap:wrap;padding-top:16px}.status-info{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.status-en-stock{background:linear-gradient(135deg,#00c8531a,#00a86b1a);color:#00875a}.status-en-stock .stock-status-icon{animation:pulse-green 2s infinite;color:#00c853}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.6}}.status-stock-limite{background:linear-gradient(135deg,#fb8c001a,#ff98001a);color:#e65100}.status-stock-limite .stock-status-icon{animation:blink 1.5s infinite;color:#fb8c00}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:.5}}.status-epuise{background:linear-gradient(135deg,#e539351a,#c628281a);color:#c62828}.pharmacy-rating{align-items:center;display:flex;font-size:14px;gap:6px}.stars{color:#ffb800;font-size:16px;letter-spacing:1px}.rating-value{color:var(--text-primary);font-weight:700}.reviews-count{color:var(--text-tertiary);font-size:12px}.contact-distance{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.phone-number a{align-items:center;background:#0288d114;border-radius:20px;color:var(--accent-blue);display:flex;font-size:14px;font-weight:500;gap:6px;padding:6px 12px;text-decoration:none;transition:all .2s}.phone-number a:hover{background:#0288d126;transform:scale(1.02)}.distance{align-items:center;background:var(--gray-100);border-radius:20px;color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;gap:6px;padding:6px 12px}.distance i{color:var(--primary-medical)}.pharmacy-address{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;line-height:1.5;margin:8px 0 0}.pharmacy-address i{color:var(--danger-red);font-size:14px;margin-top:2px}.pharmacy-actions{border-top:1px solid var(--gray-100);gap:10px;margin-top:16px;padding-top:16px}.add-to-cart-button{align-items:center;background:linear-gradient(135deg,var(--primary-medical) 0,var(--primary-green) 100%);border:none;border-radius:12px;box-shadow:0 4px 15px #00a86b4d;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.add-to-cart-button:hover{box-shadow:0 6px 20px #00a86b66;transform:translateY(-2px)}.add-to-cart-button:active{transform:translateY(0)}.add-to-cart-button i{font-size:16px;transition:transform .3s}.add-to-cart-button:hover i{transform:scale(1.2)}.add-to-cart-button.login-required{background:linear-gradient(135deg,var(--gray-400) 0,var(--gray-500) 100%);box-shadow:none}.add-to-cart-button.login-required:hover{background:linear-gradient(135deg,var(--accent-blue) 0,#1565c0 100%);box-shadow:0 4px 15px #0288d14d}.review-button{align-items:center;background:#0000;border:2px solid #ffb800;border-radius:12px;color:#ffb800;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:12px 20px;transition:all .3s ease}.review-button:hover{background:linear-gradient(135deg,#ffb800,#ffa000);box-shadow:0 4px 15px #ffb8004d;color:#fff;transform:translateY(-2px)}.review-button i{font-size:16px}.medicine-info-button{align-items:center;background:#0000;border:2px solid #0288d1;border:2px solid var(--accent-blue,#0288d1);border-radius:12px;color:#0288d1;color:var(--accent-blue,#0288d1);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:12px 20px;text-decoration:none;transition:all .3s ease}.medicine-info-button:hover{background:linear-gradient(135deg,#0288d1,#1565c0);box-shadow:0 4px 15px #0288d14d;color:#fff;text-decoration:none;transform:translateY(-2px)}.medicine-info-button i{font-size:16px}.pharmacy-item{animation:slideInUp .4s ease-out backwards}.pharmacy-item:first-child{animation-delay:.05s}.pharmacy-item:nth-child(2){animation-delay:.1s}.pharmacy-item:nth-child(3){animation-delay:.15s}.pharmacy-item:nth-child(4){animation-delay:.2s}.pharmacy-item:nth-child(5){animation-delay:.25s}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .pharmacy-item{background:#1e293bf2;border-color:#00a86b33}[data-theme=dark] .pharmacy-item:hover{background:#1e293b}@media (max-width:768px){.pharmacy-item{padding:16px}.pharmacy-name{font-size:16px}.pharmacy-price{font-size:18px}.pharmacy-actions{flex-direction:column}.add-to-cart-button,.review-button{width:100%}.contact-distance{align-items:flex-start;flex-direction:column}}.hero-section{overflow:hidden;position:relative}.hero-section:before{animation:gradientShift 15s ease infinite;background:radial-gradient(circle at 20% 30%,#00a86b14 0,#0000 50%),radial-gradient(circle at 80% 70%,#0288d10f 0,#0000 50%),radial-gradient(circle at 50% 50%,#00c8530a 0,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}@keyframes gradientShift{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(3deg)}}.hero-title{animation:fadeInUp .8s ease-out}.hero-description{animation:fadeInUp .8s ease-out .1s backwards}.hero-badge{animation:fadeInUp .8s ease-out .2s backwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature-item{animation:featureSlideIn .6s ease-out forwards;opacity:0}.feature-item:first-child{animation-delay:.3s}.feature-item:nth-child(2){animation-delay:.4s}.feature-item:nth-child(3){animation-delay:.5s}.feature-item:nth-child(4){animation-delay:.6s}@keyframes featureSlideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.feature-item{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-item:before{background:linear-gradient(135deg,var(--primary-medical) 0,var(--primary-green) 100%);border-radius:2px;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .3s ease;width:4px}.feature-item:hover:before{height:100%}.feature-item:hover{background:#00a86b08;border-radius:12px;margin-left:-12px;padding-left:12px;transform:translateX(8px)}.feature-icon-image{overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-item:hover .feature-icon-image{box-shadow:0 8px 25px #00a86b4d;transform:scale(1.1) rotate(5deg)}.feature-icon-image img{transition:transform .4s ease}.feature-item:hover .feature-icon-image img{transform:scale(1.15)}.pharmacy-card{animation:floatCard 6s ease-in-out infinite;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000001a,0 0 0 1px #ffffff1a;transition:all .3s ease}.pharmacy-card:hover{box-shadow:0 15px 45px #00a86b33,0 0 0 1px #00a86b4d;transform:translateY(-5px) scale(1.05)!important}.card-1{animation:floatCard1 6s ease-in-out infinite}@keyframes floatCard1{0%,to{transform:translateY(0) translateX(0) rotate(-2deg)}25%{transform:translateY(-15px) translateX(5px) rotate(0deg)}50%{transform:translateY(-8px) translateX(-5px) rotate(2deg)}75%{transform:translateY(-20px) translateX(3px) rotate(-1deg)}}.card-2{animation:floatCard2 7s ease-in-out infinite}@keyframes floatCard2{0%,to{transform:translateY(0) rotate(3deg)}33%{transform:translateY(-12px) rotate(0deg)}66%{transform:translateY(-18px) rotate(5deg)}}.card-3{animation:floatCard3 8s ease-in-out infinite}@keyframes floatCard3{0%,to{transform:translateY(0) translateX(0) rotate(-3deg)}50%{transform:translateY(-25px) translateX(-10px) rotate(2deg)}}.card-status.available{animation:pulseAvailable 2s ease-in-out infinite}@keyframes pulseAvailable{0%,to{box-shadow:0 0 0 0 #00c85366}50%{box-shadow:0 0 0 8px #00c85300}}.illustration-circle{transition:all .5s ease}.circle-1{animation:circleFloat1 8s ease-in-out infinite}.circle-2{animation:circleFloat2 10s ease-in-out infinite}.circle-3{animation:circleFloat3 12s ease-in-out infinite}@keyframes circleFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.1)}}@keyframes circleFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-15px,15px) scale(1.05)}}@keyframes circleFloat3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(10px,10px) scale(.95)}}.btn-primary-large{overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.btn-primary-large:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.btn-primary-large:hover:before{height:300px;width:300px}.btn-primary-large:hover{box-shadow:0 10px 30px #00a86b66,0 5px 15px #0000001a;transform:translateY(-3px)}.btn-primary-large:active{transform:translateY(-1px)}.btn-arrow{display:inline-block;transition:transform .3s ease}.btn-primary-large:hover .btn-arrow{transform:translateX(5px)}.btn-secondary-large{overflow:hidden;position:relative;transition:all .3s ease}.btn-secondary-large:after{background:var(--primary-medical);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.btn-secondary-large:hover:after{width:100%}.btn-secondary-large:hover{color:var(--primary-medical)}.stat-item{animation:statFadeIn .6s ease-out forwards;opacity:0}.stat-item:first-child{animation-delay:.8s}.stat-item:nth-child(2){animation-delay:.9s}.stat-item:nth-child(3){animation-delay:1s}.stat-item:nth-child(4){animation-delay:1.1s}@keyframes statFadeIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.stat-number{-webkit-text-fill-color:#0000;animation:numberPulse 3s ease-in-out infinite;background:linear-gradient(135deg,var(--primary-medical) 0,var(--primary-green) 100%);-webkit-background-clip:text;background-clip:text}@keyframes numberPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.stat-item{transition:all .3s ease}.stat-item:hover{transform:translateY(-5px)}.stat-item:hover .stat-number{animation-play-state:paused;transform:scale(1.1)}.step-item{animation:stepSlideUp .6s ease-out forwards;opacity:0}.step-item:first-child{animation-delay:.2s}.step-item:nth-child(3){animation-delay:.4s}.step-item:nth-child(5){animation-delay:.6s}.step-item:nth-child(7){animation-delay:.8s}.step-arrow{animation:arrowFadeIn .3s ease-out forwards;opacity:0}.step-arrow:nth-child(2){animation-delay:.3s}.step-arrow:nth-child(4){animation-delay:.5s}.step-arrow:nth-child(6){animation-delay:.7s}@keyframes stepSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes arrowFadeIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.step-item{transition:all .3s ease}.step-item:hover{box-shadow:0 15px 40px #00a86b26;transform:translateY(-8px)}.step-icon{transition:transform .3s ease}.step-item:hover .step-icon{transform:scale(1.2) rotate(10deg)}.step-number{transition:all .3s ease}.step-item:hover .step-number{background:linear-gradient(135deg,var(--primary-medical) 0,var(--secondary-green) 100%);transform:scale(1.1)}.hero-bg-image{transition:transform .5s ease}.hero-illustration:hover .hero-bg-image{transform:scale(1.05)}.illustration-overlay{transition:opacity .3s ease}.hero-illustration:hover .illustration-overlay{opacity:.5}.hero-illustration:after{animation:particlesFloat 20s linear infinite;background-image:radial-gradient(circle at 20% 20%,#00a86b4d 2px,#0000 0),radial-gradient(circle at 80% 40%,#00c8534d 2px,#0000 0),radial-gradient(circle at 40% 70%,#0288d14d 2px,#0000 0),radial-gradient(circle at 70% 80%,#00a86b4d 2px,#0000 0);background-size:100% 100%;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@keyframes particlesFloat{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(-100px) rotate(1turn)}}@media (max-width:768px){.pharmacy-card{animation-duration:8s}.circle-1,.circle-2,.circle-3,.hero-section:before{animation:none}.hero-illustration:after{display:none}}@media (prefers-reduced-motion:reduce){.circle-1,.circle-2,.circle-3,.feature-item,.hero-badge,.hero-description,.hero-section:before,.hero-title,.pharmacy-card,.stat-item,.stat-number,.step-arrow,.step-item{animation:none!important;opacity:1!important;transform:none!important}}.dashboard-client{background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:calc(100vh - 80px);padding:32px 24px}.dashboard-header{animation:slideDown .4s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;box-shadow:0 8px 32px #667eea4d;margin-bottom:32px;overflow:hidden;padding:48px 40px;position:relative}.dashboard-header:before{animation:float1 15s ease-in-out infinite;content:"💊";font-size:40px;left:10%;opacity:.15;position:absolute;top:20%}.dashboard-header:after{animation:float2 18s ease-in-out infinite;content:"💉";font-size:35px;opacity:.12;position:absolute;right:15%;top:60%}@keyframes float1{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(50px,-30px) rotate(90deg)}50%{transform:translate(100px,20px) rotate(180deg)}75%{transform:translate(50px,50px) rotate(270deg)}}@keyframes float2{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(-60px,40px) rotate(120deg)}66%{transform:translate(40px,-50px) rotate(240deg)}}@keyframes float3{0%,to{transform:translate(0) scale(1) rotate(0deg)}50%{transform:translate(-80px,60px) scale(1.2) rotate(180deg)}}@keyframes float4{0%,to{transform:translate(0) scale(1) rotate(0deg)}50%{transform:translate(70px,-40px) scale(.8) rotate(-180deg)}}@keyframes float5{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(-40px,-60px) rotate(-90deg)}75%{transform:translate(60px,30px) rotate(90deg)}}.floating-medicines{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.medicine-icon{filter:blur(.5px);font-size:35px;opacity:.15;position:absolute}.pill-1{animation:float1 20s ease-in-out infinite;left:8%;top:15%}.pill-2{animation:float2 16s ease-in-out infinite;font-size:30px;left:85%;top:70%}.syringe-1{animation:float3 22s ease-in-out infinite;font-size:32px;right:10%;top:50%}.capsule-1{animation:float4 18s ease-in-out infinite;font-size:38px;right:20%;top:30%}.tablet-1{animation:float5 19s ease-in-out infinite;bottom:20%;font-size:28px;left:15%}.pill-3{animation:float1 25s ease-in-out infinite reverse;font-size:33px;left:50%;top:80%}.drop-1{animation:float3 17s ease-in-out infinite;font-size:30px;left:70%;top:40%}.pill-4{animation:float2 21s ease-in-out infinite;font-size:36px;right:30%;top:10%}.syringe-2{animation:float4 19s ease-in-out infinite reverse;bottom:15%;font-size:31px;right:25%}.pill-5{animation:float5 23s ease-in-out infinite;font-size:34px;left:25%;top:55%}.welcome-section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000026;border:1px solid #fff3;border-radius:16px;margin-bottom:32px;padding:24px 32px;position:relative;z-index:10}.dashboard-title{align-items:center;color:#fff;font-family:Poppins,sans-serif;font-size:48px;font-weight:800;gap:20px;letter-spacing:-.5px;margin:0 0 16px;text-shadow:0 4px 16px #0006,0 2px 8px #0000004d}.dashboard-title i{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;box-shadow:0 4px 16px #00000026;color:#fff;display:flex;font-size:32px;height:64px;justify-content:center;width:64px}.dashboard-subtitle{color:#fff;font-size:18px;font-weight:500;margin:0;opacity:.98;padding-left:84px;text-shadow:0 3px 10px #0006,0 1px 4px #0000004d}.stats-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stat-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #0000;cursor:pointer;gap:20px}.stat-card:hover{box-shadow:0 8px 24px #0000001f}.stat-icon{border-radius:16px;color:#fff;height:64px;width:64px}.stat-searches .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 16px #667eea4d}.stat-cart .stat-icon{background:linear-gradient(135deg,#00c853,#00a86b);box-shadow:0 4px 16px #00c8534d}.stat-total .stat-icon{background:linear-gradient(135deg,#ffb300,#ff8f00);box-shadow:0 4px 16px #ffb3004d}.stat-reservations .stat-icon{background:linear-gradient(135deg,#1a73e8,#4285f4);box-shadow:0 4px 16px #1a73e84d}.stat-info{gap:4px}.stat-value{color:var(--gray-900);font-family:Poppins,sans-serif;font-size:28px}.stat-label{color:var(--text-secondary)}.stat-searches:hover{border-color:#667eea}.stat-cart:hover{border-color:#00c853}.stat-total:hover{border-color:#ffb300}.stat-reservations:hover{border-color:#1a73e8}.dashboard-search-section{animation:slideDown .5s ease-out;background:var(--bg-card);border-radius:20px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;padding:32px}.section-title{align-items:center;color:var(--gray-900);display:flex;font-family:Poppins,sans-serif;font-size:24px;font-weight:700;gap:12px;margin:0 0 24px}.section-title i{color:var(--primary-medical);font-size:26px}.feedback-message{align-items:center;animation:slideDown .3s ease-out;background:var(--bg-card);border-radius:16px;box-shadow:0 4px 16px #00000014;display:flex;font-size:16px;font-weight:500;gap:16px;margin-bottom:24px;padding:24px 32px}.loading-message{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:4px solid #1976d2;color:#1976d2}.loading-message i{font-size:24px}.error-message{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-left:4px solid #c62828}.error-message i{font-size:24px}.results-and-cart-layout{grid-gap:24px;animation:fadeIn .4s ease-out;display:grid;gap:24px;grid-template-columns:1fr 380px}.results-container{min-width:0;padding:32px}.no-results-message,.results-container{background:var(--bg-card);border-radius:20px;box-shadow:0 4px 20px #00000014}.no-results-message{animation:fadeIn .4s ease-out;padding:64px 32px;text-align:center}.no-results-message i{color:var(--primary-medical);font-size:64px;margin-bottom:24px;opacity:.5}.no-results-message h3{color:var(--gray-900);font-family:Poppins,sans-serif;font-size:24px;font-weight:700;margin:0 0 12px}.no-results-message p{color:var(--text-secondary);font-size:16px;margin:0}@media (max-width:1024px){.results-and-cart-layout{grid-template-columns:1fr}.cart-sidebar{order:-1}}@media (max-width:768px){.dashboard-client{padding:16px 12px}.dashboard-header{margin-bottom:24px;padding:24px 20px}.dashboard-title{align-items:flex-start;flex-direction:column;font-size:28px;gap:12px}.dashboard-subtitle{font-size:14px;padding-left:0}.stats-cards{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{flex-direction:column;padding:16px;text-align:center}.stat-icon{height:48px;width:48px}.stat-icon,.stat-value{font-size:22px}.stat-label{font-size:12px}.dashboard-search-section{margin-bottom:20px;padding:20px 16px}.section-title{font-size:20px;margin-bottom:20px}.results-container{padding:20px 16px}.no-results-message{padding:48px 24px}.no-results-message i{font-size:48px}.no-results-message h3{font-size:20px}.no-results-message p{font-size:14px}}@media (max-width:480px){.stats-cards{grid-template-columns:1fr}.stat-card{flex-direction:row;text-align:left}.dashboard-title{font-size:24px}.section-title{font-size:18px}}.dashboard-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.dashboard-header{border-radius:15px;box-shadow:0 4px 6px #00000012;margin-bottom:2rem;padding:1.5rem 2rem}.dashboard-title{display:flex;flex-direction:column;gap:.5rem}.dashboard-title h1{align-items:center;color:#2d3748;display:flex;font-size:2rem;font-weight:700;gap:.75rem;margin:0}.dashboard-title p{color:#718096;font-size:1rem;margin:0}.btn-add-stock{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 1.75rem;transition:all .3s ease}.btn-add-stock:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.btn-add-stock.cancel{background:linear-gradient(135deg,#f56565,#e53e3e);box-shadow:0 4px 15px #f5656566}.stats-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background:var(--bg-card);border-radius:15px;box-shadow:0 4px 6px #00000012;overflow:hidden;padding:1.5rem;position:relative}.stat-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:0 8px 15px #0000001a}.stat-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.stat-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2.5rem}.stat-value{color:#2d3748;font-size:2.5rem}.stat-label{color:#718096;font-size:.875rem;font-weight:500;margin-top:.5rem}.stat-change{align-items:center;display:flex;font-size:.75rem;gap:.25rem;margin-top:.5rem}.stat-change.positive{color:#48bb78}.stat-change.negative{color:#f56565}.alert{animation:slideIn .3s ease;border-radius:10px;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.alert-success{background:#c6f6d5;border-left:4px solid #48bb78;color:#22543d}.alert-error{background:#fed7d7;border-left:4px solid #f56565;color:#742a2a}.alert-close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.25rem;margin-left:auto;opacity:.7;transition:opacity .2s}.alert-close:hover{opacity:1}.add-form-container{animation:slideDown .3s ease;background:var(--bg-card);border:2px solid #e2e8f0;border-radius:15px;box-shadow:0 4px 6px #00000012;margin-bottom:2rem;padding:2rem}.add-form-container h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.form-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.form-group{gap:.5rem}.form-group label{color:#4a5568;font-size:.875rem;letter-spacing:.5px;text-transform:uppercase}.form-input,.form-select{background:var(--bg-card);border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .2s}.form-input:focus,.form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-checkbox-group{align-items:center;display:flex;gap:.75rem}.form-checkbox{cursor:pointer;height:20px;width:20px}.form-actions{gap:1rem}.btn-cancel,.btn-submit{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s}.btn-submit{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 4px 15px #48bb784d}.btn-submit:hover{box-shadow:0 6px 20px #48bb7866}.btn-cancel{background:#e2e8f0;color:#4a5568}.btn-cancel:hover{background:#cbd5e0}.stocks-container{background:var(--bg-card);border-radius:15px;box-shadow:0 4px 6px #00000012;overflow:hidden}.stocks-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:1.5rem 2rem}.stocks-header h2{align-items:center;display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0}.stocks-count{background:#fff3;border-radius:20px;font-size:.875rem;padding:.25rem .75rem}.stocks-table{border-collapse:collapse;width:100%}.stocks-table thead{background:#f7fafc}.stocks-table th{border-bottom:2px solid #e2e8f0;color:#4a5568;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.stocks-table td{border-bottom:1px solid #e2e8f0;color:#2d3748;padding:1.25rem 1.5rem}.stocks-table tbody tr{transition:all .2s}.stocks-table tbody tr:hover{background:#f7fafc;transform:scale(1.01)}.medicine-info{display:flex;flex-direction:column;gap:.25rem}.medicine-name{color:#2d3748;font-size:1rem;font-weight:600}.medicine-details{color:#718096;font-size:.875rem}.quantity-input{border:2px solid #e2e8f0;border-radius:6px;font-weight:600;padding:.5rem;text-align:center;transition:all .2s;width:80px}.quantity-input:focus{border-color:#667eea;outline:none}.price-display{color:#2d3748;font-size:1.125rem;font-weight:700}.status-badge{align-items:center;cursor:pointer;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.status-badge.available{background:#c6f6d5;color:#22543d}.status-badge.unavailable{background:#fed7d7;color:#742a2a}.status-badge:hover{transform:scale(1.05)}.actions-cell{display:flex;gap:.5rem}.btn-action{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;padding:.5rem;transition:all .2s;width:36px}.btn-delete{background:#fed7d7;color:#c53030}.btn-delete:hover{background:#fc8181;color:#fff;transform:scale(1.1)}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem}.empty-state{color:#718096;padding:4rem 2rem}.empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:#2d3748;margin-bottom:.5rem}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:1rem;text-align:center}.form-grid,.stats-grid{grid-template-columns:1fr}.stocks-table{font-size:.875rem}.stocks-table td,.stocks-table th{padding:.75rem}}.fade-in{animation:fadeIn .3s ease}.admin-dashboard{background:linear-gradient(135deg,#f5f7fa,#e4e8ec);min-height:100vh;padding:20px}.admin-dashboard.error,.admin-dashboard.loading{align-items:center;display:flex;justify-content:center}.loading-spinner{color:#00a86b}.loading-spinner i{font-size:48px;margin-bottom:16px}.loading-spinner p{color:#666;font-size:18px}.admin-dashboard .error-message{background:var(--bg-card);border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:40px;text-align:center}.admin-dashboard .error-message i{color:#f44336;font-size:48px;margin-bottom:16px}.admin-dashboard .error-message h2{color:#333;margin-bottom:8px}.admin-dashboard .error-message p{color:#666;margin-bottom:20px}.retry-btn{align-items:center;background:#00a86b;display:inline-flex;font-size:16px;gap:8px;transition:all .3s ease}.retry-btn:hover{background:#008f5a;transform:translateY(-2px)}.dashboard-header{align-items:center;background:var(--bg-card);border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 30px}.header-content h1{color:#333;font-size:24px;gap:10px;margin:0}.header-content h1 i{color:#00a86b}.last-update{color:#888;font-size:13px;margin-top:4px}.refresh-btn{align-items:center;background:linear-gradient(135deg,#00a86b,#008f5a);display:flex;font-size:14px;gap:8px;transition:all .3s ease}.refresh-btn:hover{box-shadow:0 4px 12px #00a86b4d;transform:translateY(-2px)}.dashboard-tabs{background:var(--bg-card);border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:10px;margin-bottom:20px;padding:10px}.dashboard-tabs button{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.dashboard-tabs button:hover{background:#f5f5f5;color:#333}.dashboard-tabs button.active{background:linear-gradient(135deg,#00a86b,#008f5a);color:#fff}.dashboard-content{display:flex;flex-direction:column;gap:20px}.activity-section,.chart-section,.kpi-section,.top-section,.users-section{background:var(--bg-card);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.activity-section h2,.chart-section h2,.kpi-section h2,.top-section h2,.users-section h2{border-bottom:2px solid #f0f0f0;color:#333;font-size:18px;margin:0 0 20px;padding-bottom:12px}.kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.kpi-card{align-items:center;background:#fafafa;border-left:4px solid #00a86b;border-radius:10px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.kpi-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.kpi-icon{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:20px;height:50px;justify-content:center;width:50px}.kpi-content{display:flex;flex-direction:column}.kpi-value{color:#333;font-size:28px;font-weight:700}.kpi-label{color:#888;font-size:13px;margin-top:2px}.kpi-trend{color:#00a86b;font-size:12px;margin-top:4px}.users-type-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.user-type-card{align-items:center;border-radius:12px;display:flex;flex-direction:column;padding:24px;transition:all .3s ease}.user-type-card:hover{transform:translateY(-4px)}.user-type-card.admin{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.user-type-card.pharmacy{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.user-type-card.customer{background:linear-gradient(135deg,#fff3e0,#ffe0b2)}.user-type-card i{font-size:32px;margin-bottom:12px}.user-type-card.admin i{color:#4caf50}.user-type-card.pharmacy i{color:#2196f3}.user-type-card.customer i{color:#ff9800}.user-type-card .count{color:#333;font-size:36px;font-weight:700}.user-type-card .label{color:#666;font-size:14px;margin-top:4px}.top-list{display:flex;flex-direction:column;gap:10px}.top-item{align-items:center;background:#fafafa;border-radius:8px;display:flex;gap:16px;padding:12px 16px;transition:all .3s ease}.top-item:hover{background:#f0f0f0}.top-item .rank{color:#00a86b;font-size:14px;font-weight:700;min-width:30px}.top-item .name{color:#333;flex:1 1;font-size:15px}.top-item .stats{align-items:center;display:flex;gap:12px}.top-item .count{background:#e0e0e0;border-radius:12px;color:#666;font-size:13px;padding:4px 10px}.chart-container{padding:20px 0}.charts-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.chart-section.half{flex:1 1}.activity-table{overflow-x:auto}.activity-table table{border-collapse:collapse;width:100%}.activity-table td,.activity-table th{border-bottom:1px solid #f0f0f0;padding:12px 16px;text-align:left}.activity-table th{background:#fafafa;color:#666;font-size:13px;font-weight:600}.activity-table td{color:#333;font-size:14px}.activity-table tbody tr:hover{background:#f9f9f9}.status-badge{border-radius:12px;display:inline-block;font-weight:500;padding:4px 10px}.status-badge.pending{background:#fff3e0;color:#e65100}.status-badge.confirmed{background:#e8f5e9;color:#2e7d32}.status-badge.ready{background:#e3f2fd;color:#1565c0}.status-badge.completed{background:#e0f2f1;color:#00695c}.status-badge.cancelled{background:#ffebee;color:#c62828}.type-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.type-badge.admin{background:#e8f5e9;color:#2e7d32}.type-badge.pharmacy{background:#e3f2fd;color:#1565c0}.type-badge.customer{background:#fff3e0;color:#e65100}.no-data{color:#888;font-style:italic;padding:20px;text-align:center}@media (max-width:768px){.dashboard-header{gap:16px;text-align:center}.dashboard-header,.dashboard-tabs{flex-direction:column}.charts-row,.kpi-grid,.users-type-grid{grid-template-columns:1fr}.activity-table{font-size:12px}}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{animation:slideIn .5s ease;background:var(--bg-card);border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-logo{align-items:center;display:flex;font-size:24px;justify-content:center;margin-bottom:20px}.logo-find{color:#667eea}.logo-pharma{color:#764ba2}.login-header h1{color:#2d3748;font-size:28px;margin:0 0 10px}.login-header p{color:#718096;font-size:14px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group input{border:2px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:15px;padding:14px;transition:all .3s ease}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2)}.submit-button:hover:not(:disabled){box-shadow:0 10px 25px #667eea66}.login-footer{margin-top:30px;text-align:center}.login-footer p{color:#718096;font-size:14px;margin-bottom:15px}.register-link{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s ease}.register-link:hover{color:#764ba2;text-decoration:underline}.test-account-info{background:#f7fafc;border:2px dashed #cbd5e0;border-radius:10px;margin-top:30px;padding:20px;text-align:center}.test-label{color:#718096;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.test-credentials{color:#4a5568;font-size:13px;line-height:1.8;margin:0}.test-credentials strong{color:#2d3748}@media (max-width:768px){.login-container{padding:30px 20px}.login-header h1,.logo-text{font-size:24px}}.verification-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.verification-modal{animation:slideUp .3s ease;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:24px;box-shadow:0 24px 48px #0003;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:90%}.close-button{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:36px;z-index:10}.close-button:hover{background:#0003;transform:rotate(90deg)}.close-button:disabled{cursor:not-allowed;opacity:.5}.dev-code-banner{align-items:center;animation:slideDown .5s ease;background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:0;color:#fff;display:flex;gap:16px;margin:0;padding:16px 20px}.dev-code-banner i{flex-shrink:0;font-size:32px}.dev-code-banner strong{display:block;font-size:14px;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.dev-code-banner p{font-size:16px;margin:4px 0}.dev-code-text{background:#fff3;border:2px dashed #ffffff80;border-radius:8px;display:inline-block;font-family:Courier New,monospace;font-size:24px;font-weight:700;letter-spacing:4px;margin-left:8px;padding:8px 16px}.dev-code-banner small{display:block;font-size:11px;font-style:italic;margin-top:4px;opacity:.9}.verification-header{background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:24px 24px 0 0;color:#fff;padding:40px 40px 20px;text-align:center}.verification-icon{animation:bounceIn .6s ease;font-size:64px;margin-bottom:16px}.success-icon{animation:scaleSuccess .5s ease;color:#28a745}@keyframes scaleSuccess{0%{transform:scale(0) rotate(0deg)}50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(1) rotate(1turn)}}.verification-header h2{font-size:28px;font-weight:700;margin:0 0 12px;text-shadow:0 2px 4px #0000001a}.verification-header p{font-size:16px;margin:8px 0;opacity:.95}.email-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;display:inline-block;font-size:14px;font-weight:600;margin-top:12px;padding:8px 16px}.verification-body{padding:40px 40px 20px}.instruction{color:#495057;font-size:16px;font-weight:500;margin-bottom:24px;text-align:center}.code-inputs{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.code-inputs input{background:var(--bg-card);border:3px solid #dee2e6;border-radius:12px;color:#212529;font-family:Courier New,monospace;font-size:28px;font-weight:700;height:64px;text-align:center;text-transform:uppercase;transition:all .2s;width:56px}.code-inputs input:focus{border-color:#4a90e2;box-shadow:0 0 0 4px #4a90e21a;outline:none;transform:scale(1.05)}.code-inputs input:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.6}.code-inputs input.error{animation:shake .4s;border-color:#dc3545}.error-message{animation:slideDown .3s ease;background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 4px 12px #dc35454d;color:#fff}.error-message,.timer-section{border-radius:12px;font-size:14px;font-weight:500;gap:8px;justify-content:center}.timer-section{align-items:center;background:#f8f9fa;color:#6c757d;display:flex;padding:12px;text-align:center}.timer-section i{color:#4a90e2}.time-warning{animation:pulse 1s infinite;color:#dc3545!important;font-weight:700}.verification-footer{padding:20px 40px 40px;text-align:center}.resend-button{align-items:center;background:linear-gradient(135deg,#28a745,#218838);border:none;border-radius:12px;box-shadow:0 4px 12px #28a7454d;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s}.resend-button:hover:not(:disabled){box-shadow:0 6px 16px #28a74566;transform:translateY(-2px)}.resend-button:active:not(:disabled){transform:translateY(0)}.resend-button:disabled{background:linear-gradient(135deg,#6c757d,#5a6268);box-shadow:none;cursor:not-allowed;opacity:.6}.resend-button i.fa-spin{animation:spin 1s linear infinite}.help-text{color:#6c757d;font-size:13px;line-height:1.6;margin-top:20px}.success-message{color:#28a745;font-size:18px;font-weight:600;padding:40px}.success-message i{animation:scaleSuccess .5s ease;font-size:80px}.success-message p{color:#6c757d;margin-top:16px}@media (max-width:576px){.verification-modal{margin:20px;width:95%}.verification-body,.verification-footer,.verification-header{padding:24px 20px}.code-inputs{gap:8px}.code-inputs input{font-size:22px;height:52px;width:44px}.verification-icon{font-size:48px}.verification-header h2{font-size:22px}}.register-page{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);display:flex;justify-content:center;min-height:100vh;padding:20px}.register-container{animation:slideIn .5s ease;background:var(--bg-card);border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:40px;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.register-header{margin-bottom:30px;text-align:center}.register-logo{align-items:center;display:flex;font-size:24px;justify-content:center;margin-bottom:20px}.logo-plus{font-size:36px;margin-right:10px}.logo-text{font-size:28px;font-weight:700}.logo-find{color:#f093fb}.logo-pharma{color:#f5576c}.register-header h1{color:#2d3748;font-size:28px;margin:0 0 10px}.register-header p{color:#718096;font-size:14px;margin:0}.error-message{animation:shake .3s ease;border:2px solid #fcc;border-radius:10px;color:#c33}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.error-icon{font-size:20px}.register-form{display:flex;flex-direction:column;gap:18px}.form-group label{color:#2d3748}.label-icon{font-size:16px}.form-group input,.form-group select{border:2px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:15px;padding:14px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{border-color:#f093fb;box-shadow:0 0 0 3px #f093fb1a;outline:none}.form-group input::placeholder{color:#cbd5e0}.select-input{background:var(--bg-card);cursor:pointer}.help-text{color:#718096;font-size:12px;margin:0}.submit-button{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:10px;padding:16px;transition:all .3s ease}.submit-button:hover:not(:disabled){box-shadow:0 10px 25px #f093fb66;transform:translateY(-2px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{cursor:not-allowed;opacity:.7}.button-icon{font-size:18px}.spinner{animation:spin 1s linear infinite;display:inline-block}.verification-badge{align-items:center;animation:slideDown .4s ease;background:linear-gradient(135deg,#28a745,#20c997);border-radius:12px;box-shadow:0 4px 12px #28a7454d;color:#fff;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;margin-bottom:20px;padding:12px 20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.verification-badge i{font-size:18px}.verification-notice{align-items:center;animation:fadeIn .3s ease;color:#718096;display:flex;font-size:13px;gap:6px;justify-content:center;margin-top:12px;text-align:center}.verification-notice i{color:#4a90e2}.register-footer{margin-top:30px;text-align:center}.register-footer p{color:#718096;font-size:14px;margin-bottom:15px}.login-link{color:#f093fb;font-weight:600;text-decoration:none;transition:color .3s ease}.login-link:hover{color:#f5576c;text-decoration:underline}.back-link{color:#718096;display:inline-block;font-size:14px;text-decoration:none;transition:color .3s ease}.back-link:hover{color:#2d3748}.success-message{animation:fadeIn .5s ease}.success-icon{animation:bounce .6s ease;display:block;font-size:72px;margin-bottom:20px}.success-message h2{color:#2d3748;font-size:28px;margin:0 0 15px}.success-message p{color:#718096;font-size:16px;margin:10px 0}.redirect-message{animation:pulse 1.5s ease infinite;color:#f093fb!important;font-weight:600;margin-top:20px!important}@media (max-width:768px){.register-container{padding:30px 20px}.logo-text,.register-header h1{font-size:24px}.register-form{gap:15px}}.pharmacy-register-banner{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;box-shadow:0 4px 15px #10b9814d;display:flex;flex-direction:column;gap:15px;margin-bottom:20px;padding:20px;text-align:center}.pharmacy-register-banner .banner-icon{animation:pulse 2s infinite;font-size:48px}.pharmacy-register-banner .banner-content h3{color:#fff;font-size:1.3rem;margin:0 0 5px}.pharmacy-register-banner .banner-content p{color:#ffffffe6;font-size:.9rem;margin:0}.pharmacy-register-btn{align-items:center;background:#fff;border-radius:30px;box-shadow:0 4px 15px #0003;color:#059669;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.pharmacy-register-btn:hover{background:#f0fdf4;box-shadow:0 6px 20px #00000040;transform:translateY(-2px)}.separator{align-items:center;display:flex;gap:15px;margin:20px 0}.separator:after,.separator:before{background:#e5e7eb;background:var(--border-color,#e5e7eb);content:"";flex:1 1;height:1px}.separator span{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:.85rem;font-weight:500;text-transform:uppercase}.customer-section-title{align-items:center;color:#1f2937;color:var(--text-primary,#1f2937);display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin-bottom:20px}@media (min-width:500px){.pharmacy-register-banner{flex-direction:row;padding:25px;text-align:left}.pharmacy-register-banner .banner-content{flex:1 1}.pharmacy-register-banner .banner-icon{font-size:40px}}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.location-picker{display:flex;flex-direction:column;gap:12px;width:100%}.location-picker.disabled{opacity:.6;pointer-events:none}.location-picker.has-error .map-container{border-color:#ef4444}.location-picker-label{align-items:center;color:#1f2937;display:flex;font-size:14px;font-weight:600;gap:8px}.location-picker-label .label-icon{font-size:18px}.location-picker-label .required{color:#ef4444;margin-left:2px}.location-picker-controls{display:flex;flex-wrap:wrap;gap:12px}.search-container{flex:1 1;min-width:250px;position:relative}.search-input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;padding:12px 40px 12px 16px;transition:all .2s ease;width:100%}.search-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.search-input::placeholder{color:#9ca3af}.search-spinner{animation:spin 1s linear infinite;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.search-results{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 25px #00000026;left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.search-result-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:10px;padding:12px 16px;transition:background-color .15s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:#f0fdf4}.search-result-item .result-icon{flex-shrink:0;margin-top:2px}.search-result-item .result-text{color:#374151;font-size:13px;line-height:1.4}.geolocation-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.geolocation-button:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.geolocation-button:disabled{cursor:not-allowed;opacity:.6}.geolocation-button .spinner{animation:spin 1s linear infinite}.map-container{border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;position:relative;transition:border-color .2s ease}.map-container:hover{border-color:#10b981}.leaflet-map{height:350px;width:100%;z-index:1}.map-instructions{align-items:center;background:#fffffff2;border-radius:8px;bottom:12px;box-shadow:0 2px 8px #0000001a;color:#6b7280;display:flex;font-size:13px;gap:8px;justify-content:center;left:12px;padding:10px 16px;position:absolute;right:12px;z-index:999}.coordinates-display{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.coordinate-box{display:flex;flex-direction:column;gap:4px}.coordinate-box label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.coordinate-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;color:#374151;font-family:Monaco,Menlo,monospace;font-size:14px;padding:10px 12px}.address-display{align-items:flex-start;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:10px;display:flex;gap:10px;padding:14px 16px}.address-display .address-icon{flex-shrink:0;font-size:18px}.address-display .address-text{color:#065f46;font-size:13px;line-height:1.5}.location-picker .error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;display:flex;font-size:13px;gap:8px;padding:12px 16px}@media (max-width:640px){.location-picker-controls{flex-direction:column}.geolocation-button{justify-content:center}.leaflet-map{height:280px}.coordinates-display{grid-template-columns:1fr}.map-instructions{font-size:12px;padding:8px 12px}.geolocation-button .button-text{display:inline}}.leaflet-pane{z-index:1!important}.leaflet-bottom,.leaflet-top{z-index:998!important}.leaflet-marker-icon{filter:drop-shadow(0 3px 6px rgba(0,0,0,.3));transition:transform .2s ease}.leaflet-marker-icon:hover{transform:scale(1.1)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.leaflet-marker-draggable{animation:bounce .5s ease-out}.register-pharmacy-page{background:linear-gradient(135deg,#f0fdf4,#ecfeff 50%,#f0f9ff);min-height:100vh;padding:40px 20px}.register-pharmacy-container{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000001a;margin:0 auto;max-width:800px;overflow:hidden}.register-pharmacy-header{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:40px;text-align:center}.register-pharmacy-header .logo{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:20px}.register-pharmacy-header .logo-icon{font-size:40px}.register-pharmacy-header .logo-text{font-size:28px;font-weight:800}.register-pharmacy-header .find{color:#fff}.register-pharmacy-header .pharma{color:#d1fae5}.register-pharmacy-header h1{font-size:28px;font-weight:700;margin:0 0 8px}.register-pharmacy-header p{font-size:16px;margin:0;opacity:.9}.stepper{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:center;padding:30px 20px}.step{align-items:center;display:flex;flex-direction:column;gap:8px;opacity:.5;padding:0 20px;position:relative;transition:all .3s ease}.step:after{background:#e5e7eb;content:"";height:2px;left:calc(50% + 30px);position:absolute;top:20px;width:calc(100% - 30px)}.step:last-child:after{display:none}.step.active,.step.completed{opacity:1}.step.completed:after{background:#10b981}.step-icon{align-items:center;background:#e5e7eb;border-radius:50%;display:flex;font-size:20px;height:44px;justify-content:center;transition:all .3s ease;width:44px}.step.active .step-icon{box-shadow:0 4px 12px #10b98166}.step.active .step-icon,.step.completed .step-icon{background:#10b981;color:#fff}.step-label{color:#6b7280;font-size:12px;font-weight:600;white-space:nowrap}.step.active .step-label{color:#10b981}.error-banner{align-items:center;background:#fef2f2;border-bottom:1px solid #fecaca;color:#991b1b;display:flex;gap:12px;padding:16px 24px}.error-banner .error-icon{font-size:20px}.register-pharmacy-form{padding:30px 40px}.step-content{animation:fadeIn .3s ease}.step-title{align-items:center;border-bottom:2px solid #e5e7eb;color:#1f2937;display:flex;font-size:22px;font-weight:700;gap:12px;margin:0 0 24px;padding-bottom:16px}.step-title span{font-size:28px}.step-description{color:#6b7280;line-height:1.6;margin:-12px 0 24px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{gap:6px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#374151}.form-group label .required{color:#ef4444}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e5e7eb;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-group input.error,.form-group textarea.error{border-color:#ef4444}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.field-error{align-items:center;color:#ef4444;display:flex;font-size:12px;gap:4px}.field-help{color:#9ca3af;font-size:12px}.form-divider{align-items:center;display:flex;gap:16px;grid-column:1/-1;margin:12px 0}.form-divider span{color:#6b7280;font-size:14px;font-weight:600;white-space:nowrap}.form-divider:after,.form-divider:before{background:#e5e7eb;content:"";flex:1 1;height:1px}.opening-hours-section{border-top:1px solid #e5e7eb;margin-top:30px;padding-top:24px}.opening-hours-section h3{color:#374151;font-size:16px;font-weight:600;margin:0 0 16px}.hours-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.hours-row{align-items:center;display:flex;gap:12px}.hours-row .day-label{color:#6b7280;font-size:13px;font-weight:500;min-width:80px}.hours-row input{border:1px solid #e5e7eb;border-radius:6px;flex:1 1;font-size:13px;padding:8px 12px}.review-sections{display:flex;flex-direction:column;gap:24px}.review-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px;position:relative}.review-section h3{color:#374151;font-size:16px;font-weight:600;margin:0 0 16px}.review-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.review-item{display:flex;flex-direction:column;gap:4px}.review-item.full-width{grid-column:1/-1}.review-item .label{color:#9ca3af;font-size:12px;font-weight:600;text-transform:uppercase}.review-item .value{color:#1f2937;font-size:14px;font-weight:500}.edit-btn{background:#0000;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;font-size:12px;padding:6px 12px;position:absolute;right:16px;top:16px;transition:all .2s ease}.edit-btn:hover{background:#f3f4f6;color:#374151}.review-notice{background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;display:flex;gap:12px;margin-top:24px;padding:16px}.review-notice .notice-icon{flex-shrink:0;font-size:20px}.review-notice p{color:#92400e;font-size:13px;line-height:1.5;margin:0}.form-actions{border-top:1px solid #e5e7eb;gap:16px;justify-content:space-between;padding-top:24px}.btn-next,.btn-previous,.btn-submit{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .2s ease}.btn-previous{background:#0000;border:2px solid #e5e7eb;color:#6b7280}.btn-previous:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.btn-next{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;margin-left:auto;transition:all .3s ease}.btn-next:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.btn-next.btn-disabled,.btn-next:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.btn-next.btn-disabled:hover,.btn-next:disabled:hover{box-shadow:none;transform:none}.btn-submit{background:linear-gradient(135deg,#10b981,#059669);margin-left:auto}.btn-submit:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.btn-submit .spinner{animation:spin 1s linear infinite}.register-pharmacy-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:24px 40px;text-align:center}.register-pharmacy-footer p{color:#6b7280;font-size:14px;margin:0 0 8px}.register-pharmacy-footer a{color:#10b981;font-weight:600;text-decoration:none}.register-pharmacy-footer a:hover{text-decoration:underline}.register-pharmacy-footer .back-link{color:#9ca3af;display:inline-block;font-weight:500;margin-top:12px}.success-container{padding:60px 40px;text-align:center}.success-content{margin:0 auto;max-width:500px}.success-icon{animation:bounceIn .6s ease;font-size:80px;margin-bottom:24px}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.success-content h1{color:#1f2937;font-size:28px;margin:0 0 16px}.success-message{color:#6b7280;font-size:16px;margin-bottom:32px}.next-steps{background:#f0fdf4;border:1px solid #a7f3d0;border-radius:12px;margin-bottom:32px;padding:24px;text-align:left}.next-steps h3{color:#065f46;font-size:16px;margin:0 0 16px}.next-steps ul{list-style:none;margin:0;padding:0}.next-steps li{color:#047857;font-size:14px;line-height:1.5;padding:8px 0}.success-actions{display:flex;gap:16px;justify-content:center}.btn-home,.btn-login{border-radius:10px;font-size:15px;font-weight:600;padding:14px 28px;text-decoration:none;transition:all .2s ease}.btn-home{background:#0000;border:2px solid #e5e7eb;color:#6b7280}.btn-home:hover{background:#f3f4f6}.btn-login{background:linear-gradient(135deg,#10b981,#059669)}.btn-login:hover{box-shadow:0 4px 12px #10b98166}@media (max-width:768px){.register-pharmacy-page{padding:20px 16px}.register-pharmacy-container{border-radius:16px}.register-pharmacy-header{padding:30px 20px}.register-pharmacy-header h1{font-size:22px}.stepper{overflow-x:auto;padding:20px 10px}.step{padding:0 12px}.step-label{font-size:10px}.register-pharmacy-form{padding:24px 20px}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:1}.review-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-next,.btn-previous,.btn-submit{justify-content:center;width:100%}.btn-next,.btn-submit{margin-left:0}.success-actions{flex-direction:column}.btn-home,.btn-login{text-align:center;width:100%}}.admin-pending-page{background:#f3f4f6;min-height:100vh;padding:24px}.admin-pending-container{margin:0 auto;max-width:1200px}.page-header{align-items:flex-start;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px 32px}.header-content h1{align-items:center;color:#1f2937;display:flex;font-size:28px;font-weight:700;gap:12px;margin:0 0 8px}.header-icon{font-size:32px}.header-content p{color:#6b7280;margin:0}.back-btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.back-btn:hover{background:#e5e7eb}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.stat-card{align-items:center;background:#fff;box-shadow:0 4px 12px #0000000d;display:flex;gap:16px;padding:24px;transition:transform .2s ease}.stat-card:hover{transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:14px;display:flex;font-size:28px;height:56px;justify-content:center;width:56px}.stat-card.pending .stat-icon{background:#fef3c7}.stat-card.approved .stat-icon{background:#d1fae5}.stat-card.rejected .stat-icon{background:#fee2e2}.stat-card.total .stat-icon{background:#dbeafe}.stat-info{display:flex;flex-direction:column}.stat-value{color:#1f2937;font-size:32px;font-weight:700;line-height:1}.stat-label{color:#6b7280;font-size:14px;margin-top:4px}.error-container,.loading-container{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;min-height:400px}.loading-spinner{font-size:48px}.error-icon{font-size:64px;margin-bottom:16px}.error-container h2{color:#1f2937;margin:0 0 8px}.error-container p{color:#6b7280;margin:0 0 24px}.retry-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px}.pharmacies-list{gap:20px}.empty-state{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;justify-content:center;padding:80px 40px}.empty-icon{font-size:80px;margin-bottom:24px}.empty-state h2{color:#1f2937;margin:0 0 8px}.empty-state p{color:#6b7280;margin:0}.pharmacy-card{border-radius:16px;box-shadow:0 4px 12px #0000000d;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.pharmacy-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.pharmacy-header{align-items:center;background:linear-gradient(135deg,#f0fdf4,#ecfeff);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.pharmacy-name{align-items:center;display:flex;gap:12px}.pharmacy-icon{font-size:28px}.pharmacy-name h3{color:#1f2937;font-size:20px;font-weight:700;margin:0}.status-badge{font-size:12px;padding:6px 14px;text-transform:uppercase}.status-badge.pending{background:#fef3c7;color:#92400e}.pharmacy-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);padding:20px 24px}.detail-row{align-items:flex-start;display:flex;gap:8px}.detail-icon{flex-shrink:0;font-size:16px;margin-top:2px}.detail-label{color:#6b7280;font-size:13px;min-width:80px}.detail-value{color:#1f2937;font-size:14px;font-weight:500}.pharmacy-actions{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:20px 24px}.action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.action-btn.details{background:#e5e7eb;color:#374151}.action-btn.details:hover{background:#d1d5db}.action-btn.approve{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.action-btn.approve:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.action-btn.reject{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.action-btn.reject:hover:not(:disabled){box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.action-btn:disabled{cursor:not-allowed;opacity:.6}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:20px;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-content.large{max-width:800px}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.modal-header.reject{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.modal-header.details{background:linear-gradient(135deg,#f0fdf4,#d1fae5)}.modal-header h2{color:#1f2937;font-size:20px;font-weight:700;margin:0}.modal-close{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.modal-close:hover{background:#f3f4f6}.modal-body{padding:24px}.modal-body p{color:#4b5563;line-height:1.6;margin:0 0 20px}.modal-body .form-group{display:flex;flex-direction:column;gap:8px}.modal-body .form-group label{color:#374151;font-size:14px;font-weight:600}.modal-body .form-group .required{color:#ef4444}.modal-body .form-group textarea{border:2px solid #e5e7eb;border-radius:10px;font-size:14px;padding:12px 16px;resize:vertical;transition:border-color .2s ease}.modal-body .form-group textarea:focus{border-color:#ef4444;outline:none}.modal-notice{background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;display:flex;gap:12px;margin-top:20px;padding:14px 16px}.modal-notice span{flex-shrink:0;font-size:18px}.modal-notice p{color:#92400e;font-size:13px;margin:0}.modal-actions{background:#f9fafb;border-top:1px solid #e5e7eb;gap:12px;padding:20px 24px}.btn-cancel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-cancel:hover{background:#f3f4f6}.btn-confirm{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-confirm.approve{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-confirm.reject{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-confirm:disabled{cursor:not-allowed;opacity:.6}.details-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.details-section{background:#f9fafb;border-radius:12px;padding:20px}.details-section.full-width{grid-column:1/-1}.details-section h3{color:#374151;font-size:16px;font-weight:600;margin:0 0 16px}.details-list{gap:12px}.details-item,.details-list{display:flex;flex-direction:column}.details-item{gap:4px}.details-item .label{color:#9ca3af;font-size:12px;font-weight:600;text-transform:uppercase}.details-item .value{color:#1f2937;font-size:14px;font-weight:500}.details-item .value.highlight{color:#10b981;font-family:monospace}.hours-display{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.hours-item{background:#fff;border-radius:6px;display:flex;font-size:13px;justify-content:space-between;padding:8px 12px}.hours-item .day{color:#6b7280;font-weight:500;text-transform:capitalize}.hours-item .hours{color:#1f2937}.no-hours{color:#9ca3af;font-style:italic;margin:0}.map-preview{margin-top:24px}.map-preview h3{color:#374151;font-size:16px;font-weight:600;margin:0 0 12px}.map-placeholder{background:#f3f4f6;border-radius:12px;padding:24px;text-align:center}.map-link{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;color:#fff;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s ease}.map-link:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-pending-page{padding:16px}.page-header{flex-direction:column;gap:16px}.back-btn{align-self:flex-start}.stats-grid{gap:12px;grid-template-columns:1fr 1fr}.stat-card{padding:16px}.stat-icon{font-size:22px;height:44px;width:44px}.stat-value{font-size:24px}.pharmacy-details{grid-template-columns:1fr}.pharmacy-actions{flex-direction:column}.details-grid{grid-template-columns:1fr}.modal-content.large{max-width:100%}.modal-actions{flex-direction:column}.btn-cancel,.btn-confirm{width:100%}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.header-content h1{font-size:22px}}.faq-page{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding-bottom:60px;transition:var(--theme-transition)}.faq-header{background:linear-gradient(135deg,var(--secondary-color) 0,var(--primary-color) 100%);box-shadow:var(--shadow-lg);color:var(--text-inverse);padding:60px 20px 80px;position:relative;text-align:center}.faq-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='rgba(255,255,255,0.1)' d='m0 96 48 16c48 16 144 48 240 48s192-32 288-37.3c96-5.7 192 16.3 288 16 96 .3 192-21.7 288-26.7s192 5 240 10.7l48 5.3v192H0Z'/%3E%3C/svg%3E") bottom no-repeat;background-size:cover;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;left:20px;padding:10px 20px;position:absolute;top:20px;transition:all .3s ease;z-index:10}.back-button:hover{background:#ffffff4d;transform:translateX(-5px)}.faq-header h1{font-size:48px;font-weight:800;margin:0 0 15px;position:relative;text-shadow:0 2px 10px #0003;z-index:1}.faq-header h1 i{margin-right:15px}.faq-subtitle{font-size:18px;margin:0 auto;max-width:600px;opacity:.95;position:relative;z-index:1}.faq-container{margin:-40px auto 0;max-width:900px;padding:0 20px}.faq-category{animation:slideUp .5s ease-out;background:var(--bg-card);border-radius:16px;box-shadow:0 10px 30px #0000001a;margin-bottom:30px;padding:30px}.category-title{align-items:center;border-bottom:3px solid #667eea;color:#667eea;display:flex;font-size:24px;font-weight:700;gap:12px;margin:0 0 25px;padding-bottom:15px}.category-title i{font-size:28px}.faq-questions{display:flex;flex-direction:column;gap:12px}.faq-item{border:2px solid #e8eaf6;border-radius:12px;overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.faq-item.active{border-color:#667eea;box-shadow:0 6px 16px #667eea33}.faq-question{align-items:center;background:var(--bg-card);border:none;cursor:pointer;display:flex;justify-content:space-between;padding:20px;text-align:left;transition:all .3s ease;width:100%}.faq-question:hover{background:#f8f9ff}.faq-item.active .faq-question{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.question-text{align-items:center;color:#2c3e50;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:12px}.faq-item.active .question-text{color:#fff}.question-text i{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;height:24px;justify-content:center;width:24px}.faq-item.active .question-text i{background:var(--bg-card);color:#667eea}.toggle-icon{color:#667eea;font-size:14px;margin-left:15px;transition:transform .3s ease}.faq-item.active .toggle-icon{color:#fff;transform:rotate(180deg)}.faq-answer{background:#f8f9ff;max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}.faq-answer.open{border-top:2px solid #667eea33;max-height:500px;padding:20px}.faq-answer p{color:#555;display:flex;font-size:15px;gap:12px;line-height:1.8;margin:0}.answer-icon{color:#4caf50;flex-shrink:0;margin-top:4px}.faq-contact-section{margin:40px auto 0;max-width:900px;padding:0 20px}.contact-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 15px 35px #667eea4d;color:#fff;padding:50px 30px;text-align:center}.contact-icon{font-size:60px;margin-bottom:20px;opacity:.9}.contact-card h3{font-size:28px;font-weight:700;margin:0 0 10px}.contact-card p{font-size:16px;margin:0 0 30px;opacity:.9}.contact-button{align-items:center;background:var(--bg-card);border-radius:30px;box-shadow:0 5px 15px #0003;color:#667eea;display:inline-flex;font-size:16px;font-weight:700;gap:10px;padding:15px 35px;text-decoration:none;transition:all .3s ease}.contact-button:hover{box-shadow:0 8px 20px #0000004d;transform:translateY(-3px)}@media (max-width:768px){.faq-header h1{font-size:32px}.faq-subtitle{font-size:16px}.faq-category{padding:20px}.category-title{font-size:20px}.faq-answer p,.question-text{font-size:14px}.back-button{font-size:13px;padding:8px 16px}}.about-page{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding-bottom:60px;transition:var(--theme-transition)}.about-header{background:var(--hero-gradient);box-shadow:var(--shadow-lg);color:var(--text-inverse);padding:60px 20px 80px;position:relative;text-align:center}.about-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='rgba(255,255,255,0.1)' d='m0 96 48 16c48 16 144 48 240 48s192-32 288-37.3c96-5.7 192 16.3 288 16 96 .3 192-21.7 288-26.7s192 5 240 10.7l48 5.3v192H0Z'/%3E%3C/svg%3E") bottom no-repeat;background-size:cover;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.about-header h1{font-size:48px;font-weight:800;margin:0 0 15px;position:relative;text-shadow:0 2px 10px #0003;z-index:1}.about-header h1 i{margin-right:15px}.about-subtitle{font-size:18px;margin:0 auto;max-width:600px;opacity:.95;position:relative;z-index:1}.about-container{margin:-40px auto 0;max-width:1100px;padding:0 20px}.about-section{animation:slideUp .5s ease-out;background:var(--bg-card);border-radius:16px;box-shadow:var(--shadow-md);color:var(--text-primary);margin-bottom:30px;padding:40px;transition:var(--theme-transition)}.about-section h2{align-items:center;color:#2c3e50;display:flex;font-size:32px;font-weight:700;gap:15px;margin:0 0 30px}.about-section h2 i{color:#4caf50;font-size:36px}.mission-section{background:linear-gradient(135deg,#4caf501a,#2e7d320d)}.section-content{flex-direction:column;text-align:center}.section-content,.section-icon{align-items:center;display:flex}.section-icon{background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:50%;box-shadow:0 10px 30px #4caf504d;height:100px;justify-content:center;margin-bottom:30px;width:100px}.section-icon i{color:#fff;font-size:48px}.mission-text{color:#555;font-size:18px;line-height:1.8;margin:0 auto;max-width:800px}.mission-text strong{color:#4caf50;font-weight:700}.timeline{padding:20px 0;position:relative}.timeline:before{background:linear-gradient(180deg,#4caf50,#2e7d32);bottom:0;content:"";left:30px;position:absolute;top:0;width:4px}.timeline-item{margin-bottom:40px;padding-left:80px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-marker{align-items:center;background:var(--bg-card);border:4px solid #4caf50;border-radius:50%;box-shadow:0 4px 12px #4caf504d;display:flex;height:60px;justify-content:center;left:0;position:absolute;top:0;width:60px}.timeline-marker i{color:#4caf50;font-size:24px}.timeline-content h3{color:#4caf50;font-size:22px;font-weight:700;margin:0 0 10px}.timeline-content p{color:#666;font-size:16px;line-height:1.7;margin:0}.values-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:30px}.value-card{background:#f8f9fa;border:2px solid #0000;border-radius:12px;padding:30px 25px;text-align:center;transition:all .3s ease}.value-card:hover{border-color:#4caf50;box-shadow:0 12px 24px #00000026;transform:translateY(-8px)}.value-icon{align-items:center;border-radius:50%;box-shadow:0 6px 16px #0003;display:flex;height:70px;justify-content:center;margin:0 auto 20px;width:70px}.value-icon i{color:#fff;font-size:32px}.value-card h3{color:#2c3e50;font-size:20px;font-weight:700;margin:0 0 15px}.value-card p{color:#666;font-size:15px;line-height:1.6;margin:0}.team-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:30px}.team-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #0000;border-radius:16px;padding:35px 25px;text-align:center;transition:all .3s ease}.team-card:hover{border-color:#4caf50;box-shadow:0 15px 30px #00000026;transform:translateY(-5px)}.team-avatar{align-items:center;background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:50%;box-shadow:0 8px 20px #4caf504d;display:flex;height:100px;justify-content:center;margin:0 auto 20px;width:100px}.team-avatar i{color:#fff;font-size:48px}.team-card h3{color:#2c3e50;font-size:22px;font-weight:700;margin:0 0 8px}.team-role{color:#4caf50;font-size:16px;font-weight:600;margin:0 0 15px}.team-description{color:#666;font-size:15px;line-height:1.6;margin:0}.stats-section{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.stats-section h2{color:#fff;text-align:center}.stats-section h2 i{color:#fff}.stats-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:30px}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff3;border-radius:16px;padding:30px 20px;text-align:center;transition:all .3s ease}.stat-card:hover{background:#ffffff40;transform:translateY(-5px)}.stat-icon{font-size:48px;margin-bottom:15px;opacity:.9}.stat-number{font-size:42px;font-weight:800;margin-bottom:8px}.stat-label{font-size:16px;font-weight:600;opacity:.95}.cta-section{background:linear-gradient(135deg,#667eea1a,#764ba20d);border:2px solid #667eea}.cta-card{text-align:center}.cta-icon{color:#667eea;font-size:60px;margin-bottom:20px}.cta-card h2{color:#667eea;justify-content:center;margin-bottom:15px}.cta-card p{color:#666;font-size:17px;margin:0 auto 30px;max-width:600px}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.cta-button{align-items:center;border-radius:30px;box-shadow:0 5px 15px #00000026;display:inline-flex;font-size:16px;font-weight:700;gap:10px;padding:15px 35px;text-decoration:none;transition:all .3s ease}.cta-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cta-button.primary:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-3px)}.cta-button.secondary{background:linear-gradient(135deg,#1877f2,#0d65d9);color:#fff}.cta-button.secondary:hover{box-shadow:0 8px 20px #1877f266;transform:translateY(-3px)}@media (max-width:768px){.about-header h1{font-size:32px}.about-subtitle{font-size:16px}.about-section{padding:25px}.about-section h2{font-size:24px}.timeline:before{left:20px}.timeline-item{padding-left:60px}.timeline-marker{height:45px;width:45px}.timeline-marker i{font-size:18px}.stats-grid,.team-grid,.values-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column}.cta-button{justify-content:center;width:100%}}.legal-page{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding-bottom:60px;transition:var(--theme-transition)}.legal-header{background:linear-gradient(135deg,var(--bg-footer) 0,var(--text-primary) 100%);box-shadow:var(--shadow-lg);color:var(--text-inverse);padding:60px 20px 80px;position:relative;text-align:center}.legal-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='rgba(255,255,255,0.1)' d='m0 96 48 16c48 16 144 48 240 48s192-32 288-37.3c96-5.7 192 16.3 288 16 96 .3 192-21.7 288-26.7s192 5 240 10.7l48 5.3v192H0Z'/%3E%3C/svg%3E") bottom no-repeat;background-size:cover;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.legal-header h1{font-size:48px;font-weight:800;margin:0 0 15px;position:relative;text-shadow:0 2px 10px #0003;z-index:1}.legal-header h1 i{margin-right:15px}.legal-subtitle{font-size:18px;margin:0 auto;max-width:700px;opacity:.95;position:relative;z-index:1}.legal-container{margin:-40px auto 0;max-width:1000px;padding:0 20px}.legal-section{animation:slideUp .5s ease-out;background:var(--bg-card);border-radius:16px;box-shadow:0 10px 30px #0000001a;margin-bottom:30px;padding:40px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.legal-section h2{align-items:center;border-bottom:3px solid #2c3e50;color:#2c3e50;display:flex;font-size:28px;font-weight:700;gap:15px;margin:0 0 25px;padding-bottom:15px}.legal-section h2 i{color:#2c3e50;font-size:32px}.legal-content{color:#555;font-size:15px;line-height:1.8}.legal-content p{margin:0 0 15px}.legal-content p:last-child{margin-bottom:0}.legal-content strong{color:#2c3e50;font-weight:700}.legal-content h3{align-items:center;color:#34495e;display:flex;font-size:20px;font-weight:700;gap:10px;margin:30px 0 15px}.legal-content h3:first-child{margin-top:0}.legal-content h3:before{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:2px;content:"";height:24px;width:4px}.legal-content ul{margin:15px 0;padding-left:25px}.legal-content ul li{line-height:1.7;margin-bottom:10px}.legal-content ul li::marker{color:#667eea;font-weight:700}.legal-content a{color:#667eea;font-weight:600;text-decoration:none;transition:all .3s ease}.legal-content a:hover{color:#764ba2;text-decoration:underline}.contact-section{background:linear-gradient(135deg,#667eea1a,#764ba20d);border:2px solid #667eea}.contact-info{background:var(--bg-card);border-left:4px solid #667eea;border-radius:12px;margin-top:20px;padding:25px}.contact-info p{align-items:center;display:flex;font-size:16px;gap:12px;margin:15px 0}.contact-info p:first-child{margin-top:0}.contact-info p:last-child{margin-bottom:0}.contact-info i{color:#667eea;font-size:20px;text-align:center;width:24px}.update-section{background:linear-gradient(135deg,#34495e,#2c3e50);color:#fff;text-align:center}.last-update{align-items:center;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin:0}.last-update i{font-size:18px}.legal-content .highlight-box{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;margin:20px 0;padding:20px}.legal-content .highlight-box p{color:#856404;margin:0}.legal-content .info-box{background:#d1ecf1;border-left:4px solid #17a2b8;border-radius:8px;margin:20px 0;padding:20px}.legal-content .info-box p{color:#0c5460;margin:0}.table-of-contents{background:#f8f9fa;border-radius:12px;margin-bottom:30px;padding:25px}.table-of-contents h3{align-items:center;color:#2c3e50;display:flex;font-size:20px;font-weight:700;gap:10px;margin:0 0 15px}.table-of-contents ul{list-style:none;margin:0;padding:0}.table-of-contents ul li{margin:8px 0}.table-of-contents ul li a{align-items:center;color:#667eea;display:flex;font-weight:600;gap:8px;text-decoration:none;transition:all .3s ease}.table-of-contents ul li a:hover{color:#764ba2;transform:translateX(5px)}.table-of-contents ul li a i{font-size:14px}.section-divider{background:linear-gradient(90deg,#0000,#e0e0e0 50%,#0000);height:2px;margin:30px 0}.important-notice{background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:12px;box-shadow:0 4px 12px #ff98004d;color:#fff;margin:20px 0;padding:20px}.important-notice h4{align-items:center;display:flex;font-size:18px;font-weight:700;gap:10px;margin:0 0 10px}.important-notice h4 i{font-size:24px}.important-notice p{font-size:15px;line-height:1.6;margin:0}@media (max-width:768px){.legal-header h1{font-size:32px}.legal-subtitle{font-size:16px}.legal-section{padding:25px 20px}.legal-section h2{align-items:flex-start;flex-direction:column;font-size:22px}.legal-content h3{font-size:18px}.legal-content{font-size:14px}.contact-info p{align-items:flex-start;flex-direction:column;font-size:14px;gap:8px}.back-button{font-size:13px;padding:8px 16px}}@media print{.legal-header,.legal-page{background:var(--bg-card)}.legal-header{box-shadow:none;color:#000}.back-button{display:none}.legal-section{box-shadow:none;page-break-inside:avoid}.contact-info,.important-notice{border:1px solid #ddd;box-shadow:none}}.contact-page{background:linear-gradient(135deg,#f5f7fa,#e4e8ec);min-height:calc(100vh - 200px);padding:40px 20px}[data-theme=dark] .contact-page{background:linear-gradient(135deg,#1a1a2e,#16213e)}.contact-container{margin:0 auto;max-width:1200px}.contact-header{margin-bottom:40px;text-align:center}.contact-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:10px}[data-theme=dark] .contact-header h1{color:#fff}.contact-header p{color:#666;font-size:1.1rem}[data-theme=dark] .contact-header p{color:#b0b0b0}.contact-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr}@media (max-width:900px){.contact-content{grid-template-columns:1fr}}.contact-form-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:30px}[data-theme=dark] .contact-form-section{background:#1e1e2f;box-shadow:0 4px 20px #0000004d}.contact-form-section h2{align-items:center;color:#2c3e50;display:flex;font-size:1.5rem;gap:10px;margin-bottom:25px}[data-theme=dark] .contact-form-section h2{color:#fff}.contact-form-section h2 i{color:#4caf50}.contact-form{gap:20px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#2c3e50}[data-theme=dark] .form-group label{color:#e0e0e0}.form-group input,.form-group select,.form-group textarea{background:#fafafa;border:2px solid #e0e0e0;font-size:1rem;padding:12px 16px}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:#2a2a3e;border-color:#3a3a4e;color:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus,[data-theme=dark] .form-group textarea:focus{background:#3a3a4e;box-shadow:0 0 0 3px #4caf5033}.form-group textarea{min-height:120px}.btn-submit{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;padding:14px 28px;transition:all .3s ease}.btn-submit:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 4px 15px #4caf5066;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.7;transform:none}.login-required-message{background:linear-gradient(135deg,#fff8e1,#ffecb3);border:1px solid #ffc107;border-radius:12px;padding:40px 20px;text-align:center}[data-theme=dark] .login-required-message{background:linear-gradient(135deg,#ffc1071a,#ffc1070d);border-color:#ffc107}.login-required-message i{color:#f59e0b;display:block;font-size:3rem;margin-bottom:15px}.login-required-message p{color:#92400e;font-size:1.1rem;margin-bottom:20px}[data-theme=dark] .login-required-message p{color:#fbbf24}.btn-login{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 28px;transition:all .3s ease}.btn-login:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 4px 15px #4caf5066;transform:translateY(-2px)}.success-message{padding:40px 20px;text-align:center}.success-message i{color:#4caf50;font-size:4rem;margin-bottom:20px}.success-message h3{color:#2c3e50;font-size:1.5rem;margin-bottom:10px}[data-theme=dark] .success-message h3{color:#fff}.success-message p{color:#666;margin-bottom:25px}[data-theme=dark] .success-message p{color:#b0b0b0}.error-message{align-items:center;background:#ffebee;border:1px solid #f44336;color:#c62828;display:flex;gap:10px;padding:12px 16px}[data-theme=dark] .error-message{background:#f443361a;border-color:#f44336;color:#ef5350}.error-message i{font-size:1.2rem}.btn-new-message{background:#f0f0f0;border:none;border-radius:10px;color:#2c3e50;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}[data-theme=dark] .btn-new-message{background:#3a3a4e;color:#fff}.btn-new-message:hover{background:#e0e0e0}[data-theme=dark] .btn-new-message:hover{background:#4a4a5e}.contact-info-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:30px}[data-theme=dark] .contact-info-section{background:#1e1e2f;box-shadow:0 4px 20px #0000004d}.contact-info-section h2{align-items:center;color:#2c3e50;display:flex;font-size:1.5rem;gap:10px;margin-bottom:25px}[data-theme=dark] .contact-info-section h2{color:#fff}.contact-info-section h2 i{color:#2196f3}.contact-info-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}@media (max-width:600px){.contact-info-cards{grid-template-columns:1fr}}.info-card{background:#f8f9fa;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}[data-theme=dark] .info-card{background:#2a2a3e}.info-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-3px)}.info-icon{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50%;display:flex;height:50px;justify-content:center;margin:0 auto 15px;width:50px}.info-icon i{color:#fff;font-size:1.3rem}.info-card h3{color:#2c3e50;font-size:1rem;margin-bottom:8px}[data-theme=dark] .info-card h3{color:#fff}.info-card p{color:#666;font-size:.95rem;margin-bottom:10px}[data-theme=dark] .info-card p{color:#b0b0b0}.info-link{color:#4caf50;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s ease}.info-link:hover{color:#45a049;text-decoration:underline}.availability-card .info-icon{background:linear-gradient(135deg,#2196f3,#1976d2)}.availability-badge{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:20px;color:#fff!important;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:8px 16px}.availability-badge i{font-size:1rem}.social-section{border-top:1px solid #e0e0e0;padding-top:20px;text-align:center}[data-theme=dark] .social-section{border-top-color:#3a3a4e}.social-section h3{color:#2c3e50;font-size:1.1rem;margin-bottom:15px}[data-theme=dark] .social-section h3{color:#fff}.social-links{gap:15px}.social-link,.social-links{display:flex;justify-content:center}.social-link{align-items:center;border-radius:50%;color:#fff;font-size:1.2rem;height:45px;transition:all .3s ease;width:45px}.social-link:hover{box-shadow:0 4px 15px #0003;transform:translateY(-3px)}.social-link.facebook{background:#1877f2}.social-link.x-twitter{background:#000}.social-link.whatsapp{background:#25d366}.social-link.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}@media (max-width:768px){.contact-header h1{font-size:2rem}.contact-form-section,.contact-info-section{padding:20px}}@media (max-width:480px){.contact-page{padding:20px 15px}.contact-header h1{font-size:1.7rem}.contact-header p{font-size:1rem}}.profile-page{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding-bottom:60px}.profile-page,.profile-page *{transition:var(--theme-transition)}.profile-header{background:var(--bg-card);box-shadow:0 2px 20px #00000014;margin-bottom:30px}.profile-cover{background:linear-gradient(135deg,#667eea,#764ba2);height:280px;overflow:hidden;position:relative}.profile-cover-gradient{animation:wave 20s ease-in-out infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='rgba(255,255,255,0.1)' d='m0 96 48 16c48 16 144 48 240 48s192-32 288-48 192-16 288 0 192 48 288 53.3c96 5.7 192-16.3 240-26.6l48-10.7v192H0Z'/%3E%3C/svg%3E");background-position:bottom;background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0}@keyframes wave{0%,to{transform:translateX(0) translateY(0)}50%{transform:translateX(-20px) translateY(-10px)}}.profile-main-info{align-items:flex-end;display:flex;justify-content:space-between;margin-top:-80px;padding:0 40px 30px;position:relative;z-index:10}.profile-avatar-section{align-items:flex-end;display:flex;gap:25px}.profile-avatar{background:var(--bg-card);border:6px solid #fff;border-radius:50%;box-shadow:0 8px 30px #00000026;height:160px;overflow:hidden;position:relative;transition:all .3s ease;width:160px}.profile-avatar:hover{box-shadow:0 12px 40px #0003;transform:translateY(-5px)}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-avatar-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);font-size:64px;height:100%;width:100%}.profile-avatar-edit,.profile-avatar-placeholder{align-items:center;color:#fff;display:flex;justify-content:center}.profile-avatar-edit{background:var(--primary-color);border-radius:50%;bottom:8px;box-shadow:var(--shadow-md);cursor:pointer;height:40px;position:absolute;right:8px;transition:all .3s ease;width:40px}.profile-avatar-edit:hover{background:var(--primary-hover);transform:scale(1.1)}.profile-info{padding-top:20px}.profile-name{color:var(--text-primary);font-size:32px;font-weight:700;line-height:1.2;margin:0 0 5px}.profile-username{color:var(--text-tertiary);font-size:16px;margin:0 0 12px}.profile-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 16px}.profile-actions{padding-top:20px}.btn-cancel-edit,.btn-edit-profile{align-items:center;border:none;border-radius:25px;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 28px;transition:all .3s ease}.btn-edit-profile{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-edit-profile:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-cancel-edit{background:var(--bg-tertiary);color:var(--text-secondary)}.btn-cancel-edit:hover{background:var(--bg-secondary);transform:translateY(-2px)}.alert{align-items:center;animation:slideInDown .3s ease;border-radius:12px;display:flex;font-weight:500;gap:12px;margin:20px auto;max-width:1200px;padding:16px 24px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.alert-success{background:var(--success-light);border:1px solid #c3e6cb;color:#155724}.alert-error{background:var(--danger-light);border:1px solid #f5c6cb;color:#721c24}.profile-tabs{background:var(--bg-card);border-radius:16px;box-shadow:0 2px 15px #00000014;display:flex;gap:12px;margin:0 auto 30px;max-width:1200px;padding:12px}.profile-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-tertiary);cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:14px 24px;transition:all .3s ease}.profile-tab:hover{background:var(--bg-secondary);color:#667eea}.profile-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.profile-tab i{font-size:18px}.profile-content{margin:0 auto;max-width:1200px}.profile-section{animation:fadeIn .4s ease;background:var(--bg-card);border-radius:16px;box-shadow:0 2px 20px #00000014;padding:40px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-section h2{align-items:center;border-bottom:2px solid #e2e8f0;color:var(--text-primary);display:flex;font-size:24px;font-weight:700;gap:12px;margin:0 0 30px;padding-bottom:20px}.profile-section h2 i{color:#667eea;font-size:26px}.profile-section h3{align-items:center;color:var(--text-secondary);display:flex;font-size:18px;font-weight:600;gap:10px;margin:30px 0 20px}.profile-section h3 i{color:#667eea}.profile-form{margin-top:30px}.form-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.form-group,.form-row{margin-bottom:24px}.form-group label{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:8px;margin-bottom:10px}.form-group label i{color:#667eea;font-size:16px}.form-group input,.form-group select,.form-group textarea{background:var(--bg-card);border:2px solid #e2e8f0;border-radius:10px;color:var(--text-primary);font-size:15px;padding:14px 18px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background:var(--bg-secondary);color:#a0aec0;cursor:not-allowed}.form-group textarea{font-family:inherit;min-height:100px}.form-hint{color:#a0aec0;display:block;font-size:13px;margin-top:6px}.form-actions{border-top:2px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:32px}.btn-save{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:10px;padding:14px 32px;transition:all .3s ease}.btn-save:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-save:active{transform:translateY(0)}.security-info{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-left:4px solid #667eea;border-radius:12px;margin-top:40px;padding:24px}.security-info h3{margin-bottom:16px;margin-top:0}.security-info ul{list-style:none;margin:0;padding:0}.security-info li{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:10px;padding:10px 0}.preferences-section{margin-bottom:40px}.preference-item{align-items:center;background:var(--bg-secondary);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:12px;padding:20px;transition:all .3s ease}.preference-item:hover{background:var(--bg-tertiary);transform:translateX(4px)}.preference-info label{color:var(--text-primary);cursor:pointer;font-weight:600;margin-bottom:4px}.preference-info small{color:var(--text-tertiary);display:block;font-size:13px}.toggle-switch{display:inline-block;height:30px;position:relative;width:56px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#cbd5e0;border-radius:30px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 4px #0003;content:"";height:22px;left:4px;position:absolute;transition:.3s;width:22px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(26px)}.profile-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}.profile-loading p{color:var(--text-tertiary);font-size:16px}@media (max-width:768px){.profile-main-info{align-items:flex-start;flex-direction:column;padding:0 20px 20px}.profile-avatar-section{align-items:center;flex-direction:column;text-align:center;width:100%}.profile-avatar{height:120px;width:120px}.profile-name{font-size:24px}.profile-actions{margin-top:20px;width:100%}.btn-cancel-edit,.btn-edit-profile{justify-content:center;width:100%}.profile-tabs{flex-direction:column;gap:8px}.profile-section{padding:24px 20px}.form-row{gap:16px;grid-template-columns:1fr}.preference-item{align-items:flex-start;gap:12px}.form-actions,.preference-item{flex-direction:column}.btn-save{justify-content:center;width:100%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.profile-avatar:hover .profile-avatar-placeholder{animation:pulse 2s ease-in-out infinite}.language-hint{color:#00a86b;font-size:12px;font-style:italic;margin-top:8px}.mes-reservations-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:80px 20px 20px}.page-header{margin-bottom:30px;text-align:center}.page-header h1{color:#2c3e50;font-size:2rem;margin-bottom:10px}.page-header p{color:#666;font-size:1rem}.filters-section{align-items:center;background:var(--bg-card);border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px 20px}.filters-section label{color:#333;font-weight:600}.filters-section select{background:var(--bg-card);border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:1rem;padding:10px 15px}.filters-section select:focus{border-color:#27ae60;outline:none}.refresh-btn{background:#27ae60;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background .3s}.refresh-btn:hover{background:#219a52}.error-message{background:#fee;border-radius:8px;color:#c00;margin-bottom:20px;padding:15px;text-align:center}.empty-state{background:var(--bg-card);border-radius:15px;box-shadow:0 2px 10px #0000001a;padding:60px 20px;text-align:center}.empty-state p{color:#666;font-size:1.2rem;margin-bottom:20px}.cta-button{background:#27ae60;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:15px 30px;transition:background .3s}.cta-button:hover{background:#219a52}.reservations-container{display:flex;flex-wrap:wrap;gap:20px}.reservations-list{display:flex;flex:1 1;flex-direction:column;gap:15px;min-width:300px}.reservation-card{background:var(--bg-card);border-left:4px solid #ddd;border-radius:12px;box-shadow:0 2px 10px #0000001a;cursor:pointer;padding:20px;transition:transform .2s,box-shadow .2s}.reservation-card:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.reservation-card.selected{border-left-color:#27ae60;box-shadow:0 4px 15px #27ae6033}.reservation-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.reservation-number{color:#2c3e50;font-size:1.1rem;font-weight:700}.status-badge{border-radius:20px;font-size:.85rem;font-weight:600;padding:5px 12px}.status-pending{background:#fff3cd;color:#856404}.status-confirmed{background:#d4edda;color:#155724}.status-ready{background:#cce5ff;color:#004085}.status-collected{background:#d1e7dd;color:#0a3622}.status-cancelled{background:#f8d7da;color:#721c24}.status-expired{background:#e2e3e5;color:#383d41}.reservation-body{margin-bottom:15px}.reservation-body p{color:#555;margin:8px 0}.pharmacy-name{color:#333!important;font-weight:600}.total-price{color:#27ae60!important;font-size:1.1rem;font-weight:700}.reservation-footer{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;padding-top:10px}.reservation-footer .date{color:#888;font-size:.9rem}.cancel-btn{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 15px;transition:background .3s}.cancel-btn:hover{background:#c0392b}.details-panel{background:var(--bg-card);border-radius:12px;box-shadow:0 2px 15px #0000001a;flex:1 1;max-height:calc(100vh - 150px);max-width:500px;min-width:350px;overflow-y:auto;position:-webkit-sticky;position:sticky;top:100px}.details-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px}.details-header h2{color:#2c3e50;font-size:1.3rem;margin:0}.close-btn{background:none;border:none;color:#888;cursor:pointer;font-size:1.5rem;transition:color .2s}.close-btn:hover{color:#333}.details-content{padding:20px}.detail-section{margin-bottom:25px}.detail-section h3{border-bottom:2px solid #27ae60;color:#27ae60;font-size:1rem;margin-bottom:12px;padding-bottom:8px}.detail-section p{color:#555;line-height:1.5;margin:8px 0}.detail-section p strong{color:#333}.items-list{list-style:none;margin:0;padding:0}.items-list li{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px}.item-name{flex:1 1;font-weight:500}.item-qty{color:#666;margin:0 15px}.item-price{color:#27ae60;font-weight:600}.total-row{border-top:2px solid #27ae60;display:flex;font-size:1.1rem;justify-content:space-between;margin-top:10px;padding:15px 10px}.total-row span{color:#27ae60;font-weight:700}.actions-section{border-top:1px solid #eee;margin-top:20px;padding-top:20px}.cancel-reservation-btn{background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:15px;transition:background .3s;width:100%}.cancel-reservation-btn:hover{background:#c0392b}.loading-spinner{color:#666;font-size:1.2rem;padding:60px;text-align:center}@media (max-width:900px){.reservations-container{flex-direction:column}.details-panel{bottom:0;left:0;max-height:100%;max-width:100%;position:fixed;right:0;top:0;z-index:1000}.details-header,.details-panel{border-radius:0}}@media (max-width:600px){.filters-section{align-items:stretch;flex-direction:column}.page-header h1{font-size:1.5rem}.reservation-card{padding:15px}}.medicine-detail-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:2rem}.medicine-detail-container{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;margin:0 auto;max-width:900px;overflow:hidden}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:2rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#2ecc71;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container h2{color:#e74c3c;margin-bottom:1rem}.medicine-header{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;padding:2rem;position:relative}.btn-back{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-bottom:1rem;padding:.5rem 1rem;transition:background .3s}.btn-back:hover{background:#ffffff4d}.medicine-title-section{text-align:center}.category-badge{border-radius:20px;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:.5rem;padding:.5rem 1rem}.medicine-header h1{font-size:2.5rem;margin:.5rem 0;text-shadow:0 2px 4px #0000001a}.medicine-subtitle{font-size:1.2rem;margin:0;opacity:.9}.prescription-badge{background:#e74c3c;border-radius:8px;color:#fff;font-size:.85rem;font-weight:600;padding:.5rem 1rem;position:absolute;right:1rem;top:1rem}.medicine-section{border-bottom:1px solid #eee;padding:1.5rem 2rem}.medicine-section h2{align-items:center;color:#2c3e50;display:flex;font-size:1.3rem;gap:.5rem;margin-bottom:1rem}.medicine-section p{color:#555;line-height:1.7;margin:0}.description-section{background:#f8f9fa}.description-section p{font-size:1.1rem}.warning-section{background:#fff5f5}.warning-section h2{color:#e74c3c}.info-grid{display:grid;grid-template-columns:1fr 1fr}.info-grid .medicine-section{border-right:1px solid #eee}.info-grid .medicine-section:nth-child(2n){border-right:none}.wikipedia-link{align-items:center;background:#ebf5fb;border-radius:8px;color:#3498db;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s}.wikipedia-link:hover{background:#d4e6f1;transform:translateX(5px)}.pharmacies-section{background:#f0fff4}.pharmacies-list{display:flex;flex-direction:column;gap:1rem}.pharmacy-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;padding:1rem;transition:transform .3s}.pharmacy-card:hover{transform:translateX(5px)}.pharmacy-info h3{color:#2c3e50;font-size:1rem;margin:0 0 .25rem}.pharmacy-info p{color:#666;font-size:.9rem;margin:0}.pharmacy-stock{display:flex;flex-direction:column;gap:.5rem;text-align:right}.stock-badge{background:#2ecc71;border-radius:15px;color:#fff;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.price-badge{color:#e67e22;font-size:1.1rem;font-weight:700}.more-pharmacies{color:#888;margin-top:.5rem}.more-pharmacies,.no-pharmacies{font-style:italic;text-align:center}.no-pharmacies{background:#f8f9fa;border-radius:8px;color:#999;padding:1rem}.medical-disclaimer{background:#fff3cd;margin:0;padding:1rem 2rem}.medical-disclaimer p{color:#856404;font-size:.9rem;line-height:1.5;margin:0}@media (max-width:768px){.medicine-detail-page{padding:1rem}.medicine-header h1{font-size:1.8rem}.prescription-badge{display:inline-block;margin-top:1rem;position:static}.info-grid{grid-template-columns:1fr}.info-grid .medicine-section{border-right:none}.pharmacy-card{flex-direction:column;gap:1rem;text-align:center}.pharmacy-stock{flex-direction:row;justify-content:center;text-align:center}}.modal-backdrop{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content.reservation-modal{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:24px;box-shadow:0 25px 80px #00000040,0 0 0 1px #ffffff1a;max-height:90vh;max-width:520px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.reservation-modal h3{align-items:center;background:linear-gradient(135deg,var(--primary-medical) 0,var(--primary-green) 50%,var(--secondary-green) 100%);border-radius:24px 24px 0 0;color:#fff;display:flex;font-size:1.4rem;font-weight:700;gap:12px;margin:0;overflow:hidden;padding:24px 28px;position:relative}.reservation-modal h3:before{animation:headerShine 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes headerShine{0%,to{left:-100%}50%{left:100%}}.reservation-summary{background:linear-gradient(180deg,#00a86b08,#fff);border-bottom:1px solid var(--gray-100);padding:24px 28px}.reservation-summary h4{color:#333;font-size:1rem;margin-bottom:15px}.pharmacy-group{background:var(--bg-card);border-radius:10px;box-shadow:0 2px 5px #0000000d;margin-bottom:15px;padding:15px}.pharmacy-group .pharmacy-name{color:#27ae60;font-weight:600;margin-bottom:10px}.pharmacy-group ul{list-style:none;margin:0;padding:0}.pharmacy-group ul li{border-bottom:1px solid #eee;color:#555;display:flex;justify-content:space-between;padding:8px 0}.pharmacy-group ul li:last-child{border-bottom:none}.reservation-summary hr{border:none;border-top:2px solid #27ae60;margin:15px 0}.reservation-summary>h4:last-child{color:#27ae60;font-size:1.2rem;margin-bottom:0;text-align:right}.reservation-form{padding:25px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px 15px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#27ae60;box-shadow:0 0 0 3px #27ae601a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#aaa}.form-group textarea{min-height:60px;resize:vertical}.form-group .help-text{color:var(--text-tertiary);display:block;font-size:.85rem;font-style:italic;margin-top:6px}.disclaimer{align-items:flex-start;background:linear-gradient(135deg,#fb8c0014,#ffc10714);border-left:4px solid #fb8c00;border-radius:14px;color:#e65100;display:flex;font-size:.9rem;gap:10px;margin-bottom:20px;padding:14px 18px}.modal-actions{display:flex;gap:16px;justify-content:flex-end;padding-top:8px}.submit-reservation-button{background:linear-gradient(135deg,var(--primary-medical) 0,var(--primary-green) 100%);border:none;border-radius:14px;box-shadow:0 4px 15px #00a86b40;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;overflow:hidden;padding:14px 32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.submit-reservation-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.submit-reservation-button:hover:not(:disabled):before{left:100%}.submit-reservation-button:hover:not(:disabled){box-shadow:0 8px 25px #00a86b59;transform:translateY(-3px)}.submit-reservation-button:active:not(:disabled){transform:translateY(-1px)}.submit-reservation-button:disabled{background:var(--gray-300);box-shadow:none;cursor:not-allowed}.cancel-button{background:#0000;border:2px solid var(--gray-200);border-radius:14px;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:600;padding:14px 28px;transition:all .3s ease}.cancel-button:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--text-primary)}@media (max-width:600px){.modal-backdrop{padding:10px}.modal-content.reservation-modal{max-height:95vh}.reservation-modal h3{font-size:1.2rem;padding:15px 20px}.reservation-form,.reservation-summary{padding:15px 20px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.review-modal{border-radius:15px;max-width:450px;overflow:hidden;padding:0;width:100%}.review-modal h3{background:linear-gradient(135deg,#f39c12,#e74c3c);color:#fff;font-size:1.3rem;margin:0;padding:20px 25px}.review-modal form{padding:25px}.review-modal .close-btn{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;height:30px;position:absolute;right:15px;top:15px;transition:background .2s;width:30px}.review-modal .close-btn:hover{background:#ffffff4d}.rating-section{margin-bottom:25px;text-align:center}.rating-section label{color:#333;display:block;font-weight:600;margin-bottom:15px}.stars-container{display:flex;gap:10px;justify-content:center;margin-bottom:10px}.star{color:#ddd;cursor:pointer;font-size:2.5rem;transition:all .2s;-webkit-user-select:none;user-select:none}.star.filled,.star:hover{color:#f39c12;transform:scale(1.1)}.star:active{transform:scale(.95)}.rating-text{color:#666;font-size:1rem;margin:10px 0 0;min-height:24px}.comment-section{margin-bottom:20px}.comment-section label{color:#333;display:block;font-weight:600;margin-bottom:10px}.comment-section textarea{border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:1rem;min-height:100px;padding:12px 15px;resize:vertical;transition:border-color .2s;width:100%}.comment-section textarea:focus{border-color:#f39c12;outline:none}.comment-section textarea::placeholder{color:#aaa}.char-count{color:#999;display:block;font-size:.85rem;margin-top:5px;text-align:right}.review-modal .modal-actions{display:flex;gap:15px;justify-content:flex-end}.review-modal .submit-btn{background:linear-gradient(135deg,#f39c12,#e67e22);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 25px;transition:all .3s}.review-modal .submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#e67e22,#d35400);box-shadow:0 4px 15px #f39c124d;transform:translateY(-2px)}.review-modal .submit-btn:disabled{background:#ccc;cursor:not-allowed}.review-modal .cancel-btn{background:var(--bg-card);border:2px solid #ddd;border-radius:8px;color:#666;cursor:pointer;font-size:1rem;padding:12px 25px;transition:all .3s}.review-modal .cancel-btn:hover{background:#f5f5f5;border-color:#ccc}@media (max-width:500px){.review-modal{margin:10px}.review-modal h3{font-size:1.1rem;padding:15px 20px}.review-modal form{padding:20px}.star{font-size:2rem}.review-modal .modal-actions{flex-direction:column}.review-modal .modal-actions button{width:100%}}
/*# sourceMappingURL=main.74509402.css.map*/