@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--bg-main:linear-gradient(135deg, #ecfdf5 0%, #f0f9ff 45%, #e0f2fe 100%);--bg-header:#ffffffeb;--bg-card:#fff;--bg-card-hover:#f0fdf4;--bg-input:#fff;--border-color:#cbd5e1;--border-color-hover:#0284c7;--primary:#0284c7;--primary-hover:#0369a1;--primary-glow:#0284c726;--secondary:#0d9488;--secondary-glow:#0d948826;--accent:#7c3aed;--accent-glow:#7c3aed26;--doctor:#4f46e5;--doctor-glow:#4f46e526;--text-main:#0f172a;--text-muted:#475569;--text-dark:#0f172a;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -1px #0000000a;--shadow-lg:0 20px 25px -5px #0f172a14, 0 10px 10px -5px #0f172a08;--shadow-glow:0 0 20px 0 #0d948826;--transition-fast:.2s ease;--transition-normal:.4s cubic-bezier(.16, 1, .3, 1)}:root[data-theme=light]{--bg-main:linear-gradient(135deg, #ecfdf5 0%, #f0f9ff 45%, #e0f2fe 100%);--bg-header:#ffffffeb;--bg-card:#fff;--bg-card-hover:#f0fdf4;--bg-input:#fff;--border-color:#cbd5e1;--border-color-hover:#0284c7;--text-main:#0f172a;--text-muted:#475569;--shadow-lg:0 20px 25px -5px #0f172a14, 0 10px 10px -5px #0f172a08}:root[data-theme=light] .pin-btn{color:#0f172a;background:#fff;border-color:#0f172a26;box-shadow:0 1px 3px #0000000d}:root[data-theme=light] .pin-btn:hover{border-color:var(--primary);background:#f1f5f9}:root[data-theme=light] .badge-success{color:#065f46;background:#10b98126;border-color:#10b9814d}:root[data-theme=light] .badge-warning{color:#92400e;background:#f59e0b26;border-color:#f59e0b4d}:root[data-theme=light] .badge-danger,:root[data-theme=light] .badge-expired,:root[data-theme=light] .badge-hospital{color:#991b1b;background:#ef444426;border-color:#ef44444d}:root[data-theme=light] .badge-clinic{color:#5b21b6;background:#8b5cf626;border-color:#8b5cf64d}:root[data-theme=light] .badge-pharmacy{color:#075985;background:#06b6d426;border-color:#06b6d44d}:root[data-theme=light] .btn-outline:hover{background:#0f172a0d;border-color:#0f172a33}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#ecfdf5 0%,#f0f9ff 45%,#e0f2fe 100%) fixed;min-height:100vh;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-main);letter-spacing:-.02em;font-weight:600}p{color:var(--text-muted);line-height:1.6}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.app-header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);background-color:var(--bg-header);z-index:100;padding:.75rem 0;position:relative;top:0;box-shadow:0 4px 20px #00b4d80a}.app-header:after{content:"";opacity:1;background:linear-gradient(90deg,#00d084,#0693e3,#9b51e0);height:3px;position:absolute;bottom:0;left:0;right:0}.header-container{justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.brand-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;font-size:2rem;font-weight:800;font-family:var(--font-display);-webkit-background-clip:text}.brand-name{letter-spacing:-.03em;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.role-tabs{border:1px solid var(--border-color);background:#ffffff08;border-radius:9999px;gap:.25rem;padding:.25rem;display:flex}.role-tab{cursor:pointer;font-family:var(--font-sans);color:var(--text-muted);transition:all var(--transition-normal);background:0 0;border:none;border-radius:9999px;outline:none;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.role-tab:hover{color:#fff;background:#ffffff0d}.role-tab.active{font-weight:600}.role-tab.active.user{background:var(--primary);color:var(--text-dark)}.role-tab.active.store{background:var(--secondary);color:#fff}.role-tab.active.supplier{background:var(--accent);color:#fff}.role-tab.active.waste{background:var(--color-warning);color:var(--text-dark)}.app-main{flex:1;padding:2.5rem 0}.dashboard-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=1024px){.dashboard-grid{grid-template-columns:2fr 1fr}.dashboard-grid.full{grid-template-columns:1fr}}.glass-panel{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-md);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border var(--transition-normal);border-radius:1.25rem;padding:1.75rem}.glass-panel:hover{border-color:#ffffff26}.glass-panel.interactive:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.section-title{text-align:center;border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:1.5rem;display:flex}.page-title,.dashboard-title,.landing-title,.landing-subtitle,.landing-card-title,.section-header,.card-header-title{text-align:center!important;justify-content:center!important}h1,h2,h3{text-align:center}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-control{background:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-main);font-family:var(--font-sans);transition:all var(--transition-fast);border-radius:.5rem;padding:.75rem 1rem;font-size:.95rem}.form-control:focus{border-color:var(--primary);background:var(--bg-input);box-shadow:0 0 0 2px var(--primary-glow);outline:none}select.form-control option{background:var(--bg-card);color:var(--text-main)}.btn{font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;box-shadow:0 4px 10px #00b4d84d}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-hover), #005a87);transform:translateY(-2px);box-shadow:0 6px 15px #00b4d866}.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:hover{box-shadow:0 0 12px var(--secondary-glow);background:#0891b2}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{box-shadow:0 0 12px var(--accent-glow);background:#7c3aed}.btn-outline{border:1px solid var(--border-color);color:var(--text-main);background:#ffffff0d}.btn-outline:hover{border-color:var(--primary);background:#ffffff1a}.btn-sm{border-radius:8px;padding:.35rem .75rem;font-size:.8rem}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:#34d399;background:#10b9811f;border:1px solid #10b98133}.badge-warning{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b33}.badge-danger{color:#f87171;background:#ef446e1f;border:1px solid #ef446e33}.badge-expired{color:#f87171;background:#ef444426;border:1px solid #ef44444d;animation:2s infinite pulse-border}.badge-hospital{color:#f87171;background:#ef44441f;border:1px solid #ef444433}.badge-clinic{color:#c084fc;background:#8b5cf61f;border:1px solid #8b5cf633}.badge-pharmacy{color:#22d3ee;background:#06b6d41f;border:1px solid #06b6d433}.medicine-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.medicine-card{flex-direction:column;justify-content:space-between;display:flex}.med-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.med-name{color:var(--text-main);font-size:1.15rem;font-weight:700}.med-cat{color:var(--text-muted);text-transform:uppercase;background:#ffffff0d;border-radius:4px;padding:.15rem .4rem;font-size:.75rem}.med-details{margin-bottom:1rem;font-size:.875rem}.med-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;display:flex}.price-tag{color:var(--text-main);font-size:1.2rem;font-weight:700;font-family:var(--font-display)}.store-list{flex-direction:column;gap:1rem;display:flex}.store-card{justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;display:flex}.store-info h3{margin-bottom:.25rem;font-size:1.2rem}.store-meta{color:var(--text-muted);gap:1rem;margin-top:.25rem;font-size:.85rem;display:flex}.map-canvas{border:1px solid var(--border-color);z-index:1;border-radius:.75rem;height:320px;margin-bottom:1rem;position:relative;overflow:hidden}.leaflet-tile-container{filter:invert()hue-rotate(180deg)brightness(85%)contrast(90%)}.leaflet-popup-content-wrapper{color:var(--text-main)!important;font-family:var(--font-sans)!important;box-shadow:var(--shadow-lg)!important;background:#172035!important;border:1px solid #ffffff14!important;border-radius:.5rem!important}.leaflet-popup-tip{background:#172035!important}.leaflet-popup-content{margin:.75rem 1rem!important;font-size:.85rem!important;line-height:1.4!important}.leaflet-bar{border:1px solid var(--border-color)!important;box-shadow:none!important}.leaflet-bar a{color:#fff!important;border-bottom:1px solid var(--border-color)!important;background-color:#172035!important}.leaflet-bar a:hover{color:var(--primary)!important;background-color:#1e2943d9!important}.leaflet-container{background:var(--bg-main)!important;font-family:var(--font-sans)!important}.custom-user-icon,.custom-store-icon{background:0 0!important;border:none!important}.map-pin{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;display:flex;position:relative}.map-pin:after{content:"";border-radius:50%;width:100%;height:100%;animation:1.5s cubic-bezier(0,0,.2,1) infinite ping;position:absolute}.map-pin.user,.map-pin.user:after{background-color:var(--primary)}.map-pin.store,.map-pin.store:after{background-color:var(--secondary)}.map-pin.hospital,.map-pin.hospital:after{background-color:var(--color-danger)}.map-pin.clinic,.map-pin.clinic:after{background-color:var(--accent)}.chat-box{border:1px solid var(--border-color);background:#0f172a66;border-radius:.75rem;flex-direction:column;height:450px;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--border-color);background:#ffffff05;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.chat-messages{flex-direction:column;flex:1;gap:.75rem;padding:1rem;display:flex;overflow-y:auto}.message-bubble{border-radius:.75rem;max-width:75%;padding:.65rem .9rem;font-size:.875rem;line-height:1.4}.message-bubble.incoming{color:var(--text-main);border:1px solid var(--border-color);background:#ffffff0d;border-bottom-left-radius:.15rem;align-self:flex-start}.message-bubble.outgoing{background:var(--primary);color:var(--text-dark);border-bottom-right-radius:.15rem;align-self:flex-end;font-weight:500}.chat-input-area{border-top:1px solid var(--border-color);background:#ffffff03;gap:.5rem;padding:.5rem;display:flex}.data-table-wrapper{margin-top:1rem;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.data-table th{color:var(--text-muted);font-weight:600;font-family:var(--font-display);border-bottom:1px solid #ffffff0f;padding:.75rem 1rem}.data-table td{color:var(--text-main);vertical-align:middle;border-bottom:1px solid #ffffff08;padding:.75rem 1rem}.data-table tr:hover td{background:#ffffff03}@keyframes ping{75%,to{opacity:0;transform:scale(2.2)}}@keyframes pulse-border{0%,to{border-color:#ef44444d;box-shadow:0 0 #ef44441a}50%{border-color:#ef4444cc;box-shadow:0 0 10px 2px #ef44444d}}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-sm{gap:.5rem}.mt-lg{margin-top:1.5rem}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--primary)!important}.text-secondary{color:var(--secondary)!important}.text-accent{color:var(--accent)!important}.bold{font-weight:600}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1.5rem}.search-wrapper{gap:.75rem;margin-bottom:1.5rem;display:flex}.search-icon-input{flex:1;position:relative}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.role-tab.active.doctor{background:var(--doctor);color:#fff}.camera-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0b0f19d9;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.camera-modal{border:1px solid var(--border-color);width:100%;max-width:580px;box-shadow:var(--shadow-lg);background:#172035;border-radius:1rem;flex-direction:column;display:flex;overflow:hidden}.camera-header{border-bottom:1px solid var(--border-color);background:#ffffff05;justify-content:space-between;align-items:center;padding:1rem;display:flex}.camera-body{flex-direction:column;align-items:center;padding:1.5rem;display:flex}.camera-screen{border:2px solid var(--doctor);background:#030712;border-radius:.5rem;justify-content:center;align-items:center;width:100%;height:280px;display:flex;position:relative;overflow:hidden}.camera-scanner-line{background:linear-gradient(to right, transparent, var(--doctor), transparent);height:3px;box-shadow:0 0 10px var(--doctor);pointer-events:none;animation:3s linear infinite scan-animation;position:absolute;left:0;right:0}.camera-reticle{pointer-events:none;border:2px dashed #6366f166;border-radius:8px;justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:absolute}.camera-reticle:before{content:"PLACE PRESCRIPTION HERE";color:#6366f199;letter-spacing:.1em;font-size:.65rem;font-weight:700}.camera-countdown{font-size:4rem;font-weight:800;font-family:var(--font-display);color:var(--doctor);text-shadow:0 0 15px var(--doctor-glow);z-index:10;animation:1s ease-in-out infinite pulse-countdown}.prescription-preview-canvas{color:#0f172a;box-sizing:border-box;background:#f8fafc;border-radius:.375rem;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:1.5rem;font-family:monospace;font-size:.75rem;display:flex}.shutter-flash{z-index:20;opacity:0;background:#fff;position:absolute;inset:0}.shutter-flash.active{animation:.3s ease-out forwards flash-animation}@keyframes scan-animation{0%{top:0%}50%{top:100%}to{top:0%}}@keyframes flash-animation{0%{opacity:1}to{opacity:0}}@keyframes pulse-countdown{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.rx-img-thumbnail{object-fit:cover;border:1px solid var(--border-color);cursor:pointer;width:48px;height:48px;transition:transform var(--transition-fast);border-radius:4px}.rx-img-thumbnail:hover{transform:scale(1.1)}.rx-img-large{object-fit:cover;border:1px solid var(--border-color);border-radius:8px;width:100%;height:auto;max-height:240px;margin-top:1rem}.app-footer{border-top:1px solid var(--border-color);color:var(--text-muted);background:#0b0f19f2;margin-top:4rem;padding:1.5rem 0;font-size:.85rem}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-links{gap:1.5rem;display:flex}.footer-link-btn{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-size:.85rem;font-weight:500}.footer-link-btn:hover{color:var(--secondary);text-decoration:underline}.stats-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-item-panel{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:8px;flex-direction:column;gap:.25rem;padding:1.25rem;display:flex}.stat-item-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.stat-item-value{color:var(--text-main);font-size:1.75rem;font-weight:800;font-family:var(--font-display)}.ticket-timeline{border:1px solid var(--border-color);background:#0003;border-radius:6px;flex-direction:column;gap:.75rem;max-height:320px;margin-top:1rem;padding:1rem;display:flex;overflow-y:auto}.timeline-bubble{border-radius:8px;max-width:85%;padding:.75rem;font-size:.8rem;line-height:1.4}.timeline-bubble.staff{color:#f1f5f9;background:#6366f11a;border:1px solid #6366f140;align-self:flex-end}.timeline-bubble.user{border:1px solid var(--border-color);color:#f1f5f9;background:#ffffff08;align-self:flex-start}.timeline-meta{color:var(--text-muted);justify-content:space-between;margin-top:.25rem;font-size:.65rem;display:flex}.admin-support-btn{border:1px solid var(--border-color);font-family:var(--font-sans);color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);background:#ffffff08;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}.admin-support-btn:hover{color:#fff;border-color:var(--doctor);background:#ffffff0d}.admin-support-btn.active{background:var(--doctor);color:#fff;border-color:var(--doctor);box-shadow:0 0 10px var(--doctor-glow);font-weight:600}.desktop-only{display:flex!important}.mobile-only{display:none!important}@media (width<=767px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5{grid-template-columns:1fr!important;gap:1rem!important}.app-header{padding:.5rem 0!important}.header-container{justify-content:center!important}.app-main,.app-footer{padding-bottom:90px!important}.footer-container{text-align:center!important;flex-direction:column!important;gap:1rem!important}.dashboard-grid{grid-template-columns:1fr!important}}@media (width>=768px) and (width<=1023px){.desktop-only{display:flex!important}.mobile-only{display:none!important}.grid-cols-3,.grid-cols-4,.grid-cols-5{grid-template-columns:repeat(2,1fr)!important;gap:1.25rem!important}.grid-cols-2{grid-template-columns:repeat(2,1fr)!important}.header-container{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:1rem!important}.role-tabs{flex-wrap:wrap!important;justify-content:center!important;gap:.35rem!important}.role-tab,.admin-support-btn{padding:.4rem .85rem!important;font-size:.8rem!important}.dashboard-grid{grid-template-columns:1.2fr 1fr!important;gap:1.5rem!important}}.landing-container{text-align:center;flex-direction:column;align-items:center;gap:3rem;max-width:1200px;margin:0 auto;padding:4rem 1.5rem;animation:.6s smoothFade;display:flex}.landing-hero{flex-direction:column;align-items:center;gap:1.25rem;max-width:950px;display:flex}.landing-title{font-family:var(--font-display);background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:800;line-height:1.15}.landing-subtitle{color:var(--text-muted);max-width:680px;font-size:1.15rem;line-height:1.6}.landing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;width:100%;display:grid}.landing-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:left;cursor:pointer;border-radius:20px;flex-direction:column;justify-content:space-between;gap:1.5rem;padding:2.25rem 1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.landing-card:hover{border-color:var(--primary);background:var(--bg-card-hover);transform:translateY(-6px);box-shadow:0 12px 30px #10b98114}.landing-card-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.landing-card-header .landing-card-icon{flex-shrink:0;margin-bottom:0}.landing-card-header .landing-card-title{margin-bottom:0}.landing-card-icon{width:44px;height:44px;color:var(--primary);background:#10b9811a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:.5rem;font-size:1.5rem;display:flex}.landing-card-title{color:var(--text-main);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.landing-card-desc{color:var(--text-muted);font-size:.9rem;line-height:1.5}.landing-card-badge{color:var(--primary);background:#10b9811a;border:1px solid #10b98126;border-radius:12px;padding:.25rem .6rem;font-size:.7rem;font-weight:600;position:absolute;top:1rem;right:1rem}.landing-card-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;transition:gap .2s;display:inline-flex}.landing-card:hover .landing-card-btn{color:var(--primary-hover);gap:.75rem}@keyframes smoothFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.landing-options-grid{flex-wrap:wrap;justify-content:center;gap:1.25rem;width:100%;max-width:850px;margin-top:1rem;display:flex}.landing-option-pill{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;box-shadow:var(--shadow-sm);font-family:var(--font-sans);border-radius:30px;outline:none;align-items:center;gap:.75rem;padding:.85rem 1.6rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.landing-option-pill:hover{border-color:var(--primary);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 4px 15px #10b9811f}.pill-image{justify-content:center;align-items:center;font-size:1.3rem;display:flex}.pill-text{color:var(--text-main);font-size:.95rem;font-weight:600}.theme-button-group{border:1px solid var(--border-color);background:#0003;border-radius:20px;align-items:center;gap:.2rem;padding:3px;display:flex}:root[data-theme=light] .theme-button-group{background:#0f172a0d}.theme-icon-btn{cursor:pointer;width:30px;height:30px;color:var(--text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.theme-icon-btn:hover{color:var(--text-main);background:#ffffff0d}:root[data-theme=light] .theme-icon-btn:hover{background:#0f172a0d}.theme-icon-btn.active{box-shadow:0 2px 8px #10b9814d;background:var(--primary)!important;color:#fff!important}.header-icon-btn{color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:1.1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.header-icon-btn:hover{border-color:var(--primary);color:var(--primary);background:#10b9811f;transform:translateY(-1px)}.header-icon-btn.active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.header-icon-btn.active.support-active{background:var(--doctor)!important;border-color:var(--doctor)!important}.header-icon-btn.danger{color:#f87171;background:#ef444414;border-color:#ef444426}.header-icon-btn.danger:hover{color:#fff;background:#ef444433;border-color:#ef4444;transform:translateY(-1px)}:root[data-theme=light] .header-icon-btn{background:#0f172a0a}:root[data-theme=light] .header-icon-btn:hover{background:#10b98114}.auth-wrapper{background:var(--bg-main);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.auth-card{background:var(--bg-card);border:1px solid var(--border-color);width:100%;max-width:420px;box-shadow:var(--shadow-lg);border-radius:24px;flex-direction:column;gap:1.5rem;padding:2.5rem 2rem;animation:.5s smoothFade;display:flex;position:relative}.auth-tabs{background:#00000026;border-radius:12px;gap:.5rem;padding:3px;display:flex}.auth-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:.6rem .5rem;font-size:.85rem;font-weight:600;transition:all .2s}.auth-tab.active{background:var(--bg-card-hover);color:var(--text-main);box-shadow:var(--shadow-sm)}.pin-dots{justify-content:center;gap:1rem;margin:1.5rem 0;display:flex}.pin-dot{border:2px solid var(--border-color);border-radius:50%;width:16px;height:16px;transition:all .15s}.pin-dot.filled{background:var(--primary);border-color:var(--primary);box-shadow:0 0 8px var(--primary)}.pin-grid{grid-template-columns:repeat(3,1fr);gap:1rem;max-width:280px;margin:0 auto;display:grid}.pin-btn{border:1px solid var(--border-color);width:60px;height:60px;color:var(--text-main);cursor:pointer;background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:1.5rem;font-weight:600;transition:all .15s;display:flex}.pin-btn:hover{border-color:var(--primary);background:#ffffff14}.pin-btn:active{transform:scale(.9)}.biometric-scanner{cursor:pointer;flex-direction:column;align-items:center;gap:1.5rem;margin:2rem 0;display:flex}.biometric-icon-container{border:2.5px dashed var(--primary);width:90px;height:90px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:3rem;transition:all .3s;display:flex;position:relative}.biometric-icon-container.scanning{animation:2s linear infinite spinDash,1.5s ease-in-out infinite pulseGlow}.face-scanner-box{background:#6366f114;border:2.5px dashed #6366f1;border-radius:24px;justify-content:center;align-items:center;width:130px;height:130px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #6366f126}.face-scanner-box.scanning:after{content:"";background:#6366f1;width:100%;height:4px;animation:1.2s ease-in-out infinite alternate scanLaser;position:absolute;top:0;left:0;box-shadow:0 0 18px #6366f1}@keyframes scanLaser{0%{top:5%}to{top:90%}}@keyframes spinDash{to{transform:rotate(360deg)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #10b98133}50%{box-shadow:0 0 25px #10b98180}}.fade-slide-up{opacity:0;animation:.5s cubic-bezier(.4,0,.2,1) forwards fadeSlideIn;transform:translateY(15px)}@keyframes fadeSlideIn{to{opacity:1;transform:translateY(0)}}.google-hero-wrapper{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:860px;margin:0 auto;padding:2.5rem 1.5rem 1.5rem;display:flex}.google-brand-title{letter-spacing:-.03em;color:var(--text-main);white-space:nowrap;text-align:center;margin-bottom:.5rem;font-size:clamp(1.1rem,2.6vw,2.1rem);font-weight:800;line-height:1.2}.google-brand-sub{color:var(--text-muted);margin-bottom:1.75rem;font-size:1.05rem;font-weight:500}.google-search-capsule{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:30px;align-items:center;gap:.75rem;width:100%;max-width:680px;margin-bottom:1.5rem;padding:.7rem 1.25rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 14px #00000014}.google-search-capsule:focus-within,.google-search-capsule:hover{border-color:var(--primary);background:var(--bg-card-hover);box-shadow:0 6px 20px #00b4d840}.google-search-input{color:var(--text-main);font-size:1.05rem;font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1}.google-action-pills{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.google-pill{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:#ffffff0f;border-radius:24px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.google-pill:hover{background:var(--primary);color:#000;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #00b4d840}html[data-font-scale=large]{font-size:118%}html[data-font-scale=xlarge]{font-size:135%}html[data-high-contrast=true]{--bg-main:#000;--bg-header:#0a0a0a;--bg-card:#111;--bg-card-hover:#1a1a1a;--bg-input:#000;--border-color:#ff0;--border-color-hover:#0ff;--text-main:#fff;--text-muted:#e2e8f0;--primary:#0ff;--color-success:#0f6;--color-danger:#f33}html[data-high-contrast=true] .btn,html[data-high-contrast=true] input,html[data-high-contrast=true] select,html[data-high-contrast=true] button{border-width:2px!important;font-weight:800!important}html[data-senior-mode=true]{font-size:122%}html[data-senior-mode=true] button,html[data-senior-mode=true] .btn,html[data-senior-mode=true] input,html[data-senior-mode=true] select{border-radius:14px!important;min-height:52px!important;padding:.75rem 1.25rem!important;font-size:1.1rem!important;font-weight:700!important}html[data-senior-mode=true] .role-tab{padding:.85rem 1.5rem!important;font-size:1.15rem!important}html[data-senior-mode=true] .card,html[data-senior-mode=true] .feature-card{border-width:2px!important;padding:1.75rem!important}.accessibility-bar{background:var(--bg-header);border-bottom:1px solid var(--border-color);z-index:1000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.85rem;display:flex;position:relative}.accessibility-btn{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:#ffffff14;border-radius:8px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.accessibility-btn.active{background:var(--primary);color:#000;border-color:var(--primary);font-weight:800}.app-main,.landing-container,.dashboard-view,.user-dashboard,.store-dashboard,.doctor-dashboard,.palliative-dashboard,.supplier-dashboard,.waste-dashboard,.support-dashboard{will-change:transform, opacity;animation:.45s cubic-bezier(.16,1,.3,1) forwards corporatePageFade}@keyframes corporatePageFade{0%{opacity:0;transform:translateY(12px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}.card,.feature-card,.google-hero-wrapper,.store-card,.med-card{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s;animation:.5s cubic-bezier(.16,1,.3,1) forwards corporateCardSlide}@keyframes corporateCardSlide{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.camera-overlay{animation:.3s forwards corporateModalOverlay}.camera-modal,.modal-card,.profile-modal{animation:.4s cubic-bezier(.16,1,.3,1) forwards corporateModalScale}@keyframes corporateModalOverlay{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes corporateModalScale{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.footer-link-btn,.header-icon-btn,.role-tab,.google-pill,.btn{transition:all .25s cubic-bezier(.16,1,.3,1)!important}.footer-link-btn:active,.btn:active,.google-pill:active{transform:scale(.97)!important}html[data-role=user]{--portal-theme:#00b4d8;--portal-glow-color:#00b4d826;--portal-bg-glow:radial-gradient(circle at 50% -10%, #00b4d829 0%, transparent 60%)}html[data-role=store],html[data-role=supplier]{--portal-theme:#8b5cf6;--portal-glow-color:#8b5cf626;--portal-bg-glow:radial-gradient(circle at 50% -10%, #8b5cf629 0%, transparent 60%)}html[data-role=palliative]{--portal-theme:#ec4899;--portal-glow-color:#ec489926;--portal-bg-glow:radial-gradient(circle at 50% -10%, #ec489929 0%, transparent 60%)}html[data-role=waste]{--portal-theme:#f59e0b;--portal-glow-color:#f59e0b26;--portal-bg-glow:radial-gradient(circle at 50% -10%, #f59e0b29 0%, transparent 60%)}html[data-role=doctor]{--portal-theme:#6366f1;--portal-glow-color:#6366f126;--portal-bg-glow:radial-gradient(circle at 50% -10%, #6366f129 0%, transparent 60%)}html[data-role=emergency]{--portal-theme:#ef4444;--portal-glow-color:#ef444426;--portal-bg-glow:radial-gradient(circle at 50% -10%, #ef444429 0%, transparent 60%)}.app-header{border-bottom:2px solid var(--role-accent,#00b4d859)!important;box-shadow:0 4px 25px var(--role-glow,#00b4d81f)!important;transition:border-color .35s,box-shadow .35s!important}.app-main{background-image:var(--portal-bg-glow,none);transition:background .4s}:root{--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px)}body{padding-top:var(--sat);padding-bottom:var(--sab);padding-left:var(--sal);padding-right:var(--sar);-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;-webkit-text-size-adjust:100%!important}@media (width<=768px){.home-gateway-container{scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;gap:.75rem!important;margin-top:1.25rem!important;padding-bottom:.75rem!important;display:flex!important;overflow-x:auto!important}.home-gateway-container>button{scroll-snap-align:start!important;flex:0 0 78%!important;min-width:220px!important}.google-search-capsule{width:100%!important;padding:.4rem .75rem!important}.google-search-input{font-size:.85rem!important}}.sqsp-hero-badge{color:#0284c7;letter-spacing:.08em;text-transform:uppercase;background:#0284c714;border:1px solid #0284c74d;border-radius:9999px;align-items:center;gap:.5rem;padding:.4rem 1.2rem;font-size:.78rem;font-weight:800;display:inline-flex}.sqsp-hero-title{letter-spacing:-.03em;color:#0f172a;text-align:center;margin:1rem 0 .85rem;font-size:clamp(2.2rem,5.2vw,4.2rem);font-weight:800;line-height:1.08}.sqsp-hero-sub{color:#475569;text-align:center;max-width:680px;margin:0 auto 2.25rem;font-size:clamp(1rem,1.8vw,1.25rem);font-weight:400;line-height:1.6}.sqsp-search-capsule{background:#fff;border:1.5px solid #cbd5e1;border-radius:9999px;align-items:center;gap:.85rem;width:100%;max-width:650px;margin:0 auto;padding:.45rem .5rem .45rem 1.4rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 15px 35px #0f172a14}.sqsp-search-capsule:focus-within{border-color:#0284c7;transform:translateY(-2px);box-shadow:0 20px 45px #0284c733}.sqsp-search-input{color:#0f172a;font-size:.98rem;font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1}.sqsp-search-input::placeholder{color:#64748b}.sqsp-btn-pill{color:#fff;cursor:pointer;white-space:nowrap;background:#0284c7;border:none;border-radius:9999px;align-items:center;gap:.4rem;padding:.65rem 1.6rem;font-size:.88rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #0284c740}.sqsp-btn-pill:hover{background:#0369a1;transform:translateY(-1px);box-shadow:0 6px 20px #0284c766}.sqsp-btn-outline{color:#0284c7;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:9999px;padding:.65rem 1.4rem;font-size:.85rem;font-weight:700;transition:all .2s}.sqsp-btn-outline:hover{background:#0284c714;border-color:#0284c7}.sqsp-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;align-items:center;padding:1.6rem 1.25rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 20px #0f172a0d}.sqsp-card:hover{background:#f8fafc;border-color:#0284c7;transform:translateY(-6px);box-shadow:0 16px 35px #0284c726}.sqsp-card-icon{background:#0284c714;border:1px solid #0284c733;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:.85rem;font-size:2.2rem;display:flex}.sqsp-card-title{color:#0f172a;letter-spacing:-.01em;margin-bottom:.35rem;font-size:1.05rem;font-weight:800}.sqsp-card-desc{color:#475569;margin-bottom:1rem;font-size:.82rem;line-height:1.45}