@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap";:root{--primary: #2A9D8F;--primary-dark: #21867A;--secondary: #264653;--accent: #E76F51;--text-light: #FDFEFE;--text-dark: #2B2D42;--bg-light: #F8F9FA;--gradient: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--font-family: "Inter", system-ui, -apple-system, sans-serif;--border-radius: 12px;--header-height: 80px;--glass: rgba(255, 255, 255, .05)}html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:var(--header-height)}body{min-height:100vh;font-family:var(--font-family);line-height:1.5;color:var(--text-dark);background:var(--bg-light);-webkit-font-smoothing:antialiased;transition:background .4s,color .4s}.app-container{display:flex;flex-direction:column;min-height:100vh}.header{background:var(--primary);background:var(--gradient);height:var(--header-height);position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 5%;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);border-bottom:1px solid var(--glass)}.logo{display:flex;align-items:center;gap:12px;font-size:1.75rem;font-weight:700;color:var(--text-light);text-decoration:none;transition:var(--transition);margin-left:-10px;flex-shrink:0;white-space:nowrap}:not(.dark) .logo i{font-size:2rem;color:var(--text-light)}.dark .logo i{font-size:2rem;color:var(--accent)}.nav-container{display:flex;align-items:center;gap:1.5rem;position:absolute;left:50%;transform:translate(-50%);flex-wrap:nowrap;white-space:nowrap}.nav-links{display:flex;gap:1rem;align-items:center;flex-wrap:nowrap;white-space:nowrap}.nav-link{color:var(--text-light);text-decoration:none;font-weight:700;padding:8px 12px;border-radius:var(--border-radius);transition:var(--transition);position:relative;white-space:nowrap;font-size:.95rem}.nav-link:hover,.nav-link.active{background:var(--glass)}.nav-link.active:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60%;height:2px;background:var(--accent)}.nav-link.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.nav-link.disabled:hover{background:none;transform:none}.auth-buttons{display:flex;gap:1rem;margin-left:auto;flex-shrink:0;white-space:nowrap}.signin-btn{color:var(--text-light);padding:8px 20px;border-radius:var(--border-radius);transition:var(--transition);border:1px solid var(--glass);font-weight:700;text-decoration:none}.signin-btn:hover{background:var(--glass);transform:translateY(-1px);font-weight:700;text-decoration:none}.signup-btn{background:var(--accent);color:var(--text-light);padding:8px 24px;border-radius:var(--border-radius);font-weight:600;transition:var(--transition);font-weight:700;text-decoration:none}.signup-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e76f514d;font-weight:700;text-decoration:none}.layout-content{flex:1;padding-top:var(--header-height)}.custom-footer{background:linear-gradient(135deg,var(--secondary),var(--primary-dark));color:var(--text-light);padding:4rem 0 2rem;width:100%;margin-top:auto}.footer-container{display:grid;grid-template-columns:2fr 3fr;width:90%;max-width:1400px;margin:0 auto;gap:4rem;align-items:start}.footer-left{display:flex;flex-direction:column;gap:1.5rem}.footer-logo{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;padding-left:10%}.footer-logo i{font-size:2.5rem;color:var(--accent)}.footer-left h2{font-size:2rem;letter-spacing:.5px;margin:0;font-weight:700}.footer-left p{font-size:.95rem;opacity:.9;line-height:1.7;max-width:400px;margin:0}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-links a{background:var(--primary);width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-light);text-decoration:none;transition:var(--transition);box-shadow:0 2px 4px #0003}.social-links a:hover{background:var(--accent);transform:translateY(-3px)}.social-links svg{width:28px;height:28px}.footer-right{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}.footer-column{display:flex;flex-direction:column;gap:1rem}.footer-column h3{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;position:relative;padding-bottom:.75rem;color:var(--text-light)}.footer-column h3:after{content:"";position:absolute;left:0;bottom:0;width:40px;height:3px;background:var(--accent);border-radius:2px}.footer-column ul{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-column ul li{margin:0}.footer-column ul li a{text-decoration:none;color:var(--text-light);opacity:.85;transition:var(--transition);font-size:.95rem;display:inline-block;position:relative}.footer-column ul li a:before{content:"→";position:absolute;left:-20px;opacity:0;transition:all .3s ease}.footer-column ul li a:hover{color:var(--accent);opacity:1;transform:translate(5px)}.footer-column ul li a:hover:before{opacity:1;left:-15px}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);margin-top:3rem;padding-top:2rem;text-align:center;width:90%;max-width:1400px;margin-left:auto;margin-right:auto}.footer-bottom p{font-size:.9rem;opacity:.8;margin:0;color:var(--text-light)}@media (max-width: 1024px){.footer-container{grid-template-columns:1fr;gap:3rem}.footer-right{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (max-width: 768px){.custom-footer{padding:3rem 0 1.5rem}.footer-container{width:85%;gap:2.5rem}.footer-right{grid-template-columns:1fr;gap:2rem}.footer-left h2{font-size:1.75rem}.footer-logo i{font-size:2rem}.footer-bottom{margin-top:2rem;padding-top:1.5rem}}@media (max-width: 480px){.footer-left h2{font-size:1.5rem}.footer-left p{font-size:.9rem}.footer-column h3{font-size:1.1rem}.footer-column ul li a{font-size:.9rem}}@media (max-width: 1600px){.nav-container{gap:1.25rem}.nav-links{gap:.85rem}.nav-link{padding:6px 10px;font-size:.9rem}}@media (max-width: 1400px){.nav-container{gap:1rem}.nav-links{gap:.7rem}.nav-link{padding:6px 8px;font-size:.88rem}}@media (max-width: 1200px){.nav-container{gap:.85rem}.nav-links{gap:.5rem}.nav-link{padding:6px 7px;font-size:.82rem}.auth-buttons{gap:.5rem}.signin-btn,.signup-btn{padding:6px 14px;font-size:.85rem}.logout-action{padding:6px 12px;font-size:.85rem}}@media (max-width: 1100px){.nav-container{gap:.7rem}.nav-links{gap:.4rem}.nav-link{padding:5px 6px;font-size:.78rem}}@media (max-width: 1024px){.nav-container{gap:.6rem}.nav-links{gap:.35rem}.nav-link{padding:5px;font-size:.75rem}.auth-buttons{gap:.4rem}.signin-btn,.signup-btn,.logout-action{padding:5px 10px;font-size:.8rem}}@media (max-width: 768px){.header{padding:0 5%;height:70px}.nav-container{display:none}.logo span{font-size:1.5rem}.main-content{padding-top:70px}}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-light);font-size:1.5rem;cursor:pointer}@media (max-width: 768px){.mobile-menu-btn{display:block}}@media (max-width: 600px){.footer-brand h2{font-size:2rem}}.logout-action{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--primary);cursor:pointer;transition:color .25s ease;font-size:18px}.logout-action:hover{color:var(--accent)}.logout-icon{font-size:20px;transition:transform .25s ease;font-weight:700}.logout-action:hover .logout-icon{transform:translate(2px)}.dropdown{position:relative}.dropdown-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;position:relative;z-index:101}.dropdown-content{display:none;position:absolute;background:var(--bg-light);min-width:220px;box-shadow:var(--shadow);border-radius:var(--border-radius);padding:12px 0 8px;z-index:100;left:0;opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease,visibility 0s .2s;visibility:hidden;border:1px solid rgba(0,0,0,.05)}.dropdown:hover .dropdown-content,.dropdown-content:hover{display:block;opacity:1;transform:translateY(0);visibility:visible;transition:opacity .2s ease,transform .2s ease,visibility 0s}.dropdown-content:before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px;background:transparent}.dropdown-link{color:var(--primary-dark);padding:10px 20px;text-decoration:none;display:block;transition:var(--transition);font-weight:500}.dropdown-link:hover{background:#2a9d9043;color:var(--primary)}.dark .dropdown-content{background:var(--secondary);border:1px solid var(--glass)}.dark .dropdown-link{color:var(--text-light)}.dark .dropdown-link:hover{background:#e76f511a;color:var(--accent)}.dropdown-arrow{transition:transform .3s ease;font-size:.8em}.dropdown:hover .dropdown-arrow{transform:rotate(180deg)}@media (max-width: 768px){.dropdown-content{position:static;box-shadow:none;background:transparent;border:none;padding:0;opacity:1;transform:none;display:none;visibility:visible;top:auto;transition:none}.dropdown.mobile-open .dropdown-content{display:block}.dropdown-content:before{display:none}.dropdown-link{padding:12px 24px;color:var(--text-light)}.dark .dropdown-link{color:var(--text-light)}}.logout-action{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-light);cursor:pointer;transition:var(--transition);padding:8px 16px;border-radius:var(--border-radius);background:#ffffff1a;border:1px solid var(--glass);white-space:nowrap;flex-shrink:0}.logout-action:hover{background:#e76f5133;color:var(--text-light);transform:translateY(-1px)}.logout-icon{transition:transform .3s ease;flex-shrink:0}.logout-action:hover .logout-icon{transform:translate(2px);color:var(--accent)}@media (max-width: 768px){.dropdown-content{position:static;box-shadow:none;background:transparent;border:none;padding:0;opacity:1;transform:none;display:none}.dropdown.mobile-open .dropdown-content{display:block}.dropdown-link{padding:12px 24px;color:var(--text-light)}.dark .dropdown-link{color:var(--text-light)}}i.fas,i.far,i.fal,i.fab{font-family:"Font Awesome 5 Free"!important;font-weight:900}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],input[type=date],input[type=time],input[type=datetime-local],select,textarea{width:100%;padding:.75rem 1rem;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:.95rem;font-family:var(--font-family);line-height:1.5;transition:var(--transition);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-dark);box-sizing:border-box}.dark input[type=text],.dark input[type=email],.dark input[type=password],.dark input[type=number],.dark input[type=tel],.dark input[type=url],.dark input[type=search],.dark input[type=date],.dark input[type=time],.dark input[type=datetime-local],.dark select,.dark textarea{background:#0000001a;border-color:#ffffff1a;color:var(--text-light)}input::placeholder,textarea::placeholder{color:#2b2d4280;opacity:1}.dark input::placeholder,.dark textarea::placeholder{color:#f4f4f480}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2a9d8f1a;background:#ffffff26;transform:translateY(-1px)}.dark input:focus,.dark select:focus,.dark textarea:focus{background:#00000026}input:hover:not(:focus),select:hover:not(:focus),textarea:hover:not(:focus){border-color:#2a9d8f4d;background:#ffffff1f}.dark input:hover:not(:focus),.dark select:hover:not(:focus),.dark textarea:hover:not(:focus){background:#0000001f}input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed;background:#9ca3af1a;border-color:#9ca3af33}input.error,select.error,textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}input.success,select.success,textarea.success{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.form-group{display:flex;flex-direction:column;margin-bottom:1.5rem}.form-group label{margin-bottom:.5rem;font-size:.9rem;font-weight:600;color:var(--text-dark);position:relative}.form-group label.required:after{content:" *";color:#ef4444}.input-with-icon{position:relative}.input-with-icon input{padding-left:2.5rem}.input-with-icon .input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-medium);font-size:.9rem;pointer-events:none}.input-with-icon input:focus+.input-icon{color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:var(--transition);text-decoration:none;position:relative;overflow:hidden;min-height:44px}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 15px #2a9d8f4d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark) 0%,#1d3557 100%);transform:translateY(-2px);box-shadow:0 6px 20px #2a9d8f66}.btn-secondary{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-dark);border:1px solid rgba(0,0,0,.1)}.dark .btn-secondary{background:#0000001a;color:var(--text-light);border-color:#ffffff1a}.btn-secondary:hover:not(:disabled){background:#fff3;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.dark .btn-secondary:hover:not(:disabled){background:#0003}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 15px #ef44444d}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 15px #22c55e4d}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.btn:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.btn-sm{padding:.5rem 1rem;font-size:.875rem;min-height:36px}.btn-lg{padding:1rem 2rem;font-size:1.1rem;min-height:52px}.btn.loading{pointer-events:none;opacity:.8}.btn.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}input[type=checkbox],input[type=radio]{width:auto;margin-right:.5rem;accent-color:var(--primary)}select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}textarea{min-height:100px;resize:vertical;line-height:1.5}input[type=search]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z'/%3e%3c/svg%3e");background-position:left .75rem center;background-repeat:no-repeat;background-size:1rem 1rem;padding-left:2.5rem}input[type=file]{padding:.5rem;border:2px dashed rgba(42,157,143,.3);background:#2a9d8f0d;cursor:pointer}input[type=file]:hover{border-color:var(--primary);background:#2a9d8f1a}input[type=range]{height:6px;background:#0000001a;border-radius:3px;outline:none;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--primary);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #2a9d8f4d}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--primary);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #2a9d8f4d}.form-error{color:#ef4444;font-size:.875rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.form-success{color:#22c55e;font-size:.875rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.form-help{color:var(--text-medium);font-size:.875rem;margin-top:.25rem}.dark .form-help{color:#f4f4f4b3}@media (max-width: 768px){.form-group{margin-bottom:1.25rem}input,select,textarea,.btn{font-size:16px}.btn{padding:.875rem 1.25rem;min-height:48px}}@media (prefers-contrast: high){input,select,textarea{border:2px solid var(--text-dark)}.dark input,.dark select,.dark textarea{border-color:var(--text-light)}}@media (prefers-reduced-motion: reduce){input,select,textarea,.btn{transition:none}.btn:before{display:none}@keyframes spin{to{transform:none}}}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:3000;animation:fadeIn .5s ease-out}.popup-box{background:#fff;width:75%;height:80%;padding:2rem 3rem;border-radius:var(--border-radius);border-left:solid 4px var(--primary);box-shadow:0 10px 25px #00000040;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:slideDown .5s ease-out;overflow-y:auto;color:#2d3748}.popup-close-btn{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#2d3748;font-size:2rem;cursor:pointer;transition:all .3s}.popup-close-btn:hover{color:var(--primary);transform:rotate(90deg)}.popup-content{text-align:center;max-width:600px;margin:19vh 20vw}.popup-content h2{font-size:2rem;margin-bottom:1.5rem;color:#2d3748}.popup-box h2{font-size:2rem;font-weight:800;color:var(--primary-dark);margin-bottom:1.5rem;text-align:center;width:100%}.popup-section{margin-bottom:2rem;max-width:800px;width:100%}.popup-section h3{font-size:1.25rem;font-weight:700;color:var(--primary-dark);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.popup-section p{font-size:1rem;line-height:1.7;color:#4a5568;margin-bottom:.75rem;text-align:left}.popup-content p{font-size:1.2rem;line-height:1.5;margin-bottom:2rem}.popup-icon{margin-top:1rem}.popup-icon svg{width:80px;height:80px}.popup-tech-list{display:flex;flex-wrap:wrap;gap:1.5rem;text-decoration:none}.popup-tech-list p{color:#f1f1f1;background:#fff3;padding:.2rem .5rem;transition:color .3s;border-radius:var(--border-radius)}.popup-supervisor-wrapper{display:flex;justify-content:center;width:100%}.popup-member.supervisor{background:#ffffff14;max-width:280px;border-bottom:solid 2px yellow}.popup-box{display:block;max-height:90vh;overflow-y:auto;scroll-behavior:smooth}.popup-box h2{color:#ffd166;font-size:2rem}.popup-member{box-shadow:0 3px 6px #0003;max-height:200px}.popup-members{display:flex;flex-direction:column;align-items:center;padding-top:1rem;border-top:solid 2px #ffd166;width:100%}.popup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;width:100%;max-width:960px}.popup-member{background:#ffffff14;padding:1rem;border-radius:12px;text-align:center}.popup-member img{width:60px;height:60px;object-fit:cover;border-radius:50%;margin-bottom:.5rem}.popup-member h3{font-size:1rem;color:#fff;margin:.3rem 0}.popup-role{font-size:.85rem;color:#ccc;margin-top:.5rem;line-height:1.4}.popup-badge{display:inline-block;margin:2px;padding:4px 10px;border-radius:12px;font-size:11px;color:#fff}.supervisor-badge{background-color:#e63946}.leader-badge{background-color:#3f88c5}.backend-badge{background-color:#9d4edd}.frontend-badge{background-color:#f4a261}.research-badge{background-color:#2ec4b6}.writer-badge{background-color:#90be6d}.styled-list{list-style:none;padding-left:0;margin-top:1rem}.styled-list li{padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.1);color:#eee}a{color:var(--primary)}.large-popup{max-width:800px!important;max-height:85vh!important}.popup-tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.tech-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border:2px solid #dee2e6;transition:all .3s ease}.tech-item:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a;border-color:var(--primary)}.tech-icon{font-size:1.8rem}.developer-card{text-align:center;padding:3rem 2.5rem;background:linear-gradient(135deg,#2a9d8f,#264653);border-radius:20px;color:#fff;margin-bottom:2rem;position:relative;overflow:hidden;box-shadow:0 15px 50px #2a9d8f40;border:1px solid rgba(255,255,255,.1)}.developer-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,255,255,.08) 0%,transparent 60%);animation:pulse 6s ease-in-out infinite}.developer-avatar{font-size:5rem;margin-bottom:1.5rem;position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fffffff2,#ffffffd9);color:#2a9d8f;border-radius:50%;width:120px;height:120px;box-shadow:0 10px 40px #00000026;border:4px solid rgba(255,255,255,.3)}.developer-card h3{font-size:2rem;margin:1rem 0 .75rem;color:#fff!important;font-weight:800;position:relative;z-index:2;text-shadow:0 3px 20px rgba(0,0,0,.5);letter-spacing:.3px;text-align:center;width:100%;display:block}.developer-title{font-size:1.1rem;font-weight:700;margin:.75rem auto;position:relative;z-index:2;background:#e76f51;display:inline-block;padding:.6rem 1.8rem;border-radius:50px;color:#fff!important;box-shadow:0 4px 15px #e76f5166;border:2px solid rgba(255,255,255,.3);text-shadow:0 2px 10px rgba(0,0,0,.2)}.developer-education{font-size:.95rem;margin-top:1.25rem;position:relative;z-index:2;line-height:1.7;color:#fff!important;font-weight:500;text-shadow:0 2px 10px rgba(0,0,0,.3);opacity:1}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.coming-soon-content{text-align:center;padding:2rem}.coming-soon-icon{font-size:4rem;margin-bottom:1rem;animation:bounce 2s ease-in-out infinite}.coming-soon-note{margin-top:1.5rem;padding:1rem;background:linear-gradient(135deg,#e6fffa,#b2f5ea);border-radius:12px;font-weight:600;color:#234e52}.help-item{margin-bottom:1.5rem;padding:1.25rem;background:#f8f9fa;border-radius:12px;border-left:4px solid var(--primary)}.help-item h4{color:var(--primary);margin-bottom:.75rem;font-size:1.1rem}.faq-item{margin-bottom:1.75rem;padding:1.5rem;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;border:2px solid #e9ecef;transition:all .3s ease}.faq-item:hover{border-color:var(--primary);box-shadow:0 4px 15px #00000014}.faq-item h4{color:var(--primary-dark);margin-bottom:.75rem;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.faq-item h4:before{content:"Q:";background:var(--primary);color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.9rem;font-weight:700}.faq-item p{color:#4a5568;line-height:1.7;margin:0}.styled-list{list-style:none;padding-left:0}.styled-list li{padding:.75rem 0 .75rem 2rem;position:relative;line-height:1.6;color:#4a5568}.styled-list li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700;font-size:1.2rem}.styled-list li b{color:var(--primary-dark)}.help-item ol.styled-list{counter-reset:item}.help-item ol.styled-list li:before{content:counter(item) ".";counter-increment:item;color:var(--primary);font-weight:700;font-size:1.1rem}@media (max-width: 768px){.large-popup{max-width:95%!important;max-height:90vh!important}.popup-tech-grid{grid-template-columns:1fr;gap:.75rem}.developer-card{padding:1.5rem}.developer-avatar{font-size:4rem}.faq-item,.help-item{padding:1rem}}.popup-box ul,.popup-box li{color:#4a5568}.popup-box strong,.popup-box b{color:var(--primary-dark)}.drugbank-note{font-size:.9rem;color:#718096;font-style:italic;margin-top:1rem;text-align:center}.drugbank-note a{color:var(--primary);text-decoration:underline;font-weight:600}.drugbank-note a:hover,.popup-box h3,.popup-box h4{color:var(--primary-dark)}.popup-section ul li,.popup-section ol li{color:#4a5568}.developer-modal-overlay{background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInBlur .4s ease-out}.developer-modal{background:linear-gradient(135deg,#fff,#f8f9fa);width:95%;max-width:1000px;max-height:95vh;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px #0000004d;animation:slideUpScale .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow-y:auto;scroll-behavior:smooth}.developer-close-btn{position:absolute;top:20px;right:20px;width:44px;height:44px;background:#ffffffe6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.developer-close-btn:hover{background:#fff;transform:scale(1.1) rotate(90deg);box-shadow:0 6px 20px #00000026}.developer-close-btn i{color:#64748b;font-size:18px}.developer-hero{background:linear-gradient(135deg,#2a9d8f,#264653);padding:3rem 2rem;text-align:center;position:relative;overflow:hidden}.developer-bg-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.05) 0%,transparent 50%);animation:patternFloat 20s ease-in-out infinite}.developer-avatar-container{position:relative;z-index:2;margin-bottom:2rem}.developer-avatar-ring{width:140px;height:140px;margin:0 auto 1rem;position:relative;background:conic-gradient(from 0deg,#e76f51,#2a9d8f,#264653,#e76f51);border-radius:50%;padding:4px;animation:rotate 10s linear infinite}.developer-avatar-inner{width:100%;height:100%;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#2a9d8f;box-shadow:inset 0 4px 20px #0000001a}.developer-status-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:50px;color:#fff;font-size:.85rem;font-weight:600;border:1px solid rgba(255,255,255,.2)}.status-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}.developer-intro{position:relative;z-index:2}.developer-name{font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 1rem;text-shadow:0 4px 20px rgba(0,0,0,.3);letter-spacing:-.5px}.developer-roles{display:flex;justify-content:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.role-tag{padding:.5rem 1.25rem;border-radius:50px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:2px solid transparent;transition:all .3s ease}.role-tag.primary{background:#e76f51;color:#fff;box-shadow:0 4px 15px #e76f5166}.role-tag.secondary{background:#fff3;color:#fff;border-color:#ffffff4d}.role-tag.accent{background:#fbbf24;color:#1f2937;box-shadow:0 4px 15px #fbbf244d}.developer-tagline{font-size:1.1rem;color:#ffffffe6;margin:0;font-weight:500;line-height:1.6}.developer-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:2rem;background:#fff;border-bottom:1px solid #e5e7eb}.stat-item{text-align:center;padding:1.5rem 1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;border:2px solid #e2e8f0;transition:all .3s ease}.stat-item:hover{transform:translateY(-5px);border-color:#2a9d8f;box-shadow:0 10px 30px #2a9d8f26}.stat-number{font-size:2rem;font-weight:800;color:#2a9d8f;margin-bottom:.5rem;display:block}.stat-label{font-size:.85rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.developer-journey{padding:3rem 2rem;background:linear-gradient(135deg,#f8fafc,#fff)}.section-title{display:flex;align-items:center;gap:.75rem;font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:2rem;justify-content:center}.section-title i{color:#2a9d8f;font-size:1.5rem}.journey-timeline{max-width:600px;margin:0 auto;position:relative}.journey-timeline:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#2a9d8f,#e76f51);border-radius:2px}.timeline-item{display:flex;align-items:flex-start;gap:2rem;margin-bottom:2.5rem;position:relative}.timeline-marker{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;position:relative;z-index:2;flex-shrink:0;box-shadow:0 4px 15px #0003}.timeline-marker.academic{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.timeline-marker.project{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.timeline-marker.solo{background:linear-gradient(135deg,#e76f51,#dc2626)}.timeline-marker:before{content:"";position:absolute;width:80px;height:80px;border:3px solid currentColor;border-radius:50%;opacity:.3;animation:ripple 3s ease-out infinite}.timeline-content{flex:1;background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 4px 20px #00000014;border:2px solid #f1f5f9;transition:all .3s ease}.timeline-content:hover{border-color:#2a9d8f;transform:translateY(-3px);box-shadow:0 8px 30px #2a9d8f26}.timeline-content h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.timeline-content p{color:#64748b;margin:0 0 1rem;line-height:1.6}.timeline-date{display:inline-block;background:#2a9d8f;color:#fff;padding:.25rem .75rem;border-radius:50px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.developer-tech{padding:3rem 2rem;background:#fff}.tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:800px;margin:0 auto}.tech-category{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:2rem;border-radius:20px;border:2px solid #e2e8f0;transition:all .3s ease}.tech-category:hover{border-color:#2a9d8f;transform:translateY(-5px);box-shadow:0 10px 30px #2a9d8f1a}.tech-category h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 1.5rem;text-align:center}.tech-items{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.tech-badge{padding:.5rem 1rem;border-radius:50px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;transition:all .3s ease;cursor:default}.tech-badge:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.tech-badge.react{background:#61dafb;color:#1e293b}.tech-badge.typescript{background:#3178c6;color:#fff}.tech-badge.css{background:#1572b6;color:#fff}.tech-badge.responsive{background:#22c55e;color:#fff}.tech-badge.node{background:#393;color:#fff}.tech-badge.express{background:#000;color:#fff}.tech-badge.python{background:#3776ab;color:#fff}.tech-badge.fastapi{background:#009688;color:#fff}.tech-badge.tensorflow{background:#ff6f00;color:#fff}.tech-badge.chemberta{background:#8b5cf6;color:#fff}.tech-badge.openai{background:#412991;color:#fff}.tech-badge.nlp{background:#e11d48;color:#fff}.tech-badge.mongodb{background:#47a248;color:#fff}.tech-badge.atlas{background:#00684a;color:#fff}.tech-badge.encryption{background:#dc2626;color:#fff}.tech-badge.cloud{background:#0ea5e9;color:#fff}.developer-achievements{padding:3rem 2rem;background:linear-gradient(135deg,#f8fafc,#fff)}.achievements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:800px;margin:0 auto}.achievement-card{background:#fff;padding:2rem;border-radius:20px;text-align:center;box-shadow:0 4px 20px #00000014;border:2px solid #f1f5f9;transition:all .3s ease}.achievement-card:hover{border-color:#2a9d8f;transform:translateY(-8px);box-shadow:0 12px 40px #2a9d8f26}.achievement-icon{width:80px;height:80px;margin:0 auto 1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;position:relative}.achievement-icon.ui{background:linear-gradient(135deg,#f59e0b,#d97706)}.achievement-icon.ai{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.achievement-icon.security{background:linear-gradient(135deg,#ef4444,#dc2626)}.achievement-icon.realtime{background:linear-gradient(135deg,#06b6d4,#0891b2)}.achievement-card h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 1rem}.achievement-card p{color:#64748b;line-height:1.6;margin:0}.developer-vision{padding:3rem 2rem;background:linear-gradient(135deg,#2a9d8f,#264653);color:#fff;text-align:center}.developer-vision .vision-content{max-width:700px;margin:0 auto}.developer-vision .vision-text{font-size:1.1rem;line-height:1.8;margin:0 0 2rem;color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.5);font-weight:500}.developer-vision .vision-goals{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.developer-vision .goal-item{display:flex;align-items:center;gap:.75rem;background:#ffffff1a;padding:1rem 1.5rem;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.developer-vision .goal-item:hover{background:#fff3;transform:translateY(-3px)}.developer-vision .goal-item i{color:#e76f51;font-size:1.2rem}.developer-vision .goal-item span{font-weight:600;font-size:.9rem;color:#fff!important;text-shadow:0 1px 4px rgba(0,0,0,.3)}.future-vision .vision-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#e76f51,#d45a3d);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;box-shadow:0 8px 30px #e76f514d}.popup-overlay .future-vision h2{font-size:2rem;font-weight:700;color:#1e293b!important;margin:0 0 1.5rem}.popup-overlay .future-vision .vision-text{font-size:1.1rem;line-height:1.8;color:#64748b!important;max-width:800px;margin:0 auto 2rem;font-weight:500}.future-vision .vision-principles{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.future-vision .principle-item{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:1rem 1.5rem;border-radius:50px;border:2px solid #e2e8f0;transition:all .3s ease}.future-vision .principle-item:hover{border-color:#2a9d8f;transform:translateY(-3px);box-shadow:0 8px 25px #2a9d8f26}.future-vision .principle-item i{color:#2a9d8f;font-size:1.2rem}.popup-overlay .future-vision .principle-item span{font-weight:600;font-size:.9rem;color:#1e293b!important}.developer-cta{padding:3rem 2rem;background:#fff;text-align:center;border-top:1px solid #e5e7eb}.cta-content{max-width:500px;margin:0 auto}.cta-content h3{font-size:1.75rem;font-weight:700;color:#1e293b!important;margin:0 0 1rem}.cta-content p{color:#64748b!important;margin:0 0 2rem;font-size:1.05rem}.cta-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 4px 15px #0000001a}.cta-btn.primary{background:linear-gradient(135deg,#2a9d8f,#264653)!important;color:#fff!important;border:2px solid transparent}.cta-btn.primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2a9d8f66;background:linear-gradient(135deg,#238a7a,#1e3a3f)!important}.cta-btn.secondary{background:#fff!important;color:#2a9d8f!important;border:2px solid #2a9d8f!important}.cta-btn.secondary:hover{background:#2a9d8f!important;border-color:#2a9d8f!important;color:#fff!important;transform:translateY(-3px);box-shadow:0 8px 25px #2a9d8f4d}.cta-btn i{color:inherit!important}@keyframes fadeInBlur{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes slideUpScale{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes patternFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@keyframes ripple{0%{transform:scale(1);opacity:.3}to{transform:scale(1.5);opacity:0}}@media (max-width: 768px){.developer-modal{width:100%;max-width:100%;border-radius:0;max-height:100vh}.developer-hero{padding:2rem 1rem}.developer-name{font-size:2rem}.developer-roles{flex-direction:column;align-items:center}.developer-stats{grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.5rem}.stat-item{padding:1rem}.stat-number{font-size:1.5rem}.tech-grid,.achievements-grid{grid-template-columns:1fr;gap:1.5rem}.timeline-item{flex-direction:column;text-align:center}.journey-timeline:before{display:none}.vision-goals{flex-direction:column;align-items:center}.cta-buttons{flex-direction:column}.cta-btn{width:100%;justify-content:center}}@media (max-width: 480px){.developer-hero{padding:1.5rem 1rem}.developer-name{font-size:1.75rem}.developer-stats{grid-template-columns:1fr}.section-title{font-size:1.5rem;flex-direction:column;gap:.5rem}.developer-journey,.developer-tech,.developer-achievements,.developer-vision,.developer-cta{padding:2rem 1rem}}.about-modal-overlay{background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInBlur .4s ease-out}.about-modal{background:linear-gradient(135deg,#fff,#f8f9fa);width:95%;max-width:1100px;max-height:95vh;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px #0000004d;animation:slideUpScale .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow-y:auto;scroll-behavior:smooth}.about-close-btn{position:absolute;top:20px;right:20px;width:44px;height:44px;background:#ffffffe6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.about-close-btn:hover{background:#fff;transform:scale(1.1) rotate(90deg);box-shadow:0 6px 20px #00000026}.about-close-btn i{color:#64748b;font-size:18px}.about-hero{background:linear-gradient(135deg,#2a9d8f,#264653);padding:3rem 2rem;text-align:center;position:relative;overflow:hidden}.about-bg-animation{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,255,255,.08) 0%,transparent 50%);animation:floatPattern 15s ease-in-out infinite}.about-logo-container{position:relative;z-index:2;margin-bottom:2rem}.about-logo-ring{width:120px;height:120px;margin:0 auto;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#2a9d8f;box-shadow:0 10px 40px #0003;border:4px solid rgba(255,255,255,.3);animation:logoFloat 6s ease-in-out infinite}.about-title{font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 1rem;text-shadow:0 4px 20px rgba(0,0,0,.3);position:relative;z-index:2}.about-subtitle{font-size:1.1rem;color:#ffffffe6;margin:0;font-weight:500;position:relative;z-index:2}.about-mission{padding:3rem 2rem;text-align:center;background:#fff}.mission-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#e76f51,#d45a3d);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;box-shadow:0 8px 30px #e76f514d}.about-mission h2{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 1.5rem}.mission-text{font-size:1.1rem;line-height:1.8;color:#64748b;max-width:800px;margin:0 auto}.about-problem-solution{padding:3rem 2rem;background:linear-gradient(135deg,#f8fafc,#fff)}.problem-section,.solution-section{margin-bottom:3rem}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;justify-content:center;background:linear-gradient(135deg,#e6f7f3,#f0fffc)}.section-header i{font-size:2rem;color:#a7513c}.section-header h3{font-size:1.75rem;font-weight:700;color:#1e293b2a;margin:0}.problem-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2rem 0}.stat-card{background:#fff;padding:2rem 1rem;border-radius:16px;text-align:center;box-shadow:0 4px 20px #00000014;border:2px solid #f1f5f9;transition:all .3s ease}.stat-card:hover{border-color:#e76f51;transform:translateY(-5px);box-shadow:0 8px 30px #e76f5126}.stat-number{font-size:2rem;font-weight:800;color:#e76f51;margin-bottom:.5rem}.stat-label{font-size:.9rem;color:#64748b;font-weight:600}.solution-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:2rem 0}.feature-item{display:flex;align-items:center;gap:1rem;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 10px #0000000d;transition:all .3s ease}.feature-item:hover{transform:translateY(-3px);box-shadow:0 4px 20px #2a9d8f26}.feature-item i{font-size:1.5rem;color:#2a9d8f}.feature-item span{font-weight:600;color:#1e293b}.about-journey{padding:3rem 2rem;background:#fff}.journey-path{max-width:800px;margin:0 auto;position:relative}.journey-path:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#2a9d8f,#e76f51);transform:translate(-50%)}.journey-step{display:flex;align-items:center;margin-bottom:3rem;position:relative}.journey-step:nth-child(odd){flex-direction:row}.journey-step:nth-child(2n){flex-direction:row-reverse}.step-marker{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;position:relative;z-index:2;flex-shrink:0;margin:0 2rem;box-shadow:0 8px 30px #0003}.step-marker.academic{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.step-marker.development{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.step-marker.future{background:linear-gradient(135deg,#e76f51,#dc2626)}.step-content{flex:1;background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;border:2px solid #f1f5f9;transition:all .3s ease}.step-content:hover{border-color:#2a9d8f;transform:translateY(-5px);box-shadow:0 8px 30px #2a9d8f26}.step-content h4{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 .75rem}.step-content p{color:#64748b;margin:0 0 1rem;line-height:1.6}.step-year{display:inline-block;background:#2a9d8f;color:#fff;padding:.25rem .75rem;border-radius:50px;font-size:.8rem;font-weight:600}.about-differentiators{padding:3rem 2rem;background:linear-gradient(135deg,#f8fafc,#fff)}.differentiator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1000px;margin:0 auto}.diff-card{background:#fff;padding:2rem;border-radius:20px;text-align:center;box-shadow:0 4px 20px #00000014;border:2px solid #f1f5f9;transition:all .3s ease}.diff-card:hover{border-color:#2a9d8f;transform:translateY(-8px);box-shadow:0 12px 40px #2a9d8f26}.diff-icon{width:70px;height:70px;margin:0 auto 1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff}.diff-icon.ai{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.diff-icon.realtime{background:linear-gradient(135deg,#06b6d4,#0891b2)}.diff-icon.design{background:linear-gradient(135deg,#f59e0b,#d97706)}.diff-icon.privacy{background:linear-gradient(135deg,#ef4444,#dc2626)}.diff-icon.data{background:linear-gradient(135deg,#22c55e,#16a34a)}.diff-icon.assistant{background:linear-gradient(135deg,#e76f51,#d45a3d)}.diff-card h4{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 1rem}.diff-card p{color:#64748b;line-height:1.6;margin:0}.about-tech{padding:3rem 2rem;background:#fff}.tech-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:800px;margin:0 auto 2rem}.tech-layer{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:2rem;border-radius:20px;border:2px solid #e2e8f0;transition:all .3s ease}.tech-layer:hover{border-color:#2a9d8f;transform:translateY(-5px);box-shadow:0 10px 30px #2a9d8f1a}.tech-layer h4{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 1.5rem;text-align:center}.tech-badges{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.drugbank-attribution{background:linear-gradient(135deg,#e0f2fe,#b3e5fc);padding:1.5rem;border-radius:12px;text-align:center;border:2px solid #81d4fa;max-width:600px;margin:0 auto}.drugbank-attribution i{color:#0277bd;margin-right:.5rem}.drugbank-attribution p{margin:0;color:#01579b;font-weight:500}.drugbank-attribution a{color:#0277bd;font-weight:600;text-decoration:underline}.about-cta{padding:3rem 2rem;background:linear-gradient(135deg,#2a9d8f,#264653);text-align:center;color:#fff}.about-cta .cta-content h3{color:#fff;font-size:2rem;margin-bottom:1rem}.about-cta .cta-content p{color:#ffffffe6;font-size:1.1rem;margin-bottom:2rem}.future-modal-overlay{background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInBlur .4s ease-out}.future-modal{background:linear-gradient(135deg,#fff,#f8f9fa);width:95%;max-width:1200px;max-height:95vh;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px #0000004d;animation:slideUpScale .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow-y:auto;scroll-behavior:smooth}.future-close-btn{position:absolute;top:20px;right:20px;width:44px;height:44px;background:#ffffffe6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.future-close-btn:hover{background:#fff;transform:scale(1.1) rotate(90deg);box-shadow:0 6px 20px #00000026}.future-close-btn i{color:#64748b;font-size:18px}.future-hero{background:linear-gradient(135deg,#1e1b4b,#312e81,#3730a3);padding:3rem 2rem;text-align:center;position:relative;overflow:hidden}.future-bg-stars{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(2px 2px at 20px 30px,#ffffff,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,#ffffff,transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 160px 30px,#ffffff,transparent);background-repeat:repeat;background-size:200px 100px;animation:starTwinkle 20s linear infinite}.future-rocket{font-size:4rem;color:#fbbf24;margin-bottom:1.5rem;animation:rocketFloat 3s ease-in-out infinite;position:relative;z-index:2}.future-title{font-size:3rem;font-weight:800;color:#fff;margin:0 0 1rem;text-shadow:0 4px 20px rgba(0,0,0,.5);position:relative;z-index:2}.future-subtitle{font-size:1.2rem;color:#ffffffe6;margin:0;font-weight:500;position:relative;z-index:2}.future-vision{padding:3rem 2rem;background:#fff;text-align:center}.vision-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#e76f51,#d45a3d);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;box-shadow:0 8px 30px #e76f514d}.future-vision h2{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 1.5rem}.vision-text{font-size:1.1rem;line-height:1.8;color:#64748b;max-width:800px;margin:0 auto 2rem}.vision-principles{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.principle-item{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:1rem 1.5rem;border-radius:50px;border:2px solid #e2e8f0;transition:all .3s ease}.principle-item:hover{border-color:#2a9d8f;transform:translateY(-3px);box-shadow:0 8px 25px #2a9d8f26}.principle-item i{color:#2a9d8f;font-size:1.2rem}.principle-item span{font-weight:600;color:#1e293b}.roadmap-phase{margin-bottom:4rem;max-width:1000px;margin-left:auto;margin-right:auto}.phase-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;justify-content:center}.phase-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;box-shadow:0 4px 15px #0003}.phase-info h3{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0}.phase-timeline{font-size:.9rem;color:#64748b;font-weight:600}.phase-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.feature-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;border:2px solid #f1f5f9;transition:all .3s ease}.feature-card:hover{border-color:#2a9d8f;transform:translateY(-5px);box-shadow:0 8px 30px #2a9d8f26}.feature-icon{width:50px;height:50px;background:linear-gradient(135deg,#2a9d8f,#264653);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;margin-bottom:1rem}.feature-card h4{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 .75rem}.feature-card p{color:#64748b;line-height:1.6;margin:0 0 1.5rem}.feature-progress{display:flex;align-items:center;gap:1rem}.progress-bar{flex:1;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:3px;transition:width .5s ease}.feature-progress span{font-size:.8rem;color:#64748b;font-weight:600;white-space:nowrap}.future-innovation{padding:3rem 2rem;background:#fff}.innovation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:900px;margin:0 auto}.innovation-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:2rem;border-radius:20px;text-align:center;border:2px solid #e2e8f0;transition:all .3s ease}.innovation-card:hover{border-color:#2a9d8f;transform:translateY(-8px);box-shadow:0 12px 40px #2a9d8f26}.innovation-icon{width:70px;height:70px;margin:0 auto 1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff}.innovation-icon.safety{background:linear-gradient(135deg,#ef4444,#dc2626)}.innovation-icon.efficiency{background:linear-gradient(135deg,#06b6d4,#0891b2)}.innovation-icon.accessibility{background:linear-gradient(135deg,#22c55e,#16a34a)}.innovation-card h4{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 1rem}.innovation-card p{color:#64748b;line-height:1.6;margin:0}.future-cta{padding:3rem 2rem;background:linear-gradient(135deg,#1e1b4b,#312e81);text-align:center;color:#fff}.future-cta .cta-content h3{color:#fff;font-size:2rem;margin-bottom:1rem}.future-cta .cta-content p{color:#ffffffe6;font-size:1.1rem;margin-bottom:2rem}.blog-modal-overlay{background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInBlur .4s ease-out}.blog-modal{background:linear-gradient(135deg,#fff,#f8f9fa);width:95%;max-width:1100px;max-height:95vh;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px #0000004d;animation:slideUpScale .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow-y:auto;scroll-behavior:smooth}.blog-close-btn{position:absolute;top:20px;right:20px;width:44px;height:44px;background:#ffffffe6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.blog-close-btn:hover{background:#fff;transform:scale(1.1) rotate(90deg);box-shadow:0 6px 20px #00000026}.blog-close-btn i{color:#64748b;font-size:18px}.blog-hero{background:linear-gradient(135deg,#7c3aed,#5b21b6,#4c1d95);padding:3rem 2rem;text-align:center;position:relative;overflow:hidden}.blog-bg-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.1) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.1) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.1) 75%);background-size:30px 30px;background-position:0 0,0 15px,15px -15px,-15px 0px;animation:patternMove 20s linear infinite}.blog-icon-container{position:relative;z-index:2;margin-bottom:2rem}.blog-icon-ring{width:120px;height:120px;margin:0 auto;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#7c3aed;box-shadow:0 10px 40px #0003;border:4px solid rgba(255,255,255,.3);animation:iconPulse 4s ease-in-out infinite}.blog-title{font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 1rem;text-shadow:0 4px 20px rgba(0,0,0,.3);position:relative;z-index:2}.blog-subtitle{font-size:1.1rem;color:#ffffffe6;margin:0;font-weight:500;position:relative;z-index:2}.blog-coming-soon{padding:3rem 2rem;background:#fff;text-align:center}.coming-soon-animation{margin-bottom:2rem}.typing-indicator{display:inline-flex;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:50px;border:2px solid #e2e8f0}.typing-indicator span{width:12px;height:12px;background:#7c3aed;border-radius:50%;animation:typingDot 1.4s ease-in-out infinite both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}.blog-coming-soon h2{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 1.5rem}.coming-soon-description{font-size:1.1rem;line-height:1.8;color:#64748b;max-width:600px;margin:0 auto}.blog-content-preview{padding:3rem 2rem;background:linear-gradient(135deg,#f8fafc,#fff)}.content-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1000px;margin:0 auto}.category-card{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 4px 20px #00000014;border:2px solid #f1f5f9;transition:all .3s ease}.category-card:hover{border-color:#7c3aed;transform:translateY(-8px);box-shadow:0 12px 40px #7c3aed26}.category-icon{width:60px;height:60px;margin-bottom:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.category-card.technical .category-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.category-card.healthcare .category-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.category-card.product .category-icon{background:linear-gradient(135deg,#22c55e,#16a34a)}.category-card.education .category-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.category-card h4{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 1rem}.category-card p{color:#64748b;line-height:1.6;margin:0 0 1.5rem}.category-topics{display:flex;flex-wrap:wrap;gap:.5rem}.topic-tag{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3;padding:.25rem .75rem;border-radius:50px;font-size:.8rem;font-weight:600}.blog-featured-preview{padding:3rem 2rem;background:#fff}.article-previews{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem;max-width:800px;margin:0 auto}.article-card{display:flex;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;overflow:hidden;border:2px solid #e2e8f0;transition:all .3s ease}.article-card:hover{border-color:#7c3aed;transform:translateY(-5px);box-shadow:0 8px 30px #7c3aed26}.article-image{width:100px;height:100px;background:linear-gradient(135deg,#7c3aed,#5b21b6);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;flex-shrink:0}.article-content{padding:1.5rem;flex:1}.article-content h4{font-size:1.1rem;font-weight:700;color:#1e293b;margin:0 0 .75rem;line-height:1.4}.article-content p{color:#64748b;margin:0 0 1rem;line-height:1.5;font-size:.95rem}.article-meta{display:flex;gap:1rem;align-items:center}.article-category{padding:.25rem .75rem;border-radius:50px;font-size:.75rem;font-weight:600;text-transform:uppercase}.article-category.technical{background:#dbeafe;color:#1d4ed8}.article-category.healthcare{background:#fecaca;color:#dc2626}.article-category.product{background:#dcfce7;color:#16a34a}.article-date{font-size:.8rem;color:#64748b;font-weight:500}.blog-newsletter{padding:3rem 2rem;background:linear-gradient(135deg,#f8fafc,#fff)}.newsletter-content{max-width:600px;margin:0 auto;text-align:center}.newsletter-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#7c3aed,#5b21b6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;box-shadow:0 8px 30px #7c3aed4d}.newsletter-content h3{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 1rem}.newsletter-content p{color:#64748b;margin:0 0 2rem;line-height:1.6}.newsletter-form{max-width:400px;margin:0 auto}.form-group{display:flex;gap:.75rem;margin-bottom:1rem}.newsletter-input{flex:1;padding:1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease}.newsletter-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.newsletter-btn{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;border:none;padding:1rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.newsletter-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed4d}.newsletter-note{font-size:.85rem;color:#64748b;margin:0;display:flex;align-items:center;justify-content:center;gap:.5rem}.newsletter-note i{color:#22c55e}.blog-cta{padding:3rem 2rem;background:linear-gradient(135deg,#7c3aed,#5b21b6);text-align:center;color:#fff}.blog-cta .cta-content h3{color:#fff;font-size:2rem;margin-bottom:1rem}.blog-cta .cta-content p{color:#ffffffe6;font-size:1.1rem;margin-bottom:2rem}.cta-content{max-width:600px;margin:0 auto}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.cta-btn.primary{background:linear-gradient(135deg,#fff,#f8f9fa);color:#1e293b;box-shadow:0 4px 15px #ffffff4d}.cta-btn.primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #fff6}.cta-btn.secondary{background:transparent;color:#ffffffe6;border:2px solid rgba(255,255,255,.3)}.cta-btn.secondary:hover{background:#ffffff1a;border-color:#fff9;transform:translateY(-3px)}@keyframes floatPattern{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes starTwinkle{0%{transform:translate(0)}to{transform:translate(200px)}}@keyframes rocketFloat{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-15px) rotate(5deg)}}@keyframes patternMove{0%{background-position:0 0,0 15px,15px -15px,-15px 0px}to{background-position:30px 30px,30px 45px,45px 15px,15px 30px}}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 10px 40px #0003}50%{transform:scale(1.05);box-shadow:0 15px 50px #0000004d}}@keyframes typingDot{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@media (max-width: 768px){.about-modal,.future-modal,.blog-modal{width:100%;max-width:100%;border-radius:0;max-height:100vh}.problem-stats{grid-template-columns:1fr;gap:1rem}.solution-features{grid-template-columns:1fr}.differentiator-grid{grid-template-columns:1fr;gap:1.5rem}.tech-showcase{grid-template-columns:1fr}.journey-step{flex-direction:column!important;text-align:center}.journey-path:before{display:none}.step-marker{margin:0 0 1rem}.phase-features,.innovation-grid,.content-categories{grid-template-columns:1fr}.article-card{flex-direction:column}.article-image{width:100%;height:80px}.form-group,.cta-buttons{flex-direction:column}.cta-btn{width:100%;justify-content:center}}@media (max-width: 480px){.about-hero,.future-hero,.blog-hero{padding:2rem 1rem}.about-title,.future-title,.blog-title{font-size:2rem}.vision-principles{flex-direction:column;align-items:center}.principle-item{width:100%;justify-content:center}}.future-hero{background:linear-gradient(135deg,#667eea,#764ba2);padding:3rem 2rem;text-align:center;position:relative;overflow:hidden;color:#fff}.future-bg-stars{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(2px 2px at 20px 30px,#ffffff,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,#ffffff,transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.6),transparent);background-repeat:repeat;background-size:200px 100px;animation:twinkle 4s ease-in-out infinite}.future-rocket{font-size:4rem;margin-bottom:1.5rem;animation:rocketFloat 3s ease-in-out infinite;position:relative;z-index:2}.popup-overlay .future-title{font-size:2.5rem;font-weight:800;margin:0 0 1rem;text-shadow:0 4px 20px rgba(0,0,0,.3);position:relative;z-index:2;color:#fff!important}.popup-overlay .future-subtitle{font-size:1.1rem;margin:0;opacity:.9;position:relative;z-index:2;color:#ffffffe6!important}.future-roadmap{padding:3rem 2rem;background:linear-gradient(135deg,#f8fafc,#fff)}.roadmap-phase{margin-bottom:3rem;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #00000014;border:2px solid #f1f5f9;transition:all .3s ease}.roadmap-phase:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.phase-header{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.phase-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0}.short-term .phase-icon{background:linear-gradient(135deg,#22c55e,#16a34a)}.mid-term .phase-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.long-term .phase-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.popup-overlay .phase-info h3{font-size:1.5rem;font-weight:700;color:#1e293b!important;margin:0 0 .5rem}.phase-timeline{display:inline-block;background:#2a9d8f;color:#fff!important;padding:.25rem .75rem;border-radius:50px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.phase-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:2rem}.feature-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:2rem;border-radius:16px;border:2px solid #e2e8f0;transition:all .3s ease;text-align:center}.feature-card:hover{border-color:#2a9d8f;transform:translateY(-3px);box-shadow:0 8px 25px #2a9d8f26}.feature-card .feature-icon{width:60px;height:60px;margin:0 auto 1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;background:linear-gradient(135deg,#2a9d8f,#264653)}.popup-overlay .feature-card h4{font-size:1.25rem;font-weight:700;color:#1e293b!important;margin:0 0 1rem}.popup-overlay .feature-card p{color:#64748b!important;line-height:1.6;margin:0 0 1.5rem}.feature-progress{text-align:center}.progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:4px;transition:width .3s ease}.popup-overlay .feature-progress span{font-size:.8rem;font-weight:600;color:#64748b!important;text-transform:uppercase;letter-spacing:.5px}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.3}}@keyframes rocketFloat{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(5deg)}}@media (max-width: 768px){.future-vision .vision-principles{flex-direction:column;align-items:center}.phase-header{flex-direction:column;text-align:center;gap:1rem}.phase-features{grid-template-columns:1fr;gap:1rem}}.about-cta-title{color:#fff!important;font-size:1.75rem!important;font-weight:700!important;margin:0 0 1rem!important;text-shadow:0 2px 8px rgba(0,0,0,.8)!important}.about-cta-text{color:#fff!important;font-size:1.05rem!important;margin:0 0 2rem!important;line-height:1.6!important;font-weight:500!important;text-shadow:0 1px 4px rgba(0,0,0,.7)!important}.future-cta-title{color:#fff!important;font-size:1.75rem!important;font-weight:700!important;margin:0 0 1rem!important;text-shadow:0 2px 8px rgba(0,0,0,.8)!important}.future-cta-text{color:#fff!important;font-size:1.05rem!important;margin:0 0 2rem!important;line-height:1.6!important;font-weight:500!important;text-shadow:0 1px 4px rgba(0,0,0,.7)!important}.blog-cta-title{color:#fff!important;font-size:1.75rem!important;font-weight:700!important;margin:0 0 1rem!important;text-shadow:0 2px 8px rgba(0,0,0,.8)!important}.blog-cta-text{color:#fff!important;font-size:1.05rem!important;margin:0 0 2rem!important;line-height:1.6!important;font-weight:500!important;text-shadow:0 1px 4px rgba(0,0,0,.7)!important}.popup-overlay .about-cta-title,.popup-overlay .future-cta-title,.popup-overlay .blog-cta-title{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.8)!important}.popup-overlay .about-cta-text,.popup-overlay .future-cta-text,.popup-overlay .blog-cta-text{color:#fff!important;text-shadow:0 1px 4px rgba(0,0,0,.7)!important}.popup-overlay .phase-header{display:flex!important;align-items:center!important;gap:1.5rem!important;padding:2rem!important;background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border-bottom:2px solid #e2e8f0!important}.popup-overlay .phase-icon{width:60px!important;height:60px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.5rem!important;color:#fff!important;flex-shrink:0!important;position:relative!important;z-index:1!important}.popup-overlay .short-term .phase-icon{background:linear-gradient(135deg,#22c55e,#16a34a)!important;box-shadow:0 4px 15px #22c55e4d!important}.popup-overlay .mid-term .phase-icon{background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:0 4px 15px #f59e0b4d!important}.popup-overlay .long-term .phase-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;box-shadow:0 4px 15px #8b5cf64d!important}.popup-overlay .phase-icon:hover{transform:scale(1.1)!important;transition:all .3s ease!important}.popup-overlay .phase-info{flex:1!important}.popup-overlay .phase-info h3{font-size:1.5rem!important;font-weight:700!important;color:#1e293b!important;margin:0 0 .5rem!important}.popup-overlay .phase-timeline{display:inline-block!important;background:#2a9d8f!important;color:#fff!important;padding:.25rem .75rem!important;border-radius:50px!important;font-size:.8rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important}.popup-overlay .roadmap-phase{margin-bottom:3rem!important;background:#fff!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 4px 20px #00000014!important;border:2px solid #f1f5f9!important;transition:all .3s ease!important}.popup-overlay .roadmap-phase:hover{transform:translateY(-5px)!important;box-shadow:0 8px 30px #0000001f!important}@media (max-width: 768px){.popup-overlay .phase-header{flex-direction:column!important;text-align:center!important;gap:1rem!important}.popup-overlay .phase-icon{width:50px!important;height:50px!important;font-size:1.2rem!important}}.help-modal-overlay{background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInBlur .4s ease-out}.help-modal{background:linear-gradient(135deg,#fff,#f8f9fa);width:95%;max-width:1100px;max-height:95vh;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px #0000004d;animation:slideUpScale .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow-y:auto;scroll-behavior:smooth}.help-close-btn{position:absolute;top:20px;right:20px;width:44px;height:44px;background:#ffffffe6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.help-close-btn:hover{background:#fff;transform:scale(1.1) rotate(90deg);box-shadow:0 6px 20px #00000026}.help-close-btn i{color:#64748b;font-size:18px}.help-hero{background:linear-gradient(135deg,#22c55e,#16a34a);padding:3rem 2rem;text-align:center;position:relative;overflow:hidden}.help-bg-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 70%,rgba(255,255,255,.15) 0%,transparent 50%);animation:gradientShift 8s ease-in-out infinite}.help-icon-container{position:relative;z-index:2;margin-bottom:2rem}.help-icon-ring{width:120px;height:120px;margin:0 auto;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#22c55e;box-shadow:0 10px 40px #0003;border:4px solid rgba(255,255,255,.3);animation:helpFloat 4s ease-in-out infinite}.help-title{font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 1rem;text-shadow:0 4px 20px rgba(0,0,0,.3);position:relative;z-index:2}.help-subtitle{font-size:1.1rem;color:#ffffffe6;margin:0;font-weight:500;position:relative;z-index:2}.help-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:2rem;background:#fff}.quick-action-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:2rem 1.5rem;border-radius:16px;text-align:center;border:2px solid #e2e8f0;transition:all .3s ease;cursor:pointer}.quick-action-card:hover{border-color:#22c55e;transform:translateY(-5px);box-shadow:0 10px 30px #22c55e26}.action-icon{width:60px;height:60px;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.action-icon.getting-started{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.action-icon.features{background:linear-gradient(135deg,#f59e0b,#d97706)}.action-icon.security{background:linear-gradient(135deg,#ef4444,#dc2626)}.action-icon.support{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.quick-action-card h4{font-size:1.1rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.quick-action-card p{color:#64748b;margin:0;font-size:.9rem}.help-getting-started{padding:3rem 2rem;background:linear-gradient(135deg,#f8fafc,#fff)}.user-type-guides{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1000px;margin:0 auto}.guide-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #00000014;border:2px solid #f1f5f9;transition:all .3s ease}.guide-card:hover{border-color:#22c55e;transform:translateY(-5px);box-shadow:0 8px 30px #22c55e26}.guide-header{background:linear-gradient(135deg,#22c55e,#16a34a);padding:2rem;text-align:center;color:#fff}.guide-icon{width:80px;height:80px;margin:0 auto 1rem;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem}.guide-header h3{font-size:1.5rem;font-weight:700;margin:0}.guide-steps{padding:2rem}.step-item{display:flex;gap:1.5rem;margin-bottom:2rem;align-items:flex-start}.step-number{width:40px;height:40px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}.step-content h4{font-size:1.1rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.step-content p{color:#64748b;margin:0;line-height:1.5}.help-features{padding:3rem 2rem;background:#fff}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1000px;margin:0 auto}.feature-showcase{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:2rem;border-radius:20px;border:2px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.feature-showcase:hover{border-color:#22c55e;transform:translateY(-5px);box-shadow:0 8px 30px #22c55e26}.feature-icon{width:70px;height:70px;margin-bottom:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff}.feature-icon.checker{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.feature-icon.chatbot{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.feature-icon.prescription{background:linear-gradient(135deg,#ef4444,#dc2626)}.feature-icon.tracking{background:linear-gradient(135deg,#f59e0b,#d97706)}.feature-showcase h4{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 1rem}.feature-showcase p{color:#64748b;line-height:1.6;margin:0 0 1rem}.feature-highlight{background:#22c55e;color:#fff;padding:.25rem .75rem;border-radius:50px;font-size:.8rem;font-weight:600;display:inline-block}.help-security{padding:3rem 2rem;background:linear-gradient(135deg,#1e293b,#334155);color:#fff;text-align:center}.security-content{max-width:800px;margin:0 auto}.security-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;box-shadow:0 8px 30px #22c55e4d}.security-content h2{font-size:2rem;font-weight:700;margin:0 0 1rem}.security-description{font-size:1.1rem;line-height:1.8;margin:0 0 2rem;opacity:.9}.security-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:600px;margin:0 auto}.security-item{display:flex;align-items:center;gap:.75rem;background:#ffffff1a;padding:1rem 1.5rem;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.security-item i{color:#22c55e;font-size:1.2rem}.security-item span{font-weight:600;font-size:.9rem}.help-contact{padding:3rem 2rem;background:linear-gradient(135deg,#f8fafc,#fff)}.contact-content{max-width:800px;margin:0 auto;text-align:center}.contact-content p{font-size:1.1rem;color:#64748b;margin:0 0 2rem}.contact-options{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.contact-card{background:#fff;padding:2rem;border-radius:16px;text-align:center;box-shadow:0 4px 20px #00000014;border:2px solid #f1f5f9;transition:all .3s ease}.contact-card:hover{border-color:#22c55e;transform:translateY(-5px);box-shadow:0 8px 30px #22c55e26}.contact-icon{width:60px;height:60px;margin:0 auto 1rem;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.contact-card h4{font-size:1.1rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.contact-card p{color:#64748b;margin:0 0 1.5rem;font-size:.9rem}.contact-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e4d}.faq-modal-overlay{background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInBlur .4s ease-out}.faq-modal{background:linear-gradient(135deg,#fff,#f8f9fa);width:95%;max-width:1100px;max-height:95vh;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px #0000004d;animation:slideUpScale .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow-y:auto;scroll-behavior:smooth}.faq-close-btn{position:absolute;top:20px;right:20px;width:44px;height:44px;background:#ffffffe6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.faq-close-btn:hover{background:#fff;transform:scale(1.1) rotate(90deg);box-shadow:0 6px 20px #00000026}.faq-close-btn i{color:#64748b;font-size:18px}.faq-hero{background:linear-gradient(135deg,#f59e0b,#d97706);padding:3rem 2rem;text-align:center;position:relative;overflow:hidden}.faq-bg-bubbles{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.08) 0%,transparent 50%);animation:bubbleFloat 12s ease-in-out infinite}.faq-icon-container{position:relative;z-index:2;margin-bottom:2rem}.faq-icon-ring{width:120px;height:120px;margin:0 auto;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#f59e0b;box-shadow:0 10px 40px #0003;border:4px solid rgba(255,255,255,.3);animation:questionPulse 3s ease-in-out infinite}.faq-title{font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 1rem;text-shadow:0 4px 20px rgba(0,0,0,.3);position:relative;z-index:2}.faq-subtitle{font-size:1.1rem;color:#ffffffe6;margin:0;font-weight:500;position:relative;z-index:2}.faq-search{padding:2rem;background:#fff;border-bottom:1px solid #e5e7eb}.search-container{max-width:500px;margin:0 auto;position:relative}.search-container i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#64748b;font-size:1.1rem}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid #e2e8f0;border-radius:50px;font-size:1rem;transition:all .3s ease;background:#f8fafc}.search-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;background:#fff}.faq-categories{padding:1.5rem 2rem;background:#fff;border-bottom:1px solid #e5e7eb}.category-tabs{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.tab-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:50px;cursor:pointer;transition:all .3s ease;background:#f8fafc;border:2px solid #e2e8f0}.tab-item.active{background:#f59e0b;color:#fff;border-color:#f59e0b}.tab-item:hover:not(.active){background:#f1f5f9;border-color:#f59e0b}.tab-item i{font-size:1rem}.tab-item span{font-weight:600;font-size:.9rem;color:inherit}.faq-content{padding:3rem 2rem;background:linear-gradient(135deg,#f8fafc,#fff)}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1000px;margin:0 auto}.faq-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;border:2px solid #f1f5f9;transition:all .3s ease}.faq-card:hover{border-color:#f59e0b;transform:translateY(-5px);box-shadow:0 8px 30px #f59e0b26}.faq-question{display:flex;align-items:center;gap:1rem;padding:1.5rem;cursor:pointer;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.question-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;flex-shrink:0;background:linear-gradient(135deg,#f59e0b,#d97706)}.faq-question h4{flex:1;font-size:1.1rem;font-weight:700;color:#1e293b!important;margin:0;line-height:1.4}.expand-icon{color:#64748b;transition:transform .3s ease}.faq-card:hover .expand-icon{transform:rotate(180deg)}.faq-answer{padding:1.5rem;border-top:1px solid #e5e7eb}.faq-answer p{color:#64748b!important;line-height:1.7;margin:0 0 1rem}.answer-highlight{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#fef3c7,#fde68a);padding:.75rem 1rem;border-radius:8px;border-left:4px solid #f59e0b}.answer-highlight i{color:#d97706}.answer-highlight span{color:#92400e;font-weight:600;font-size:.9rem}.security-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;justify-content:flex-start;align-items:center}.faq-modal .security-badge{display:flex;align-items:center;gap:.25rem;background:#22c55e;color:#fff!important;padding:.25rem .75rem;border-radius:50px;font-size:.8rem;font-weight:600;position:static;z-index:auto}.accuracy-stats{display:flex;justify-content:space-around;margin-top:1rem}.stat-item{text-align:center}.stat-number{font-size:1.5rem;font-weight:800;color:#f59e0b;display:block}.stat-label{font-size:.8rem;color:#64748b;font-weight:600}.mobile-roadmap{margin-top:1rem}.roadmap-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.roadmap-item i{color:#22c55e}.roadmap-item.coming-soon i{color:#f59e0b}.roadmap-item span{font-weight:500}.ai-features{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.ai-feature{display:flex;align-items:center;gap:.5rem;background:#f8fafc;padding:.5rem 1rem;border-radius:50px;border:1px solid #e2e8f0}.ai-feature i{color:#8b5cf6}.ai-feature span{font-size:.85rem;font-weight:600;color:#1e293b}.pricing-info{display:flex;gap:1rem;margin-top:1rem}.pricing-tier{flex:1;background:#f8fafc;padding:1rem;border-radius:8px;text-align:center;border:2px solid #e2e8f0}.pricing-tier.current{border-color:#22c55e}.pricing-tier.future{border-color:#f59e0b}.pricing-tier h5{font-size:.9rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.price{font-size:1.2rem;font-weight:800;color:#f59e0b;margin-bottom:.5rem}.pricing-tier p{font-size:.8rem;color:#64748b;margin:0}.faq-contact{padding:3rem 2rem;background:linear-gradient(135deg,#f59e0b,#d97706);text-align:center;color:#fff}.faq-contact .contact-content h3{font-size:1.75rem;font-weight:700;margin:0 0 1rem;color:#fff!important}.faq-contact .contact-content p{font-size:1.1rem;margin:0 0 2rem;opacity:.9;color:#fff!important}.contact-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.contact-btn.primary{background:#fff;color:#f59e0b}.contact-btn.secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}.contact-btn.secondary:hover{background:#ffffff1a;border-color:#fff9}@keyframes gradientShift{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(20px) translateY(-20px)}}@keyframes helpFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bubbleFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}@keyframes questionPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 768px){.help-modal,.faq-modal{width:100%;max-width:100%;border-radius:0;max-height:100vh}.help-quick-actions{grid-template-columns:repeat(2,1fr);gap:1rem}.user-type-guides,.features-grid,.security-features,.contact-options,.faq-grid{grid-template-columns:1fr}.category-tabs{flex-direction:column;align-items:center}.contact-actions{flex-direction:column}}@media (max-width: 480px){.help-hero,.faq-hero{padding:2rem 1rem}.help-title,.faq-title{font-size:2rem}.help-quick-actions{grid-template-columns:1fr;padding:1.5rem}.quick-action-card{padding:1.5rem 1rem}}.faq-modal h1,.faq-modal h2,.faq-modal h3,.faq-modal h4,.faq-modal h5,.faq-modal h6,.faq-modal p,.faq-modal span{color:inherit}.faq-modal .section-title{color:#1e293b!important}.faq-modal .faq-title{color:#fff!important}.faq-modal .faq-subtitle{color:#ffffffe6!important}.faq-modal .tab-item{color:#64748b}.faq-modal .tab-item.active{color:#fff!important}.faq-modal .tab-item:hover:not(.active){color:#f59e0b}.faq-modal .search-container i,.faq-modal .expand-icon{color:#64748b!important}.faq-modal .answer-highlight span{color:#92400e!important}.faq-modal .security-badge{color:#fff!important}.faq-modal .stat-label{color:#64748b!important}.faq-modal .roadmap-item span,.faq-modal .ai-feature span,.faq-modal .pricing-tier h5{color:#1e293b!important}.faq-modal .pricing-tier p{color:#64748b!important}.faq-modal .contact-btn.primary{color:#f59e0b!important}.faq-modal .contact-btn.secondary{color:#fff!important}.help-modal h1,.help-modal h2,.help-modal h3,.help-modal h4,.help-modal h5,.help-modal h6,.help-modal p,.help-modal span{color:inherit}.help-modal .section-title{color:#1e293b!important}.help-modal .help-title{color:#fff!important}.help-modal .help-subtitle{color:#ffffffe6!important}.help-modal .quick-action-card h4{color:#1e293b!important}.help-modal .quick-action-card p{color:#64748b!important}.help-modal .guide-header h3{color:#fff!important}.help-modal .step-content h4{color:#1e293b!important}.help-modal .step-content p{color:#64748b!important}.help-modal .feature-showcase h4{color:#1e293b!important}.help-modal .feature-showcase p{color:#64748b!important}.help-modal .security-content h2{color:#fff!important}.help-modal .security-description{color:#ffffffe6!important}.help-modal .security-item span{color:#fff!important}.help-modal .contact-content p{color:#64748b!important}.help-modal .contact-card h4{color:#1e293b!important}.help-modal .contact-card p{color:#64748b!important}.terms-modal-overlay{background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInBlur .4s ease-out}.terms-modal{background:linear-gradient(135deg,#fff,#f8f9fa);width:95%;max-width:1100px;max-height:95vh;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px #0000004d;animation:slideUpScale .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow-y:auto;scroll-behavior:smooth}.terms-close-btn{position:absolute;top:20px;right:20px;width:44px;height:44px;background:#ffffffe6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.terms-close-btn:hover{background:#fff;transform:scale(1.1) rotate(90deg);box-shadow:0 6px 20px #00000026}.terms-close-btn i{color:#64748b;font-size:18px}.terms-hero{background:linear-gradient(135deg,#1e293b,#334155);padding:3rem 2rem;text-align:center;position:relative;overflow:hidden}.terms-bg-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.05) 25%,transparent 25%);background-size:60px 60px;background-position:0 0,30px 30px;animation:patternSlide 20s linear infinite}.terms-icon-container{position:relative;z-index:2;margin-bottom:2rem}.terms-icon-ring{width:120px;height:120px;margin:0 auto;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#1e293b;box-shadow:0 10px 40px #0000004d;border:4px solid rgba(255,255,255,.2);animation:contractFloat 5s ease-in-out infinite}.terms-title{font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 1rem;text-shadow:0 4px 20px rgba(0,0,0,.5);position:relative;z-index:2}.terms-subtitle{font-size:1.1rem;color:#ffffffe6;margin:0 0 2rem;font-weight:500;position:relative;z-index:2}.terms-meta{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;position:relative;z-index:2}.meta-item{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;padding:.75rem 1.5rem;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.meta-item i{color:#60a5fa}.meta-item span{color:#fff;font-weight:600;font-size:.9rem}.terms-summary{padding:3rem 2rem;background:#fff}.summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1000px;margin:0 auto}.summary-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:2rem 1.5rem;border-radius:16px;text-align:center;border:2px solid #e2e8f0;transition:all .3s ease}.summary-card:hover{border-color:#1e293b;transform:translateY(-5px);box-shadow:0 10px 30px #1e293b26}.summary-icon{width:60px;height:60px;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.summary-icon.medical{background:linear-gradient(135deg,#ef4444,#dc2626)}.summary-icon.data{background:linear-gradient(135deg,#22c55e,#16a34a)}.summary-icon.usage{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.summary-icon.academic{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.summary-card h4{font-size:1.1rem;font-weight:700;color:#1e293b;margin:0 0 .75rem}.summary-card p{color:#64748b;margin:0;font-size:.9rem;line-height:1.5}.terms-content{padding:3rem 2rem;background:linear-gradient(135deg,#f8fafc,#fff)}.terms-section{max-width:800px;margin:0 auto 3rem;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;border:2px solid #f1f5f9;transition:all .3s ease}.terms-section:hover{border-color:#1e293b;box-shadow:0 8px 30px #1e293b1f}.section-header{display:flex;align-items:center;gap:1.5rem;padding:2rem;color:#098c8c}.section-number{width:50px;height:50px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;flex-shrink:0}.section-header h3{font-size:1.5rem;font-weight:700;margin:0;flex:1}.disclaimer-badge{display:flex;align-items:center;gap:.5rem;background:#ef4444;color:#fff;padding:.5rem 1rem;border-radius:50px;font-size:.8rem;font-weight:600;margin-left:auto}.section-content{padding:2rem}.section-content p{color:#64748b;line-height:1.7;margin:0 0 1.5rem;font-size:1rem}.important-note{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#fef3c7,#fde68a);padding:1rem 1.5rem;border-radius:12px;border-left:4px solid #f59e0b;margin-top:1rem}.important-note i{color:#d97706;font-size:1.2rem}.important-note span{color:#92400e;font-weight:600}.service-features{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.feature-tag{background:#1e293b;color:#fff;padding:.5rem 1rem;border-radius:50px;font-size:.8rem;font-weight:600}.terms-section.medical-disclaimer{border-color:#ef4444}.disclaimer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1.5rem}.disclaimer-item{background:linear-gradient(135deg,#fef2f2,#fee2e2);padding:1.5rem;border-radius:12px;border:2px solid #fecaca;text-align:center}.disclaimer-icon{width:50px;height:50px;margin:0 auto 1rem;background:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff}.disclaimer-item h4{font-size:1rem;font-weight:700;color:#991b1b;margin:0 0 .75rem}.disclaimer-item p{color:#dc2626;margin:0;font-size:.9rem;line-height:1.5}.responsibility-list{margin-top:1rem}.responsibility-item{display:flex;align-items:flex-start;gap:1rem;padding:.75rem 0;border-bottom:1px solid #f1f5f9}.responsibility-item:last-child{border-bottom:none}.responsibility-item i{color:#22c55e;font-size:1.2rem;margin-top:.1rem;flex-shrink:0}.responsibility-item span{color:#64748b;line-height:1.6}.privacy-link{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);padding:1rem 1.5rem;border-radius:12px;border-left:4px solid #3b82f6;margin-top:1rem;cursor:pointer;transition:all .3s ease}.privacy-link:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd)}.privacy-link i{color:#1d4ed8}.privacy-link span{color:#1e40af;font-weight:600}.third-party-services{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.service-item{display:flex;align-items:center;gap:.5rem;background:#f8fafc;padding:.75rem 1rem;border-radius:50px;border:1px solid #e2e8f0}.service-item i{color:#64748b}.service-item span{font-weight:600;color:#1e293b;font-size:.9rem}.terms-agreement{padding:3rem 2rem;background:linear-gradient(135deg,#1e293b,#334155);text-align:center;color:#fff}.agreement-content h3{font-size:2rem;font-weight:700;margin:0 0 1rem}.agreement-content p{font-size:1.1rem;margin:0 0 2rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.agreement-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.agreement-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.agreement-btn.accept{background:#22c55e;color:#fff}.agreement-btn.accept:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 8px 25px #22c55e4d}.agreement-btn.decline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}.agreement-btn.decline:hover{background:#ffffff1a;border-color:#fff9}.privacy-modal-overlay{background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInBlur .4s ease-out}.privacy-modal{background:linear-gradient(135deg,#fff,#f8f9fa);width:95%;max-width:1100px;max-height:95vh;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px #0000004d;animation:slideUpScale .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow-y:auto;scroll-behavior:smooth}.privacy-close-btn{position:absolute;top:20px;right:20px;width:44px;height:44px;background:#ffffffe6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.privacy-close-btn:hover{background:#fff;transform:scale(1.1) rotate(90deg);box-shadow:0 6px 20px #00000026}.privacy-close-btn i{color:#64748b;font-size:18px}.privacy-hero{background:linear-gradient(135deg,#22c55e,#16a34a);padding:3rem 2rem;text-align:center;position:relative;overflow:hidden}.privacy-bg-shield{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,255,255,.08) 0%,transparent 50%);animation:shieldPulse 6s ease-in-out infinite}.privacy-icon-container{position:relative;z-index:2;margin-bottom:2rem}.privacy-icon-ring{width:120px;height:120px;margin:0 auto;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#22c55e;box-shadow:0 10px 40px #0003;border:4px solid rgba(255,255,255,.3);animation:shieldFloat 4s ease-in-out infinite}.privacy-title{font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 1rem;text-shadow:0 4px 20px rgba(0,0,0,.3);position:relative;z-index:2}.privacy-subtitle{font-size:1.1rem;color:#ffffffe6;margin:0 0 2rem;font-weight:500;position:relative;z-index:2}.privacy-meta{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;position:relative;z-index:2}.privacy-principles{padding:3rem 2rem;background:#fff}.principles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1000px;margin:0 auto}.principle-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:2rem 1.5rem;border-radius:16px;text-align:center;border:2px solid #e2e8f0;transition:all .3s ease}.principle-card:hover{border-color:#22c55e;transform:translateY(-5px);box-shadow:0 10px 30px #22c55e26}.principle-icon{width:60px;height:60px;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.principle-icon.transparency{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.principle-icon.control{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.principle-icon.security{background:linear-gradient(135deg,#ef4444,#dc2626)}.principle-icon.no-sharing{background:linear-gradient(135deg,#f59e0b,#d97706)}.principle-card h4{font-size:1.1rem;font-weight:700;color:#1e293b;margin:0 0 .75rem}.principle-card p{color:#64748b;margin:0;font-size:.9rem;line-height:1.5}.privacy-data-collection{padding:3rem 2rem;background:linear-gradient(135deg,#f8fafc,#fff)}.data-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1000px;margin:0 auto}.data-category{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;border:2px solid #f1f5f9;transition:all .3s ease}.data-category:hover{border-color:#22c55e;transform:translateY(-5px);box-shadow:0 8px 30px #22c55e26}.category-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.category-icon{width:50px;height:50px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.category-header h3{font-size:1.25rem;font-weight:700;margin:0}.data-items{padding:1.5rem}.data-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid #f1f5f9}.data-item:last-child{border-bottom:none}.data-item i{color:#22c55e;font-size:1rem;width:20px;text-align:center}.data-item span{color:#64748b;font-weight:500}.privacy-data-usage{padding:3rem 2rem;background:#fff}.usage-purposes{max-width:800px;margin:0 auto}.purpose-item{display:flex;gap:1.5rem;margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;border:2px solid #e2e8f0;transition:all .3s ease}.purpose-item:hover{border-color:#22c55e;transform:translateY(-3px);box-shadow:0 8px 25px #22c55e1a}.purpose-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0}.purpose-icon.service{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.purpose-icon.safety{background:linear-gradient(135deg,#ef4444,#dc2626)}.purpose-icon.personalization{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.purpose-icon.research{background:linear-gradient(135deg,#f59e0b,#d97706)}.purpose-content h4{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 .75rem}.purpose-content p{color:#64748b;margin:0;line-height:1.6}.privacy-security{padding:3rem 2rem;background:linear-gradient(135deg,#f8fafc,#fff)}.security-measures{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1000px;margin:0 auto}.security-measure{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;border:2px solid #f1f5f9;transition:all .3s ease;position:relative}.security-measure:hover{border-color:#22c55e;transform:translateY(-5px);box-shadow:0 8px 30px #22c55e26}.measure-icon{width:60px;height:60px;margin-bottom:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a)}.security-measure h4{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 1rem}.security-measure p{color:#64748b;margin:0 0 1rem;line-height:1.6}.privacy-modal .security-badge,.terms-modal .security-badge{position:absolute;top:1rem;left:1rem;background:#22c55e;color:#fff!important;padding:.25rem .75rem;border-radius:50px;font-size:.75rem;font-weight:600;z-index:5;box-shadow:0 2px 8px #22c55e4d}.privacy-rights{padding:3rem 2rem;background:#fff}.rights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1000px;margin:0 auto}.right-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:2rem 1.5rem;border-radius:16px;text-align:center;border:2px solid #e2e8f0;transition:all .3s ease}.right-item:hover{border-color:#22c55e;transform:translateY(-5px);box-shadow:0 10px 30px #22c55e26}.right-icon{width:50px;height:50px;margin:0 auto 1rem;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff}.right-item h4{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 .75rem}.right-item p{color:#64748b;margin:0;font-size:.9rem;line-height:1.5}.privacy-contact{padding:3rem 2rem;background:linear-gradient(135deg,#22c55e,#16a34a);text-align:center;color:#fff}.privacy-contact .contact-content h2{color:#fff!important;font-size:2rem;margin-bottom:1rem}.privacy-contact .contact-content h2 i{color:#fff!important;margin-right:.75rem;text-shadow:0 2px 8px rgba(0,0,0,.3)}.privacy-contact .contact-content p{color:#fff!important;font-size:1.1rem;margin:0 0 2rem;opacity:.95;text-shadow:0 1px 4px rgba(0,0,0,.2)}.privacy-contact .contact-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.privacy-contact .contact-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-shadow:none}.privacy-contact .contact-btn.primary{background:#fff;color:#22c55e!important}.privacy-contact .contact-btn.primary:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 8px 25px #ffffff4d}.privacy-contact .contact-btn.secondary{background:transparent;color:#fff!important;border:2px solid rgba(255,255,255,.8)}.privacy-contact .contact-btn.secondary:hover{background:#ffffff1a;border-color:#fff}.privacy-contact .contact-btn i{color:inherit!important}.update-notice{display:flex;align-items:center;justify-content:center;gap:.75rem;background:#ffffff26;padding:1rem 2rem;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);margin-top:2rem;max-width:500px;margin-left:auto;margin-right:auto}.update-notice i{color:#fbbf24!important;text-shadow:0 1px 3px rgba(0,0,0,.3)}.update-notice span{color:#fff!important;font-weight:600;font-size:.9rem;text-shadow:0 1px 3px rgba(0,0,0,.2)}@keyframes patternSlide{0%{background-position:0 0,30px 30px}to{background-position:60px 60px,90px 90px}}@keyframes contractFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}@keyframes shieldPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}@keyframes shieldFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 768px){.terms-modal,.privacy-modal{width:100%;max-width:100%;border-radius:0;max-height:100vh}.summary-cards{grid-template-columns:repeat(2,1fr);gap:1rem}.disclaimer-grid{grid-template-columns:1fr}.principles-grid{grid-template-columns:repeat(2,1fr)}.data-categories,.security-measures{grid-template-columns:1fr}.rights-grid{grid-template-columns:repeat(2,1fr)}.agreement-actions,.contact-actions{flex-direction:column}}@media (max-width: 480px){.terms-hero,.privacy-hero{padding:2rem 1rem}.terms-title,.privacy-title{font-size:2rem}.summary-cards,.principles-grid,.rights-grid{grid-template-columns:1fr}.meta-item{flex-direction:column;text-align:center;gap:.25rem}}.logo{color:#fff;font-size:1.8rem;text-decoration:none;position:relative;animation:slideInLeft 1s ease forwards;opacity:0;margin-left:-20px;margin-right:10px}@keyframes slideInLeft{0%{transform:translate(-60px);opacity:0}to{transform:translate(0);opacity:1}}.logo:after{content:"";position:absolute;bottom:-6px;left:0;width:0;height:3px;background-color:#e76f51;transition:width .3s ease}.logo:hover{transform:scale(1.1);color:#e76f51}.logo:hover:after{width:100%}.hero{position:relative;padding:0 5% 100px;min-height:100vh;display:flex;align-items:center;background:var(--gradient);overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><rect width="100" height="100" fill="%2321827A" opacity="0.1"/></svg>')}.hero .container{position:relative;z-index:1;max-width:1200px;margin:0 auto;text-align:center}.hero h2{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;color:var(--text-light);line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero p{font-size:1.25rem;color:#ffffffe6;max-width:800px;margin:0 auto 2.5rem;line-height:1.6}.checker-box{background:#fffffff2;padding:2.5rem;border-radius:var(--border-radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:500px;margin:0 auto;position:relative}.checker-box h3{font-size:1.75rem;color:var(--primary);margin-bottom:2rem;font-weight:700}.input-container{position:relative;margin-bottom:1.5rem}#medicine-input{width:100%;padding:1rem 1.25rem;border:2px solid var(--primary);border-radius:var(--border-radius);font-size:1rem;background:var(--text-light);transition:var(--transition)}#medicine-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e76f5133}#suggestion-list{position:absolute;width:100%;max-height:240px;overflow-y:auto;background:var(--text-light);border-radius:var(--border-radius);box-shadow:var(--shadow);margin-top:.5rem;z-index:100}.suggestion-item{padding:1rem 1.25rem;cursor:pointer;transition:var(--transition);border-bottom:1px solid rgba(0,0,0,.05)}.suggestion-item:hover{background:var(--primary);color:var(--text-light)}.suggestion-item.active{background-color:#48a2b7;color:#fff}#selected-medicines{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0;justify-content:center}.medicine-pill{background:var(--accent);color:var(--text-light);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;display:flex;align-items:center;gap:.5rem;box-shadow:var(--shadow)}.remove-pill{background:none;border:none;color:inherit;cursor:pointer;padding:0;font-size:1.1rem;line-height:1}.btn-red{background:var(--accent);color:var(--text-light);padding:1rem 2rem;border:none;border-radius:var(--border-radius);font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition);width:100%;margin-top:1.5rem}.btn-red:hover{transform:translateY(-2px);box-shadow:0 8px 16px #e76f514d}.features{padding:2rem 5%;background:var(--bg-light)}.dark .features h3{color:var(--text-light)}.features h3{text-align:center;font-size:2.5rem;margin-bottom:4rem;color:var(--secondary);font-weight:700}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.dark .feature-card{background:var(--secondary);border:1px solid rgba(255,255,255,.1)}.feature-card{background:#fff!important;padding:2rem;border-radius:var(--border-radius);box-shadow:var(--shadow);transition:var(--transition);border:1px solid rgba(0,0,0,.05)}.feature-card h4{font-size:1.5rem;margin-bottom:1rem;color:#2a9d8f;display:flex;align-items:center;gap:.75rem}.dark .feature-card h4,.feature-card h4 i{color:#e76f51}.dark .feature-card p{color:#fff;opacity:.85}.feature-card p{color:#333!important;opacity:.9;line-height:1.6}.feature-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #00000014}.dark .feature-card:hover{box-shadow:0 12px 24px #0000004d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto;padding:2rem 0}.modal-content{background:var(--text-light);padding:2.5rem;border-radius:var(--border-radius);max-width:600px;width:95%;box-shadow:var(--shadow);position:relative}.modal-content h3{color:var(--secondary);margin-bottom:1.5rem;font-size:1.75rem}.modal-content button{margin-top:2rem;background:var(--primary);color:var(--text-light);padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:600}.error{color:var(--accent);font-weight:500;padding:1rem;background:#e76f511a;border-radius:var(--border-radius)}@media (max-width: 768px){.hero h2{font-size:2.5rem}.hero p{font-size:1.1rem}.checker-box{padding:1.5rem}.feature-grid{grid-template-columns:1fr}}.fullscreen-loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;color:#333;font-size:24px;display:flex;justify-content:center;align-items:center;z-index:9999}.fullscreen-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#2a9d8ff2,#264653f2);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loader-spinner{position:relative;width:150px;height:150px;margin-bottom:2rem}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#e76f51;border-radius:50%;animation:spin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite}.spinner-ring:nth-child(2){width:80%;height:80%;top:10%;left:10%;border-top-color:#fff;animation-delay:-.5s;animation-duration:2s}.spinner-ring:nth-child(3){width:60%;height:60%;top:20%;left:20%;border-top-color:#e76f51;animation-delay:-1s;animation-duration:2.5s}.loader-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;color:#fff;animation:pulse-icon 2s ease-in-out infinite}.loader-text{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-shadow:0 2px 10px rgba(0,0,0,.3);animation:fade-in-out 2s ease-in-out infinite}.loader-progress{width:300px;height:6px;background:#fff3;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0003}.progress-bar{height:100%;background:linear-gradient(90deg,#e76f51,#fff,#e76f51);background-size:200% 100%;border-radius:10px;animation:progress-slide 1.5s ease-in-out infinite}@keyframes pulse-icon{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}}@keyframes fade-in-out{0%,to{opacity:1}50%{opacity:.7}}@keyframes progress-slide{0%{background-position:200% 0}to{background-position:-200% 0}}.welcome-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out;padding:1rem;overflow:hidden}.welcome-modal{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;max-width:650px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 25px 70px #0006;animation:slideUp .4s ease-out;display:flex;flex-direction:column}.welcome-modal-content{overflow-y:auto;overflow-x:hidden;flex:1}.welcome-modal-content::-webkit-scrollbar{width:6px}.welcome-modal-content::-webkit-scrollbar-track{background:transparent;margin:20px 0}.welcome-modal-content::-webkit-scrollbar-thumb{background:#2a9d8f66;border-radius:10px}.welcome-modal-content::-webkit-scrollbar-thumb:hover{background:#2a9d8f99}.welcome-header{background:linear-gradient(135deg,#2a9d8f,#264653);color:#fff;padding:2.5rem 1.5rem;text-align:center;border-radius:20px 20px 0 0;position:relative;overflow:hidden}.welcome-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);animation:pulse 3s ease-in-out infinite}.welcome-icon{font-size:4rem;margin-bottom:.75rem;animation:bounce 2s ease-in-out infinite;position:relative;z-index:1}.welcome-header h2{font-size:1.8rem;font-weight:800;margin:.5rem 0;position:relative;z-index:1;text-shadow:0 2px 10px rgba(0,0,0,.2)}.welcome-subtitle{display:inline-block;background:#ffffff40;padding:.5rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:600;margin-top:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);position:relative;z-index:1}.welcome-content{padding:1.5rem}.mobile-notice{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;border-radius:14px;padding:1.5rem;margin-bottom:1.5rem;text-align:center}.notice-icon{font-size:3rem;margin-bottom:.5rem;animation:shake 2s ease-in-out infinite}.mobile-notice h3{color:#856404;font-size:1.2rem;margin:.5rem 0;font-weight:700;line-height:1.3}.mobile-notice p{color:#856404;font-size:.9rem;line-height:1.6;margin:.5rem 0}.notice-recommendation{font-weight:600;margin-top:.75rem!important;padding-top:.75rem;border-top:1px solid rgba(133,100,4,.3)}.welcome-features h3{color:#264653;font-size:1.2rem;margin-bottom:1rem;font-weight:700;text-align:center}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.25rem}.feature-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:10px;padding:1.25rem .75rem;text-align:center;transition:all .3s ease;cursor:default}.feature-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001f;border-color:#2a9d8f}.feature-item i{font-size:1.8rem;color:#2a9d8f;margin-bottom:.5rem;display:block}.feature-item span{color:#264653;font-weight:600;font-size:.85rem;display:block;line-height:1.3}.desktop-info{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;border-radius:10px;padding:1rem;text-align:center;margin-top:1.25rem}.desktop-info p{color:#155724;font-size:.95rem;font-weight:600;margin:0;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.desktop-info i{font-size:1.3rem;color:#28a745}.welcome-footer{padding:1.25rem 1.5rem 1.75rem;text-align:center}.welcome-btn{background:linear-gradient(135deg,#2a9d8f,#264653);color:#fff;border:none;padding:1rem 2.5rem;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 6px 20px #2a9d8f66;width:100%;max-width:300px;justify-content:center}.welcome-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2a9d8f80}.welcome-btn:active{transform:translateY(0)}.welcome-btn i{transition:transform .3s ease}.welcome-btn:hover i{transform:translate(5px)}.mobile-disclaimer{color:#6c757d;font-size:.8rem;margin-top:1rem;font-style:italic;line-height:1.4;padding:0 1rem}@media (max-width: 480px){.welcome-overlay{padding:0;align-items:stretch}.welcome-modal{border-radius:0;max-height:100vh;height:100vh;max-width:100%}.welcome-modal-content::-webkit-scrollbar{width:4px}.welcome-header{padding:2rem 1rem;border-radius:0}.welcome-header h2{font-size:1.4rem}.welcome-icon{font-size:3rem}.welcome-subtitle{font-size:.8rem;padding:.4rem 1rem}.welcome-content{padding:1rem}.mobile-notice{padding:1rem;border-radius:12px}.notice-icon{font-size:2.5rem}.mobile-notice h3{font-size:1rem}.mobile-notice p{font-size:.85rem}.welcome-features h3{font-size:1rem}.feature-list{grid-template-columns:1fr;gap:.6rem}.feature-item{padding:1rem .75rem}.feature-item i{font-size:1.5rem}.feature-item span{font-size:.8rem}.desktop-info{padding:.875rem}.desktop-info p{font-size:.85rem}.welcome-footer{padding:1rem 1rem 1.5rem}.welcome-btn{padding:.875rem 2rem;font-size:.95rem;max-width:100%}.mobile-disclaimer{font-size:.75rem;padding:0 .5rem}}@media (min-width: 481px) and (max-width: 768px){.welcome-modal{max-width:90%}.welcome-header{padding:2.25rem 1.25rem}.welcome-header h2{font-size:1.6rem}.welcome-icon{font-size:3.5rem}.welcome-content{padding:1.25rem}.feature-list{gap:.875rem}.feature-item{padding:1.25rem 1rem}}@media (min-width: 769px){.welcome-overlay{padding:2rem}.welcome-header{padding:3rem 2rem}.welcome-header h2{font-size:2.2rem}.welcome-icon{font-size:5rem}.welcome-subtitle{font-size:1rem;padding:.6rem 1.8rem}.welcome-content{padding:2rem}.mobile-notice{padding:1.75rem}.notice-icon{font-size:3.5rem}.mobile-notice h3{font-size:1.4rem}.mobile-notice p{font-size:1rem}.welcome-features h3{font-size:1.4rem}.feature-list{gap:1rem}.feature-item{padding:1.5rem 1rem}.feature-item i{font-size:2.2rem}.feature-item span{font-size:.95rem}.desktop-info{padding:1.25rem}.desktop-info p{font-size:1rem}.desktop-info i{font-size:1.5rem}.welcome-footer{padding:1.5rem 2rem 2.5rem}.welcome-btn{padding:1.1rem 3.5rem;font-size:1.15rem;max-width:350px}.mobile-disclaimer{font-size:.85rem}}.developer-section{padding:6rem 5%;background:linear-gradient(135deg,#1a1a2e,#16213e);position:relative;overflow:hidden}.developer-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="40" fill="none" stroke="rgba(231,111,81,0.1)" stroke-width="0.5"/></svg>');opacity:.3}.section-header{text-align:center;margin-bottom:4rem;position:relative;z-index:1}.section-icon{font-size:3.5rem;color:#e76f51;margin-bottom:1rem;animation:float 3s ease-in-out infinite}.section-header h3{font-size:2.8rem;color:#fff;margin-bottom:1rem;font-weight:800}.section-subtitle{font-size:1.2rem;color:#fffc;max-width:700px;margin:0 auto;line-height:1.6}.developer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;max-width:1200px;margin:0 auto 3rem;position:relative;z-index:1}.developer-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(231,111,81,.3);border-radius:20px;padding:2.5rem;transition:all .4s ease;position:relative;overflow:hidden}.developer-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(231,111,81,.1) 0%,transparent 100%);opacity:0;transition:opacity .4s ease}.developer-card:hover:before{opacity:1}.developer-card:hover{transform:translateY(-10px);border-color:#e76f51;box-shadow:0 20px 40px #e76f514d}.card-icon{color:#e76f51;margin-bottom:1.5rem;transition:transform .4s ease}.developer-card:hover .card-icon{transform:scale(1.1) rotate(5deg)}.developer-card h4{font-size:1.6rem;color:#fff;margin-bottom:1rem;font-weight:700}.developer-card p{color:#fffc;line-height:1.7;margin-bottom:1.5rem}.card-features{display:flex;flex-wrap:wrap;gap:.75rem}.feature-tag{background:#e76f5133;color:#e76f51;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;border:1px solid rgba(231,111,81,.3)}.cta-box{background:linear-gradient(135deg,#e76f51,#d45a3d);padding:3rem;border-radius:20px;text-align:center;box-shadow:0 15px 40px #e76f5166;position:relative;z-index:1}.cta-box h4{font-size:1.8rem;color:#fff;margin-bottom:1.5rem;font-weight:700}.btn-primary{background:#fff;color:#e76f51;padding:1rem 2.5rem;border:none;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #0003}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.blog-section{padding:6rem 5%;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.dark .blog-section{background:linear-gradient(135deg,#1a1a2e,#0f3460)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;max-width:1200px;margin:0 auto 3rem}.blog-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000001a;transition:all .4s ease;border:2px solid transparent}.dark .blog-card{background:#ffffff0d;border-color:#ffffff1a}.blog-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026;border-color:#2a9d8f}.blog-card.featured{grid-column:span 1;background:linear-gradient(135deg,#2a9d8f,#264653)}.blog-card.featured .blog-content h4,.blog-card.featured .blog-content p,.blog-card.featured .blog-date{color:#fff}.blog-image{height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a9d8f1a,#2646531a);color:#2a9d8f;position:relative}.blog-card.featured .blog-image{background:#ffffff1a;color:#fff}.blog-badge{position:absolute;top:1rem;right:1rem;background:#e76f51;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:700}.blog-content{padding:2rem}.blog-date{color:#6c757d;font-size:.9rem;font-weight:600;display:block;margin-bottom:.75rem}.blog-content h4{font-size:1.4rem;color:#264653;margin-bottom:1rem;font-weight:700;line-height:1.3}.dark .blog-content h4{color:#fff}.blog-content p{color:#495057;line-height:1.7;margin-bottom:1.5rem}.dark .blog-content p{color:#fffc}.read-more{color:#2a9d8f;font-weight:700;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.blog-card.featured .read-more{color:#fff}.read-more:hover{gap:1rem}.blog-cta{text-align:center}.btn-secondary{background:#2a9d8f;color:#fff;padding:1rem 2.5rem;border:none;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #2a9d8f4d}.btn-secondary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #2a9d8f66;background:#21827a}.future-plans-section{padding:6rem 5%;background:linear-gradient(135deg,#264653,#2a9d8f);position:relative;overflow:hidden}.future-plans-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M0,50 Q25,30 50,50 T100,50" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></svg>');opacity:.3}.future-plans-section .section-header h3,.future-plans-section .section-subtitle{color:#fff}.roadmap-timeline{max-width:900px;margin:0 auto;position:relative;padding:2rem 0}.roadmap-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#e76f51,#e76f514d);transform:translate(-50%)}.timeline-item{display:flex;align-items:center;margin-bottom:3rem;position:relative}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-marker{width:60px;height:60px;background:#ffffff1a;border:4px solid #E76F51;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#e76f51;font-size:1.5rem;position:relative;z-index:2;flex-shrink:0;margin:0 2rem;transition:all .4s ease}.timeline-item.active .timeline-marker{background:#e76f51;color:#fff;box-shadow:0 0 20px #e76f5199}.timeline-item.current .timeline-marker{background:linear-gradient(135deg,#e76f51,#2a9d8f);color:#fff;animation:pulse-marker 2s ease-in-out infinite}.timeline-content{flex:1;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:15px;border:2px solid rgba(255,255,255,.2);transition:all .4s ease}.timeline-item:hover .timeline-content{background:#ffffff26;border-color:#e76f51;transform:scale(1.02)}.timeline-date{color:#e76f51;font-size:.9rem;font-weight:700;display:block;margin-bottom:.5rem}.timeline-content h4{font-size:1.5rem;color:#fff;margin-bottom:.75rem;font-weight:700}.timeline-content p{color:#ffffffd9;line-height:1.7}.footer-links-section{padding:6rem 5%;background:#f8f9fa}.dark .footer-links-section{background:#1a1a2e}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;max-width:1200px;margin:0 auto 3rem}.footer-card{background:#fff;padding:2.5rem;border-radius:20px;text-align:center;box-shadow:0 10px 30px #00000014;transition:all .4s ease;border:2px solid transparent}.dark .footer-card{background:#ffffff0d;border-color:#ffffff1a}.footer-card:hover{transform:translateY(-10px);border-color:#2a9d8f;box-shadow:0 20px 40px #2a9d8f33}.footer-icon{color:#2a9d8f;margin-bottom:1.5rem;transition:transform .4s ease}.footer-card:hover .footer-icon{transform:scale(1.1) rotate(5deg)}.footer-card h4{font-size:1.6rem;color:#264653;margin-bottom:1rem;font-weight:700}.dark .footer-card h4{color:#fff}.footer-card p{color:#6c757d;line-height:1.7;margin-bottom:1.5rem}.dark .footer-card p{color:#ffffffb3}.footer-link{color:#2a9d8f;font-weight:700;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.footer-link:hover{gap:1rem;color:#21827a}.support-banner{background:linear-gradient(135deg,#2a9d8f,#264653);padding:3rem;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:2rem;box-shadow:0 15px 40px #2a9d8f4d;flex-wrap:wrap}.support-content{display:flex;align-items:center;gap:2rem;color:#fff;flex:1}.support-content h4{font-size:1.6rem;margin-bottom:.5rem;font-weight:700}.support-content p{color:#ffffffe6;line-height:1.6}.btn-support{background:#fff;color:#2a9d8f;padding:1rem 2.5rem;border:none;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #0003;white-space:nowrap}.btn-support:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse-marker{0%,to{box-shadow:0 0 20px #e76f5199}50%{box-shadow:0 0 40px #e76f51e6}}@media (max-width: 768px){.section-header h3{font-size:2rem}.section-subtitle{font-size:1rem}.developer-grid,.blog-grid,.footer-grid{grid-template-columns:1fr;gap:1.5rem}.blog-card.featured{grid-column:span 1}.roadmap-timeline:before{left:30px}.timeline-item,.timeline-item:nth-child(2n){flex-direction:row!important}.timeline-marker{margin:0 1rem 0 0}.timeline-content{padding:1.5rem}.support-banner{flex-direction:column;text-align:center;padding:2rem}.support-content{flex-direction:column;text-align:center}.btn-support{width:100%}.cta-box{padding:2rem}.cta-box h4{font-size:1.4rem}}.checker-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.checker-header h3{margin:0;flex:1;min-width:200px}.usage-indicator{display:flex;align-items:center;gap:.5rem;min-width:150px;margin-left:15%}.usage-bar-container{width:150px;height:8px;background:#2a9d8f26;border-radius:10px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.usage-bar-fill{height:100%;background:linear-gradient(90deg,#2a9d8f,#e76f51);border-radius:10px;transition:width .5s ease,background .3s ease;box-shadow:0 0 10px #2a9d8f80}.usage-bar-fill[style*="width: 100%"],.usage-bar-fill[style*="width: 9"],.usage-bar-fill[style*="width: 8"]{background:linear-gradient(90deg,#e76f51,#d45a3d);box-shadow:0 0 10px #e76f5199}.usage-text{font-size:.85rem;color:#2a9d8f;font-weight:600;display:flex;align-items:center;gap:.25rem}.usage-text:before{content:"⚡";font-size:1rem}.btn-red:disabled{background:#95a5a6;cursor:not-allowed;opacity:.6}.btn-red:disabled:hover{transform:none;box-shadow:none}.limit-modal{background:linear-gradient(135deg,#fff,#f8f9fa);padding:3rem;border-radius:20px;max-width:550px;width:95%;box-shadow:0 25px 70px #0006;position:relative;text-align:center;animation:slideUp .4s ease-out}.limit-icon{font-size:4rem;margin-bottom:1rem;animation:shake 2s ease-in-out infinite}.limit-modal h3{font-size:2rem;color:#264653;margin-bottom:1rem;font-weight:800}.limit-message{color:#495057;font-size:1.05rem;line-height:1.7;margin-bottom:2rem}.limit-benefits{background:linear-gradient(135deg,#2a9d8f1a,#2646531a);border:2px solid rgba(42,157,143,.3);border-radius:15px;padding:1.5rem;margin-bottom:2rem;text-align:left}.limit-benefits h4{color:#2a9d8f;font-size:1.2rem;margin-bottom:1rem;font-weight:700;text-align:center}.limit-benefits ul{list-style:none;padding:0;margin:0}.limit-benefits li{color:#264653;font-size:.95rem;padding:.5rem 0;display:flex;align-items:center;gap:.75rem;font-weight:500}.limit-benefits li:before{content:"✓";color:#2a9d8f;font-weight:700;font-size:1.2rem}.limit-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem;flex-wrap:wrap}.limit-actions .btn-primary{background:linear-gradient(135deg,#2a9d8f,#264653);color:#fff;padding:1rem 2rem;border:none;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #2a9d8f66;text-decoration:none;display:inline-block}.limit-actions .btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2a9d8f80}.limit-actions .btn-secondary{background:transparent;color:#6c757d;padding:1rem 2rem;border:2px solid #dee2e6;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.limit-actions .btn-secondary:hover{background:#f8f9fa;border-color:#adb5bd;color:#495057}.limit-note{color:#6c757d;font-size:.85rem;font-style:italic;margin:0;line-height:1.5}.dark .limit-modal{background:linear-gradient(135deg,#1a1a2e,#16213e)}.dark .limit-modal h3{color:#fff}.dark .limit-message{color:#ffffffd9}.dark .limit-benefits{background:#2a9d8f26;border-color:#2a9d8f66}.dark .limit-benefits h4{color:#e76f51}.dark .limit-benefits li{color:#ffffffe6}.dark .limit-note{color:#fff9}@media (max-width: 768px){.checker-header{flex-direction:column;align-items:flex-start}.usage-indicator{align-items:flex-start;width:100%}.usage-bar-container{width:100%}.limit-modal{padding:2rem 1.5rem}.limit-icon{font-size:3rem}.limit-modal h3{font-size:1.5rem}.limit-message{font-size:.95rem}.limit-benefits{padding:1.25rem}.limit-benefits h4{font-size:1.1rem}.limit-benefits li{font-size:.9rem}.limit-actions{flex-direction:column;width:100%}.limit-actions .btn-primary,.limit-actions .btn-secondary{width:100%}}@media (max-width: 480px){.checker-box{padding:1.5rem}.usage-text{font-size:.8rem}.limit-modal{padding:1.5rem 1rem}.limit-icon{font-size:2.5rem}.limit-modal h3{font-size:1.3rem}.limit-benefits li{font-size:.85rem}}.portal-info-modal{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:24px;max-width:700px;width:95%;max-height:90vh;overflow:hidden;box-shadow:0 25px 70px #0006;animation:slideUp .4s ease-out}.portal-info-content{overflow-y:auto;max-height:90vh}.portal-info-content::-webkit-scrollbar{width:6px}.portal-info-content::-webkit-scrollbar-track{background:transparent}.portal-info-content::-webkit-scrollbar-thumb{background:#2a9d8f66;border-radius:10px}.portal-info-header{background:linear-gradient(135deg,#e76f51,#d45a3d);color:#fff;padding:2.5rem 2rem;text-align:center;position:relative;overflow:hidden}.portal-info-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);animation:pulse 3s ease-in-out infinite}.portal-info-icon{font-size:4rem;margin-bottom:1rem;animation:bounce 2s ease-in-out infinite;position:relative;z-index:1}.portal-info-header h2{font-size:2rem;font-weight:800;margin:.5rem 0;position:relative;z-index:1;text-shadow:0 2px 10px rgba(0,0,0,.2)}.portal-info-subtitle{font-size:1rem;opacity:.95;margin-top:.5rem;position:relative;z-index:1}.portal-cards-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:2rem}.portal-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:16px;padding:2rem 1.5rem;text-align:center;transition:all .3s ease;cursor:pointer;text-decoration:none;position:relative;overflow:hidden}.portal-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(42,157,143,.1) 100%);opacity:0;transition:opacity .3s ease}.portal-card:hover:before{opacity:1}.portal-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00000026}.portal-card.patient-card{border-color:#2a9d8f}.portal-card.patient-card:hover{border-color:#21827a;box-shadow:0 12px 30px #2a9d8f4d}.portal-card.doctor-card{border-color:#e76f51}.portal-card.doctor-card:hover{border-color:#d45a3d;box-shadow:0 12px 30px #e76f514d}.portal-card-icon{font-size:3rem;margin-bottom:1rem;position:relative;z-index:1}.portal-card.patient-card .portal-card-icon{color:#2a9d8f}.portal-card.doctor-card .portal-card-icon{color:#e76f51}.portal-card h3{font-size:1.4rem;color:#264653;margin-bottom:.75rem;font-weight:700;position:relative;z-index:1}.portal-card p{color:#495057;font-size:.9rem;line-height:1.6;margin-bottom:1rem;position:relative;z-index:1}.portal-card-badge{display:inline-block;background:linear-gradient(135deg,#2a9d8f,#21827a);color:#fff;padding:.5rem 1.25rem;border-radius:20px;font-size:.85rem;font-weight:700;position:relative;z-index:1}.portal-card.doctor-card .portal-card-badge{background:linear-gradient(135deg,#e76f51,#d45a3d)}.portal-info-note{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;border-radius:12px;padding:1.25rem;margin:0 2rem 2rem;display:flex;gap:1rem;align-items:flex-start}.portal-info-note i{font-size:1.5rem;color:#856404;flex-shrink:0;margin-top:.25rem}.portal-info-note p{color:#856404;font-size:.9rem;line-height:1.6;margin:0}.portal-info-note strong{font-weight:700}.portal-info-footer{padding:1.5rem 2rem 2rem;text-align:center}.portal-info-btn{background:linear-gradient(135deg,#2a9d8f,#264653);color:#fff;border:none;padding:1rem 2.5rem;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 6px 20px #2a9d8f66}.portal-info-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2a9d8f80}.portal-info-btn i{transition:transform .3s ease}.portal-info-btn:hover i{transform:scale(1.2)}.floating-portal-btn{position:fixed;bottom:2rem;right:2rem;z-index:999}.portal-fab{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#2a9d8f,#264653);color:#fff;border:none;font-size:1.8rem;cursor:pointer;box-shadow:0 10px 30px #2a9d8f80;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);display:flex;align-items:center;justify-content:center;animation:pulse-fab 3s ease-in-out infinite;position:relative;overflow:hidden}.portal-fab:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.portal-fab:hover:before{opacity:1}.portal-fab:hover{transform:scale(1.15) rotate(-5deg);box-shadow:0 15px 40px #2a9d8f99}.portal-fab:active{transform:scale(.95)}.floating-portal-btn.active .portal-fab{background:linear-gradient(135deg,#e76f51,#d45a3d);transform:rotate(45deg);animation:none;box-shadow:0 10px 30px #e76f5180}.portal-menu{position:absolute;bottom:90px;right:0;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:24px;box-shadow:0 25px 70px #0000004d;padding:0;min-width:340px;animation:slideUpFade .4s cubic-bezier(.68,-.55,.265,1.55);border:3px solid rgba(42,157,143,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);overflow:hidden}.dark .portal-menu{background:linear-gradient(135deg,#1a1a2efa,#16213efa);border-color:#ffffff26}.portal-menu:before{content:"";position:absolute;bottom:-12px;right:22px;width:24px;height:24px;background:inherit;transform:rotate(45deg);border-right:3px solid rgba(42,157,143,.2);border-bottom:3px solid rgba(42,157,143,.2);z-index:-1}.dark .portal-menu:before{border-color:#ffffff26}.portal-menu-header{background:linear-gradient(135deg,#2a9d8f,#264653);padding:1.5rem 1.75rem;text-align:center;position:relative;overflow:hidden}.portal-menu-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);animation:pulse 3s ease-in-out infinite}.portal-menu-header h3{color:#fff;font-size:1.3rem;font-weight:800;margin:0 0 .25rem;position:relative;z-index:1;text-shadow:0 2px 8px rgba(0,0,0,.2)}.portal-menu-header p{color:#ffffffe6;font-size:.85rem;margin:0;position:relative;z-index:1;font-weight:500}.portal-menu-item{display:flex;align-items:center;gap:1rem;padding:1.5rem 1.75rem;text-decoration:none;color:#264653;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);position:relative;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.05)}.portal-menu-item:last-child{border-bottom:none}.dark .portal-menu-item{color:#fff;border-bottom-color:#ffffff0d}.portal-menu-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease;z-index:0}.portal-menu-item:hover:before{left:100%}.portal-item-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:14px;transition:all .3s ease;flex-shrink:0;position:relative;z-index:1}.portal-item-icon i{font-size:1.5rem;transition:all .3s ease}.portal-item-content{flex:1;display:flex;flex-direction:column;gap:.25rem;position:relative;z-index:1}.portal-item-title{font-weight:700;font-size:1.05rem;display:block;transition:all .3s ease}.portal-item-desc{font-size:.8rem;opacity:.7;font-weight:500;display:block;transition:all .3s ease}.portal-item-arrow{font-size:1.1rem;opacity:0;transform:translate(-10px);transition:all .3s ease;position:relative;z-index:1}.portal-menu-item.patient .portal-item-icon{background:linear-gradient(135deg,#2a9d8f26,#2a9d8f40)}.portal-menu-item.patient .portal-item-icon i{color:#2a9d8f}.portal-menu-item.patient:hover{background:linear-gradient(135deg,#2a9d8f,#21827a);color:#fff;padding-left:2rem}.portal-menu-item.patient:hover .portal-item-icon{background:#ffffff40;transform:rotate(-10deg) scale(1.1)}.portal-menu-item.patient:hover .portal-item-icon i{color:#fff}.portal-menu-item.patient:hover .portal-item-desc{color:#ffffffe6;opacity:1}.portal-menu-item.patient:hover .portal-item-arrow{opacity:1;transform:translate(0);color:#fff}.portal-menu-item.doctor .portal-item-icon{background:linear-gradient(135deg,#e76f5126,#e76f5140)}.portal-menu-item.doctor .portal-item-icon i{color:#e76f51}.portal-menu-item.doctor:hover{background:linear-gradient(135deg,#e76f51,#d45a3d);color:#fff;padding-left:2rem}.portal-menu-item.doctor:hover .portal-item-icon{background:#ffffff40;transform:rotate(10deg) scale(1.1)}.portal-menu-item.doctor:hover .portal-item-icon i{color:#fff}.portal-menu-item.doctor:hover .portal-item-desc{color:#ffffffe6;opacity:1}.portal-menu-item.doctor:hover .portal-item-arrow{opacity:1;transform:translate(0);color:#fff}.portal-menu-item.auth .portal-item-icon{background:linear-gradient(135deg,#26465326,#26465340)}.portal-menu-item.auth .portal-item-icon i{color:#264653}.portal-menu-item.auth:hover{background:linear-gradient(135deg,#264653,#1a3340);color:#fff;padding-left:2rem}.portal-menu-item.auth:hover .portal-item-icon{background:#ffffff40;transform:translate(5px) scale(1.1)}.portal-menu-item.auth:hover .portal-item-icon i{color:#fff}.portal-menu-item.auth:hover .portal-item-desc{color:#ffffffe6;opacity:1}.portal-menu-item.auth:hover .portal-item-arrow{opacity:1;transform:translate(0);color:#fff}@keyframes pulse-fab{0%,to{box-shadow:0 10px 30px #2a9d8f80}50%{box-shadow:0 10px 40px #2a9d8fb3,0 0 0 10px #2a9d8f26}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.portal-info-modal{max-width:95%;border-radius:16px}.portal-info-header{padding:2rem 1.5rem}.portal-info-icon{font-size:3rem}.portal-info-header h2{font-size:1.5rem}.portal-info-subtitle{font-size:.9rem}.portal-cards-container{grid-template-columns:1fr;gap:1rem;padding:1.5rem}.portal-card{padding:1.5rem 1rem}.portal-card-icon{font-size:2.5rem}.portal-card h3{font-size:1.2rem}.portal-card p{font-size:.85rem}.portal-info-note{margin:0 1.5rem 1.5rem;padding:1rem}.portal-info-note i{font-size:1.25rem}.portal-info-note p{font-size:.85rem}.portal-info-footer{padding:1rem 1.5rem 1.5rem}.portal-info-btn{padding:.875rem 2rem;font-size:.95rem}.floating-portal-btn{bottom:1.5rem;right:1.5rem}.portal-fab{width:56px;height:56px;font-size:1.5rem}.portal-menu{bottom:72px;min-width:180px}.portal-menu-item{padding:.875rem 1rem;font-size:.9rem}.portal-menu-item i{font-size:1.1rem}}@media (max-width: 480px){.portal-info-header{padding:1.5rem 1rem}.portal-info-icon{font-size:2.5rem}.portal-info-header h2{font-size:1.3rem}.portal-cards-container{padding:1rem}.portal-card{padding:1.25rem .875rem}.portal-info-note{margin:0 1rem 1rem;flex-direction:column;text-align:center}.portal-info-btn{width:100%;max-width:280px}.floating-portal-btn{bottom:1rem;right:1rem}.portal-fab{width:52px;height:52px;font-size:1.4rem}}.interaction-modal{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:24px;max-width:700px;width:95%;max-height:90vh;overflow:hidden;box-shadow:0 25px 70px #0006;animation:slideUp .4s ease-out;position:relative;display:flex;flex-direction:column;margin:auto}.dark .interaction-modal{background:linear-gradient(135deg,#1a1a2e,#16213e)}.modal-close-btn{position:absolute;top:1.5rem;right:1.5rem;background:#0000001a;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;color:#264653}.dark .modal-close-btn{background:#ffffff1a;color:#fff}.modal-close-btn:hover{background:#e76f5133;color:#e76f51;transform:rotate(90deg)}.interaction-modal-header{background:linear-gradient(135deg,#2a9d8f,#264653);color:#fff;padding:3rem 2rem;text-align:center;position:relative;overflow:visible}.interaction-modal-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);animation:pulse 3s ease-in-out infinite}.interaction-icon{width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2.5rem;position:relative;z-index:1;animation:bounce 2s ease-in-out infinite}.interaction-icon i.fa-exclamation-circle{color:#ffc107}.interaction-icon i.fa-check-circle{color:#28a745}.interaction-icon i.fa-exclamation-triangle{color:#e76f51}.interaction-modal-header h3{font-size:2rem;font-weight:800;margin:0 0 .75rem;position:relative;z-index:1;text-shadow:0 2px 10px rgba(0,0,0,.2);color:#fff}.interaction-subtitle{display:inline-block;background:#ffffff40;padding:.6rem 1.5rem;border-radius:50px;font-size:.95rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);position:relative;z-index:1;color:#fff;margin-top:.5rem}.interaction-modal-body{padding:2rem;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;-webkit-overflow-scrolling:touch}.interaction-modal-body::-webkit-scrollbar{width:6px}.interaction-modal-body::-webkit-scrollbar-track{background:transparent;margin:10px 0}.interaction-modal-body::-webkit-scrollbar-thumb{background:#2a9d8f66;border-radius:10px}.interaction-modal-body::-webkit-scrollbar-thumb:hover{background:#2a9d8f99}.interaction-list{display:flex;flex-direction:column;gap:1.25rem}.interaction-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #dee2e6;border-radius:16px;padding:1.75rem;transition:all .3s ease;box-shadow:0 4px 12px #0000000d}.dark .interaction-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-color:#ffffff1a}.interaction-card:hover{transform:translate(5px);border-color:#2a9d8f;box-shadow:0 8px 20px #2a9d8f26}.interaction-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.interaction-badge{width:45px;height:45px;background:linear-gradient(135deg,#e76f51,#d45a3d);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.3rem;flex-shrink:0;box-shadow:0 4px 12px #e76f514d}.interaction-card-header h4{font-size:1.2rem;color:#264653;margin:0;font-weight:700;text-transform:capitalize;line-height:1.3}.dark .interaction-card-header h4{color:#fff}.interaction-card-body p{color:#495057;line-height:1.7;margin:0;font-size:.95rem}.dark .interaction-card-body p{color:#ffffffd9}.error-message{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;border-radius:16px;padding:2rem;text-align:center}.dark .error-message{background:linear-gradient(135deg,#ffc10733,#ffeaa71a);border-color:#ffc10780}.error-message i{font-size:3rem;color:#856404;margin-bottom:1rem;display:block}.dark .error-message i{color:#ffc107}.error-message p{color:#856404;font-size:1rem;line-height:1.6;margin:0;font-weight:600}.dark .error-message p{color:#ffffffe6}.no-interaction-message{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;border-radius:16px;padding:2.5rem;text-align:center}.dark .no-interaction-message{background:linear-gradient(135deg,#28a74533,#c3e6cb1a);border-color:#28a74580}.no-interaction-message i{font-size:3.5rem;color:#28a745;margin-bottom:1.25rem;display:block;animation:pulse-icon 2s ease-in-out infinite}.no-interaction-message p{color:#155724;font-size:1.1rem;line-height:1.6;margin:0 0 1rem;font-weight:600}.dark .no-interaction-message p{color:#ffffffe6}.safety-note{display:block;color:#155724;font-size:.9rem;font-style:italic;opacity:.8;margin-top:.75rem}.dark .safety-note{color:#ffffffb3}.interaction-modal-footer{padding:1.5rem 2rem;text-align:center;border-top:2px solid rgba(0,0,0,.05)}.dark .interaction-modal-footer{border-top-color:#ffffff1a}.btn-close-modal{background:linear-gradient(135deg,#2a9d8f,#264653);color:#fff;border:none;padding:1rem 3rem;border-radius:50px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 6px 20px #2a9d8f66}.btn-close-modal:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2a9d8f80}.btn-close-modal:active{transform:translateY(0)}.btn-close-modal i{transition:transform .3s ease}.btn-close-modal:hover i{transform:scale(1.2)}@media (max-width: 480px){.interaction-modal{border-radius:20px;max-height:90vh}.modal-close-btn{top:1rem;right:1rem;width:35px;height:35px}.interaction-modal-header{padding:2.5rem 1.5rem 2rem}.interaction-icon{width:65px;height:65px;font-size:2rem;margin-bottom:1rem}.interaction-modal-header h3{font-size:1.5rem}.interaction-subtitle{font-size:.85rem;padding:.4rem 1.2rem}.interaction-modal-body{padding:1.5rem}.interaction-card{padding:1.25rem}.interaction-badge{width:40px;height:40px;font-size:1.1rem}.interaction-card-header h4{font-size:1rem}.interaction-card-body p{font-size:.9rem}.error-message,.no-interaction-message{padding:1.5rem}.error-message i,.no-interaction-message i{font-size:2.5rem}.no-interaction-message p{font-size:1rem}.safety-note{font-size:.85rem}.interaction-modal-footer{padding:1.25rem 1.5rem}.btn-close-modal{padding:.875rem 2rem;font-size:.95rem;width:100%}}@media (min-width: 481px) and (max-width: 768px){.interaction-modal{max-width:90%}.interaction-modal-header{padding:2.75rem 2rem 2.25rem}.interaction-icon{width:70px;height:70px;font-size:2.2rem}.interaction-modal-header h3{font-size:1.75rem}.interaction-modal-body{padding:1.75rem}.interaction-card{padding:1.5rem}}@keyframes pulse-marker{0%,to{box-shadow:0 0 20px #e76f5199}50%{box-shadow:0 0 40px #e76f51cc}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:modalOverlayFadeIn .3s ease-out}.modal-content{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;width:90%;max-width:450px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;padding:2.5rem;text-align:center;position:relative;animation:modalContentSlideIn .4s cubic-bezier(.34,1.56,.64,1)}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:20px 20px 0 0}.modal-content h2{margin:0 0 1rem;color:var(--text-dark);font-size:1.75rem;font-weight:700;line-height:1.3}.modal-content p{margin:0 0 2rem;color:var(--text-medium);font-size:1rem;line-height:1.6}.modal-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.btn-confirm,.btn-cancel{padding:.875rem 2rem;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-width:120px}.btn-confirm{background:linear-gradient(135deg,var(--accent),#ff8787);color:#fff;box-shadow:0 4px 15px #ff6b6b4d}.btn-confirm:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-confirm:hover:before{left:100%}.btn-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.btn-confirm:active{transform:translateY(0)}.btn-cancel{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-dark);border:2px solid rgba(0,0,0,.1)}.btn-cancel:hover{background:#fff3;border-color:#0003;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.btn-cancel:active{transform:translateY(0)}@media (max-width: 480px){.modal-content{padding:2rem 1.5rem;max-width:95%}.modal-content h2{font-size:1.5rem}.modal-content p{font-size:.9375rem}.modal-actions{flex-direction:column;gap:.75rem}.btn-confirm,.btn-cancel{width:100%;min-width:unset}}.authentication{background:var(--gradient);min-height:90vh}.authentication .auth-wrapper{display:flex;align-items:center;justify-content:center;min-height:90vh}.authentication .auth-container{background:#fffffffa;padding:2.5rem;border-radius:30px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:440px;transform-style:preserve-3d;position:relative;overflow:hidden}.authentication .auth-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 180deg,var(--primary),var(--secondary),var(--accent),var(--secondary),var(--primary));animation:rotate 6s linear infinite;z-index:-1;opacity:.1}.authentication .back-button{position:fixed;top:7.5rem;left:4.5rem;display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#00d890e8,#408fd0);border:1px solid #e0e0e0;border-radius:12px;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;color:#2b2d42;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000014;z-index:1000}.authentication .back-button:hover{background:linear-gradient(135deg,#119a6ad4,#134d8bd4);color:#fff;border-color:#2a9d8f;transform:translate(-4px);box-shadow:0 6px 16px #2a9d8f4d}.authentication .form-header{text-align:center;margin-bottom:2rem}.authentication .form-header h1{color:var(--deep-blue, #2A3B4C);font-size:2.2rem;margin-bottom:.5rem;font-weight:700;position:relative;display:inline-block}.authentication .form-header h1:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--accent);border-radius:2px}.dark .authentication .form-header p{text-align:center;margin-bottom:2rem;color:var(--primary)}.authentication .user-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.authentication .user-type-card{padding:1.5rem;border:2px solid #afafaf;border-radius:15px;cursor:pointer;transition:all .3s ease;text-align:center;position:relative;overflow:hidden}.dark .authentication .user-type-card{padding:1.5rem;border:2px solid #afafaf;border-radius:15px;cursor:pointer;transition:all .3s ease;text-align:center;position:relative;overflow:hidden;color:var(--primary)}.authentication .user-type-card:hover{transform:translateY(-3px);border-color:var(--primary)}.authentication .user-type-card.selected{border-color:var(--accent);background:#ff6b6b0d}.authentication .user-type-card.selected:after{content:"✓";position:absolute;top:8px;right:8px;color:var(--accent);font-weight:700}.authentication .input-group{margin-bottom:1.5rem;position:relative}.authentication .input-group input{width:100%;padding:14px 12px;border:2px solid #afafaf;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#ffffffe6;color:#333}.authentication .input-group input:focus{border-color:var(--primary);box-shadow:0 4px 15px #58c4c833}.authentication .floating-label{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#888;pointer-events:none;transition:all .3s ease;border-radius:8px}.authentication .input-group input:focus~.floating-label,.authentication .input-group input:not(:placeholder-shown)~.floating-label{top:-10px;left:10px;font-size:.8rem;color:var(--primary);background:#fff;padding:0 5px}.authentication .auth-form button{width:100%;padding:16px;background:linear-gradient(135deg,var(--accent),#ff8787);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:54px}.authentication .auth-form button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff6b6b4d}.authentication .auth-form button .button-text{position:relative;z-index:2}.authentication .auth-form button .loading-spinner{position:absolute;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;z-index:2}.authentication .auth-form button:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg);animation:shine 3s infinite;z-index:1}@keyframes shine{0%{left:-50%}to{left:150%}}.authentication .toggle-form{text-align:center;margin-top:1.5rem;color:var(--deep-blue, #2A3B4C)}.authentication .toggle-form .toggle-link{color:var(--accent);cursor:pointer;text-decoration:none}*{margin:0;padding:0;box-sizing:border-box}.stunning-portal{min-height:100vh;background:linear-gradient(135deg,#ffeaa7,#fab1a0,#ff7675);padding:20px;overflow-x:hidden;position:relative;font-family:Quicksand,Comic Sans MS,cursive,sans-serif}.stunning-portal:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(255,107,237,.3) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(102,126,234,.3) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(118,75,162,.3) 0%,transparent 50%);animation:moveGradient 20s ease infinite;pointer-events:none;z-index:0}@keyframes moveGradient{0%,to{transform:translate(0) scale(1)}33%{transform:translate(5%,-5%) scale(1.1)}66%{transform:translate(-5%,5%) scale(.9)}}.portal-header{background:#fffffffa;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);padding:20px 40px;border-radius:25px;margin-bottom:25px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 15px 50px #0000001f,0 0 0 1px #fff9;animation:slideDown .6s cubic-bezier(.16,1,.3,1);position:relative;z-index:10;max-width:1600px;margin-left:auto;margin-right:auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.logo-section{display:flex;align-items:center;gap:15px;cursor:pointer;transition:transform .3s ease,opacity .3s ease}.logo-section:hover{transform:scale(1.05);opacity:.9}.logo-section:active{transform:scale(.98)}.logo-icon{width:60px;height:60px;background:linear-gradient(135deg,#ff6b9d,#c44569);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;box-shadow:0 10px 30px #ff6b9d66;animation:pulse 2s ease infinite}.logo-text{font-size:28px;background:linear-gradient(135deg,#667eea,#764ba2,#ff6b9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;letter-spacing:.5px}.user-profile{display:flex;align-items:center;gap:15px;cursor:pointer;transition:transform .3s;padding:10px 20px;border-radius:50px;background:linear-gradient(135deg,#667eea1a,#ff6b9d1a)}.user-profile:hover{transform:translateY(-3px)}.user-avatar{width:55px;height:55px;border-radius:50%;background:linear-gradient(135deg,#ffeaa7,#fdcb6e);display:flex;align-items:center;justify-content:center;color:#2d3436;font-weight:700;font-size:20px;box-shadow:0 8px 25px #fdcb6e80}.user-info h3{font-size:16px;color:#1a1a2e;font-weight:700;line-height:1.3}.user-info p{font-size:13px;color:#6c757d;margin-top:3px;font-weight:500}.main-container{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:20px;position:relative;z-index:1;padding-bottom:100px}.intro-welcome-section{display:grid;gap:20px;animation:fadeInUp .8s cubic-bezier(.16,1,.3,1)}.welcome-banner{background:linear-gradient(135deg,#ff6b9d,#ffa06b,#ffd93d);border-radius:30px;padding:50px;position:relative;overflow:hidden;box-shadow:0 20px 60px #667eea66}.welcome-banner:before{content:"";position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);border-radius:50%;animation:float 8s ease-in-out infinite}.welcome-banner:after{content:"";position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;animation:float 10s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.1)}}.welcome-banner-content{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:40px}.welcome-text{flex:1}.time-greeting{font-size:18px;font-weight:600;color:#fffffff2;margin-bottom:12px;display:inline-block;padding:8px 20px;background:#ffffff26;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInLeft .6s ease}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.welcome-title{font-size:48px;font-weight:800;color:#fff;margin-bottom:16px;line-height:1.2;text-shadow:0 4px 12px rgba(0,0,0,.15);animation:slideInLeft .6s ease .1s both}.welcome-message{font-size:20px;font-weight:500;color:#fffffff2;line-height:1.6;animation:slideInLeft .6s ease .2s both}.welcome-illustration{position:relative;width:200px;height:200px;flex-shrink:0}.floating-emoji{position:absolute;font-size:64px;animation:floatEmoji 3s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.2))}.floating-emoji:nth-child(1){top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:0s}.floating-emoji.delay-1{top:20%;right:10%;font-size:48px;animation-delay:.5s}.floating-emoji.delay-2{bottom:20%;left:10%;font-size:48px;animation-delay:1s}@keyframes floatEmoji{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}.health-dashboard-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.dashboard-card{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:30px;box-shadow:0 10px 40px #00000014;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;border:2px solid transparent;cursor:pointer}.dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;opacity:1;transition:all .4s ease}.dashboard-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #00000026;border-color:var(--card-accent)}.dashboard-card:hover:before{height:100%;opacity:.08}.adherence-card{--card-accent: #667eea}.adherence-card:before{background:linear-gradient(135deg,#667eea,#764ba2)}.medications-card{--card-accent: #00b894}.medications-card:before{background:linear-gradient(135deg,#55efc4,#00b894)}.streak-card{--card-accent: #ff6b9d}.streak-card:before{background:linear-gradient(135deg,#ff6b9d,#c44569)}.next-dose-card{--card-accent: #fdcb6e}.next-dose-card:before{background:linear-gradient(135deg,#ffeaa7,#fdcb6e)}.card-icon-wrapper{margin-bottom:20px;animation:bounceIn .6s ease}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.card-icon{font-size:48px;display:inline-block;animation:pulse 2s ease infinite}.card-content{position:relative;z-index:1}.card-value{font-size:36px;font-weight:800;color:#1a1a2e;margin-bottom:8px;line-height:1;background:linear-gradient(135deg,var(--card-accent),var(--card-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-label{font-size:14px;font-weight:700;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.card-sublabel{font-size:13px;font-weight:600;color:#6c757d;margin-top:8px}.card-progress{width:100%;height:8px;background:#667eea1a;border-radius:10px;overflow:hidden;margin-top:12px}.progress-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;transition:width 1s cubic-bezier(.16,1,.3,1);box-shadow:0 0 10px #667eea80;animation:progressGlow 2s ease infinite}@keyframes progressGlow{0%,to{box-shadow:0 0 10px #667eea80}50%{box-shadow:0 0 20px #667eeacc}}.card-stats{display:flex;flex-direction:column;gap:8px;margin-top:12px}.stat-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#495057}.stat-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.stat-dot.completed{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 8px #10b98180}.stat-dot.pending{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 0 8px #fbbf2480}.streak-visual{display:flex;gap:6px;margin-top:12px;justify-content:center}.streak-day{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;transition:all .3s ease}.streak-day.active{background:linear-gradient(135deg,#ff6b9d,#c44569);color:#fff;box-shadow:0 4px 12px #ff6b9d66;animation:popIn .4s ease calc(var(--index, 0) * .1s) both}.streak-day.inactive{background:#0000000d;color:#adb5bd;border:2px solid rgba(0,0,0,.1)}@keyframes popIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.streak-day:nth-child(1){--index: 0}.streak-day:nth-child(2){--index: 1}.streak-day:nth-child(3){--index: 2}.streak-day:nth-child(4){--index: 3}.streak-day:nth-child(5){--index: 4}.streak-day:nth-child(6){--index: 5}.streak-day:nth-child(7){--index: 6}.next-med-info{margin-top:12px;padding:12px;background:linear-gradient(135deg,#fdcb6e1a,#ffeaa71a);border-radius:12px;border-left:3px solid #fdcb6e}.next-med-name{font-size:14px;font-weight:700;color:#1a1a2e;margin-bottom:4px}.next-med-dose{font-size:12px;font-weight:600;color:#6c757d}@media (max-width: 1200px){.health-dashboard-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.welcome-banner{padding:32px 24px}.welcome-banner-content{flex-direction:column;text-align:center;gap:24px}.welcome-title{font-size:32px}.welcome-message{font-size:16px;max-width:100%}.welcome-illustration{width:150px;height:150px}.floating-emoji{font-size:48px}.floating-emoji.delay-1,.floating-emoji.delay-2{font-size:36px}.health-dashboard-summary{grid-template-columns:1fr}.dashboard-card{padding:24px}.card-value{font-size:32px}}.hero-welcome{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);padding:50px;border-radius:30px;box-shadow:0 20px 60px #667eea66;position:relative;overflow:hidden;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) .1s both}.hero-welcome:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);border-radius:50%}.hero-content{position:relative;z-index:1}.greeting{font-size:38px;font-weight:700;color:#fff;margin-bottom:12px;line-height:1.3;text-shadow:0 4px 12px rgba(0,0,0,.2)}.greeting-subtitle{font-size:18px;color:#fffffff2;margin-bottom:30px;font-weight:500;line-height:1.5;text-shadow:0 2px 8px rgba(0,0,0,.15)}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.stat-box{background:#fffffff2;padding:25px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000026;transition:all .3s;cursor:pointer;border:2px solid rgba(255,255,255,.3)}.stat-box:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0003;border-color:#fff9}.stat-icon{font-size:36px;margin-bottom:15px}.stat-value{font-size:28px;font-weight:700;color:#1a1a2e;margin-bottom:6px;line-height:1}.stat-label{font-size:13px;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.actions-score-container{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px}.next-med-card{background:linear-gradient(135deg,#a8edea,#fed6e3);padding:40px;border-radius:30px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) .2s both;min-height:350px}.next-med-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);animation:rotate 20s linear infinite}.next-med-icon{font-size:64px;margin-bottom:20px;position:relative;z-index:1;animation:pulse 2s ease infinite}.next-med-time{font-size:48px;font-weight:900;color:#667eea;margin-bottom:15px;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.next-med-name{font-size:20px;font-weight:700;color:#1a1a2e;margin-bottom:8px;position:relative;z-index:1}.next-med-dose{font-size:16px;font-weight:600;color:#6c757d;margin-bottom:15px;position:relative;z-index:1}.next-med-label{font-size:14px;font-weight:700;color:#6c757d;text-transform:uppercase;letter-spacing:1px;position:relative;z-index:1}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.action-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:35px 25px;border-radius:25px;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 40px #0000001a;border:2px solid transparent;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) calc(.3s + var(--delay)) both}.action-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 60px #0003;border-color:var(--card-color)}.action-card:nth-child(1){--card-color: #667eea}.action-card:nth-child(2){--card-color: #00b894}.action-card:nth-child(3){--card-color: #ff6b9d}.action-card:nth-child(4){--card-color: #ffeaa7}.action-icon{width:80px;height:80px;margin:0 auto 20px;border-radius:25px;display:flex;align-items:center;justify-content:center;font-size:38px;color:#fff;box-shadow:0 10px 30px #0003;transition:all .4s}.action-card:hover .action-icon{transform:scale(1.1) rotate(5deg)}.action-card:nth-child(1) .action-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.action-card:nth-child(2) .action-icon{background:linear-gradient(135deg,#55efc4,#00b894)}.action-card:nth-child(3) .action-icon{background:linear-gradient(135deg,#ff6b9d,#c44569)}.action-card:nth-child(4) .action-icon{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);color:#2d3436}.action-title{font-size:15px;font-weight:700;color:#1a1a2e;margin-bottom:6px;line-height:1.3}.action-subtitle{font-size:12px;color:#6c757d;font-weight:500}.content-card1{background:linear-gradient(135deg,#fffffffa,#f8f9fffa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:35px;border-radius:30px;box-shadow:0 20px 60px #0000001f;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) .4s both;border:2px solid rgba(255,255,255,.8);position:relative;overflow:hidden}.content-card1:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(135deg,#f7971e,#ffd200,#ffed4e)}.card-header1{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f,#c44569);border-radius:18px;margin:-35px -35px 25px;box-shadow:0 8px 25px #667eea4d}.card-title{font-size:20px;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px;line-height:1.3}.card-title i{font-size:24px;color:#fff}.view-all{color:#fff;text-decoration:none;font-size:14px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:12px;background:#fff3;border:2px solid rgba(255,255,255,.3);cursor:pointer;font-family:Quicksand,sans-serif}.view-all:hover{gap:10px;background:#ffffff4d;border-color:#ffffff80;transform:translate(3px)}.med-timeline{display:grid;gap:22px}.med-slot{background:#fff;padding:22px;border-radius:18px;border-left:4px solid;transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer;box-shadow:0 6px 20px #0000000f;position:relative;overflow:hidden}.med-slot:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .4s ease;pointer-events:none}.med-slot:hover{transform:translate(10px) translateY(-3px);box-shadow:0 15px 40px #0000001f}.med-slot:nth-child(1){border-left-color:#ffb84d;background:linear-gradient(135deg,#fffbf0,#fff)}.med-slot:nth-child(1):before{background:linear-gradient(135deg,rgba(255,184,77,.08) 0%,transparent 100%)}.med-slot:nth-child(1):hover:before{opacity:1}.med-slot:nth-child(2){border-left-color:#6c5ce7;background:linear-gradient(135deg,#faf9ff,#fff)}.med-slot:nth-child(2):before{background:linear-gradient(135deg,rgba(108,92,231,.08) 0%,transparent 100%)}.med-slot:nth-child(2):hover:before{opacity:1}.slot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid rgba(0,0,0,.05)}.slot-time{font-size:16px;font-weight:700;color:#1a1a2e;line-height:1.3;display:flex;align-items:center;gap:8px}.slot-time:before{content:"🕐";font-size:18px}.slot-badge{padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:25px;font-size:13px;font-weight:700;box-shadow:0 6px 18px #667eea59;letter-spacing:.3px;transition:all .3s ease}.med-slot:hover .slot-badge{transform:scale(1.05);box-shadow:0 8px 24px #667eea73}.pills-grid{display:grid;gap:16px}.pill{display:flex;align-items:center;gap:15px;padding:16px;background:linear-gradient(135deg,#fffffff2,#f8f9fff2);border-radius:16px;box-shadow:0 4px 15px #0000000f;transition:all .4s cubic-bezier(.16,1,.3,1);border:2px solid rgba(255,255,255,.8);position:relative;overflow:hidden}.pill:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;transition:width .4s ease}.pill:nth-child(1):before{background:linear-gradient(180deg,#ffd93d,#ffb84d)}.pill:nth-child(2):before{background:linear-gradient(180deg,#ff6b9d,#f06292)}.pill:nth-child(3):before{background:linear-gradient(180deg,#6c5ce7,#a29bfe)}.pill:hover{box-shadow:0 10px 35px #0000001f;transform:translateY(-4px) scale(1.02);border-color:#667eea4d}.pill:hover:before{width:100%;opacity:.08}.pill-icon{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;box-shadow:0 5px 15px #0000001f;transition:all .4s ease;position:relative;z-index:1}.pill:hover .pill-icon{transform:scale(1.1) rotate(-5deg)}.pill:nth-child(1) .pill-icon{background:linear-gradient(135deg,#ffd93d,#ffb84d);box-shadow:0 6px 20px #ffb84d66}.pill:nth-child(2) .pill-icon{background:linear-gradient(135deg,#ff6b9d,#f06292);box-shadow:0 6px 20px #ff6b9d66}.pill:nth-child(3) .pill-icon{background:linear-gradient(135deg,#6c5ce7,#a29bfe);box-shadow:0 6px 20px #6c5ce766}.pill-info{flex:1;position:relative;z-index:1}.pill-name{font-size:15px;font-weight:700;color:#1a1a2e;margin-bottom:5px;line-height:1.3}.pill-dose{font-size:13px;color:#6c757d;font-weight:600;background:linear-gradient(135deg,#667eea14,#764ba214);padding:4px 10px;border-radius:6px;display:inline-block}.pill-check{width:32px;height:32px;border:2.5px solid #E0E7FF;border-radius:8px;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;background:#fff;flex-shrink:0;position:relative;z-index:1}.pill-check.checked{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 6px 20px #10b98166;transform:scale(1.1)}.pill-check:hover:not(.checked){border-color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a);transform:scale(1.1)}.chat-fab{position:fixed!important;bottom:30px!important;right:30px!important;left:auto!important;width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;cursor:pointer;box-shadow:0 10px 40px #667eea80;transition:all .4s cubic-bezier(.16,1,.3,1);z-index:9999!important;display:flex;align-items:center;justify-content:center;overflow:visible}@media (max-width: 1200px){.actions-score-container{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.quick-actions{grid-template-columns:1fr}}.loading-state{text-align:center;padding:60px 20px}.spinner{width:50px;height:50px;border:4px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-state p{color:#6c757d;font-size:16px;font-weight:600}.empty-state h3{font-size:24px;font-weight:700;color:#1a1a2e;margin-bottom:10px}.empty-state p{font-size:16px;color:#6c757d;font-weight:500}.pill-actions{display:flex;gap:8px;align-items:center}.pill-skip{width:32px;height:32px;border:2.5px solid #dc3545;border-radius:8px;background:#fff;color:#dc3545;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pill-skip:hover{background:#dc3545;color:#fff;transform:scale(1.1)}.pill-check.skipped{background:linear-gradient(135deg,#dc3545,#c82333);border-color:#dc3545;box-shadow:0 6px 20px #dc354566;transform:scale(1.1)}@media (max-width: 767px){.stunning-portal{padding:12px}.portal-header{padding:16px 20px;margin-bottom:16px}.logo-icon{width:48px;height:48px;font-size:22px}.logo-text{font-size:22px}.user-avatar{width:45px;height:45px;font-size:16px}.user-info h3{font-size:14px}.user-info p{font-size:11px}.hero-welcome{padding:32px 24px}.greeting{font-size:26px}.greeting-subtitle{font-size:15px}.hero-stats{grid-template-columns:repeat(3,1fr);gap:12px}.stat-box{padding:16px}.stat-icon{font-size:28px}.stat-value{font-size:22px}.actions-score-container{grid-template-columns:1fr;gap:16px}.quick-actions{grid-template-columns:repeat(2,1fr);gap:12px}.action-card{padding:24px 16px}.action-icon{width:60px;height:60px;font-size:28px}.health-score-card{min-height:auto;padding:32px}.score-circle{width:120px;height:120px}.score-inner{width:96px;height:96px}.score-value{font-size:38px}.content-card{padding:24px}.card-header1{margin:-24px -24px 20px;padding:16px 20px}.card-title{font-size:18px}.card-title i{font-size:22px}.view-all{font-size:13px;padding:8px 14px}.med-slot{padding:18px}.slot-time{font-size:15px}.slot-badge{font-size:12px;padding:6px 12px}.pill{padding:14px;gap:12px}.pill-icon{width:44px;height:44px;font-size:22px}.pill-name{font-size:14px}.pill-dose{font-size:12px}.pill-check,.pill-skip{width:28px;height:28px;font-size:14px}.chat-button{width:56px;height:56px;font-size:24px}.chat-window{width:calc(100vw - 24px);max-width:380px;height:500px;bottom:80px;right:12px}}@media (min-width: 768px) and (max-width: 1023px){.actions-score-container{grid-template-columns:2fr 1fr}.quick-actions{grid-template-columns:repeat(2,1fr)}.chat-drawer-content{max-width:600px;left:50%;transform:translate(-50%) translateY(100%);border-radius:24px;bottom:20px}.chat-drawer.open .chat-drawer-content{transform:translate(-50%) translateY(0)}}@media (min-width: 1024px){.chat-drawer-content{left:0;right:0;bottom:0;height:550px;max-height:70vh;border-radius:24px 24px 0 0}}.upload-section{padding:20px 30px;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-bottom:1px solid #e9ecef;animation:slideDown .3s ease}.upload-label{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:2px dashed #667eea;border-radius:16px;cursor:pointer;transition:all .3s ease}.upload-label:hover{background:linear-gradient(135deg,#667eea14,#764ba214);border-color:#764ba2;transform:translateY(-2px);box-shadow:0 8px 20px #667eea26}.upload-icon{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;flex-shrink:0}.upload-text{flex:1;text-align:left}.upload-title{display:block;font-size:15px;font-weight:700;color:#1a1a2e;margin-bottom:4px}.upload-subtitle{display:block;font-size:12px;font-weight:500;color:#6c757d}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1}.chat-messages::-webkit-scrollbar-thumb{background:#667eea;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#764ba2}.pill-image{width:48px;height:48px;border-radius:8px;object-fit:cover;border:2px solid rgba(0,0,0,.1)}.dark .pill-image{border-color:#ffffff1a}.chat-fab{position:fixed;bottom:30px;right:30px;width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;cursor:pointer;box-shadow:0 10px 40px #667eea80;transition:all .4s cubic-bezier(.16,1,.3,1);z-index:999;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible}.fab-icon{font-size:32px;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.chat-fab:hover .fab-icon{transform:scale(1.1) rotate(5deg)}.fab-pulse{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite;z-index:1}.chat-fab:hover{transform:translateY(-5px);box-shadow:0 15px 50px #667eea99}.chat-fab:active{transform:translateY(-2px) scale(.95)}.chat-badge{position:absolute;top:-5px;right:-5px;background:linear-gradient(135deg,#ff6b9d,#c44569);color:#fff;font-size:12px;font-weight:700;padding:4px 8px;border-radius:12px;min-width:24px;text-align:center;box-shadow:0 4px 12px #ff6b9d80;z-index:3;animation:badge-pop .4s ease}@keyframes badge-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.chat-drawer{position:fixed;bottom:0;left:0;right:0;z-index:1000;pointer-events:none}.chat-drawer.open{pointer-events:all}.chat-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .4s ease;pointer-events:none}.chat-drawer.open .chat-drawer-overlay{opacity:1;pointer-events:all}.chat-drawer-content{position:fixed;bottom:0;left:0;right:0;height:600px;max-height:80vh;background:linear-gradient(to bottom,#fff,#f8f9fa);border-radius:30px 30px 0 0;box-shadow:0 -20px 60px #0000004d;transform:translateY(100%);transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;overflow:hidden}.chat-drawer.open .chat-drawer-content{transform:translateY(0)}.chat-header{padding:24px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;position:relative;box-shadow:0 4px 20px #667eea4d}.chat-header:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:50px;height:5px;background:#fff6;border-radius:3px}.chat-header-left{display:flex;align-items:center;gap:16px}.ai-avatar-large{width:50px;height:50px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 15px #0003}.ai-avatar-icon{font-size:28px}.ai-status-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#10b981;border:3px solid white;border-radius:50%;animation:pulse 2s ease infinite}.chat-header-info h3{font-size:20px;font-weight:700;margin:0 0 4px;line-height:1}.ai-status{font-size:13px;font-weight:500;opacity:.9;margin:0}.chat-header-actions{display:flex;gap:10px}.icon-btn{width:40px;height:40px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:#ffffff40;transform:scale(1.05)}.icon-btn.active{background:#ffffff4d}.chat-messages{flex:1;padding:30px;overflow-y:auto;display:flex;flex-direction:column;gap:20px;background:linear-gradient(to bottom,#f8f9fa,#fff);scroll-behavior:smooth}.chat-welcome{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px;animation:fadeIn .6s ease}.welcome-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 10px 30px #667eea66;animation:bounce 2s ease infinite}.welcome-avatar-icon{font-size:40px}.welcome-title{font-size:28px;font-weight:800;color:#1a1a2e;margin:0 0 8px}.welcome-subtitle{font-size:16px;font-weight:500;color:#6c757d;margin:0 0 30px}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:400px;margin-bottom:30px}.quick-action-btn{padding:16px;background:#fff;border:2px solid #e9ecef;border-radius:16px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:8px;font-family:Quicksand,sans-serif;font-size:14px;font-weight:600;color:#495057}.quick-action-btn:hover{border-color:#667eea;background:linear-gradient(135deg,#667eea0d,#764ba20d);transform:translateY(-2px);box-shadow:0 8px 20px #667eea26}.quick-action-icon{font-size:32px}.capabilities-list{display:flex;flex-direction:column;gap:12px;width:100%;max-width:400px}.capability-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-radius:12px;font-size:14px;font-weight:600;color:#495057;box-shadow:0 2px 8px #0000000d}.capability-item i{color:#10b981;font-size:16px}.chat-message{display:flex;gap:12px;animation:messageSlide .4s ease;align-items:flex-start}@keyframes messageSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-message.user{flex-direction:row-reverse}.message-avatar{flex-shrink:0}.user-avatar-small,.bot-avatar-small{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;box-shadow:0 4px 12px #00000026}.user-avatar-small{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);color:#2d3436}.bot-avatar-small{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:20px}.message-content{display:flex;flex-direction:column;gap:6px;max-width:70%}.chat-message.user .message-content{align-items:flex-end}.message-bubble{padding:14px 18px;border-radius:18px;font-size:15px;line-height:1.6;word-wrap:break-word;box-shadow:0 4px 12px #00000014;animation:bubblePop .3s ease}@keyframes bubblePop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.message-bubble.user{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.message-bubble.assistant{background:#fff;color:#2d3436;border:1px solid #e9ecef;border-bottom-left-radius:4px}.message-time{font-size:11px;font-weight:600;color:#adb5bd;padding:0 4px}.typing-indicator{display:flex;gap:6px;padding:16px 20px!important;align-items:center}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#667eea;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.chat-input-container{padding:20px 30px;padding-bottom:max(20px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e9ecef;flex-shrink:0}.chat-input-wrapper{display:flex;gap:12px;align-items:center;background:#f8f9fa;border-radius:28px;padding:6px;border:2px solid transparent;transition:all .3s ease}.chat-input-wrapper:focus-within{border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1a}.chat-input-field{flex:1;padding:12px 18px;border:none;background:transparent;font-size:15px;outline:none;font-family:Quicksand,sans-serif;color:#2d3436}.chat-input-field::placeholder{color:#adb5bd}.send-btn{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #667eea4d}.send-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 20px #667eea80}.send-btn:active:not(:disabled){transform:scale(.95)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-input-hint{font-size:11px;color:#adb5bd;text-align:center;margin-top:8px;font-weight:500}.welcome-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .4s ease}.welcome-modal{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:30px;max-width:650px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 30px 80px #0000004d;animation:slideUp .5s cubic-bezier(.16,1,.3,1);position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.welcome-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 40px 35px;border-radius:30px 30px 0 0;text-align:center;position:relative;overflow:hidden}.welcome-modal-header:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);border-radius:50%;animation:float 8s ease-in-out infinite}.welcome-icon{font-size:64px;margin-bottom:20px;animation:bounce 2s ease infinite;display:inline-block}.welcome-modal-header h2{font-size:32px;font-weight:800;color:#fff;margin:0 0 10px;text-shadow:0 2px 10px rgba(0,0,0,.2);position:relative;z-index:1}.welcome-subtitle{font-size:16px;font-weight:600;color:#fffffff2;margin:0;padding:8px 20px;background:#fff3;border-radius:20px;display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.welcome-modal-content{padding:40px}.welcome-intro{font-size:16px;line-height:1.7;color:#495057;margin:0 0 30px;text-align:center}.welcome-intro strong{color:#667eea;font-weight:700}.features-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px}.feature-item{display:flex;align-items:flex-start;gap:15px;padding:20px;background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000014;transition:all .3s ease;border:2px solid transparent}.feature-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #667eea33;border-color:#667eea4d}.feature-icon{font-size:36px;flex-shrink:0;animation:pulse 2s ease infinite}.feature-text h4{font-size:15px;font-weight:700;color:#1a1a2e;margin:0 0 5px}.feature-text p{font-size:13px;color:#6c757d;margin:0;line-height:1.5}.welcome-note{display:flex;gap:15px;padding:20px;background:linear-gradient(135deg,#ffc1071a,#ff98001a);border-left:4px solid #ffc107;border-radius:12px;margin-top:30px}.note-icon{font-size:24px;flex-shrink:0}.note-content{font-size:14px;line-height:1.6;color:#495057}.note-content strong{color:#f57c00;font-weight:700}.welcome-modal-footer{padding:30px 40px 40px;text-align:center}.explore-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 40px;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:12px;box-shadow:0 8px 25px #667eea66;transition:all .3s ease;font-family:Quicksand,sans-serif}.explore-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #667eea80}.explore-btn:active{transform:translateY(-1px)}.explore-btn i{transition:transform .3s ease}.explore-btn:hover i{transform:translate(5px)}.footer-note{font-size:13px;color:#6c757d;margin:15px 0 0;font-weight:500}@media (max-width: 768px){.welcome-modal{max-width:95%;border-radius:20px}.welcome-modal-header{padding:30px 25px;border-radius:20px 20px 0 0}.welcome-icon{font-size:48px}.welcome-modal-header h2{font-size:24px}.welcome-subtitle{font-size:14px}.welcome-modal-content{padding:25px}.features-showcase{grid-template-columns:1fr;gap:15px}.feature-item{padding:15px}.feature-icon{font-size:28px}.welcome-modal-footer{padding:20px 25px 30px}.explore-btn{width:100%;justify-content:center}}.welcome-modal::-webkit-scrollbar{width:8px}.welcome-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0 30px 30px 0}.welcome-modal::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.welcome-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.coming-soon-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px;animation:fadeIn .3s ease}.coming-soon-modal{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:30px;padding:50px 40px;max-width:500px;width:100%;text-align:center;box-shadow:0 30px 80px #0000004d;animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55);position:relative;overflow:hidden}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) translateY(-50px)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1) translateY(0)}}.coming-soon-modal:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}.coming-soon-icon{font-size:80px;margin-bottom:25px;animation:rocketFloat 3s ease-in-out infinite;display:inline-block;position:relative;z-index:1}@keyframes rocketFloat{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-20px) rotate(5deg)}}.coming-soon-title{font-size:36px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 15px;position:relative;z-index:1}.coming-soon-feature{font-size:24px;font-weight:700;color:#1a1a2e;margin:0 0 20px;position:relative;z-index:1}.coming-soon-message{font-size:16px;line-height:1.6;color:#6c757d;margin:0 0 30px;position:relative;z-index:1}.coming-soon-progress{margin-bottom:30px;position:relative;z-index:1}.progress-bar-container{width:100%;height:8px;background:#667eea33;border-radius:10px;overflow:hidden;margin-bottom:10px}.progress-bar-fill{height:100%;width:60%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;animation:progressPulse 2s ease-in-out infinite;box-shadow:0 0 10px #667eea80}@keyframes progressPulse{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.8;transform:scaleX(.98)}}.progress-text{font-size:13px;font-weight:600;color:#667eea;margin:0;text-transform:uppercase;letter-spacing:1px}.coming-soon-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 50px;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 8px 25px #667eea66;transition:all .3s ease;font-family:Quicksand,sans-serif;position:relative;z-index:1}.coming-soon-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #667eea80}.coming-soon-btn:active{transform:translateY(-1px)}@media (max-width: 768px){.coming-soon-modal{padding:40px 30px}.coming-soon-icon{font-size:64px}.coming-soon-title{font-size:28px}.coming-soon-feature{font-size:20px}.coming-soon-message{font-size:14px}.coming-soon-btn{width:100%}}.upload-section{padding:1rem;background:#2a9d8f0d;border-radius:12px;margin-bottom:1rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.upload-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.upload-option-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;background:#fff;border:2px solid rgba(42,157,143,.2);border-radius:12px;cursor:pointer;transition:all .3s ease;text-decoration:none}.upload-option-card:hover{border-color:var(--primary);background:#2a9d8f0d;transform:translateY(-2px);box-shadow:0 4px 12px #2a9d8f26}.upload-option-icon{font-size:2rem;color:var(--primary);transition:all .3s ease}.upload-option-card:hover .upload-option-icon{color:var(--accent);transform:scale(1.1)}.upload-option-text{text-align:center}.upload-option-title{display:block;font-size:.95rem;font-weight:700;color:var(--text-dark);margin-bottom:.25rem}.upload-option-subtitle{display:block;font-size:.75rem;color:var(--text-dark);opacity:.7}.file-preview{background:#fff;border-radius:12px;padding:1rem;border:2px solid rgba(42,157,143,.2)}.file-preview-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid rgba(42,157,143,.1)}.file-icon{font-size:2rem;color:var(--primary);flex-shrink:0}.file-icon .fa-file-pdf{color:#dc3545}.file-icon .fa-file-word{color:#2b579a}.file-icon .fa-file-alt{color:#6c757d}.file-icon .fa-file-image{color:#28a745}.file-info{flex:1;min-width:0}.file-name{font-size:.9rem;font-weight:600;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.file-size{font-size:.75rem;color:var(--text-dark);opacity:.7}.file-remove{background:#dc35451a;border:none;color:#dc3545;width:32px;height:32px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-remove:hover{background:#dc3545;color:#fff;transform:scale(1.1)}.file-preview-actions{display:flex;gap:.75rem}.btn-cancel,.btn-upload{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-cancel{background:#6c757d1a;color:#6c757d;border:2px solid rgba(108,117,125,.2)}.btn-cancel:hover:not(:disabled){background:#6c757d33;border-color:#6c757d}.btn-upload{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:2px solid transparent}.btn-upload:hover:not(:disabled){background:linear-gradient(135deg,var(--accent),#d85a3a);transform:translateY(-2px);box-shadow:0 4px 12px #2a9d8f4d}.btn-cancel:disabled,.btn-upload:disabled{opacity:.6;cursor:not-allowed}.manual-input-section{background:#fff;border-radius:12px;padding:1rem;border:2px solid rgba(42,157,143,.2)}.manual-input-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid rgba(42,157,143,.1)}.manual-input-header h4{font-size:1rem;font-weight:700;color:var(--primary);margin:0;display:flex;align-items:center;gap:.5rem}.close-manual-input{background:#dc35451a;border:none;color:#dc3545;width:28px;height:28px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-manual-input:hover{background:#dc3545;color:#fff;transform:scale(1.1)}.manual-text-input{width:100%;padding:.75rem;border:2px solid rgba(42,157,143,.2);border-radius:8px;font-size:.9rem;font-family:inherit;resize:vertical;margin-bottom:1rem;transition:all .3s ease}.manual-text-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2a9d8f1a}.manual-text-input::placeholder{color:var(--text-dark);opacity:.5}.manual-input-actions{display:flex;gap:.75rem}.dark .upload-option-card{background:#0003;border-color:#ffffff1a}.dark .upload-option-card:hover{background:#2a9d8f1a;border-color:var(--accent)}.dark .file-preview,.dark .manual-input-section{background:#0003;border-color:#ffffff1a}.dark .file-preview-header,.dark .manual-input-header{border-bottom-color:#ffffff1a}.dark .manual-text-input{background:#0003;border-color:#ffffff1a;color:var(--text-light)}.dark .manual-text-input:focus{border-color:var(--accent)}@media (max-width: 767px){.upload-options{grid-template-columns:1fr}.upload-option-card{padding:1.25rem 1rem}.file-preview-actions,.manual-input-actions{flex-direction:column}.btn-cancel,.btn-upload{width:100%}}.icon-btn.experimental-btn{position:relative;overflow:visible}.experimental-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#ff6b9d,#c44569);color:#fff;font-size:9px;font-weight:800;padding:3px 6px;border-radius:8px;letter-spacing:.5px;box-shadow:0 4px 12px #ff6b9d80;animation:badge-pulse 2s ease-in-out infinite;z-index:10;pointer-events:none;text-transform:uppercase;border:2px solid rgba(255,255,255,.3)}@keyframes badge-pulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #ff6b9d80}50%{transform:scale(1.05);box-shadow:0 6px 16px #ff6b9db3}}.icon-btn.experimental-btn:hover .experimental-badge{animation:badge-wiggle .5s ease}@keyframes badge-wiggle{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-10deg) scale(1.1)}75%{transform:rotate(10deg) scale(1.1)}}.chat-resize-handle-vertical{position:absolute;left:0;right:0;top:0;height:8px;cursor:ns-resize;background:transparent;z-index:1001;transition:all .3s ease}.chat-resize-handle-vertical:before{content:"";position:absolute;left:50%;transform:translate(-50%);top:2px;width:80px;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;opacity:0;transition:all .3s ease;box-shadow:0 4px 12px #667eea66}.chat-resize-handle-vertical:hover:before{opacity:.8;width:120px}.chat-resize-handle-vertical:active:before{opacity:1;width:160px;box-shadow:0 6px 20px #667eea99}.chat-drawer-content.resizing .chat-resize-handle-vertical:before{opacity:1;width:200px}.settings-modal{max-width:900px;width:90%;max-height:90vh;overflow-y:auto;background:#fff;border-radius:16px;padding:0;position:relative}.chat-header-actions{display:flex;align-items:center;gap:1rem;margin-left:auto}.message-counter{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#e8f0f7,#d4e6f5);border-radius:20px;font-size:.875rem;font-weight:500;color:#2a9d8f;border:2px solid #2A9D8F;animation:fadeIn .3s ease}.unlimited-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#d4edda,#c3e6cb);border-radius:20px;font-size:.875rem;font-weight:500;color:#28a745;border:2px solid #28a745;animation:fadeIn .3s ease}.settings-btn{background:#f0f0f0;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#666}@media (max-width: 768px){.chat-header-actions{flex-wrap:wrap;gap:.5rem}.message-counter,.unlimited-badge{font-size:.75rem;padding:.4rem .75rem}.settings-modal{width:95%;max-height:95vh}}.chat-header-actions{display:flex;align-items:center;gap:.75rem;margin-left:auto}.message-counter{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#e8f0f7,#d4e6f5);border-radius:20px;font-size:.875rem;font-weight:500;color:#2a9d8f;border:2px solid #2A9D8F;white-space:nowrap}.message-counter.warning{background:linear-gradient(135deg,#fff3cd,#ffe69c);border-color:#ffc107;color:#856404;animation:pulse 2s ease-in-out infinite}.message-counter i{font-size:1rem}.unlimited-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#d4edda,#c3e6cb);border-radius:20px;font-size:.875rem;font-weight:500;color:#28a745;border:2px solid #28a745;white-space:nowrap}.unlimited-badge i{font-size:1rem}.settings-btn{background:#f0f0f0;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#666;flex-shrink:0}.settings-btn:hover{background:#2a9d8f;color:#fff;transform:scale(1.1)}@media (max-width: 768px){.chat-header-actions{flex-wrap:wrap;gap:.5rem}.message-counter,.unlimited-badge{font-size:.75rem;padding:.4rem .75rem}.settings-btn{width:32px;height:32px}}.coming-soon-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform:none!important;margin:0!important;padding:0!important}.coming-soon-modal{background:#fff;border-radius:20px;padding:2.5rem 2rem;max-width:450px;width:90%;max-height:90vh;text-align:center;animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d;position:relative}.coming-soon-icon{font-size:3.5rem;margin-bottom:1.25rem;animation:bounce .6s ease;line-height:1}.coming-soon-title{font-size:1.75rem;font-weight:700;color:#6366f1;margin-bottom:1rem;line-height:1.2}.coming-soon-feature{font-size:1.125rem;font-weight:600;color:#2b2d42;margin-bottom:1rem;line-height:1.3}.coming-soon-message{font-size:.9375rem;color:#666;line-height:1.6;margin-bottom:1.5rem}.coming-soon-progress{margin-bottom:1.5rem}.progress-bar-container{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:.75rem}.progress-bar-fill{height:100%;width:60%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;animation:progressPulse 2s ease-in-out infinite}.progress-text{font-size:.8125rem;color:#6366f1;font-weight:600}.coming-soon-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:.875rem 2.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6366f14d}.coming-soon-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 768px){.coming-soon-modal{padding:2rem 1.5rem;max-width:380px}.coming-soon-icon{font-size:3rem}.coming-soon-title{font-size:1.5rem}.coming-soon-feature{font-size:1rem}.coming-soon-message{font-size:.875rem}.coming-soon-btn{padding:.75rem 2rem;font-size:.9375rem}}.coming-soon-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.coming-soon-modal{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:24px;padding:3rem 2.5rem;max-width:500px;width:90%;text-align:center;box-shadow:0 25px 70px #0006;animation:slideUp .4s ease-out;position:relative;overflow:hidden}.coming-soon-modal:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(42,157,143,.1) 0%,transparent 70%);pointer-events:none}.coming-soon-icon{font-size:5rem;margin-bottom:1.5rem;animation:bounce 2s ease-in-out infinite;position:relative;z-index:1}.coming-soon-modal h3{font-size:2rem;color:#264653;margin-bottom:1rem;font-weight:800;position:relative;z-index:1}.coming-soon-modal p{font-size:1.1rem;color:#495057;margin-bottom:2rem;line-height:1.6;position:relative;z-index:1}.progress-bar-container{width:100%;height:8px;background:#2a9d8f33;border-radius:10px;overflow:hidden;margin-bottom:1rem;position:relative;z-index:1}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#2a9d8f,#e76f51);background-size:200% 100%;border-radius:10px;animation:progressSlide 2s ease-in-out infinite;width:60%}.progress-text{font-size:.9rem;color:#2a9d8f!important;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:2rem;position:relative;z-index:1}.coming-soon-btn{background:linear-gradient(135deg,#2a9d8f,#264653);color:#fff;border:none;padding:1rem 3rem;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #2a9d8f66;position:relative;z-index:1}.coming-soon-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2a9d8f80}.coming-soon-btn:active{transform:translateY(0)}@keyframes progressSlide{0%{background-position:200% 0}to{background-position:-200% 0}}.dark .coming-soon-modal{background:linear-gradient(135deg,#1a1a2e,#16213e)}.dark .coming-soon-modal h3{color:#fff}.dark .coming-soon-modal p{color:#fffc}.dark .progress-text{color:#4ecdc4!important}@media (max-width: 768px){.coming-soon-modal{padding:2rem 1.5rem;max-width:95%}.coming-soon-icon{font-size:4rem}.coming-soon-modal h3{font-size:1.5rem}.coming-soon-modal p{font-size:1rem}.coming-soon-btn{padding:.875rem 2rem;font-size:1rem;width:100%}}.profile-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .3s ease}.profile-content{background:#fff;border-radius:24px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s cubic-bezier(.16,1,.3,1);position:relative}.profile-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:40px;text-align:center;color:#fff;position:relative}.close-btn{position:absolute;top:20px;right:20px;background:#fff3;border:none;width:40px;height:40px;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.profile-avatar-large{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#ffeaa7,#fdcb6e);display:flex;align-items:center;justify-content:center;color:#2d3436;font-weight:700;font-size:36px;margin:0 auto 20px;box-shadow:0 10px 30px #0000004d}.profile-header h2{font-size:28px;margin-bottom:8px;font-weight:700}.profile-id{font-size:14px;opacity:.9;margin-bottom:20px}.edit-btn,.save-btn,.cancel-btn{padding:12px 24px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:8px}.edit-btn{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3)}.edit-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.edit-actions{display:flex;gap:12px;justify-content:center}.save-btn{background:#10b981;color:#fff}.save-btn:hover{background:#059669;transform:translateY(-2px)}.cancel-btn{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3)}.cancel-btn:hover{background:#ffffff4d}.profile-sections{padding:30px}.profile-section{background:#f8f9fa;padding:25px;border-radius:16px;margin-bottom:20px}.profile-section h3{font-size:18px;font-weight:700;color:#1a1a2e;margin-bottom:20px;display:flex;align-items:center;gap:10px}.profile-section h3 i{color:#667eea;font-size:20px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.info-item{display:flex;flex-direction:column;gap:8px}.info-item.full-width{grid-column:1 / -1}.info-item label{font-size:13px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.info-item p{font-size:15px;font-weight:600;color:#1a1a2e}.info-item input{padding:10px 14px;border:2px solid #e9ecef;border-radius:8px;font-size:15px;font-weight:600;color:#1a1a2e;transition:all .3s}.info-item input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.tag{padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600}.tag.allergy{background:#fee2e2;color:#dc2626}.tag.condition{background:#dbeafe;color:#2563eb}.loading-spinner{text-align:center;padding:60px;font-size:18px;color:#667eea;font-weight:600}.profile-content::-webkit-scrollbar{width:6px}.profile-content::-webkit-scrollbar-track{background:transparent}.profile-content::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:10px;transition:background .3s ease}.profile-content::-webkit-scrollbar-thumb:hover{background:#667eea99}.profile-content{scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.3) transparent}@media (max-width: 768px){.profile-content{max-height:95vh}.profile-header{padding:30px 20px}.profile-avatar-large{width:80px;height:80px;font-size:28px}.profile-header h2{font-size:22px}.profile-sections{padding:20px}.info-grid{grid-template-columns:1fr}}.meds-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .3s ease}.meds-content{background:#fff;border-radius:24px;max-width:1000px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.meds-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:30px;border-radius:24px 24px 0 0;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.meds-header h2{font-size:24px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:12px}.meds-header p{font-size:14px;opacity:.9}.meds-toolbar{padding:20px 30px;border-bottom:2px solid #f1f3f5;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-shrink:0}.meds-filters{display:flex;gap:12px}.filter-btn:hover{border-color:#667eea;color:#667eea}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.add-med-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.add-med-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.add-med-form{padding:30px;background:#f8f9fa;border-bottom:2px solid #e9ecef;max-height:60vh;overflow-y:auto;flex-shrink:0}.add-med-form h3{font-size:20px;font-weight:700;color:#1a1a2e;margin-bottom:25px}.form-layout{display:grid;grid-template-columns:200px 1fr;gap:30px}.image-upload-section{display:flex;flex-direction:column;gap:12px}.image-preview{width:200px;height:200px;border-radius:16px;background:#fff;border:3px dashed #e9ecef;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .3s}.image-preview:hover{border-color:#667eea}.image-preview img{width:100%;height:100%;object-fit:cover}.image-preview .placeholder{text-align:center;color:#6c757d}.image-preview .placeholder i{font-size:48px;margin-bottom:12px;color:#667eea}.image-preview .placeholder p{font-size:14px;font-weight:600}.upload-btn-label{padding:12px 20px;background:#fff;border:2px solid #667eea;color:#667eea;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.upload-btn-label:hover{background:#667eea;color:#fff}.form-fields{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:600;color:#1a1a2e}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid #e9ecef;border-radius:12px;font-size:14px;font-weight:500;transition:all .3s;font-family:inherit}.time-inputs{display:flex;gap:12px;flex-wrap:wrap}.time-inputs input{flex:1;min-width:120px}.form-actions{display:flex;gap:12px;margin-top:10px}.submit-btn{padding:14px 28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.cancel-btn{padding:14px 28px;background:#fff;color:#6c757d;border:2px solid #e9ecef;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.cancel-btn:hover{border-color:#dc3545;color:#dc3545}.meds-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:30px;display:flex;flex-direction:column;gap:20px;min-height:0}.med-card{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:20px;padding:25px;box-shadow:0 8px 25px #00000014;border:2px solid #f1f3f5;transition:all .3s}.med-card:hover{transform:translateY(-4px);box-shadow:0 12px 35px #0000001f;border-color:#667eea}.med-card-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #f1f3f5}.med-image-container{width:80px;height:80px;border-radius:16px;overflow:hidden;flex-shrink:0;box-shadow:0 8px 20px #0000001a}.med-image{width:100%;height:100%;object-fit:cover}.med-icon{width:80px;height:80px;border-radius:16px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 8px 20px #667eea4d;flex-shrink:0}.med-main-info{flex:1}.med-main-info h3{font-size:20px;font-weight:700;color:#1a1a2e;margin-bottom:8px}.med-dosage{font-size:14px;color:#6c757d;font-weight:600;margin-bottom:4px}.med-doctor{font-size:13px;color:#667eea;font-weight:600}.med-instructions{font-size:13px;color:#6c757d;font-weight:500;margin-top:6px;font-style:italic}.med-adherence{text-align:center}.adherence-circle{width:70px;height:70px;border-radius:50%;background:conic-gradient(#10b981,#10b981 92%,#e9ecef 92%,#e9ecef);display:flex;align-items:center;justify-content:center;margin-bottom:8px}.adherence-circle span{width:56px;height:56px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#10b981}.med-adherence p{font-size:12px;color:#6c757d;font-weight:600}.med-schedule{margin-bottom:20px}.med-schedule h4{font-size:15px;font-weight:700;color:#1a1a2e;margin-bottom:12px}.schedule-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.schedule-item{background:#fff;padding:14px;border-radius:12px;border:2px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;transition:all .3s}.schedule-item.taken{background:#f0fdf4;border-color:#10b981}.schedule-time{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1a1a2e}.schedule-time i{color:#667eea}.take-btn{padding:6px 14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:6px}.take-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #667eea66}.taken-badge{color:#10b981;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.med-actions{display:flex;gap:12px}.action-btn{flex:1;padding:12px;border:2px solid #e9ecef;background:#fff;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.action-btn.edit{color:#667eea;border-color:#667eea}.action-btn.edit:hover{background:#667eea;color:#fff}.action-btn.delete{color:#dc3545;border-color:#dc3545}.action-btn.delete:hover{background:#dc3545;color:#fff}.loading-state{text-align:center;padding:60px;font-size:16px;color:#667eea;font-weight:600}.meds-list::-webkit-scrollbar,.add-med-form::-webkit-scrollbar{width:6px}.meds-list::-webkit-scrollbar-track,.add-med-form::-webkit-scrollbar-track{background:transparent}.meds-list::-webkit-scrollbar-thumb,.add-med-form::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:10px;transition:background .3s ease}.meds-list::-webkit-scrollbar-thumb:hover,.add-med-form::-webkit-scrollbar-thumb:hover{background:#667eea99}.meds-list,.add-med-form{scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.3) transparent}@media (max-width: 768px){.meds-content{max-height:95vh}.meds-header{padding:20px}.meds-header h2{font-size:20px}.meds-toolbar{flex-direction:column;align-items:stretch;padding:15px 20px}.meds-filters{overflow-x:auto}.add-med-btn{width:100%;justify-content:center}.add-med-form{padding:20px}.form-layout{grid-template-columns:1fr}.image-upload-section{flex-direction:row;align-items:center}.image-preview{width:120px;height:120px}.form-row{grid-template-columns:1fr}.time-inputs{flex-direction:column}.time-inputs input{width:100%}.meds-list{padding:20px}.med-card-header{flex-direction:column}.schedule-grid{grid-template-columns:1fr}}.times-of-day-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#00000005;border:2px solid rgba(0,0,0,.08);border-radius:8px;cursor:pointer;transition:all .2s ease}.checkbox-label:hover{background:#0000000a;border-color:var(--primary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.checkbox-label span{font-size:.95rem;transition:all .2s ease}.dark .checkbox-label{background:#ffffff0d;border-color:#ffffff1a}.dark .checkbox-label:hover{background:#ffffff14}.toast-notification{position:fixed;bottom:30px;right:30px;padding:16px 24px;border-radius:12px;background:#fff;box-shadow:0 8px 24px #00000026;display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500;z-index:10000;animation:slideInUp .3s ease-out}.toast-success{border-left:4px solid #10b981;color:#065f46}.toast-success i{color:#10b981;font-size:20px}.toast-error{border-left:4px solid #ef4444;color:#991b1b}.toast-error i{color:#ef4444;font-size:20px}.toast-warning{border-left:4px solid #f59e0b;color:#92400e}.toast-warning i{color:#f59e0b;font-size:20px}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .2s ease-out}.confirm-modal{background:#fff;border-radius:16px;padding:32px;max-width:400px;width:90%;text-align:center;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.confirm-icon{width:64px;height:64px;border-radius:50%;background:#fef2f2;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.confirm-icon i{font-size:32px;color:#ef4444}.confirm-modal h3{font-size:22px;font-weight:600;color:#1f2937;margin-bottom:12px}.confirm-modal p{font-size:15px;color:#6b7280;margin-bottom:24px;line-height:1.6}.confirm-actions{display:flex;gap:12px;justify-content:center}.confirm-btn{padding:12px 24px;border-radius:8px;font-size:15px;font-weight:500;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.confirm-btn.delete{background:#ef4444;color:#fff}.confirm-btn.delete:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.confirm-btn.cancel{background:#f3f4f6;color:#374151}.confirm-btn.cancel:hover{background:#e5e7eb}.appts-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .3s ease}.appts-content{background:#fff;border-radius:24px;max-width:1000px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.appts-header{background:linear-gradient(135deg,#00b894,#00cec9);padding:30px;border-radius:24px 24px 0 0;color:#fff;display:flex;justify-content:space-between;align-items:center}.appts-header h2{font-size:24px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:12px}.appts-header p{font-size:14px;opacity:.9}.appts-toolbar{padding:20px 30px;border-bottom:2px solid #f1f3f5;display:flex;justify-content:space-between;align-items:center;gap:20px}.appts-filters{display:flex;gap:12px}.filter-btn{padding:10px 20px;border:2px solid #e9ecef;background:#fff;border-radius:12px;font-size:14px;font-weight:600;color:#6c757d;cursor:pointer;transition:all .3s}.filter-btn:hover{border-color:#00b894;color:#00b894}.filter-btn.active{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;border-color:transparent}.add-btn{padding:12px 24px;background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00b8944d}.add-form{padding:25px 30px;background:#f8f9fa;border-bottom:2px solid #e9ecef}.add-form h3{font-size:18px;font-weight:700;color:#1a1a2e;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.form-grid input,.form-grid textarea{padding:12px 16px;border:2px solid #e9ecef;border-radius:12px;font-size:14px;font-weight:500;transition:all .3s}.form-grid input:focus,.form-grid textarea:focus{outline:none;border-color:#00b894;box-shadow:0 0 0 3px #00b8941a}.form-grid .full-width{grid-column:1 / -1}.form-grid textarea{min-height:80px;resize:vertical;font-family:inherit}.form-actions{display:flex;gap:12px}.submit-btn{padding:12px 24px;background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00b8944d}.cancel-form-btn{padding:12px 24px;background:#fff;color:#6c757d;border:2px solid #e9ecef;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.cancel-form-btn:hover{border-color:#dc3545;color:#dc3545}.appts-list{flex:1;overflow-y:auto;padding:30px;display:flex;flex-direction:column;gap:20px}.appt-card{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:20px;padding:25px;box-shadow:0 8px 25px #00000014;border:2px solid #f1f3f5;display:flex;gap:20px;align-items:center;transition:all .3s}.appt-card:hover{transform:translateY(-4px);box-shadow:0 12px 35px #0000001f;border-color:#00b894}.appt-date-badge{width:80px;height:80px;border-radius:16px;background:linear-gradient(135deg,#00b894,#00cec9);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 8px 20px #00b8944d}.date-day{font-size:32px;font-weight:700;line-height:1}.date-month{font-size:14px;font-weight:600;text-transform:uppercase;margin-top:4px}.appt-details{flex:1}.appt-main h3{font-size:20px;font-weight:700;color:#1a1a2e;margin-bottom:6px}.appt-specialty{font-size:14px;color:#00b894;font-weight:600;margin-bottom:12px}.appt-info{display:flex;flex-direction:column;gap:8px}.info-row{display:flex;align-items:center;gap:10px;font-size:14px;color:#6c757d;font-weight:500}.info-row i{color:#00b894;width:16px}.appt-status{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.status-badge{padding:8px 16px;border-radius:12px;color:#fff;font-size:13px;font-weight:600;text-transform:capitalize}.cancel-btn-small{padding:8px 16px;background:#fff;color:#dc3545;border:2px solid #dc3545;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:6px}.cancel-btn-small:hover{background:#dc3545;color:#fff}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:64px;margin-bottom:20px}.empty-state h3{font-size:20px;font-weight:700;color:#1a1a2e;margin-bottom:8px}.empty-state p{font-size:14px;color:#6c757d}.loading-state{text-align:center;padding:60px;font-size:16px;color:#00b894;font-weight:600}.appts-list::-webkit-scrollbar,.add-form::-webkit-scrollbar{width:6px}.appts-list::-webkit-scrollbar-track,.add-form::-webkit-scrollbar-track{background:transparent}.appts-list::-webkit-scrollbar-thumb,.add-form::-webkit-scrollbar-thumb{background:#00b8944d;border-radius:10px;transition:background .3s ease}.appts-list::-webkit-scrollbar-thumb:hover,.add-form::-webkit-scrollbar-thumb:hover{background:#00b89499}.appts-list,.add-form{scrollbar-width:thin;scrollbar-color:rgba(0,184,148,.3) transparent}@media (max-width: 768px){.appts-content{max-height:95vh}.appts-header{padding:20px}.appts-header h2{font-size:20px}.appts-toolbar{flex-direction:column;align-items:stretch;padding:15px 20px}.appts-filters{overflow-x:auto}.add-btn{width:100%;justify-content:center}.add-form{padding:20px}.form-grid{grid-template-columns:1fr}.appts-list{padding:20px}.appt-card{flex-direction:column;align-items:flex-start}.appt-status{width:100%;flex-direction:row;justify-content:space-between;align-items:center}}.api-key-settings{max-width:800px;margin:0 auto;padding:2rem}.settings-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.settings-header i{font-size:2rem;color:#2a9d8f}.settings-header h2{font-size:1.75rem;color:#264653;margin:0}.status-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;border-radius:12px;margin-bottom:2rem;border-left:5px solid;animation:slideIn .3s ease}.status-card.free{background:linear-gradient(135deg,#f0f4f8,#e8f0f7);border-left-color:#3498db}.status-card.unlimited{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-left-color:#28a745}.status-icon{font-size:3rem}.status-info h3{margin:0 0 .5rem;font-size:1.25rem;color:#264653}.status-info p{margin:0;color:#666}.status-info strong{color:#2a9d8f;font-size:1.1rem}.message{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;animation:fadeIn .3s ease}.message.success{background:#d4edda;color:#155724;border-left:4px solid #28a745}.message.error{background:#f8d7da;color:#721c24;border-left:4px solid #dc3545}.add-key-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.add-key-section h3{font-size:1.5rem;color:#264653;margin-bottom:.5rem}.description{color:#666;margin-bottom:1.5rem;line-height:1.6}.benefits{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.benefit{flex:1;min-width:150px;display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#2a9d8f,#21867a);color:#fff;border-radius:8px;font-weight:500}.benefit i{font-size:1.5rem}.instructions{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.instructions h4{margin:0 0 1rem;color:#264653}.instructions ol{margin:0;padding-left:1.5rem}.instructions li{margin-bottom:.75rem;line-height:1.6;color:#555}.instructions a{color:#2a9d8f;text-decoration:none;font-weight:500}.instructions a:hover{text-decoration:underline}.instructions strong{color:#264653}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#264653}.input-group label i{color:#2a9d8f;margin-right:.5rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper input{flex:1;padding:.875rem 3rem .875rem 1rem;border:2px solid #e0e7eb;border-radius:8px;font-size:1rem;font-family:Courier New,monospace;transition:all .3s ease}.input-wrapper input:focus{border-color:#2a9d8f;box-shadow:0 0 0 3px #2a9d8f1a;outline:none}.input-wrapper input:disabled{background:#f5f5f5;cursor:not-allowed}.toggle-visibility{position:absolute;right:.5rem;background:none;border:none;color:#666;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s ease}.toggle-visibility:hover{background:#f0f0f0;color:#2a9d8f}.input-group small{display:block;margin-top:.5rem;color:#666;font-size:.875rem}.save-button,.remove-button{padding:.875rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.save-button{background:linear-gradient(135deg,#2a9d8f,#21867a);color:#fff;width:100%;justify-content:center}.save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #2a9d8f4d}.save-button:disabled{opacity:.6;cursor:not-allowed}.remove-button{background:#dc3545;color:#fff}.remove-button:hover:not(:disabled){background:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.has-key-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.success-card{text-align:center;padding:2rem;background:linear-gradient(135deg,#d4edda,#c3e6cb);border-radius:12px;margin-bottom:2rem}.success-card i{font-size:4rem;color:#28a745;margin-bottom:1rem}.success-card h3{margin:0 0 .5rem;color:#155724;font-size:1.5rem}.success-card p{margin:0;color:#155724}.key-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.info-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px}.info-item i{font-size:1.5rem;color:#2a9d8f;margin-top:.25rem}.info-item strong{display:block;color:#264653;margin-bottom:.25rem}.info-item p{margin:0;color:#666;font-size:.875rem}.faq-section{margin-top:3rem;padding-top:2rem;border-top:2px solid #e0e7eb}.faq-section h4{font-size:1.25rem;color:#264653;margin-bottom:1rem}.faq-section details{background:#fff;padding:1rem;border-radius:8px;margin-bottom:.75rem;border:1px solid #e0e7eb;cursor:pointer;transition:all .2s ease}.faq-section details:hover{border-color:#2a9d8f;box-shadow:0 2px 8px #2a9d8f1a}.faq-section summary{font-weight:500;color:#264653;cursor:pointer;-webkit-user-select:none;user-select:none}.faq-section details[open] summary{color:#2a9d8f;margin-bottom:.75rem}.faq-section p{margin:0;color:#666;line-height:1.6}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.api-key-settings{padding:1rem}.benefits{flex-direction:column}.benefit{min-width:100%}.key-info{grid-template-columns:1fr}}.upgrade-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#264653f2;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.upgrade-modal-content{background:#fff;border-radius:20px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.close-button{position:absolute;top:1rem;right:1rem;background:#f0f0f0;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1}.close-button:hover{background:#e0e0e0;transform:rotate(90deg)}.modal-header{text-align:center;padding:3rem 2rem 2rem;background:linear-gradient(135deg,#f0f4f8,#e8f0f7);border-radius:20px 20px 0 0}.icon-wrapper{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#e76f51,#d45a3f);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.icon-wrapper i{font-size:2.5rem;color:#fff}.modal-header h2{margin:0 0 .5rem;font-size:2rem;color:#264653}.modal-header p{margin:0;color:#666;font-size:1.1rem}.modal-body{padding:2rem}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.option-card{padding:2rem 1.5rem;border-radius:12px;border:2px solid #e0e7eb;transition:all .3s ease;position:relative}.option-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.option-card.wait{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.option-card.upgrade{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745}.option-card.recommended{border-width:3px}.recommended-badge{position:absolute;top:-12px;right:1rem;background:linear-gradient(135deg,gold,#ffed4e);color:#664d00;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem;box-shadow:0 2px 8px #ffd7004d}.option-icon{width:60px;height:60px;margin:0 auto 1rem;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a}.option-card.wait .option-icon{background:linear-gradient(135deg,#3498db,#2980b9)}.option-card.upgrade .option-icon{background:linear-gradient(135deg,#28a745,#218838)}.option-icon i{font-size:1.75rem;color:#fff}.option-card h3{margin:0 0 .5rem;font-size:1.25rem;color:#264653;text-align:center}.option-card>p{margin:0 0 1rem;color:#666;text-align:center;font-size:.95rem}.option-details{display:flex;flex-direction:column;gap:.5rem}.detail-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#555}.detail-item i{color:#2a9d8f;width:16px}.upgrade-button{width:100%;margin-top:1rem;padding:.875rem;background:linear-gradient(135deg,#2a9d8f,#21867a);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.upgrade-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2a9d8f4d}.how-it-works{background:#f8f9fa;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem}.how-it-works h4{margin:0 0 1rem;color:#264653;display:flex;align-items:center;gap:.5rem}.steps{display:flex;flex-direction:column;gap:1rem}.step{display:flex;align-items:flex-start;gap:1rem}.step-number{width:32px;height:32px;background:linear-gradient(135deg,#2a9d8f,#21867a);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.step-content strong{display:block;color:#264653;margin-bottom:.25rem}.step-content p{margin:0;color:#666;font-size:.875rem}.trust-indicators{display:flex;justify-content:space-around;flex-wrap:wrap;gap:1rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e0e7eb}.trust-item{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.875rem}.trust-item i{color:#2a9d8f;font-size:1.25rem}.modal-footer{padding:1.5rem 2rem;border-top:1px solid #e0e7eb;display:flex;gap:1rem;justify-content:flex-end}.secondary-button,.primary-button{padding:.875rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;gap:.5rem}.secondary-button{background:#f0f0f0;color:#666}.secondary-button:hover{background:#e0e0e0}.primary-button{background:linear-gradient(135deg,#2a9d8f,#21867a);color:#fff}.primary-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2a9d8f4d}@media (max-width: 768px){.upgrade-modal-content{max-height:95vh}.modal-header{padding:2rem 1rem 1.5rem}.modal-header h2{font-size:1.5rem}.modal-body{padding:1.5rem 1rem}.options-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}.secondary-button,.primary-button{width:100%;justify-content:center}.trust-indicators{flex-direction:column;align-items:flex-start}}.how-it-works{padding:4rem 2rem;background:var(--gradient);color:var(--text-light);min-height:100vh;position:relative;overflow:hidden}.how-it-works:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.02) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(42,157,143,.05) 0%,transparent 50%);animation:backgroundFloat 20s ease-in-out infinite;pointer-events:none}@keyframes backgroundFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}}.how-header{text-align:center;margin-bottom:4rem;padding:2rem 0;position:relative;z-index:1}.hero-content h1{font-size:3.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--text-light),rgba(255,255,255,.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleGlow 3s ease-in-out infinite alternate;position:relative}@keyframes titleGlow{0%{filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}to{filter:drop-shadow(0 0 20px rgba(255,255,255,.5))}}.hero-subtitle{font-size:1.3rem;max-width:900px;margin:0 auto 2rem;opacity:.9;line-height:1.6;animation:fadeInUp 1s ease-out .3s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:.9;transform:translateY(0)}}.hero-features{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-top:2rem;animation:fadeInUp 1s ease-out .6s both}.hero-feature{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;padding:.75rem 1.5rem;border-radius:25px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.hero-feature:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.hero-feature:hover{transform:translateY(-3px) scale(1.02);background:#ffffff26;border-color:#ffffff4d;box-shadow:0 10px 30px #0000001a}.hero-feature:hover:before{left:100%}.hero-feature-icon{color:var(--text-light);font-size:1.2rem;transition:all .3s ease}.hero-feature:hover .hero-feature-icon{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(255,255,255,.4))}.hero-feature span{font-weight:500;font-size:.95rem;transition:all .3s ease}.hero-feature:hover span{font-weight:600}.platform-overview{background:#05352f65;padding:4rem 2rem;margin:3rem 0;border-radius:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;animation:slideInFromBottom 1s ease-out}.platform-overview:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--primary));background-size:200% 100%;animation:gradientShift 3s ease-in-out infinite}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.overview-content{max-width:1200px;margin:0 auto;text-align:center}.overview-content h2{font-size:2.5rem;margin-bottom:1.5rem;color:var(--text-light)}.overview-content p{font-size:1.2rem;line-height:1.7;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;opacity:.9}.platform-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.stat-item{display:flex;align-items:center;gap:1.5rem;background:#ffffff14;padding:2rem;border-radius:15px;border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-item:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#2a9d8f1a,#e76f511a);opacity:0;transition:opacity .4s ease}.stat-item:hover{transform:translateY(-8px) scale(1.02);background:#ffffff1f;box-shadow:0 15px 40px #00000026;border-color:#fff3}.stat-item:hover:after{opacity:1}.stat-icon{font-size:2.5rem;color:var(--primary);min-width:60px;transition:all .4s ease;position:relative;z-index:1}.stat-item:hover .stat-icon{transform:scale(1.1) rotate(5deg);color:var(--accent);filter:drop-shadow(0 0 15px rgba(231,111,81,.4))}.stat-content{position:relative;z-index:1}.stat-content h3{font-size:1.3rem;margin-bottom:.5rem;color:var(--text-light);transition:all .3s ease}.stat-item:hover .stat-content h3{color:var(--text-light);font-weight:600}.stat-content p{font-size:1rem;opacity:.8;margin:0;line-height:1.5;transition:all .3s ease;color:#f5f5f5}.stat-item:hover .stat-content p{opacity:.95}.category-filters{text-align:center;margin:4rem 0 3rem;animation:fadeInUp 1s ease-out .9s both}.category-filters h2{font-size:2.2rem;margin-bottom:2rem;color:var(--text-light);position:relative}.category-filters h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:2px}.filter-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.filter-btn{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;color:var(--text-light);border:1px solid rgba(255,255,255,.2);padding:.75rem 1.5rem;border-radius:25px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-size:.95rem;font-weight:500;position:relative;overflow:hidden}.filter-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.filter-btn:hover{background:#ffffff26;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #00000026;border-color:#ffffff4d}.filter-btn:hover:before{left:100%}.filter-btn.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-color:var(--primary);color:var(--text-light);transform:translateY(-2px);box-shadow:0 6px 20px #2a9d8f4d}.filter-btn.active:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.step-card{display:flex;flex-direction:column;background:var(--text-light);color:var(--text-dark);border:1px solid rgba(0,0,0,.1);border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:2.5rem;text-align:center;transition:all .5s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;height:100%;overflow:hidden;animation:cardSlideIn .6s ease-out forwards;opacity:0;transform:translateY(30px)}.step-card:nth-child(1){animation-delay:.1s}.step-card:nth-child(2){animation-delay:.2s}.step-card:nth-child(3){animation-delay:.3s}.step-card:nth-child(4){animation-delay:.4s}.step-card:nth-child(5){animation-delay:.5s}.step-card:nth-child(6){animation-delay:.6s}@keyframes cardSlideIn{to{opacity:1;transform:translateY(0)}}.step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));background-size:200% 100%;animation:gradientShift 3s ease-in-out infinite}.step-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#2a9d8f0d,#e76f510d);opacity:0;transition:opacity .4s ease;pointer-events:none}.step-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 50px #0003;border-color:#2a9d8f4d}.step-card:hover:after{opacity:1}.step-icon{margin-bottom:1rem;color:var(--primary);transition:all .4s ease;position:relative;z-index:1}.step-card:hover .step-icon{transform:scale(1.1) rotate(5deg);color:var(--accent);filter:drop-shadow(0 0 15px rgba(231,111,81,.4))}.step-card h2{font-size:1.75rem;margin-bottom:1rem;color:var(--primary);transition:all .3s ease;position:relative;z-index:1}.step-card:hover h2{color:var(--primary-dark);font-weight:700}.step-card p{font-size:1rem;margin-bottom:1.5rem;transition:all .3s ease;position:relative;z-index:1}.step-card:hover p{color:var(--text-dark);opacity:.9}.dark .step-card p{font-size:1rem;margin-bottom:1.5rem;color:var(--primary-dark)}.view-details{margin-top:auto;background:linear-gradient(135deg,var(--accent),var(--primary));color:var(--text-light);border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;overflow:hidden}.view-details:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.view-details:hover{background:linear-gradient(135deg,var(--primary-dark),var(--secondary));transform:translateY(-2px);box-shadow:0 8px 25px #e76f514d}.view-details:hover:before{left:100%}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:var(--text-light);color:var(--text-dark);padding:2.5rem;border-radius:var(--border-radius);max-width:600px;width:100%;box-shadow:var(--shadow);position:relative}.modal-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.dark .modal-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;color:var(--primary-dark)}.modal-icon{color:var(--primary);font-size:2rem}.modal-details{display:flex;flex-direction:column;gap:1rem}.detail-wrapper{display:flex;flex-direction:column;align-items:center}.dark .detail-wrapper{display:flex;flex-direction:column;align-items:center;color:var(--primary-dark)}.detail-panel{background:#f0f0f0;padding:1rem 1.5rem;border-radius:var(--border-radius);width:100%;text-align:center;box-shadow:var(--shadow)}.detail-panel p{margin:0;font-size:1rem;line-height:1.6}.detail-arrow-wrapper{margin:.5rem 0}.detail-arrow{color:var(--primary)}.modal-close{background:var(--primary);color:var(--text-light);border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-size:1rem;cursor:pointer;transition:background .3s;display:block;margin:0 auto}.modal-close:hover{background:var(--accent)}.step-category-badge{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.3rem;background:var(--primary);color:var(--text-light);padding:.3rem .8rem;border-radius:15px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.category-core .step-category-badge{background:var(--primary)}.category-ai .step-category-badge{background:var(--accent)}.category-portal .step-category-badge{background:var(--secondary)}.user-journeys{margin:4rem 0;padding:4rem 2rem;background:#05352f65;border-radius:20px;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;animation:slideInFromBottom 1s ease-out 1.2s both}.user-journeys:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--secondary),var(--primary),var(--accent));background-size:200% 100%;animation:gradientShift 4s ease-in-out infinite}.user-journeys h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--text-light)}.journey-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:3rem;max-width:1200px;margin:0 auto}.journey-card{background:#ffffff14;border-radius:20px;padding:2.5rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.journey-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#2a9d8f08,#e76f5108);opacity:0;transition:opacity .4s ease}.journey-card:hover{transform:translateY(-5px);background:#ffffff1f;border-color:#fff3;box-shadow:0 15px 40px #0000001a}.journey-card:hover:before{opacity:1}.journey-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.journey-icon{font-size:2rem;color:var(--primary);transition:all .4s ease;position:relative;z-index:1}.journey-card:hover .journey-icon{transform:scale(1.1);color:var(--accent);filter:drop-shadow(0 0 10px rgba(231,111,81,.4))}.journey-header h3{font-size:1.8rem;color:var(--text-light);margin:0}.journey-steps{display:flex;flex-direction:column;gap:1.5rem}.journey-step{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:12px;border-left:3px solid var(--primary);transition:all .3s ease;position:relative;z-index:1}.journey-step:hover{background:#ffffff14;transform:translate(5px);border-left-color:var(--accent)}.step-number{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--text-light);width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #2a9d8f4d;font-weight:600;font-size:.9rem;flex-shrink:0;margin-top:.2rem}.journey-step:hover .step-number{background:linear-gradient(135deg,var(--accent),var(--primary));transform:scale(1.1);box-shadow:0 4px 15px #e76f5166}.journey-step p{margin:0;line-height:1.6;color:var(--text-light);opacity:.9}.ai-technology{margin:4rem 0;padding:4rem 2rem;background:#05352f65;border-radius:20px;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;animation:slideInFromBottom 1s ease-out 1.5s both}.ai-technology:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--primary),var(--secondary));background-size:200% 100%;animation:gradientShift 5s ease-in-out infinite}.ai-content{max-width:1200px;margin:0 auto;text-align:center}.ai-content h2{font-size:2.5rem;margin-bottom:1.5rem;color:var(--text-light)}.ai-content p{font-size:1.2rem;line-height:1.7;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;opacity:.9}.ai-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.ai-feature{background:#ffffff14;padding:2rem;border-radius:15px;border:1px solid rgba(255,255,255,.1);text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ai-feature:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#2a9d8f0d,#e76f510d);opacity:0;transition:opacity .4s ease}.ai-feature:hover{transform:translateY(-8px) scale(1.02);background:#ffffff1f;border-color:#fff3;box-shadow:0 15px 40px #0000001a}.ai-feature:hover:before{opacity:1}.ai-feature-icon{font-size:2.5rem;color:var(--primary);margin-bottom:1rem;transition:all .4s ease;position:relative;z-index:1}.ai-feature:hover .ai-feature-icon{transform:scale(1.1) rotate(5deg);color:var(--accent);filter:drop-shadow(0 0 15px rgba(231,111,81,.4))}.ai-feature h4{font-size:1.3rem;margin-bottom:1rem;color:var(--text-light)}.ai-feature p{font-size:1rem;opacity:.8;margin:0;line-height:1.5}.modal-title-section{flex:1}.modal-category-badge{display:flex;align-items:center;gap:.3rem;background:var(--primary);color:var(--text-light);padding:.3rem .8rem;border-radius:15px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:.5rem;width:fit-content}.modal-summary{background:#2a9d8f1a;padding:1.5rem;border-radius:12px;margin-bottom:2rem;border-left:4px solid var(--primary)}.modal-summary p{margin:0;font-size:1.1rem;line-height:1.6;font-style:italic}.modal-details h3{font-size:1.3rem;margin-bottom:1.5rem;color:var(--primary)}.detail-number{background:var(--primary);color:var(--text-light);width:1.8rem;height:1.8rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem;flex-shrink:0;margin-right:1rem}.detail-panel{display:flex;align-items:flex-start;background:#f8f9fa;padding:1.5rem;border-radius:12px;width:100%;text-align:left;box-shadow:0 2px 10px #0000001a;border-left:4px solid var(--primary)}@media (max-width: 1024px){.steps{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.journey-cards{grid-template-columns:1fr;gap:2rem}.platform-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.how-it-works{padding:3rem 1.5rem}.hero-content h1{font-size:2.8rem;animation:titleGlow 2s ease-in-out infinite alternate}.hero-subtitle{font-size:1.1rem;padding:0 1rem}.hero-features{flex-direction:column;align-items:center;gap:1rem}.hero-feature{width:100%;max-width:280px;justify-content:center}.filter-buttons{flex-direction:column;align-items:center;gap:.75rem}.filter-btn{width:100%;max-width:200px;justify-content:center}.journey-cards{grid-template-columns:1fr;gap:2rem}.journey-card{padding:2rem}.steps{grid-template-columns:1fr;gap:1.5rem}.step-card{padding:2rem;margin:0 .5rem}.platform-stats{grid-template-columns:1fr;gap:1.5rem}.stat-item{padding:1.5rem;flex-direction:column;text-align:center;gap:1rem}.ai-features{grid-template-columns:1fr;gap:1.5rem}.ai-feature{padding:1.5rem}.platform-overview,.user-journeys,.ai-technology{padding:3rem 1.5rem;margin:2rem 0}.overview-content h2,.user-journeys h2,.ai-content h2{font-size:2rem}.category-filters h2{font-size:1.8rem}}@media (max-width: 480px){.how-it-works{padding:2rem 1rem}.hero-content h1{font-size:2.2rem;line-height:1.2}.hero-subtitle{font-size:1rem;line-height:1.5}.hero-feature{padding:.6rem 1.2rem;font-size:.85rem}.step-card{padding:1.5rem;margin:0}.step-card h2{font-size:1.5rem}.journey-card{padding:1.5rem}.journey-header h3{font-size:1.5rem}.journey-step{padding:.75rem;flex-direction:column;align-items:flex-start;gap:.75rem}.step-number{align-self:flex-start;margin-top:0}.modal-content{padding:1.5rem;margin:1rem;max-width:calc(100vw - 2rem)}.modal-header{flex-direction:column;align-items:flex-start;gap:.75rem}.platform-overview,.user-journeys,.ai-technology{padding:2rem 1rem;margin:1.5rem 0}.overview-content h2,.user-journeys h2,.ai-content h2{font-size:1.8rem}.category-filters h2{font-size:1.6rem}.overview-content p,.ai-content p{font-size:1rem;line-height:1.6}}@media (prefers-contrast: high){.step-card,.journey-card,.ai-feature,.stat-item,.hero-feature,.filter-btn{border-width:2px}}@media (prefers-reduced-motion: reduce){.how-it-works:before,.platform-overview:before,.user-journeys:before,.ai-technology:before,.step-card:before{animation:none}.hero-content h1{animation:none;filter:none}.hero-subtitle,.category-filters,.platform-overview,.user-journeys,.ai-technology{animation:none}.step-card{animation:none;opacity:1;transform:none}.hero-feature:before,.filter-btn:before,.view-details:before{display:none}*{transition:none!important}}.doctor-dashboard{position:fixed;top:var(--header-height);left:0;width:100vw;height:calc(100vh - var(--header-height));background:var(--bg-light);display:flex;flex-direction:row;z-index:1;overflow:hidden}.doctor-dashboard .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;position:fixed;top:1rem;left:1rem;z-index:1001;background:var(--primary);color:var(--text-light);border:none;border-radius:8px;width:44px;height:44px;font-size:1.2rem;cursor:pointer;box-shadow:var(--shadow);transition:background var(--transition)}.doctor-dashboard .mobile-menu-toggle:hover{background:var(--primary-dark)}@media (min-width: 1024px){.doctor-dashboard .mobile-menu-toggle{display:none}}.doctor-dashboard .mobile-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:999}@media (min-width: 1024px){.doctor-dashboard .mobile-menu-overlay{display:none}}.doctor-dashboard .sidebar-wrapper{width:280px;height:calc(100vh - var(--header-height));flex-shrink:0;order:1}@media (max-width: 1023px){.doctor-dashboard .sidebar-wrapper{position:fixed;top:0;left:-100%;width:280px;height:100vh;z-index:1000;transition:left var(--transition);background:var(--primary-dark)}.doctor-dashboard .sidebar-wrapper.mobile-open{left:0}}.doctor-dashboard .sidebar-wrapper .sidebar{background:var(--primary-dark);width:100%;height:100%;display:flex;flex-direction:column;color:var(--text-light);position:relative;overflow-y:auto}.dark .doctor-dashboard .sidebar-wrapper .sidebar{background:var(--secondary)}@media (max-width: 1023px){.doctor-dashboard .sidebar-wrapper .sidebar{padding-top:4rem}}.doctor-dashboard .doctor-profile{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.doctor-dashboard .doctor-profile img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--accent)}.doctor-dashboard .doctor-profile h3{font-size:1.25rem;color:var(--text-light);text-align:center}.doctor-dashboard .doctor-profile p{font-size:.9rem;opacity:.7;color:var(--text-light);text-align:center}.doctor-dashboard .btn-edit{background:var(--accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:20px;font-weight:600;cursor:pointer;transition:var(--transition);font-size:.9rem}.doctor-dashboard .btn-edit:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.doctor-dashboard .sidebar-nav{display:flex;flex-direction:column;gap:.5rem;padding:1rem;flex:1}.doctor-dashboard .sidebar-nav .nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-light);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);font-size:.95rem;text-decoration:none;font-weight:500}.doctor-dashboard .sidebar-nav .nav-link:hover,.doctor-dashboard .sidebar-nav .nav-link.active{background:#ffffff26;color:var(--text-light)}.doctor-dashboard .sidebar-nav .nav-link i{width:20px;text-align:center;min-width:20px}.doctor-dashboard .dashboard-main{flex:1;padding:1rem;background:var(--bg-light);overflow-y:auto;height:calc(100vh - var(--header-height));order:2}@media (min-width: 768px){.doctor-dashboard .dashboard-main{padding:1.5rem}}@media (min-width: 1024px){.doctor-dashboard .dashboard-main{padding:2rem;margin:1rem 1rem 1rem 0;border-radius:16px 0 0;box-shadow:0 0 0 1px #0000000d;height:calc(100vh - var(--header-height) - 2rem)}}.doctor-dashboard .dashboard-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(42,157,143,.1);border-radius:16px;box-shadow:0 4px 16px #0000000d,0 1px 4px #2a9d8f1a;position:relative;overflow:hidden}.doctor-dashboard .dashboard-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--accent));opacity:.8}.dark .doctor-dashboard .dashboard-header{background:#00000026;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 16px #0003,0 1px 4px #2a9d8f26}@media (min-width: 768px){.doctor-dashboard .dashboard-header{flex-direction:row;justify-content:space-between;align-items:center;padding:1.25rem 2rem;gap:2rem}}.doctor-dashboard .search-bar{display:flex;align-items:center;background:#ffffff26;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(42,157,143,.1);border-radius:12px;padding:.625rem 1rem;width:100%;gap:.625rem;transition:all var(--transition);box-shadow:0 2px 8px #0000000d;min-height:44px}.doctor-dashboard .search-bar:focus-within{border-color:var(--primary);background:#ffffff40;box-shadow:0 0 0 4px #2a9d8f1a,0 4px 12px #2a9d8f26;transform:translateY(-1px)}.dark .doctor-dashboard .search-bar{border:2px solid rgba(255,255,255,.1);background:#00000040}.dark .doctor-dashboard .search-bar:focus-within{background:#00000059;box-shadow:0 0 0 4px #2a9d8f33,0 4px 12px #2a9d8f40}@media (min-width: 768px){.doctor-dashboard .search-bar{width:450px;max-width:100%}}.doctor-dashboard .search-bar input{flex:1;border:none;background:transparent;padding:.25rem;font-size:.9rem;color:var(--text-dark);font-weight:500;min-width:0}@media (min-width: 768px){.doctor-dashboard .search-bar input{font-size:1rem;padding:.5rem}}.doctor-dashboard .search-bar input:focus{outline:none}.doctor-dashboard .search-bar input::placeholder{color:var(--text-dark);opacity:.6;font-weight:400}@media (max-width: 767px){.doctor-dashboard .search-bar input::placeholder{font-size:.85rem}}.doctor-dashboard .search-bar i{color:var(--primary);opacity:.8;font-size:1rem;flex-shrink:0}@media (min-width: 768px){.doctor-dashboard .search-bar i{font-size:1.1rem}}.doctor-dashboard .header-actions{display:flex;gap:.75rem;align-items:center;justify-content:center}@media (min-width: 768px){.doctor-dashboard .header-actions{gap:1rem;justify-content:flex-start}}.doctor-dashboard .communication-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(42,157,143,.1);transition:all var(--transition);position:relative;box-shadow:0 2px 8px #0000000d;flex-shrink:0}@media (min-width: 768px){.doctor-dashboard .communication-icon{width:48px;height:48px;border-radius:12px}}.doctor-dashboard .communication-icon.disabled{opacity:.5;cursor:not-allowed;background:#00000008;border-color:#00000014}.doctor-dashboard .communication-icon.disabled:after{content:"";position:absolute;top:50%;left:50%;width:2px;height:24px;background:#dc3545b3;transform:translate(-50%,-50%) rotate(45deg);border-radius:1px;animation:disabledPulse 3s ease-in-out infinite}@keyframes disabledPulse{0%,to{opacity:.7}50%{opacity:.4}}.dark .doctor-dashboard .communication-icon{background:#ffffff0d;border:2px solid rgba(255,255,255,.1)}.dark .doctor-dashboard .communication-icon.disabled{background:#ffffff05;border-color:#ffffff0d}.doctor-dashboard .communication-icon i{font-size:1.2rem;color:var(--primary);transition:var(--transition)}.doctor-dashboard .communication-icon.disabled i{color:#2a9d8f66}.doctor-dashboard .communication-icon:not(.disabled):hover{background:#2a9d8f1a;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #2a9d8f33}.doctor-dashboard .communication-icon:not(.disabled):hover i{color:var(--accent)}.doctor-dashboard .metrics-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:2rem;animation:metricsSlideIn .6s ease-out}@media (min-width: 768px){.doctor-dashboard .metrics-grid{grid-template-columns:repeat(2,1fr);gap:1.75rem;margin-bottom:2.5rem}}@media (min-width: 1024px){.doctor-dashboard .metrics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem}}.doctor-dashboard .metric-card{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(42,157,143,.15);border-radius:20px;padding:2.25rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:1.25rem;box-shadow:0 4px 20px #2a9d8f14,0 1px 4px #0000000d,inset 0 1px #fff3;cursor:pointer}.doctor-dashboard .metric-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));opacity:.9}.doctor-dashboard .metric-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#2a9d8f0d);opacity:0;transition:opacity .3s ease;pointer-events:none}.dark .doctor-dashboard .metric-card{border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0000004d,0 1px 4px #0003,inset 0 1px #ffffff1a;background:#00000040}.doctor-dashboard .metric-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #2a9d8f33,0 8px 16px #2a9d8f26,inset 0 1px #ffffff4d;border-color:#2a9d8f66}.doctor-dashboard .metric-card:hover:after{opacity:1}.doctor-dashboard .metric-card:active{transform:translateY(-6px) scale(1.01);transition:all .15s ease}.doctor-dashboard .metric-icon{display:flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--text-light);font-size:1.75rem;flex-shrink:0;box-shadow:0 8px 16px #2a9d8f4d,inset 0 1px #fff3;transition:all .3s ease;position:relative;overflow:hidden}.doctor-dashboard .metric-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(0,0,0,.1) 100%);opacity:0;transition:opacity .3s ease}.doctor-dashboard .metric-card:hover .metric-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 24px #2a9d8f66,inset 0 1px #ffffff4d}.doctor-dashboard .metric-card:hover .metric-icon:before{opacity:1}.doctor-dashboard .metric-content{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.doctor-dashboard .metric-content h3{font-size:2.25rem;color:var(--primary);margin:0;font-weight:800;line-height:1;text-shadow:0 2px 4px rgba(42,157,143,.1);transition:all .3s ease;background:linear-gradient(135deg,var(--primary),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.doctor-dashboard .metric-card:hover .metric-content h3{transform:scale(1.05);text-shadow:0 4px 8px rgba(42,157,143,.2)}.doctor-dashboard .metric-content p{font-size:1.1rem;color:var(--text-dark);margin:0;font-weight:700;line-height:1.3;letter-spacing:.5px;transition:color .3s ease}.doctor-dashboard .metric-card:hover .metric-content p{color:var(--primary-dark)}.doctor-dashboard .metric-description{font-size:.85rem;color:var(--text-dark);opacity:.75;margin:0;line-height:1.4;font-weight:500;transition:opacity .3s ease}.doctor-dashboard .metric-card:hover .metric-description{opacity:.9}@media (max-width: 767px){.doctor-dashboard .metric-card{padding:1.5rem;gap:.75rem}.doctor-dashboard .metric-icon{width:50px;height:50px;font-size:1.25rem}.doctor-dashboard .metric-content h3{font-size:1.75rem}.doctor-dashboard .metric-content p{font-size:.9rem}.doctor-dashboard .metric-description{font-size:.75rem}}.doctor-dashboard .metric-card.coming-soon{opacity:.75;cursor:default;position:relative}.doctor-dashboard .metric-card.coming-soon:before{background:linear-gradient(90deg,#96969680,#b4b4b480)}.doctor-dashboard .metric-card.coming-soon:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 24px #0000001a,0 4px 8px #00000014}.doctor-dashboard .metric-card.coming-soon .metric-icon{background:linear-gradient(135deg,#9ca3af,#6b7280);opacity:.7}.doctor-dashboard .metric-card.coming-soon:hover .metric-icon{transform:scale(1.05)}.doctor-dashboard .metric-card.coming-soon .metric-content h3{font-size:1.1rem;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:.5px;text-transform:uppercase;animation:comingSoonPulse 2s ease-in-out infinite}.doctor-dashboard .metric-card.coming-soon .metric-content p{color:#6b7280;font-size:.95rem}.doctor-dashboard .metric-card.coming-soon .metric-description{color:#9ca3af;font-style:italic}.doctor-dashboard .metric-card.coming-soon:after{content:"🚀";position:absolute;top:1rem;right:1rem;font-size:1.5rem;opacity:.3;animation:rocketFloat 3s ease-in-out infinite}@keyframes comingSoonPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes rocketFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(5deg)}}.dark .doctor-dashboard .metric-card.coming-soon .metric-content h3{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark .doctor-dashboard .metric-card.coming-soon .metric-content p{color:#9ca3af}.dark .doctor-dashboard .metric-card.coming-soon .metric-description{color:#6b7280}.doctor-dashboard .patient-management{background:#ffffff1f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(42,157,143,.1);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #2a9d8f14,0 2px 8px #0000000d,inset 0 1px #ffffff26;position:relative;overflow:hidden;animation:patientSectionSlideIn .8s ease-out .2s both}.doctor-dashboard .patient-management:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));opacity:.8}.dark .doctor-dashboard .patient-management{border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,0 2px 8px #0003,inset 0 1px #ffffff1a;background:#00000040}.doctor-dashboard .section-header{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem;animation:sectionHeaderSlideIn .6s ease-out .1s both}@media (min-width: 768px){.doctor-dashboard .section-header{flex-direction:row;justify-content:space-between;align-items:center;gap:2rem}}.doctor-dashboard .section-header h2{font-size:1.75rem;color:var(--primary);font-weight:800;letter-spacing:.5px;margin:0;position:relative;background:linear-gradient(135deg,var(--primary),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(42,157,143,.1)}.doctor-dashboard .section-header h2:after{content:"";position:absolute;bottom:-4px;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:2px;opacity:.8}.doctor-dashboard .section-header button{background:linear-gradient(135deg,var(--accent),#d85a3a);color:#fff;border:none;padding:1rem 1.5rem;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:48px;font-weight:700;font-size:.95rem;letter-spacing:.5px;box-shadow:0 4px 16px #e76f514d,0 2px 4px #e76f5133;position:relative;overflow:hidden}.doctor-dashboard .section-header button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.doctor-dashboard .section-header button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px #e76f5166,0 4px 8px #e76f514d;background:linear-gradient(135deg,#e76f51,#d85a3a)}.doctor-dashboard .section-header button:hover:before{opacity:1}.doctor-dashboard .section-header button:active{transform:translateY(-1px) scale(1.01);transition:all .15s ease}@keyframes sectionHeaderSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.doctor-dashboard .patient-list{display:flex;flex-direction:column;gap:1rem;animation:patientListFadeIn .6s ease-out .4s both}.doctor-dashboard .patient-item{background:#ffffff26;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(42,157,143,.08);border-radius:16px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #2a9d8f0f,0 1px 4px #0000000a,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.doctor-dashboard .patient-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--primary),var(--accent));opacity:0;transition:opacity .3s ease}.doctor-dashboard .patient-item:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#2a9d8f0d,#ffffff0d,#e76f510d);opacity:0;transition:opacity .3s ease;pointer-events:none}.dark .doctor-dashboard .patient-item{border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 16px #0003,0 1px 4px #00000026,inset 0 1px #ffffff14;background:#00000026}.doctor-dashboard .patient-item:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 32px #2a9d8f26,0 4px 12px #2a9d8f1a,inset 0 1px #fff3;border-color:#2a9d8f33}.doctor-dashboard .patient-item:hover:before{opacity:1}.doctor-dashboard .patient-item:hover:after{opacity:1}.doctor-dashboard .patient-item:active{transform:translateY(-2px) scale(1.005);transition:all .15s ease}@media (min-width: 768px){.doctor-dashboard .patient-item{padding:1rem 1.5rem}}@media (max-width: 767px){.doctor-dashboard .patient-item{flex-direction:column;align-items:flex-start;gap:1rem}.doctor-dashboard .patient-actions{align-self:flex-end}}.doctor-dashboard .patient-info h4{margin-bottom:.5rem;color:var(--text-dark);font-size:1.2rem;font-weight:700;letter-spacing:.3px;transition:color .3s ease}.doctor-dashboard .patient-item:hover .patient-info h4{color:var(--primary)}.doctor-dashboard .patient-info p{font-size:.9rem;opacity:.8;color:var(--text-dark);font-weight:500;line-height:1.4;transition:opacity .3s ease}.doctor-dashboard .patient-item:hover .patient-info p{opacity:.95}.doctor-dashboard .patient-actions{display:flex;gap:.75rem;align-items:center}.doctor-dashboard .patient-actions button{background:#2a9d8f1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(42,157,143,.2);color:var(--primary);cursor:pointer;font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);padding:.75rem;border-radius:12px;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.doctor-dashboard .patient-actions button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary),var(--accent));opacity:0;transition:opacity .3s ease}.doctor-dashboard .patient-actions button:hover{background:#2a9d8f26;border-color:var(--primary);color:var(--accent);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 16px #2a9d8f33,0 2px 4px #2a9d8f1a}.doctor-dashboard .patient-actions button:hover:before{opacity:.1}.doctor-dashboard .patient-actions button:active{transform:translateY(-1px) scale(1.02);transition:all .15s ease}.doctor-dashboard .chatbot-container{position:fixed;bottom:2rem;right:2rem;z-index:1000}.doctor-dashboard .chatbot-button{width:60px;height:60px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:var(--transition)}.doctor-dashboard .chatbot-button:hover{transform:scale(1.1)}.doctor-dashboard .modal-box,.doctor-dashboard .modal-contents{scrollbar-width:thin;scrollbar-color:var(--primary) rgba(42,157,143,.1)}.doctor-dashboard .modal-box::-webkit-scrollbar,.doctor-dashboard .modal-contents::-webkit-scrollbar{width:8px;height:8px}.doctor-dashboard .modal-box::-webkit-scrollbar-track,.doctor-dashboard .modal-contents::-webkit-scrollbar-track{background:#2a9d8f0d;border-radius:10px;margin:4px}.doctor-dashboard .modal-box::-webkit-scrollbar-thumb,.doctor-dashboard .modal-contents::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary),var(--primary-dark));border-radius:10px;border:2px solid rgba(255,255,255,.1);transition:all .3s ease}.doctor-dashboard .modal-box::-webkit-scrollbar-thumb:hover,.doctor-dashboard .modal-contents::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent),#d85a3a);border-color:#fff3;box-shadow:0 0 8px #2a9d8f4d}.dark .doctor-dashboard .modal-box::-webkit-scrollbar-track,.dark .doctor-dashboard .modal-contents::-webkit-scrollbar-track{background:#0003}.dark .doctor-dashboard .modal-box::-webkit-scrollbar-thumb,.dark .doctor-dashboard .modal-contents::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent),#d85a3a);border-color:#ffffff0d}.dark .doctor-dashboard .modal-box::-webkit-scrollbar-thumb:hover,.dark .doctor-dashboard .modal-contents::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e76f51,#c85a3a);box-shadow:0 0 8px #e76f5166}.doctor-dashboard .dropdown-container{position:relative;width:100%;z-index:10}.doctor-dashboard .form-group:has(.dropdown-container){z-index:10}.doctor-dashboard .gender-dropdown-trigger{cursor:pointer;-webkit-user-select:none;user-select:none}.doctor-dashboard .dropdown-list{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 12px 40px #00000026,0 0 0 1px #2a9d8f1a;padding:.5rem;z-index:20;list-style:none;margin:0;animation:dropdownSlideIn .2s cubic-bezier(.34,1.56,.64,1);border:2px solid rgba(42,157,143,.2);max-height:200px;overflow-y:auto}.dark .doctor-dashboard .dropdown-list{background:#264653fa;border-color:#ffffff1a;box-shadow:0 12px 40px #0006,0 0 0 1px #ffffff1a}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.doctor-dashboard .dropdown-item{padding:.75rem 1rem;cursor:pointer;border-radius:8px;transition:all .2s ease;color:var(--text-dark);font-weight:500}.doctor-dashboard .dropdown-item:hover{background:#2a9d8f1a;color:var(--primary);transform:translate(4px)}.dark .doctor-dashboard .dropdown-item{color:var(--text-light)}.dark .doctor-dashboard .dropdown-item:hover{background:#e76f511a;color:var(--accent)}.doctor-dashboard .modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:2rem 1rem;animation:overlayFadeIn .3s ease-out}.doctor-dashboard .modal-box{background:var(--bg-light);border-radius:20px;padding:0;width:100%;max-width:550px;max-height:80vh;box-shadow:0 30px 60px -12px #0006,0 0 0 2px #fff3,0 0 0 4px #2a9d8f66;border:2px solid rgba(255,255,255,.1);animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden;position:relative;display:flex;flex-direction:column;z-index:100000;margin-top:2rem}.dark .doctor-dashboard .modal-box{background:var(--secondary);box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a}.doctor-dashboard .modal-title{margin:0;font-size:1.5rem;font-weight:700;text-align:center;padding:2rem 2rem 1.5rem;background:var(--primary);color:var(--text-light);position:relative}.doctor-dashboard .modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border:none;background:#fff3;color:var(--text-light);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:var(--transition);z-index:1}.doctor-dashboard .modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.doctor-dashboard .modal-contents{padding:2rem;background:var(--bg-light);position:relative;overflow-y:auto;flex:1;max-height:calc(90vh - 200px)}.doctor-dashboard .modal-contents::-webkit-scrollbar{width:8px}.doctor-dashboard .modal-contents::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.doctor-dashboard .modal-contents::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px;transition:background var(--transition)}.doctor-dashboard .modal-contents::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.dark .doctor-dashboard .modal-contents::-webkit-scrollbar-track{background:#ffffff0d}.dark .doctor-dashboard .modal-contents::-webkit-scrollbar-thumb{background:var(--accent)}.dark .doctor-dashboard .modal-contents{background:var(--secondary)}.doctor-dashboard .form-group{margin-bottom:1.5rem;position:relative}.doctor-dashboard .form-group:last-child{margin-bottom:0}.doctor-dashboard .modal-contents label{display:block;font-weight:600;color:var(--primary-dark);margin-bottom:.5rem;font-size:.95rem;letter-spacing:.5px}.dark .doctor-dashboard .modal-contents label{color:var(--text-light)}.doctor-dashboard .modal-input{width:100%;padding:1rem 1.25rem;font-size:1rem;border-radius:12px;border:2px solid rgba(42,157,143,.2);background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-dark);font-weight:500;box-shadow:0 2px 8px #0000000d}.doctor-dashboard .modal-input:focus{outline:none;border-color:var(--primary);background:#fffc;box-shadow:0 0 0 4px #2a9d8f1a,0 4px 12px #2a9d8f26;transform:translateY(-2px)}.doctor-dashboard .modal-input::placeholder{color:var(--text-dark);opacity:.5}.dark .doctor-dashboard .modal-input{background:#0000004d;border-color:#fff3;color:var(--text-light)}.dark .doctor-dashboard .modal-input:focus{background:#0006;border-color:var(--accent)}.doctor-dashboard .image-preview{margin-top:1rem;display:flex;justify-content:center}.doctor-dashboard .image-preview img{max-width:150px;max-height:150px;border-radius:12px;object-fit:cover;box-shadow:0 4px 12px #0000001a}.doctor-dashboard .modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem;background:#00000005;border-top:1px solid rgba(0,0,0,.05)}.dark .doctor-dashboard .modal-actions{background:#ffffff05;border-top:1px solid rgba(255,255,255,.05)}.doctor-dashboard .modal-btn{padding:.875rem 2rem;border:none;border-radius:12px;cursor:pointer;font-weight:700;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:120px;position:relative;overflow:hidden}.doctor-dashboard .modal-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.doctor-dashboard .modal-btn:hover:before{left:100%}.doctor-dashboard .cancel-btn{background:#0000000d;color:var(--text-dark);border:2px solid rgba(0,0,0,.1)}.doctor-dashboard .cancel-btn:hover{background:#0000001a;border-color:#0003;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dark .doctor-dashboard .cancel-btn{background:#ffffff0d;color:var(--text-light);border-color:#ffffff1a}.dark .doctor-dashboard .cancel-btn:hover{background:#ffffff1a;border-color:#fff3}.doctor-dashboard .confirm-btn{background:linear-gradient(135deg,var(--accent),#d85a3a);color:#fff;box-shadow:0 4px 15px #e76f514d}.doctor-dashboard .confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e76f5166}.doctor-dashboard .confirm-btn:active,.doctor-dashboard .cancel-btn:active{transform:translateY(0)}.doctor-dashboard .modal-input[type=date]{position:relative;cursor:pointer;padding-right:3.5rem;font-weight:600;letter-spacing:.5px;background:linear-gradient(135deg,#2a9d8f0d,#e76f510d);border:2px solid rgba(42,157,143,.3);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232a9d8f' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:24px;box-shadow:0 4px 12px #2a9d8f1a,inset 0 1px #ffffff80}.doctor-dashboard .modal-input[type=date]:hover{border-color:var(--primary);background:linear-gradient(135deg,#2a9d8f1a,#e76f511a);box-shadow:0 6px 16px #2a9d8f26,inset 0 1px #fff9}.doctor-dashboard .modal-input[type=date]:focus{border-color:var(--primary);background:linear-gradient(135deg,#2a9d8f26,#e76f5126);box-shadow:0 0 0 4px #2a9d8f26,0 8px 20px #2a9d8f33,inset 0 1px #ffffffb3}.doctor-dashboard .modal-input[type=date]::-webkit-calendar-picker-indicator{position:absolute;right:1rem;cursor:pointer;opacity:0;width:24px;height:24px;z-index:2}.doctor-dashboard .modal-input[type=date]::-webkit-datetime-edit{padding:0;display:flex;align-items:center}.doctor-dashboard .modal-input[type=date]::-webkit-datetime-edit-fields-wrapper{padding:0;display:flex;align-items:center;gap:.25rem}.doctor-dashboard .modal-input[type=date]::-webkit-datetime-edit-text{color:var(--primary);padding:0 .25rem;font-weight:700}.doctor-dashboard .modal-input[type=date]::-webkit-datetime-edit-month-field,.doctor-dashboard .modal-input[type=date]::-webkit-datetime-edit-day-field,.doctor-dashboard .modal-input[type=date]::-webkit-datetime-edit-year-field{color:var(--text-dark);font-weight:700;padding:.25rem .5rem;border-radius:6px;transition:all .2s ease;background:#ffffff80;border:1px solid transparent}.doctor-dashboard .modal-input[type=date]::-webkit-datetime-edit-month-field:hover,.doctor-dashboard .modal-input[type=date]::-webkit-datetime-edit-day-field:hover,.doctor-dashboard .modal-input[type=date]::-webkit-datetime-edit-year-field:hover{background:#2a9d8f26;border-color:#2a9d8f4d;transform:scale(1.05)}.doctor-dashboard .modal-input[type=date]::-webkit-datetime-edit-month-field:focus,.doctor-dashboard .modal-input[type=date]::-webkit-datetime-edit-day-field:focus,.doctor-dashboard .modal-input[type=date]::-webkit-datetime-edit-year-field:focus{background:#2a9d8f40;border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #2a9d8f33}.doctor-dashboard .modal-input[type=date]::-webkit-datetime-edit-month-field [aria-valuenow="0"],.doctor-dashboard .modal-input[type=date]::-webkit-datetime-edit-day-field [aria-valuenow="0"],.doctor-dashboard .modal-input[type=date]::-webkit-datetime-edit-year-field [aria-valuenow="0"]{color:#2b2d4266;font-style:italic}.dark .doctor-dashboard .modal-input[type=date]{background:linear-gradient(135deg,#2a9d8f1a,#e76f511a);border-color:#e76f514d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e76f51' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");box-shadow:0 4px 12px #e76f5126,inset 0 1px #ffffff1a}.dark .doctor-dashboard .modal-input[type=date]:hover{border-color:var(--accent);background:linear-gradient(135deg,#2a9d8f26,#e76f5126)}.dark .doctor-dashboard .modal-input[type=date]:focus{border-color:var(--accent);box-shadow:0 0 0 4px #e76f5133,0 8px 20px #e76f5140}.dark .doctor-dashboard .modal-input[type=date]::-webkit-datetime-edit-month-field,.dark .doctor-dashboard .modal-input[type=date]::-webkit-datetime-edit-day-field,.dark .doctor-dashboard .modal-input[type=date]::-webkit-datetime-edit-year-field{color:var(--text-light);background:#0000004d}.dark .doctor-dashboard .modal-input[type=date]::-webkit-datetime-edit-month-field:hover,.dark .doctor-dashboard .modal-input[type=date]::-webkit-datetime-edit-day-field:hover,.dark .doctor-dashboard .modal-input[type=date]::-webkit-datetime-edit-year-field:hover{background:#e76f5133;border-color:#e76f5166}.dark .doctor-dashboard .modal-input[type=date]::-webkit-datetime-edit-month-field:focus,.dark .doctor-dashboard .modal-input[type=date]::-webkit-datetime-edit-day-field:focus,.dark .doctor-dashboard .modal-input[type=date]::-webkit-datetime-edit-year-field:focus{background:#e76f514d;border-color:var(--accent);box-shadow:0 0 0 2px #e76f514d}.doctor-dashboard .modal-input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:.1;background:#2a9d8f1a;border-radius:50%}.doctor-dashboard .modal-input[type=date]{color-scheme:light}.dark .doctor-dashboard .modal-input[type=date]{color-scheme:dark}@keyframes calendarPulse{0%,to{box-shadow:0 0 0 4px #2a9d8f26,0 8px 20px #2a9d8f33}50%{box-shadow:0 0 0 6px #2a9d8f1a,0 10px 25px #2a9d8f40}}.doctor-dashboard .modal-input[type=date]:focus{animation:calendarPulse 2s ease-in-out infinite}.doctor-dashboard .modal-input[type=date]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s;pointer-events:none}.doctor-dashboard .modal-input[type=date]:hover:before{left:100%}.doctor-dashboard .modal-input[type=text],.doctor-dashboard .modal-input[type=tel],.doctor-dashboard .modal-input[type=number],.doctor-dashboard select.modal-input{appearance:none;-webkit-appearance:none;-moz-appearance:none}.doctor-dashboard select.modal-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%232a9d8f' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:12px;padding-right:3rem;cursor:pointer}.dark .doctor-dashboard select.modal-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e76f51' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.doctor-dashboard .date-input-wrapper{position:relative;display:flex;align-items:center}.doctor-dashboard .date-input-wrapper:after{content:"📅";position:absolute;right:1rem;font-size:1.5rem;pointer-events:none;animation:calendarIconBounce 2s ease-in-out infinite}@keyframes calendarIconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.doctor-dashboard .age-display{margin:.75rem 0 0;padding:1rem 1.25rem;background:linear-gradient(135deg,#2a9d8f26,#e76f5126);border-radius:12px;border-left:4px solid var(--primary);font-weight:700;font-size:1.05rem;display:inline-block;animation:ageDisplaySlideIn .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px #2a9d8f26;color:var(--primary);letter-spacing:.5px}.dark .doctor-dashboard .age-display{background:linear-gradient(135deg,#2a9d8f33,#e76f5133);border-left-color:var(--accent);color:var(--accent);box-shadow:0 4px 12px #e76f5133}@keyframes ageDisplaySlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (max-width: 767px){.doctor-dashboard .modal-box{max-width:95%;margin:1rem}.doctor-dashboard .modal-title{font-size:1.25rem;padding:1.5rem 1rem 1rem}.doctor-dashboard .modal-contents{padding:1.5rem}.doctor-dashboard .modal-actions{flex-direction:column;padding:1rem}.doctor-dashboard .modal-btn{width:100%}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes metricsSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes patientSectionSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes patientListFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.beautiful-loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#2a9d8ff2,#264653f2,#e76f51f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:100000;animation:overlayFadeIn .6s ease-out}.loading-content{text-align:center;color:#fff;animation:loadingContentSlide .8s cubic-bezier(.34,1.56,.64,1);max-width:400px;padding:2rem}.loading-content h3{font-size:2.2rem;font-weight:700;margin-bottom:.8rem;text-shadow:0 3px 6px rgba(0,0,0,.4);background:linear-gradient(45deg,#fff,#f0f8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textGlow 2s ease-in-out infinite alternate}.loading-content p{font-size:1.2rem;opacity:.95;margin-bottom:2.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1.4;font-weight:300}@keyframes metricsSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes patientSectionSlideIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes patientListFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 4px 20px #2a9d8f14,0 1px 4px #0000000d}50%{box-shadow:0 8px 32px #2a9d8f26,0 2px 8px #2a9d8f1a}}@media (max-width: 767px){.doctor-dashboard .metric-card{padding:1.75rem;gap:1rem;border-radius:16px}.doctor-dashboard .metric-icon{width:60px;height:60px;font-size:1.5rem;border-radius:12px}.doctor-dashboard .metric-content h3{font-size:1.9rem}.doctor-dashboard .metric-content p{font-size:1rem}.doctor-dashboard .metric-description{font-size:.8rem}.doctor-dashboard .patient-item{padding:1.25rem;border-radius:12px;flex-direction:column;align-items:flex-start;gap:1rem}.doctor-dashboard .patient-actions{align-self:flex-end;gap:.5rem}.doctor-dashboard .patient-actions button{min-width:44px;min-height:44px;padding:.6rem;font-size:1rem}}@media (min-width: 768px) and (max-width: 1023px){.doctor-dashboard .metric-card{padding:2rem}.doctor-dashboard .patient-item{padding:1.25rem 1.5rem}}@media (min-width: 1440px){.doctor-dashboard .metrics-grid{gap:2.5rem}.doctor-dashboard .metric-card,.doctor-dashboard .patient-management{padding:2.5rem}.doctor-dashboard .patient-item{padding:1.75rem 2rem}}.doctor-dashboard .metric-card:focus-visible{outline:3px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 6px #2a9d8f33,0 20px 40px #2a9d8f33}.doctor-dashboard .patient-item:focus-visible{outline:2px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 4px #2a9d8f33,0 12px 32px #2a9d8f26}.doctor-dashboard .patient-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px #e76f5133,0 8px 16px #2a9d8f33}@media (prefers-reduced-motion: reduce){.doctor-dashboard .metric-card,.doctor-dashboard .patient-item,.doctor-dashboard .patient-actions button,.doctor-dashboard .metric-icon{transition:none;animation:none}.doctor-dashboard .metric-card:hover,.doctor-dashboard .patient-item:hover{transform:none}.doctor-dashboard .metrics-grid,.doctor-dashboard .patient-management,.doctor-dashboard .patient-list{animation:none}}@media (prefers-contrast: high){.doctor-dashboard .metric-card,.doctor-dashboard .patient-item{border-width:2px;border-color:var(--primary)}.doctor-dashboard .patient-actions button{border-width:2px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:modalOverlayFadeIn .3s ease-out;padding:1rem}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;width:100%;max-width:520px;max-height:85vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;padding:2.5rem;position:relative;animation:modalContentSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalContentSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.dark .modal-box{background:#264653fa;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a}.modal-box:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:24px 24px 0 0}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:#0000000d;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--text-dark);font-size:1.25rem;z-index:1}.dark .modal-close{background:#ffffff1a;color:var(--text-light)}.modal-close:hover{background:#ef44441a;color:#ef4444;transform:rotate(90deg) scale(1.1)}.modal-title{margin:0 0 2rem;color:var(--text-dark);font-size:1.875rem;font-weight:700;line-height:1.3;display:flex;align-items:center;gap:.75rem}.dark .modal-title{color:var(--text-light)}.modal-title i{color:var(--primary);font-size:1.75rem}.modal-contents{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.modal-contents label{display:block;margin-bottom:.5rem;font-size:.9375rem;font-weight:600;color:var(--text-dark)}.dark .modal-contents label{color:var(--text-light)}.modal-input{width:100%;padding:.875rem 1rem;border:2px solid rgba(42,157,143,.2);border-radius:12px;font-size:1rem;font-family:var(--font-family);transition:all .3s ease;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-dark);box-sizing:border-box}.dark .modal-input{background:#0003;border-color:#fff3;color:var(--text-light)}.modal-input::placeholder{color:#2b2d4280}.dark .modal-input::placeholder{color:#f4f4f480}.modal-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #2a9d8f1a;background:#fffc;transform:translateY(-1px)}.dark .modal-input:focus{background:#0000004d}.modal-input:hover:not(:focus){border-color:#2a9d8f66;background:#fff9}.dark .modal-input:hover:not(:focus){background:#00000040}.modal-input[type=date]{position:relative;cursor:pointer;padding-right:2.5rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232A9D8F'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5rem 1.5rem}.dark .modal-input[type=date]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23FDFEFE'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z'/%3e%3c/svg%3e")}.modal-input[type=date]::-webkit-calendar-picker-indicator{position:absolute;right:.75rem;cursor:pointer;opacity:0;width:1.5rem;height:1.5rem}.modal-input[type=date]::-webkit-datetime-edit{padding:0}.modal-input[type=date]::-webkit-datetime-edit-fields-wrapper{padding:0}.modal-input[type=date]::-webkit-datetime-edit-text{color:var(--text-dark);padding:0 .25rem}.dark .modal-input[type=date]::-webkit-datetime-edit-text{color:var(--text-light)}.modal-input[type=date]::-webkit-datetime-edit-month-field,.modal-input[type=date]::-webkit-datetime-edit-day-field,.modal-input[type=date]::-webkit-datetime-edit-year-field{color:var(--text-dark);padding:.125rem .25rem;border-radius:4px;transition:all .2s ease}.dark .modal-input[type=date]::-webkit-datetime-edit-month-field,.dark .modal-input[type=date]::-webkit-datetime-edit-day-field,.dark .modal-input[type=date]::-webkit-datetime-edit-year-field{color:var(--text-light)}.modal-input[type=date]::-webkit-datetime-edit-month-field:focus,.modal-input[type=date]::-webkit-datetime-edit-day-field:focus,.modal-input[type=date]::-webkit-datetime-edit-year-field:focus{background:#2a9d8f1a;color:var(--primary)}.modal-input[type=select],select.modal-input{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%232A9D8F' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem 1.25rem;padding-right:2.5rem}.dark select.modal-input{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23FDFEFE' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}.image-preview{margin-top:1rem;display:flex;justify-content:center}.image-preview img{max-width:200px;max-height:200px;border-radius:12px;object-fit:cover;box-shadow:0 4px 15px #0000001a;border:3px solid var(--primary)}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid rgba(0,0,0,.05)}.dark .modal-actions{border-top-color:#ffffff1a}.modal-btn{padding:.875rem 2rem;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-width:120px;font-family:var(--font-family)}.modal-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.modal-btn:hover:before{left:100%}.confirm-btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 15px #2a9d8f4d}.confirm-btn:hover{background:linear-gradient(135deg,var(--primary-dark),#1d3557);transform:translateY(-2px);box-shadow:0 6px 20px #2a9d8f66}.confirm-btn:active{transform:translateY(0)}.cancel-btn{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-dark);border:2px solid rgba(0,0,0,.1)}.dark .cancel-btn{background:#0003;color:var(--text-light);border-color:#fff3}.cancel-btn:hover{background:#fff3;border-color:#0003;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.dark .cancel-btn:hover{background:#0000004d;border-color:#ffffff4d}.cancel-btn:active{transform:translateY(0)}.modal-box::-webkit-scrollbar{width:8px}.modal-box::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.modal-box::-webkit-scrollbar-thumb{background:#2a9d8f4d;border-radius:4px}.modal-box::-webkit-scrollbar-thumb:hover{background:#2a9d8f80}@media (max-width: 640px){.modal-box{padding:2rem 1.5rem;max-width:95%;border-radius:20px}.modal-title{font-size:1.5rem;margin-bottom:1.5rem}.modal-contents{gap:1.25rem}.modal-actions{flex-direction:column;gap:.75rem}.modal-btn{width:100%;min-width:unset}.modal-close{top:1rem;right:1rem;width:32px;height:32px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-contents p{animation:fadeInUp .3s ease-out}.desktop-only-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;position:relative;overflow:hidden}.desktop-only-container:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;animation:float 15s ease-in-out infinite}.desktop-only-container:after{content:"";position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);border-radius:50%;animation:float 20s ease-in-out infinite reverse}.desktop-only-content{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;padding:60px 50px;max-width:600px;width:100%;text-align:center;box-shadow:0 30px 80px #0000004d;position:relative;z-index:1;animation:slideUp .8s cubic-bezier(.16,1,.3,1)}.desktop-icon{font-size:80px;color:#667eea;margin-bottom:30px;animation:pulse 2s ease-in-out infinite}.desktop-icon i{filter:drop-shadow(0 10px 20px rgba(102,126,234,.3))}.desktop-title{font-size:42px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 10px;font-family:Quicksand,sans-serif}.desktop-subtitle{font-size:18px;font-weight:600;color:#6c757d;margin:0 0 30px;text-transform:uppercase;letter-spacing:2px}.desktop-message{margin-bottom:40px}.desktop-message p{font-size:16px;line-height:1.8;color:#495057;margin:0 0 15px}.desktop-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;padding:30px 0;border-top:2px solid rgba(102,126,234,.1);border-bottom:2px solid rgba(102,126,234,.1)}.feature-reason{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:16px;transition:all .3s ease}.feature-reason:hover{transform:translateY(-5px);background:linear-gradient(135deg,#667eea1a,#764ba21a);box-shadow:0 10px 25px #667eea26}.feature-reason i{font-size:32px;color:#667eea}.feature-reason span{font-size:13px;font-weight:700;color:#495057;text-align:center;line-height:1.4}.desktop-alternative{margin-bottom:30px}.alternative-text{font-size:15px;font-weight:600;color:#6c757d;margin:0 0 15px}.patient-portal-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 40px;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:12px;box-shadow:0 8px 25px #667eea66;transition:all .3s ease;font-family:Quicksand,sans-serif}.patient-portal-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #667eea80}.patient-portal-btn:active{transform:translateY(-1px)}.patient-portal-btn i{font-size:18px}.desktop-footer{padding-top:20px;border-top:1px solid rgba(0,0,0,.1)}.desktop-footer p{font-size:13px;font-weight:600;color:#adb5bd;margin:0;letter-spacing:.5px}@media (max-width: 480px){.desktop-only-content{padding:40px 30px}.desktop-icon{font-size:60px}.desktop-title{font-size:32px}.desktop-subtitle,.desktop-message p{font-size:14px}.desktop-features{grid-template-columns:1fr;gap:15px}.feature-reason{flex-direction:row;justify-content:flex-start;text-align:left}.feature-reason i{font-size:24px}.patient-portal-btn{width:100%;justify-content:center}}@media (min-width: 1024px) and (orientation: landscape){.desktop-only-container{display:none}}.doctor-welcome-overlay{position:fixed;padding-top:4%;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.doctor-welcome-modal{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:24px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s ease-out;position:relative}.doctor-welcome-modal::-webkit-scrollbar{width:6px}.doctor-welcome-modal::-webkit-scrollbar-track{background:transparent;margin:20px 0}.doctor-welcome-modal::-webkit-scrollbar-thumb{background:#2a9d8f66;border-radius:10px}.doctor-welcome-modal::-webkit-scrollbar-thumb:hover{background:#2a9d8f99}.doctor-welcome-header{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;padding:2.5rem 2rem;text-align:center;border-radius:24px 24px 0 0;position:relative;overflow:hidden}.doctor-welcome-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 3s ease-in-out infinite}.welcome-icon{font-size:4rem;margin-bottom:1rem;animation:bounce 2s ease-in-out infinite;position:relative;z-index:1}.doctor-welcome-header h2{font-size:2rem;font-weight:700;margin:.5rem 0;position:relative;z-index:1}.welcome-badge{display:inline-block;background:#fff3;padding:.5rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:600;margin-top:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);position:relative;z-index:1}.doctor-welcome-content{padding:2rem}.mobile-warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;text-align:center}.warning-icon{font-size:3rem;margin-bottom:.5rem;animation:shake 2s ease-in-out infinite}.mobile-warning h3{color:#856404;font-size:1.3rem;margin:.5rem 0;font-weight:700}.mobile-warning p{color:#856404;font-size:.95rem;line-height:1.6;margin:.5rem 0 0}.welcome-info h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:1rem;font-weight:700;text-align:center}.capabilities-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.capability-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:12px;padding:1.5rem 1rem;text-align:center;transition:all .3s ease;cursor:default}.capability-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a;border-color:var(--primary)}.capability-card i{font-size:2rem;color:var(--primary);margin-bottom:.5rem;display:block}.capability-card span{color:var(--text-primary);font-weight:600;font-size:.9rem}.desktop-benefits{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:12px;padding:1.5rem;margin-top:1.5rem}.benefit-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;color:#2e7d32}.benefit-item:last-child{margin-bottom:0}.benefit-item i{font-size:1.3rem;color:#4caf50;flex-shrink:0}.benefit-item span{font-size:.95rem;line-height:1.5;font-weight:500}.doctor-welcome-footer{padding:1.5rem 2rem 2rem;text-align:center}.continue-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none;padding:1rem 3rem;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 4px 15px #0003}.continue-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.continue-btn:active{transform:translateY(0)}.continue-btn i{transition:transform .3s ease}.continue-btn:hover i{transform:translate(5px)}.mobile-note{color:#6c757d;font-size:.85rem;margin-top:1rem;font-style:italic}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@media (max-width: 768px){.doctor-welcome-modal{width:95%;max-height:95vh}.doctor-welcome-header{padding:2rem 1.5rem}.doctor-welcome-header h2{font-size:1.5rem}.welcome-icon{font-size:3rem}.doctor-welcome-content{padding:1.5rem}.capabilities-grid{grid-template-columns:1fr;gap:.75rem}.capability-card{padding:1.25rem 1rem}.continue-btn{padding:.875rem 2rem;font-size:1rem;width:100%}}.react-datepicker-popper,.react-datepicker,.react-datepicker__month-container{z-index:9999!important}.form-field:has(input[type=date]),.form-field:has(.react-datepicker-wrapper),.form-field:has(.custom-date-picker){z-index:10000!important;position:relative}.form-field:has(select),select{z-index:1!important;position:relative}.doctor-dashboard select,.modal select,form select{z-index:1!important}.gender-dropdown-trigger{cursor:pointer!important;-webkit-user-select:none;user-select:none;display:flex;align-items:center;position:relative}.gender-dropdown-trigger:hover{border-color:var(--primary)!important;background:#2a9d8f0d!important}.dropdown-container{position:relative;width:100%;z-index:1}.dropdown-list{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:2px solid var(--primary);border-radius:6px;max-height:200px;overflow-y:auto;z-index:99999!important;margin:0;padding:0;list-style:none;box-shadow:0 8px 25px #00000026}.dark .dropdown-item:hover{background:#e76f511a;color:var(--accent)}.settings-modal{margin-top:5%;max-width:900px;width:90%;max-height:85vh!important;overflow-y:auto;background:#fff;border-radius:16px;padding:0}.sidebar{width:250px;background:var(--primary-dark);color:var(--text-light);transition:width var(--transition);display:flex;flex-direction:column;align-items:center;padding-top:1rem;position:relative;overflow:visible;flex-shrink:0;height:100%}.profile{text-align:center;margin-bottom:1rem;padding:1rem;transition:background var(--transition)}.profile:hover{background:#ffffff1a;border-radius:var(--border-radius)}.profile img{width:65%;border-radius:50%;object-fit:cover;transition:width var(--transition),height var(--transition)}.sidebar-nav{width:100%;margin-top:1rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;font-size:1rem;color:var(--text-light);border-radius:var(--border-radius);text-decoration:none;transition:background var(--transition)}.nav-link i{min-width:20px;text-align:center}.nav-link:hover,.nav-link.active{background:#ffffff26}.sidebar,.sidebar .nav-link{font-weight:500}.sidebar,.sidebar .nav-link p{font-weight:400}.sidebar .nav-link.active:after{background:none}.dashboard-container{display:flex}.custom-date-picker{position:relative;width:100%;z-index:1000}.form-group:has(.custom-date-picker){overflow:visible!important;position:relative;z-index:1000}.date-picker-label{display:block;font-weight:600;color:var(--primary-dark);margin-bottom:.5rem;font-size:.95rem;letter-spacing:.5px}.dark .date-picker-label{color:var(--text-light)}.date-picker-input{width:100%;padding:1rem 1.25rem;font-size:1rem;border-radius:12px;border:2px solid rgba(42,157,143,.2);background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-dark);font-weight:500;box-shadow:0 2px 8px #0000000d;cursor:pointer;display:flex;align-items:center;justify-content:space-between;position:relative}.date-picker-input:hover{border-color:var(--primary);background:#ffffffb3;transform:translateY(-1px)}.date-picker-input:focus,.date-picker-input:active{outline:none;border-color:var(--primary);background:#fffc;box-shadow:0 0 0 4px #2a9d8f1a,0 4px 12px #2a9d8f26;transform:translateY(-2px)}.dark .date-picker-input{background:#0000004d;border-color:#fff3;color:var(--text-light)}.dark .date-picker-input:hover{background:#0006}.dark .date-picker-input:focus{background:#0006;border-color:var(--accent)}.date-placeholder{color:var(--text-dark);opacity:.5}.date-selected{color:var(--text-dark);font-weight:600}.dark .date-selected{color:var(--text-light)}.date-picker-icon{color:var(--primary);font-size:1.2rem;transition:all .3s ease}.date-picker-input:hover .date-picker-icon{color:var(--accent);transform:scale(1.1)}.dark .date-picker-icon{color:var(--accent)}.date-picker-dropdown{position:absolute;top:calc(100% + .5rem);left:0;width:100%;min-width:280px;max-width:300px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:14px;box-shadow:0 20px 60px #0003,0 0 0 1px #2a9d8f1a;padding:1rem;z-index:10000;animation:calendarSlideIn .3s cubic-bezier(.34,1.56,.64,1);border:2px solid rgba(42,157,143,.2)}.dark .date-picker-dropdown{background:#264653fa;border-color:#ffffff1a;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff1a}@keyframes calendarSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:2px solid rgba(42,157,143,.1)}.dark .calendar-header{border-bottom-color:#ffffff1a}.calendar-month-year-btn{font-size:.95rem;font-weight:700;color:var(--primary);letter-spacing:.3px;background:#2a9d8f1a;border:2px solid rgba(42,157,143,.2);padding:.4rem .75rem;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.25rem}.calendar-month-year-btn:hover{background:#2a9d8f33;transform:translateY(-1px);box-shadow:0 2px 8px #2a9d8f33}.dark .calendar-month-year-btn{color:var(--accent);background:#e76f511a;border-color:#e76f5133}.dark .calendar-month-year-btn:hover{background:#e76f5133}.calendar-nav-btn{background:#2a9d8f1a;border:2px solid rgba(42,157,143,.2);color:var(--primary);width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.8rem}.calendar-nav-btn:hover{background:var(--primary);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #2a9d8f4d}.dark .calendar-nav-btn{background:#e76f511a;border-color:#e76f5133;color:var(--accent)}.dark .calendar-nav-btn:hover{background:var(--accent);color:#fff}.year-month-picker{background:#2a9d8f0d;border-radius:10px;padding:.75rem;margin-bottom:.75rem;animation:pickerSlideDown .3s ease-out}.dark .year-month-picker{background:#e76f510d}@keyframes pickerSlideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:300px}}.year-picker-section,.month-picker-section{margin-bottom:.75rem}.month-picker-section{margin-bottom:0}.picker-label{display:block;font-size:.75rem;font-weight:700;color:var(--primary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.dark .picker-label{color:var(--accent)}.year-select{width:100%;padding:.5rem;border:2px solid rgba(42,157,143,.2);border-radius:8px;background:#fffc;color:var(--text-dark);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.year-select:hover{border-color:var(--primary);background:#fff}.year-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2a9d8f1a}.dark .year-select{background:#0000004d;border-color:#fff3;color:var(--text-light)}.dark .year-select:hover{background:#0006;border-color:var(--accent)}.month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.month-btn{padding:.5rem .25rem;border:2px solid rgba(42,157,143,.2);border-radius:8px;background:#ffffff80;color:var(--text-dark);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.month-btn:hover{background:#2a9d8f26;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 8px #2a9d8f33}.month-btn.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #2a9d8f4d}.dark .month-btn{background:#0003;border-color:#fff3;color:var(--text-light)}.dark .month-btn:hover{background:#e76f5126;border-color:var(--accent)}.dark .month-btn.active{background:linear-gradient(135deg,var(--accent),#d85a3a);border-color:var(--accent)}.calendar-days-header{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.5rem}.calendar-day-name{text-align:center;font-size:.7rem;font-weight:700;color:var(--primary);padding:.25rem 0;letter-spacing:.3px}.dark .calendar-day-name{color:var(--accent)}.calendar-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.75rem}.calendar-day-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center}.calendar-day{width:100%;height:100%;border:none;background:#2a9d8f0d;color:var(--text-dark);border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;position:relative;border:2px solid transparent}.calendar-day:hover:not(.disabled){background:#2a9d8f26;border-color:var(--primary);transform:scale(1.1);box-shadow:0 4px 12px #2a9d8f33;z-index:1}.dark .calendar-day{background:#e76f510d;color:var(--text-light)}.dark .calendar-day:hover:not(.disabled){background:#e76f5126;border-color:var(--accent)}.calendar-day.today{background:linear-gradient(135deg,#2a9d8f33,#e76f5133);border-color:var(--primary);font-weight:800}.calendar-day.today:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--primary);border-radius:50%}.dark .calendar-day.today{border-color:var(--accent)}.dark .calendar-day.today:after{background:var(--accent)}.calendar-day.selected{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-color:var(--primary);transform:scale(1.05);box-shadow:0 6px 20px #2a9d8f66,inset 0 1px #ffffff4d;font-weight:800}.calendar-day.selected:hover{transform:scale(1.1);box-shadow:0 8px 24px #2a9d8f80,inset 0 1px #ffffff4d}.dark .calendar-day.selected{background:linear-gradient(135deg,var(--accent),#d85a3a);border-color:var(--accent)}.calendar-day.disabled{opacity:.3;cursor:not-allowed;background:#00000005}.calendar-day.disabled:hover{transform:none;box-shadow:none;border-color:transparent}.calendar-footer{display:flex;gap:.5rem;padding-top:.75rem;border-top:2px solid rgba(42,157,143,.1)}.dark .calendar-footer{border-top-color:#ffffff1a}.calendar-action-btn{flex:1;padding:.5rem .75rem;border:none;border-radius:8px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.35rem}.clear-btn{background:#dc35451a;color:#dc3545;border:2px solid rgba(220,53,69,.2)}.clear-btn:hover{background:#dc3545;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.today-btn{background:#2a9d8f1a;color:var(--primary);border:2px solid rgba(42,157,143,.2)}.today-btn:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2a9d8f4d}.dark .today-btn{background:#e76f511a;color:var(--accent);border-color:#e76f5133}.dark .today-btn:hover{background:var(--accent);color:#fff}@media (max-width: 767px){.date-picker-dropdown{min-width:260px;max-width:280px;padding:.75rem}.calendar-day{font-size:.8rem}.calendar-day-name{font-size:.65rem}.calendar-month-year{font-size:.85rem}.calendar-nav-btn{width:28px;height:28px;font-size:.75rem}.calendar-action-btn{font-size:.75rem;padding:.4rem .5rem}}.exhausted-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.exhausted-modal{background:#fff;border-radius:24px;padding:2.5rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d}.exhausted-close{position:absolute;top:1.5rem;right:1.5rem;background:#f0f0f0;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#666}.exhausted-close:hover{background:#e0e0e0;transform:rotate(90deg)}.exhausted-icon{font-size:4rem;text-align:center;margin-bottom:1.5rem;animation:bounce .6s ease}.exhausted-title{font-size:1.75rem;font-weight:700;color:#2b2d42;text-align:center;margin-bottom:1rem}.exhausted-message{font-size:1rem;color:#666;text-align:center;line-height:1.6;margin-bottom:2rem}.exhausted-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.exhausted-option{display:flex;gap:1rem;padding:1.5rem;background:#f8f9fa;border-radius:16px;border:2px solid transparent;transition:all .3s ease}.exhausted-option:hover{background:#f0f2f5;transform:translateY(-2px)}.exhausted-option.highlighted{background:linear-gradient(135deg,#e8f5f3,#d4ebe7);border-color:#2a9d8f}.option-icon{font-size:2rem;flex-shrink:0}.option-content{flex:1}.option-content h4{font-size:1.125rem;font-weight:600;color:#2b2d42;margin-bottom:.5rem}.option-content p{font-size:.875rem;color:#666;margin-bottom:.75rem}.option-button{background:#fff;border:2px solid #2A9D8F;color:#2a9d8f;padding:.75rem 1.5rem;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.option-button:hover{background:#2a9d8f;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2a9d8f4d}.option-button.primary{background:#2a9d8f;color:#fff}.option-button.primary:hover{background:#21867a}.option-link{color:#2a9d8f;text-decoration:none;font-weight:600;font-size:.875rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease}.option-link:hover{color:#21867a;gap:.75rem}.exhausted-info{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#e3f2fd;border-radius:12px;font-size:.875rem;color:#1976d2;line-height:1.5}.exhausted-info i{flex-shrink:0;margin-top:.125rem}@media (max-width: 768px){.exhausted-modal{padding:2rem 1.5rem;border-radius:20px}.exhausted-icon{font-size:3rem}.exhausted-title{font-size:1.5rem}.exhausted-message{font-size:.9375rem}.exhausted-option{padding:1.25rem}.option-icon{font-size:1.5rem}.option-content h4{font-size:1rem}}.doctor-usage-indicator{position:fixed;bottom:20px;left:-220px;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:0 16px 16px 0;box-shadow:2px 6px 24px #0000001f;padding:.875rem 1.125rem .875rem 1.5rem;min-width:200px;max-width:220px;z-index:999;transition:left .3s ease,box-shadow .3s ease,border-color .3s ease;border:2px solid #e0e0e0;border-left:3px solid #2A9D8F;will-change:left}.doctor-usage-indicator:hover{left:0;box-shadow:4px 8px 32px #2a9d8f4d;border-color:#2a9d8f;border-left-color:#2a9d8f}.doctor-usage-indicator:after{content:"⚙️";position:absolute;right:-35px;top:50%;transform:translateY(-50%);width:35px;height:60px;background:linear-gradient(135deg,#12796d,#21827a);border-radius:0 12px 12px 0;display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:2px 4px 12px #2a9d8f66;cursor:pointer;transition:all .3s ease}.doctor-usage-indicator:hover:after{background:linear-gradient(135deg,#21827a,#1a5f7a);box-shadow:4px 6px 16px #2a9d8f80;transform:translateY(-50%) scale(1.05)}.doctor-usage-indicator.low{border-color:#ffc107;background:linear-gradient(135deg,#fffbf0,#fff8e1);animation:pulse-warning 2s ease-in-out infinite}.usage-header{display:flex;align-items:center;gap:.5rem;cursor:pointer}.usage-icon{font-size:1.25rem;flex-shrink:0;line-height:1}.usage-info{flex:1;min-width:0}.usage-label{font-size:.625rem;color:#888;font-weight:600;text-transform:uppercase;letter-spacing:.5px;line-height:1}.usage-value{font-size:.875rem;font-weight:700;color:#2a9d8f;margin-top:.25rem;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-icon-btn{background:#f0f0f0;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#666;flex-shrink:0;font-size:.75rem}.settings-icon-btn:hover{background:#2a9d8f;color:#fff;transform:rotate(90deg) scale(1.1)}.usage-bar{margin-top:.5rem;height:4px;background:#e8e8e8;border-radius:2px;overflow:hidden}.usage-fill{height:100%;background:linear-gradient(90deg,#2a9d8f,#21867a);transition:width .3s ease;border-radius:2px}.doctor-usage-indicator.low .usage-fill{background:linear-gradient(90deg,#ffc107,#ff9800)}.usage-warning{display:flex;align-items:center;gap:.375rem;margin-top:.5rem;padding:.375rem .5rem;background:#fff3cd;border-radius:6px;font-size:.75rem;color:#856404;font-weight:600;line-height:1.2}.usage-warning i{color:#ffc107;font-size:.875rem;flex-shrink:0}@keyframes pulse-warning{0%,to{box-shadow:0 4px 20px #0000001a}50%{box-shadow:0 4px 20px #ffc10766}}.dark .doctor-usage-indicator{background:linear-gradient(135deg,#1a1a2e,#16213e);border-color:#ffffff1a}.dark .doctor-usage-indicator:hover{border-color:#4ecdc4;box-shadow:0 8px 32px #4ecdc440}.dark .usage-label{color:#fff9}.dark .usage-value{color:#4ecdc4}.dark .settings-icon-btn{background:#ffffff1a;color:#fffc}.dark .settings-icon-btn:hover{background:#4ecdc4;color:#1a1a2e}.dark .usage-bar{background:#ffffff1a}@media (max-width: 768px){.doctor-usage-indicator{bottom:15px;left:-155px;min-width:180px;max-width:200px;padding:.625rem .875rem .625rem 1.25rem}.doctor-usage-indicator:hover{left:0}.doctor-usage-indicator:after{right:-32px;width:32px;height:55px;font-size:1.125rem}.usage-icon{font-size:1.125rem}.usage-label{font-size:.5625rem}.usage-value{font-size:.8125rem}.settings-icon-btn{width:26px;height:26px;font-size:.6875rem}.usage-warning{font-size:.6875rem;padding:.3125rem .4375rem}}.profile-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gradient);background-attachment:fixed;padding:2rem 1rem}.profile-container{width:100%;max-width:800px;padding:2rem;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.1);border-radius:var(--border-radius);box-shadow:var(--shadow);position:relative;overflow:hidden}.profile-container:before{content:"";position:absolute;top:-20%;left:-20%;width:140%;height:140%;background:var(--gradient);opacity:.05;z-index:0}.profile-container>*{position:relative;z-index:1}.profile-title{font-size:1.75rem;color:var(--primary);text-align:center;margin-bottom:.25rem}.profile-subtitle{text-align:center;color:var(--text-dark);opacity:.8;margin-bottom:2rem}.profile-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{margin-bottom:.5rem;font-weight:500;color:var(--text-dark)}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:1px solid rgba(0,0,0,.1);border-radius:var(--border-radius);background:var(--bg-light);font-size:1rem;transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 4px 12px #2a9d8f33}.btn-submit{grid-column:1 / -1;padding:1rem;font-size:1.1rem;font-weight:600;color:var(--text-light);background:linear-gradient(135deg,var(--accent),#ff8787);border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #e76f514d}.btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 600px){.profile-container{margin:80px 1rem 1rem;padding:1.5rem}.profile-form{gap:1rem}}.notfound-container{text-align:center;padding:5rem 2rem;color:var(--text-dark)}.notfound-link{display:inline-block;margin-top:1.5rem;padding:10px 20px;background:var(--accent);color:#fff;border-radius:var(--border-radius);text-decoration:none;font-weight:700;transition:var(--transition)}.notfound-link:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0006;z-index:1100}.spinner{width:3rem;height:3rem;border:.5rem solid var(--bg-light);border-top:.5rem solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}body{--chatbot-content-bg: #ffffff;--chatbot-bot-msg-bg: #e9ecef;--chatbot-border-color: #e0e0e0}.dark{--chatbot-content-bg: var(--secondary);--chatbot-bot-msg-bg: #283149;--chatbot-border-color: rgba(255, 255, 255, .15)}.chat-app-shell{display:flex;align-items:center;justify-content:center;height:100%;width:100%;font-family:var(--font-family);padding-top:2rem;padding-bottom:2rem;box-sizing:border-box}.chat-app-container{display:flex;width:100%;max-width:1400px;height:80vh;background-color:var(--chatbot-content-bg);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;border:solid beige}.history-sidebar{width:310px;flex-shrink:0;background-color:var(--primary);color:var(--text-light);display:flex;flex-direction:column;padding:1.5rem;border-right:1px solid var(--chatbot-border-color)}.dark .history-sidebar{border-right:1px solid var(--glass)}.history-sidebar .history-header h2{font-size:1.4rem;margin-bottom:.5rem;display:flex;align-items:center;color:var(--text-light)}.history-sidebar .history-header h2 .icon-history{margin-right:.5rem;fill:var(--text-light)}.history-sidebar .new-chat-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:.5rem 1rem;background-color:var(--glass);color:var(--text-light);border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius);font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color var(--transition, .2s ease)}.history-sidebar .new-chat-btn:hover{background-color:#ffffff26}.history-sidebar .history-list{flex-grow:1;overflow-y:auto;margin-bottom:1rem;padding-right:.25rem}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.history-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.history-item{display:flex;align-items:center;gap:.5rem;margin-top:10px;margin-bottom:.5rem;border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.1);transition:all .2s ease;border-left:3px solid transparent;color:var(--text-light);background-color:var(--primary-dark);position:relative}.history-item:hover{background-color:var(--glass);border-left-color:var(--accent)}.history-item.active-history{background-color:var(--primary-dark);color:var(--text-light);border-left-color:var(--accent);box-shadow:0 2px 8px #0003}.history-item-btn{flex:1;background:none;border:none;color:inherit;text-align:left;cursor:pointer;padding:.75rem 1rem}.history-item .history-title{font-weight:500;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.history-item .history-date{font-size:.75rem;color:#fdfefeb3}.history-item.active-history .history-date{color:#fdfefee6}.history-delete-btn{background:none;border:none;color:#ffffff80;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin-right:.5rem}.history-delete-btn:hover{background:#e76f5133;color:#e76f51}.history-delete-btn svg{width:14px;height:14px}.empty-history{text-align:center;font-size:.9rem;color:#fdfefe99;padding:1rem 0}.history-footer{margin-top:auto}.btn-delete-all{display:block;width:100%;padding:.5rem 1rem;background-color:transparent;border:1px solid yellow!important;color:#ff0!important;border-radius:var(--border-radius);font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color var(--transition, .2s ease),color var(--transition, .2s ease)}.btn-delete-all:hover:not(:disabled){background-color:var(--accent);color:var(--text-light)}.btn-delete-all:disabled{opacity:.5;cursor:not-allowed;border-color:#e76f5180;color:#e76f5180}.chat-main-area{flex-grow:1;display:flex;flex-direction:column;background-color:var(--bg-light)}.chat-main-fullwidth{width:100%;max-width:1200px;margin:0 auto}.chat-area-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:var(--chatbot-content-bg);border-bottom:1px solid var(--chatbot-border-color);box-shadow:var(--shadow);z-index:10}.chat-area-header .header-info{display:flex;align-items:center}.chat-area-header .home-btn{background:none;border:1px solid transparent;color:var(--text-dark);padding:.25rem .5rem;margin-right:1rem;cursor:pointer;border-radius:var(--border-radius);display:flex;align-items:center;font-size:.9rem;transition:color var(--transition, .2s ease),background-color var(--transition, .2s ease)}.dark .chat-area-header{color:var(--text-light);background-color:var(--secondary)}.chat-area-header .home-btn .icon-home{margin-right:.25rem;stroke:var(--text-dark);transition:stroke var(--transition, .2s ease)}.dark .chat-area-header .home-btn .icon-home{stroke:var(--text-light)}.chat-area-header .home-btn:hover{color:var(--primary);background-color:var(--chatbot-bot-msg-bg)}.chat-area-header .home-btn:hover .icon-home{stroke:var(--primary)}.chat-area-header .chat-title h1{font-size:1.3rem;font-weight:600;color:var(--text-dark)}.dark .chat-area-header .chat-title h1{color:var(--text-light)}.chat-area-header .chat-title .chat-status{font-size:.8rem;color:#28a745;font-weight:500}.chat-area-header .header-actions .action-btn{background:none;border:none;color:var(--text-dark);font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:50%}.dark .chat-area-header .header-actions .action-btn{color:var(--text-light)}.chat-area-header .header-actions .action-btn:hover{background-color:var(--chatbot-bot-msg-bg)}.messages-display-area{flex-grow:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.messages-display-area::-webkit-scrollbar{width:8px}.messages-display-area::-webkit-scrollbar-track{background:transparent}.messages-display-area::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.dark .messages-display-area::-webkit-scrollbar-thumb{background:#555}.message{display:flex;align-items:flex-end;max-width:75%;animation:messageAppear .3s ease-out}.message .avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;margin:0 .5rem;box-shadow:0 1px 2px #0000001a;background-color:#ccc}.message-content-wrapper{display:flex;flex-direction:column}.message-bubble{padding:.5rem 1rem;border-radius:var(--border-radius);position:relative;word-wrap:break-word;white-space:pre-wrap}.message-text{margin:0}.message-timestamp{font-size:.7rem;opacity:.7;margin-top:.25rem;display:block}.bot-msg{align-self:flex-start}.bot-msg .avatar{order:1;margin-left:0;margin-right:.5rem}.bot-msg .message-content-wrapper{order:2;align-items:flex-start}.bot-msg .message-bubble{background-color:var(--chatbot-bot-msg-bg);color:var(--text-dark);border-bottom-left-radius:.3rem}.dark .bot-msg .message-bubble{color:var(--text-light);background-color:#283149}.bot-msg .message-timestamp{color:var(--text-dark);opacity:.6;text-align:left}.dark .bot-msg .message-timestamp{color:var(--text-light);opacity:.6}.user-msg{align-self:flex-end}.user-msg .avatar{order:2;margin-right:0;margin-left:.5rem}.user-msg .message-content-wrapper{order:1;align-items:flex-end}.user-msg .message-bubble{background-color:var(--primary);color:var(--text-light);border-bottom-right-radius:.3rem}.user-msg .message-timestamp{color:var(--text-light);opacity:.8;text-align:right}.typing-indicator .message-bubble{background-color:var(--chatbot-bot-msg-bg);padding:1rem}.typing-dots span{background-color:var(--text-dark);display:inline-block;width:8px;height:8px;border-radius:50%;margin:0 2px;animation:typingBubble 1.2s infinite ease-in-out}.dark .typing-dots span{background-color:var(--text-light)}@keyframes typingBubble{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-input-area{display:flex;align-items:center;padding:1rem 1.5rem;background-color:var(--chatbot-content-bg);border-top:1px solid var(--chatbot-border-color)}.chat-input-area textarea{flex-grow:1;padding:.5rem 1rem;border:1px solid var(--chatbot-border-color);border-radius:var(--border-radius);resize:none;min-height:44px;max-height:120px;font-family:inherit;font-size:1rem;line-height:1.5;background-color:var(--bg-light);color:var(--text-dark);transition:border-color var(--transition, .2s ease),box-shadow var(--transition, .2s ease)}.dark .chat-input-area,.dark .chat-input-area textarea{background-color:var(--secondary);color:var(--text-light);border-color:var(--glass)}.chat-input-area textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2a9d8f26}.dark .chat-input-area textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--rgb-primary, 30, 58, 58),.25)}.chat-input-area textarea::placeholder{color:var(--text-dark);opacity:.6}.dark .chat-input-area textarea::placeholder{color:var(--text-light);opacity:.6}.chat-input-area .icon-btn{background:none;border:none;padding:.5rem;margin:0 .25rem;cursor:pointer;color:var(--text-dark);opacity:.7;transition:color var(--transition, .2s ease),opacity var(--transition, .2s ease);display:flex;align-items:center;justify-content:center}.dark .chat-input-area .icon-btn{color:var(--text-light)}.chat-input-area .icon-btn:hover:not(:disabled){color:var(--primary);opacity:1}.chat-input-area .icon-btn svg{width:22px;height:22px}.chat-input-area .send-btn{margin-left:.5rem;color:var(--primary);opacity:1}.chat-input-area .send-btn:hover:not(:disabled){color:var(--primary-dark)}.chat-input-area .icon-btn:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease-out}.modal-content{background:var(--chatbot-content-bg);color:var(--text-dark);padding:1.5rem;border-radius:var(--border-radius);box-shadow:var(--shadow);width:100%;max-width:500px;animation:slideInUp .3s ease-out}.dark .modal-content{color:var(--text-light)}.modal-content.history-detail-modal{max-width:600px}.dark .modal-content.history-detail-modal{max-width:600px;background-color:var(--primary)}.modal-content h3{font-size:1.5rem;margin-bottom:1rem;color:inherit}.modal-content .modal-date-stamp{font-size:.85rem;color:inherit;opacity:.7;margin-bottom:1rem;border-bottom:1px solid var(--chatbot-border-color);padding-bottom:.5rem}.upload-info{font-size:.85rem;margin-bottom:.5rem;padding:.5rem;background-color:var(--bg-light);color:inherit;opacity:.8;border-radius:var(--border-radius);border:1px solid var(--chatbot-border-color)}.upload-info p{margin-bottom:.25rem}.upload-info code{background-color:var(--chatbot-bot-msg-bg);padding:.1rem .3rem;border-radius:.3rem;font-size:.8rem;color:inherit;opacity:1}.modal-content input[type=file]{display:block;width:100%;padding:.5rem;margin-bottom:1rem;border:1px dashed var(--chatbot-border-color);border-radius:var(--border-radius);background-color:var(--bg-light);color:var(--text-dark)}.dark .modal-content input[type=file]{color:var(--text-light)}.file-list-preview{list-style:none;padding:0;margin-bottom:1rem;max-height:150px;overflow-y:auto}.file-list-preview li{display:flex;justify-content:space-between;align-items:center;padding:.5rem;font-size:.9rem;border-bottom:1px solid var(--chatbot-border-color);color:inherit}.file-list-preview li:last-child{border-bottom:none}.file-list-preview .remove-file-btn{background:none;border:none;color:var(--accent);font-size:1.1rem;cursor:pointer}.modal-textarea{width:100%;min-height:150px;padding:.5rem;margin-bottom:1.5rem;border:1px solid var(--chatbot-border-color);border-radius:var(--border-radius);font-family:inherit;font-size:.95rem;resize:vertical;background-color:var(--bg-light);color:var(--text-dark)}.dark .modal-textarea{background-color:var(--secondary);color:var(--text-light);border-color:var(--glass)}.modal-textarea:focus{outline:none;border-color:var(--primary)}.btn-modal-action{padding:.6rem 1.2rem;border-radius:var(--border-radius);font-weight:500;font-size:.9rem;cursor:pointer;transition:background-color var(--transition, .2s ease),border-color var(--transition, .2s ease),color var(--transition, .2s ease),box-shadow var(--transition, .2s ease),transform var(--transition, .1s ease);min-width:110px;text-align:center;border:1px solid transparent;box-shadow:var(--shadow)}.btn-modal-action:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-modal-action:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 12px -1px #00000026,0 3px 7px -1px #0000001a}.btn-modal-action:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow)}.btn-modal-cancel{background-color:var(--chatbot-bot-msg-bg)!important;color:var(--text-dark)!important;border-color:var(--chatbot-border-color)}.dark .btn-modal-cancel{color:var(--text-light)}.btn-modal-cancel:hover:not(:disabled){background-color:#d4dae0;border-color:#c0c8d0}.dark .btn-modal-cancel:hover:not(:disabled){background-color:#3e4c5a;border-color:#4a5867}.btn-modal-upload{background-color:var(--primary);color:var(--text-light);border-color:var(--primary)}.btn-modal-upload:hover:not(:disabled){background-color:var(--primary-dark);border-color:var(--primary-dark)}.btn-modal-upload:disabled{background-color:var(--primary)}.attach-btn-container{position:relative;display:flex;align-items:center;margin-right:.5rem}.chat-input-area .icon-btn.attach-btn{margin-right:0}.upload-indicator-hint{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(10px);display:flex;align-items:center;background-color:var(--primary);color:var(--text-light);padding:7px 14px;border-radius:20px;font-size:.8rem;font-weight:500;white-space:nowrap;box-shadow:var(--shadow-medium, 0 5px 15px rgba(0, 0, 0, .15));z-index:20;opacity:0;visibility:hidden;transition:opacity .4s cubic-bezier(.25,.8,.25,1),visibility .4s cubic-bezier(.25,.8,.25,1),transform .4s cubic-bezier(.25,.8,.25,1)}.upload-indicator-hint.visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.upload-indicator-hint.visible:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid var(--primary)}@media (max-width: 1024px){.chat-app-container{max-width:none;margin:0;border-radius:0}.history-sidebar{width:260px}}@media (max-width: 768px){.chat-app-container{flex-direction:column;border-radius:0}.history-sidebar{width:100%;height:auto;max-height:40vh;padding:1rem;border-right:none;border-bottom:1px solid var(--chatbot-border-color)}.chat-main-area{flex-grow:1}.messages-display-area{padding:1rem;gap:.5rem}.message{max-width:85%}.message .avatar{width:32px;height:32px}.message-bubble{padding:.4rem .8rem}.chat-area-header,.chat-input-area{padding:.5rem 1rem}}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.btn-modal-action{padding:.6rem 1.2rem;border-radius:var(--border-radius)!important;font-weight:500!important;font-size:.9rem!important;cursor:pointer!important;transition:background-color var(--transition, .2s ease),border-color var(--transition, .2s ease),color var(--transition, .2s ease),box-shadow var(--transition, .2s ease),transform var(--transition, .1s ease)!important;min-width:110px!important;text-align:center!important;border:1px solid transparent!important;box-shadow:var(--shadow)!important}.btn-modal-action:disabled{opacity:.5!important;cursor:not-allowed!important;box-shadow:none!important;transform:translateY(0)!important}.btn-modal-action:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 4px 8px #0000001a!important}.btn-modal-action:active:not(:disabled){transform:translateY(0)!important;box-shadow:var(--shadow)!important}.btn-modal-close{background-color:transparent!important;color:var(--text-dark)!important;border:1px solid var(--chatbot-border-color)!important;cursor:pointer!important}.dark .btn-modal-close{color:var(--text-light)!important;background-color:#377070!important;border-color:var(--glass)!important}.btn-modal-close:hover:not(:disabled){background-color:var(--chatbot-bot-msg-bg)!important;color:var(--text-dark)!important;border-color:var(--chatbot-border-bg)!important}.dark .btn-modal-close:hover:not(:disabled){background-color:#3e4c5a!important;color:var(--text-light)!important;border-color:#4a5867!important}.btn-modal-delete{background-color:var(--accent)!important;color:var(--text-light)!important;border-color:var(--accent)!important;cursor:pointer!important}.btn-modal-delete:hover:not(:disabled){background-color:#d85b3f!important;border-color:#d85b3f!important}.btn-modal-delete:disabled{background-color:var(--accent)!important;border-color:var(--accent)!important}.btn-modal-savechanges{background-color:var(--primary)!important;color:var(--text-light)!important;border-color:var(--primary)!important;cursor:pointer!important}.btn-modal-savechanges:hover:not(:disabled){background-color:var(--primary-dark)!important;border-color:var(--primary-dark)!important}.btn-modal-savechanges:disabled{background-color:#89c2bb!important;border-color:#89c2bb!important}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.chatbot-back-button{position:fixed;top:7.5rem;left:4.5rem;display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#00ff7bad,#50a8ff);border:1px solid #e0e0e0;border-radius:12px;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;color:#2b2d42;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000014;z-index:1000}.chatbot-back-button:hover{background:linear-gradient(135deg,#119a6ad4,#134d8bd4);color:#fff;border-color:#2a9d8f;transform:translate(-4px);box-shadow:0 6px 16px #2a9d8f4d}.chatbot-back-button svg{transition:transform .3s ease}.chatbot-back-button:hover svg{transform:translate(-2px)}.chatbot-back-button:active{transform:translate(-2px) scale(.98)}@media (max-width: 768px){.chatbot-back-button{top:1rem;left:1rem;padding:.625rem 1rem;font-size:.875rem}.chatbot-back-button svg{width:18px;height:18px}}.chatbot-floating-back{position:fixed;top:100px;left:-10px;width:48px;height:48px;border-radius:0 24px 24px 0;background:linear-gradient(135deg,#2a9d8f,#21827a);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:2px 4px 12px #2a9d8f66;transition:left .3s ease,box-shadow .3s ease,background .3s ease;z-index:1000;will-change:left}.chatbot-floating-back:hover{left:0;box-shadow:4px 6px 20px #2a9d8f99;background:linear-gradient(135deg,#21827a,#1a5f7a)}.chatbot-floating-back:active{transform:scale(.95)}.chatbot-floating-back svg{transition:transform .3s ease}.chatbot-floating-back:hover svg{transform:translate(2px)}@keyframes peek-pulse{0%,to{opacity:.6}50%{opacity:1;height:24px}}.dark .chatbot-floating-back{background:linear-gradient(135deg,#1a5f7a,#264653);box-shadow:2px 4px 12px #1a5f7a80}.dark .chatbot-floating-back:hover{background:linear-gradient(135deg,#264653,#1a1a2e);box-shadow:4px 6px 20px #1a5f7ab3}@media (max-width: 768px){.chatbot-floating-back{width:44px;height:44px;top:90px;left:-31px}.chatbot-floating-back svg{width:18px;height:18px}}@media (max-width: 480px){.chatbot-floating-back{width:40px;height:40px;top:85px;left:-28px}.chatbot-floating-back svg{width:16px;height:16px}}@keyframes slideInUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-notification{font-size:14px;font-weight:500;transition:opacity .3s ease-out}.toast-notification:hover button{opacity:1!important}#root{width:100%;height:100%;text-align:center}.logo{height:auto}.patient-details-main{padding:0!important;margin:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;height:calc(100vh - var(--header-height))!important;overflow-y:auto}.patient-header-section{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);padding:2rem;margin-bottom:2rem;position:relative;overflow:hidden}.patient-header-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');pointer-events:none}.patient-hero-card{display:flex;align-items:center;gap:2rem;position:relative;z-index:1}.patient-avatar-container{position:relative;flex-shrink:0}.patient-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d;transition:var(--transition)}.patient-avatar:hover{transform:scale(1.05);box-shadow:0 12px 40px #0006}.patient-status-indicator{position:absolute;bottom:8px;right:8px;width:20px;height:20px;background:#4ade80;border:3px solid white;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.patient-hero-info{flex:1}.patient-name{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.patient-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.patient-meta-grid .meta-item:nth-child(4){grid-column:1 / -1}.meta-item{display:flex;align-items:center;gap:.75rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;border-radius:12px;border:1px solid rgba(255,255,255,.2);transition:var(--transition)}.meta-item:hover{background:#ffffff26;transform:translateY(-2px)}.meta-item i{color:var(--accent);font-size:1.2rem;width:20px;text-align:center}.meta-label{font-size:.85rem;color:#fffc;font-weight:500}.meta-value{font-size:1rem;color:#fff;font-weight:600}.patient-actions{display:flex;flex-direction:column;gap:1rem;flex-shrink:0}.patient-details-main .patient-header-section .patient-actions .alert-btn-modern,.patient-details-main .patient-header-section .patient-actions .prescription-btn{display:flex!important;align-items:center!important;gap:.75rem!important;padding:1rem 1.5rem!important;border:none!important;border-radius:12px!important;font-weight:600!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important;min-width:180px!important;justify-content:center!important;text-decoration:none!important;font-size:1rem!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important;z-index:10!important}.patient-details-main .patient-header-section .patient-actions .alert-btn-modern{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;box-shadow:0 4px 15px #ef444466!important;opacity:1!important}.patient-details-main .patient-header-section .patient-actions .alert-btn-modern:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #ef444480!important}.patient-details-main .patient-header-section .patient-actions .prescription-btn{background:linear-gradient(135deg,#2a9d8f,#264653)!important;color:#fff!important;box-shadow:0 4px 15px #2a9d8f66!important;opacity:1!important}.patient-details-main .patient-header-section .patient-actions .prescription-btn:hover{background:linear-gradient(135deg,#264653,#1d3557)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #2a9d8f80!important}.patient-details-main .patient-header-section .patient-actions .alert-btn-modern:before,.patient-details-main .patient-header-section .patient-actions .prescription-btn:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)!important;transition:left .5s!important;z-index:1!important}.patient-details-main .patient-header-section .patient-actions .alert-btn-modern:hover:before,.patient-details-main .patient-header-section .patient-actions .prescription-btn:hover:before{left:100%!important}.patient-details-main .patient-header-section .patient-actions .alert-btn-modern span,.patient-details-main .patient-header-section .patient-actions .prescription-btn span,.patient-details-main .patient-header-section .patient-actions .alert-btn-modern i,.patient-details-main .patient-header-section .patient-actions .prescription-btn i{position:relative!important;z-index:2!important;color:#fff!important}.patient-details-main .patient-header-section .patient-actions .alert-badge{background:#fff!important;color:#ef4444!important;font-size:.75rem!important;font-weight:700!important;padding:.25rem .5rem!important;border-radius:50px!important;margin-left:.5rem!important;position:relative!important;z-index:2!important;animation:badgePulse 2s ease-in-out infinite!important}@keyframes badgePulse{0%,to{transform:scale(1)!important;opacity:1!important}50%{transform:scale(1.1)!important;opacity:.9!important}}.patient-details-main .patient-header-section .patient-actions .alert-btn-modern,.patient-details-main .patient-header-section .patient-actions .prescription-btn{visibility:visible!important;display:flex!important;opacity:1!important;background-color:unset!important}@media (max-width: 768px){.patient-details-main .patient-header-section .patient-actions .alert-btn-modern,.patient-details-main .patient-header-section .patient-actions .prescription-btn{min-width:140px!important;padding:.75rem 1rem!important;font-size:.9rem!important}}.patient-content-grid{display:grid;grid-template-columns:1fr 400px;gap:2rem;padding:0 2rem 2rem;max-width:1400px;margin:0 auto}@media (max-width: 1200px){.patient-content-grid{grid-template-columns:1fr;gap:1.5rem}}.modern-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.08);border-radius:20px;padding:0;box-shadow:0 4px 6px #00000005,0 8px 25px #0000000a;transition:var(--transition);overflow:hidden;margin-bottom:2rem}.dark .modern-card{background:#0003;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 6px #0000001a,0 8px 25px #00000026}.modern-card:hover{transform:translateY(-4px);box-shadow:0 8px 12px #0000000a,0 16px 40px #00000014}.card-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;position:relative}.card-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.header-icon{width:40px;height:40px;background:#fff3;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.card-header h3{flex:1;margin:0;font-size:1.3rem;font-weight:600}.header-actions{display:flex;align-items:center;gap:1rem}.notes-count,.medication-count,.allergy-count{background:#fff3;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.card-content{padding:2rem}.medical-history-section{margin-bottom:2rem}.condition-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#2a9d8f0d;border:1px solid rgba(42,157,143,.1);border-radius:12px;margin-bottom:1rem;transition:var(--transition)}.dark .condition-item{background:#2a9d8f1a;border-color:#2a9d8f33}.condition-item:hover{background:#2a9d8f14;transform:translate(4px)}.condition-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;flex-shrink:0}.condition-details{flex:1}.condition-name{font-weight:600;color:var(--text-dark);margin-bottom:.25rem}.dark .condition-name{color:var(--text-light)}.condition-date{font-size:.85rem;color:var(--text-medium)}.medication-list{display:flex;flex-direction:column;gap:1rem}.medication-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.05);border-radius:16px;transition:var(--transition);position:relative;overflow:hidden}.medication-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000014}.medication-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--primary) 0%,var(--primary-dark) 100%)}.medication-icon{width:48px;height:48px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0}.medication-details{flex:1}.medication-name{font-size:1.1rem;font-weight:600;color:var(--text-dark);margin-bottom:.5rem}.medication-dosage{font-size:.9rem;color:var(--text-medium);margin-bottom:.25rem}.medication-frequency{font-size:.85rem;color:var(--text-medium);background:#2a9d8f1a;padding:.25rem .75rem;border-radius:20px;display:inline-block}.allergy-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.allergy-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ef44440d;border:1px solid rgba(239,68,68,.1);border-radius:12px;transition:var(--transition)}.allergy-item:hover{background:#ef444414;transform:translateY(-2px)}.allergy-icon{width:36px;height:36px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;flex-shrink:0}.allergy-severity{font-size:.8rem;color:#ef4444;font-weight:500}.notes-list{display:flex;flex-direction:column;gap:1rem}.note-item{padding:1.5rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.05);border-radius:16px;transition:var(--transition)}.dark .note-item{background:#0000001a;border-color:#ffffff0d}.note-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000014}.note-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.note-author{font-weight:600;color:var(--text-dark)}.dark .note-author{color:var(--text-light)}.note-date{font-size:.85rem;color:var(--text-medium)}.note-content{color:var(--text-dark);line-height:1.6;margin:0}.dark .note-content{color:var(--text-light)}.empty-state{text-align:center;padding:3rem 2rem;color:var(--text-medium)}.dark .empty-state{color:#f4f4f499}.empty-state i{font-size:3rem;color:#2a9d8f4d;margin-bottom:1rem}.empty-state h4{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:var(--text-dark)}.dark .empty-state h4{color:var(--text-light)}.empty-state p{font-size:.9rem;opacity:.8;margin:0}@media (max-width: 768px){.patient-header-section{padding:1.5rem}.patient-hero-card{flex-direction:column;text-align:center;gap:1.5rem}.patient-name{font-size:2rem}.patient-meta-grid{grid-template-columns:1fr}.patient-meta-grid .meta-item:nth-child(4){grid-column:1}.patient-actions{flex-direction:row;justify-content:center;width:100%}.patient-content-grid{padding:0 1rem 1rem}.card-content{padding:1.5rem}.allergy-list{grid-template-columns:1fr}}@media (max-width: 1024px) and (min-width: 769px){.patient-meta-grid{grid-template-columns:repeat(2,1fr)}.patient-meta-grid .meta-item:nth-child(4){grid-column:1 / -1}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.alert-btn-modern:focus,.prescription-btn:focus,.close-btn:focus{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-contrast: high){.modern-card{border:2px solid var(--text-dark)}.dark .modern-card{border-color:var(--text-light)}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;animation:backdropFadeIn .3s ease-out;padding:2rem;padding-top:calc(var(--header-height) + 2rem)}@keyframes backdropFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.alert-modal{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.1);padding:0;border-radius:16px;width:100%;max-width:500px;max-height:calc(100vh - var(--header-height) - 4rem);overflow:hidden;box-shadow:0 20px 40px #0003,0 8px 16px #0000001a;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:100000;display:flex;flex-direction:column}.dark .alert-modal{background:#0f172af2;border:1px solid rgba(255,255,255,.15);box-shadow:0 25px 50px #0009,0 12px 24px #0000004d}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.alert-modal-header{padding:1.5rem 1.5rem 1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;text-align:center;position:relative;overflow:hidden}.alert-modal-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="alertGrid" width="8" height="8" patternUnits="userSpaceOnUse"><path d="M 8 0 L 0 0 0 8" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23alertGrid)"/></svg>');pointer-events:none}.alert-modal-icon{width:60px;height:60px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.5rem;position:relative;z-index:1;animation:iconPulse 2s ease-in-out infinite}.alert-modal h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative;z-index:1}.alert-modal-content{padding:1.5rem;max-height:calc(100vh - var(--header-height) - 8rem);overflow-y:auto;flex:1}.alert-modal-content::-webkit-scrollbar{width:8px}.alert-modal-content::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.alert-modal-content::-webkit-scrollbar-thumb{background:#2a9d8f4d;border-radius:4px}.alert-modal-content::-webkit-scrollbar-thumb:hover{background:#2a9d8f80}.alert-card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:1.5rem;margin-bottom:1rem;position:relative;overflow:hidden;transition:var(--transition)}.dark .alert-card{background:#1e293be6;border:1px solid rgba(255,255,255,.15)}.alert-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.alert-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--primary) 0%,var(--primary-dark) 100%)}.alert-card:last-child:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.alert-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.alert-card-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0}.alert-card:last-child .alert-card-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.alert-card h3{margin:0;font-size:1.3rem;color:var(--text-dark);font-weight:600}.dark .alert-card h3{color:var(--text-light)}.alert-card p{margin:.75rem 0;font-size:1rem;line-height:1.6;color:var(--text-dark);padding-left:1rem;border-left:2px solid rgba(42,157,143,.2)}.dark .alert-card p{color:var(--text-light);border-left-color:#2a9d8f4d}.alert-card:last-child p{border-left-color:#f59e0b4d}.alert-modal-footer{padding:1.5rem 2rem 2rem;text-align:center;border-top:1px solid rgba(0,0,0,.1);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;bottom:0;z-index:10}.dark .alert-modal-footer{border-top-color:#ffffff26;background:#0f172ae6}.close-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:1rem 2.5rem;font-size:1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:var(--transition);box-shadow:0 4px 15px #2a9d8f4d;position:relative;overflow:hidden}.close-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.close-btn:hover:before{left:100%}.close-btn:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,#1d3557 100%);transform:translateY(-2px);box-shadow:0 6px 20px #2a9d8f66}.no-alerts-state{text-align:center;padding:3rem 2rem;color:var(--text-medium)}.dark .no-alerts-state{color:#f4f4f499}.no-alerts-state i{font-size:4rem;color:#2a9d8f4d;margin-bottom:1.5rem}.no-alerts-state h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-dark)}.dark .no-alerts-state h3{color:var(--text-light)}.no-alerts-state p{font-size:1rem;opacity:.8;margin:0}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 768px){.modal-backdrop{padding:1rem;padding-top:calc(var(--header-height) + 1rem)}.alert-modal{max-width:100%;max-height:calc(100vh - var(--header-height) - 2rem);border-radius:12px}.alert-modal-header{padding:1.25rem 1rem .75rem}.alert-modal-icon{width:50px;height:50px;font-size:1.25rem;margin-bottom:.75rem}.alert-modal h2{font-size:1.25rem}.alert-modal-content{padding:1rem;max-height:calc(100vh - var(--header-height) - 6rem)}.alert-card{padding:1rem;margin-bottom:.75rem}.alert-modal-footer{padding:1rem}.close-btn{padding:.75rem 1.5rem;font-size:.9rem}}.notes-input-container{padding:1.5rem 2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;gap:1rem}.dark .notes-input-container{background:#0000001a;border-bottom-color:#ffffff0d}.modern-textarea{width:100%;min-height:120px;padding:1rem;border:1px solid rgba(0,0,0,.1);border-radius:12px;font-size:.95rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;resize:vertical;transition:var(--transition);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-dark)}.dark .modern-textarea{background:#0000001a;border-color:#ffffff1a;color:var(--text-light)}.modern-textarea::placeholder{color:#2b2d4280;opacity:1}.dark .modern-textarea::placeholder{color:#f4f4f480}.modern-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2a9d8f1a;background:#ffffff26}.dark .modern-textarea:focus{background:#00000026}.save-note-btn{align-self:flex-end;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.save-note-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.save-note-btn:hover:not(:disabled):before{left:100%}.save-note-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark) 0%,#1d3557 100%);transform:translateY(-2px);box-shadow:0 6px 20px #2a9d8f66}.save-note-btn:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.save-note-btn i{font-size:.9rem}.notes-timeline{padding:1.5rem 2rem;max-height:400px;overflow-y:auto}.notes-timeline::-webkit-scrollbar{width:6px}.notes-timeline::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.notes-timeline::-webkit-scrollbar-thumb{background:#2a9d8f4d;border-radius:3px}.notes-timeline::-webkit-scrollbar-thumb:hover{background:#2a9d8f80}.timeline-note{display:flex;align-items:flex-start;gap:1rem;padding:1rem;margin-bottom:1rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.05);border-radius:12px;cursor:pointer;transition:var(--transition);position:relative}.dark .timeline-note{background:#0000001a;border-color:#ffffff0d}.timeline-note:hover{background:#2a9d8f0d;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.dark .timeline-note:hover{background:#2a9d8f1a}.timeline-marker{width:12px;height:12px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:50%;flex-shrink:0;margin-top:.5rem;position:relative}.timeline-marker:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff;border-radius:50%}.timeline-content{flex:1}.timeline-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.timeline-date{font-weight:600;color:var(--text-dark);font-size:.9rem}.dark .timeline-date{color:var(--text-light)}.timeline-time{font-size:.8rem;color:var(--text-medium);background:#2a9d8f1a;padding:.2rem .5rem;border-radius:12px}.timeline-text{color:var(--text-dark);line-height:1.5;font-size:.9rem}.dark .timeline-text{color:var(--text-light)}.modern-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 2rem;border-top:1px solid rgba(0,0,0,.05)}.dark .modern-pagination{border-top-color:#ffffff0d}.pagination-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);border-radius:8px;color:var(--text-dark);cursor:pointer;transition:var(--transition)}.dark .pagination-btn{background:#0000001a;border-color:#ffffff1a;color:var(--text-light)}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2a9d8f4d}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:.9rem;color:var(--text-medium);font-weight:500}.medications-grid{padding:1.5rem 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.medication-item{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.05);border-radius:12px;padding:1.5rem;transition:var(--transition);position:relative;overflow:hidden}.dark .medication-item{background:#0000001a;border-color:#ffffff0d}.medication-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.medication-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#f59e0b,#d97706)}.medication-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.medication-name{font-size:1.1rem;font-weight:600;color:var(--text-dark);margin:0}.dark .medication-name{color:var(--text-light)}.medication-status{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:uppercase}.medication-status.active{background:#22c55e1a;color:#16a34a}.medication-status.inactive{background:#9ca3af1a;color:#6b7280}.medication-details{display:flex;flex-direction:column;gap:.5rem}.detail-row{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--text-medium)}.dark .detail-row{color:#f4f4f4b3}.detail-row i{width:16px;color:var(--primary);font-size:.8rem}.conditions-tabs{padding:0}.tab-header{display:flex;background:#2a9d8f0d;border-radius:12px 12px 0 0;padding:.5rem;margin:1.5rem 1.5rem 0}.dark .tab-header{background:#2a9d8f1a}.tab-btn{flex:1;padding:.75rem 1rem;border:none;background:transparent;color:var(--text-medium);border-radius:8px;cursor:pointer;transition:var(--transition);font-size:.9rem;font-weight:500}.tab-btn.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 2px 8px #2a9d8f4d}.tab-btn:hover:not(.active){background:#2a9d8f1a;color:var(--text-dark)}.dark .tab-btn:hover:not(.active){color:var(--text-light)}.tab-content{display:none;padding:1.5rem 2rem}.tab-content.active{display:block}.conditions-list{display:flex;flex-direction:column;gap:.75rem}.condition-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.05);border-radius:8px;transition:var(--transition)}.dark .condition-item{background:#0000001a;border-color:#ffffff0d}.condition-item:hover{background:#2a9d8f0d;transform:translate(4px)}.dark .condition-item:hover{background:#2a9d8f1a}.condition-item.current{border-left:4px solid #22c55e}.condition-item.past{border-left:4px solid #6b7280;opacity:.8}.condition-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.condition-item.current .condition-indicator{background:#22c55e;animation:pulse 2s infinite}.condition-item.past .condition-indicator{background:#6b7280}.condition-text{flex:1;font-weight:500;color:var(--text-dark)}.dark .condition-text{color:var(--text-light)}.condition-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:uppercase}.condition-item.current .condition-badge{background:#22c55e1a;color:#16a34a}.condition-item.past .condition-badge{background:#9ca3af1a;color:#6b7280}.empty-state-small{text-align:center;padding:2rem;color:var(--text-medium)}.dark .empty-state-small{color:#f4f4f499}.empty-state-small p{margin:0;font-size:.9rem;opacity:.8}.allergies-list{padding:1.5rem 2rem;display:flex;flex-direction:column;gap:.75rem}.allergy-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ef44440d;border:1px solid rgba(239,68,68,.1);border-radius:8px;transition:var(--transition)}.dark .allergy-item{background:#ef44441a;border-color:#ef444433}.allergy-item:hover{background:#ef444414;transform:translateY(-2px);box-shadow:0 4px 15px #ef44441a}.allergy-icon{width:32px;height:32px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;flex-shrink:0}.allergy-details{flex:1}.allergy-name{font-weight:600;color:var(--text-dark);margin-bottom:.25rem}.dark .allergy-name{color:var(--text-light)}.allergy-severity{font-size:.8rem;color:#ef4444;font-weight:500;text-transform:uppercase}.note-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:backdropFadeIn .3s ease-out}.note-modal{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.08);padding:0;border-radius:24px;width:95%;max-width:600px;max-height:85vh;overflow:hidden;box-shadow:0 20px 40px #0003,0 8px 16px #0000001a;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);position:relative}.dark .note-modal{background:#0003;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px #0006,0 8px 16px #0003}.note-modal-header{padding:2rem 2rem 1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;text-align:center;position:relative;overflow:hidden}.note-modal-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="noteGrid" width="8" height="8" patternUnits="userSpaceOnUse"><path d="M 8 0 L 0 0 0 8" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23noteGrid)"/></svg>');pointer-events:none}.note-modal-header h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative;z-index:1}.note-modal-content{padding:2rem;max-height:60vh;overflow-y:auto}.note-modal-content::-webkit-scrollbar{width:8px}.note-modal-content::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.note-modal-content::-webkit-scrollbar-thumb{background:#2a9d8f4d;border-radius:4px}.note-modal-content::-webkit-scrollbar-thumb:hover{background:#2a9d8f80}.note-edit-textarea{width:100%;min-height:200px;padding:1rem;border:1px solid rgba(0,0,0,.1);border-radius:12px;font-size:.95rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;resize:vertical;transition:var(--transition);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-dark)}.dark .note-edit-textarea{background:#0000001a;border-color:#ffffff1a;color:var(--text-light)}.note-edit-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2a9d8f1a;background:#ffffff26}.dark .note-edit-textarea:focus{background:#00000026}.note-modal-footer{padding:1.5rem 2rem 2rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(0,0,0,.05)}.dark .note-modal-footer{border-top-color:#ffffff0d}.note-modal-actions{display:flex;gap:1rem}.note-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:var(--transition);box-shadow:0 4px 15px #ef44444d;position:relative;overflow:hidden}.note-delete-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.note-delete-btn:hover:before{left:100%}.note-delete-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.note-save-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:var(--transition);box-shadow:0 4px 15px #2a9d8f4d;position:relative;overflow:hidden}.note-save-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.note-save-btn:hover:before{left:100%}.note-save-btn:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,#1d3557 100%);transform:translateY(-2px);box-shadow:0 6px 20px #2a9d8f66}.note-cancel-btn{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-dark);border:1px solid rgba(0,0,0,.1);padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;border-radius:8px;cursor:pointer;transition:var(--transition)}.dark .note-cancel-btn{background:#0000001a;color:var(--text-light);border-color:#ffffff1a}.note-cancel-btn:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.dark .note-cancel-btn:hover{background:#0003}.fullscreen-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#2a9d8ff2,#264653f2,#e76f51f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:100000;animation:overlayFadeIn .6s ease-out}.error-page-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:linear-gradient(135deg,var(--bg-light) 0%,rgba(42,157,143,.05) 100%)}.dark .error-page-container{background:linear-gradient(135deg,var(--bg-light) 0%,rgba(42,157,143,.1) 100%)}.error-content{text-align:center;max-width:600px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.08);border-radius:20px;padding:3rem 2rem;box-shadow:0 8px 32px #0000001a}.dark .error-content{background:#0003;border:1px solid rgba(255,255,255,.08)}.error-animation{position:relative;margin-bottom:2rem}.error-icon{font-size:4rem;color:#ef4444;margin-bottom:1rem;animation:bounce 2s infinite}.error-waves{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wave{position:absolute;border:2px solid rgba(239,68,68,.3);border-radius:50%;animation:wave 2s ease-out infinite}.wave-1{width:80px;height:80px;animation-delay:0s}.wave-2{width:120px;height:120px;animation-delay:.5s}.wave-3{width:160px;height:160px;animation-delay:1s}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes wave{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.error-text h1{font-size:2.5rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.dark .error-text h1{color:var(--text-light)}.error-text h2{font-size:1.5rem;font-weight:600;color:#ef4444;margin-bottom:1rem}.error-description{font-size:1rem;color:var(--text-medium);line-height:1.6;margin-bottom:1.5rem}.dark .error-description{color:#f4f4f4b3}.error-details{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:1rem;margin-bottom:2rem}.error-code{font-family:Courier New,monospace;font-size:.9rem;color:#ef4444;font-weight:500}.error-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.btn-primary-error{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem}.btn-primary-error:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,#1d3557 100%);transform:translateY(-2px);box-shadow:0 6px 20px #2a9d8f66}.btn-secondary-error{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-dark);border:1px solid rgba(0,0,0,.1);padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem}.dark .btn-secondary-error{background:#0000001a;color:var(--text-light);border-color:#ffffff1a}.btn-secondary-error:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.dark .btn-secondary-error:hover{background:#0003}.error-help{font-size:.9rem;color:var(--text-medium);opacity:.8}.dark .error-help{color:#f4f4f499}.patient-id-info{font-size:.9rem;color:var(--text-medium);font-family:Courier New,monospace;background:#2a9d8f1a;padding:.5rem 1rem;border-radius:8px;margin:0}.dark .patient-id-info{color:#f4f4f4b3}.consultation-notes-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.08);border-radius:20px;overflow:hidden;margin-bottom:2rem;box-shadow:0 4px 6px #00000005,0 8px 25px #0000000a;transition:var(--transition)}.dark .consultation-notes-card{background:#0003;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 6px #0000001a,0 8px 25px #00000026}.consultation-notes-card:hover{transform:translateY(-4px);box-shadow:0 8px 12px #0000000a,0 16px 40px #00000014}.consultation-notes-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#2a9d8f,#264653);color:#fff;position:relative}.consultation-notes-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.consultation-notes-header .header-icon{width:40px;height:40px;background:#fff3;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.consultation-notes-header h3{flex:1;margin:0;font-size:1.3rem;font-weight:600}.consultation-notes-header .notes-count{background:#fff3;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.consultation-notes-content{padding:2rem}.consultation-note-item{padding:1.5rem;background:#2a9d8f0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(42,157,143,.1);border-radius:16px;margin-bottom:1rem;transition:var(--transition);position:relative;overflow:hidden}.dark .consultation-note-item{background:#2a9d8f1a;border-color:#2a9d8f33}.consultation-note-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2a9d8f26;background:#2a9d8f14}.consultation-note-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#2a9d8f,#264653)}.consultation-note-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.consultation-note-author{font-weight:600;color:var(--text-dark);font-size:1rem}.dark .consultation-note-author{color:var(--text-light)}.consultation-note-date{font-size:.85rem;color:var(--text-medium);background:#2a9d8f1a;padding:.25rem .75rem;border-radius:20px}.consultation-note-content{color:var(--text-dark);line-height:1.6;margin:0;font-size:.95rem}.dark .consultation-note-content{color:var(--text-light)}.medical-conditions-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.08);border-radius:20px;overflow:hidden;margin-bottom:2rem;box-shadow:0 4px 6px #00000005,0 8px 25px #0000000a;transition:var(--transition)}.dark .medical-conditions-card{background:#0003;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 6px #0000001a,0 8px 25px #00000026}.medical-conditions-card:hover{transform:translateY(-4px);box-shadow:0 8px 12px #0000000a,0 16px 40px #00000014}.medical-conditions-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#2a9d8f,#264653);color:#fff;position:relative}.medical-conditions-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.medical-conditions-header .header-icon{width:40px;height:40px;background:#fff3;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.medical-conditions-header h3{flex:1;margin:0;font-size:1.3rem;font-weight:600}.medical-conditions-content{padding:2rem}.conditions-filter-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:#2a9d8f0d;padding:.5rem;border-radius:12px}.filter-tab{padding:.5rem 1rem;border:none;background:transparent;color:var(--text-medium);border-radius:8px;cursor:pointer;transition:var(--transition);font-size:.85rem;font-weight:500}.filter-tab.active{background:linear-gradient(135deg,#2a9d8f,#264653);color:#fff;box-shadow:0 2px 8px #2a9d8f4d}.filter-tab:hover:not(.active){background:#2a9d8f1a;color:var(--text-dark)}.dark .filter-tab:hover:not(.active){color:var(--text-light)}.medical-condition-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#2a9d8f0d;border:1px solid rgba(42,157,143,.1);border-radius:12px;margin-bottom:1rem;transition:var(--transition);position:relative}.dark .medical-condition-item{background:#2a9d8f1a;border-color:#2a9d8f33}.medical-condition-item:hover{background:#2a9d8f14;transform:translate(4px);box-shadow:0 4px 15px #2a9d8f1a}.medical-condition-item.active{border-left:4px solid #2a9d8f;background:#2a9d8f1a}.medical-condition-item.past{opacity:.7;border-left:4px solid #6b7280}.medical-condition-icon{width:40px;height:40px;background:linear-gradient(135deg,#2a9d8f,#264653);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;flex-shrink:0}.medical-condition-item.past .medical-condition-icon{background:linear-gradient(135deg,#6b7280,#4b5563)}.medical-condition-details{flex:1}.medical-condition-name{font-weight:600;color:var(--text-dark);margin-bottom:.25rem;font-size:1rem}.dark .medical-condition-name{color:var(--text-light)}.medical-condition-status{font-size:.8rem;padding:.2rem .6rem;border-radius:12px;font-weight:500;display:inline-block}.medical-condition-status.active{background:#22c55e1a;color:#16a34a}.medical-condition-status.past{background:#6b72801a;color:#6b7280}.consultation-notes-empty,.medical-conditions-empty{text-align:center;padding:3rem 2rem;color:var(--text-medium)}.dark .consultation-notes-empty,.dark .medical-conditions-empty{color:#f4f4f499}.consultation-notes-empty i,.medical-conditions-empty i{font-size:3rem;color:#2a9d8f4d;margin-bottom:1rem}.consultation-notes-empty h4,.medical-conditions-empty h4{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:var(--text-dark)}.dark .consultation-notes-empty h4,.dark .medical-conditions-empty h4{color:var(--text-light)}.consultation-notes-empty p,.medical-conditions-empty p{font-size:.9rem;opacity:.8;margin:0}@media (max-width: 768px){.consultation-notes-content,.medical-conditions-content{padding:1.5rem}.conditions-filter-tabs{flex-wrap:wrap}.filter-tab{flex:1;min-width:80px}.consultation-note-header{flex-direction:column;align-items:flex-start;gap:.5rem}.medical-condition-item{flex-direction:column;align-items:flex-start;text-align:left}.medical-condition-icon{align-self:flex-start}}.status-toggle-btn{background:none;border:none;cursor:pointer;font-size:1.25rem;transition:all .3s ease;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.status-toggle-btn.active{color:#28a745}.status-toggle-btn.active:hover{background:#28a7451a;transform:scale(1.1)}.status-toggle-btn.inactive{color:#6c757d}.status-toggle-btn.inactive:hover{background:#6c757d1a;color:#28a745;transform:scale(1.1)}.medication-item.active-med{border-left:4px solid #28a745}.medication-item.inactive-med{border-left:4px solid #6c757d;opacity:.7}.medication-item.inactive-med:hover{opacity:1}.inactive-badge{margin-top:.75rem;padding:.5rem;background:#6c757d1a;border-radius:8px;display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#6c757d;font-weight:600}.inactive-badge i{font-size:1rem}.empty-state-small{text-align:center;padding:2rem 1rem;color:var(--text-dark);opacity:.6}.empty-state-small i{font-size:2rem;margin-bottom:.75rem;display:block;color:var(--primary)}.empty-state-small p{margin:0 0 .25rem;font-weight:600}.empty-state-small span{font-size:.85rem}.dark .empty-state-small{color:var(--text-light)}.alerts-btn{position:relative}.alert-badge-btn{background:#dc3545;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:800;min-width:24px;text-align:center;animation:pulse 2s infinite;box-shadow:0 2px 8px #dc354566}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #dc354566}50%{transform:scale(1.1);box-shadow:0 4px 12px #dc354599}}.alerts-modal-box{max-width:800px;width:95%;max-height:90vh}.alerts-modal-content{padding:0;max-height:calc(90vh - 150px);overflow-y:auto}.alerts-modal-content .ddi-alert-system{background:transparent;border:none;box-shadow:none;padding:1.5rem;margin-top:0}@media (max-width: 767px){.patient-actions{flex-direction:column;gap:.75rem}.prescription-btn,.alerts-btn{width:100%}.alerts-modal-box{max-width:95%;max-height:95vh}.alerts-modal-content{max-height:calc(95vh - 120px)}}.chatbot-fab{position:fixed!important;bottom:30px!important;right:30px!important;left:auto!important;width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;cursor:pointer;box-shadow:0 10px 40px #667eea80;transition:all .4s cubic-bezier(.16,1,.3,1);z-index:9999!important;display:flex;align-items:center;justify-content:center;overflow:visible}.chatbot-fab svg{font-size:32px;position:relative;z-index:2;transition:transform .3s ease}.chatbot-fab:hover svg{transform:scale(1.1) rotate(5deg)}.chatbot-fab:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite;z-index:1}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.chatbot-fab:hover{transform:translateY(-5px);box-shadow:0 15px 50px #667eea99}.chatbot-fab:active{transform:translateY(-2px) scale(.95)}.chatbot-container{position:fixed;bottom:2rem;right:2rem;z-index:1000}.chatbot-button{width:60px;height:60px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:var(--transition)}.chatbot-button:hover{transform:scale(1.1)}.ddi-alert-system{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(42,157,143,.1);border-radius:16px;padding:1.5rem;margin-top:1.5rem;box-shadow:0 8px 32px #2a9d8f14,0 2px 8px #0000000d;animation:slideIn .4s ease-out}.dark .ddi-alert-system{background:#00000040;border-color:#ffffff1a}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ddi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.ddi-title{display:flex;align-items:center;gap:.75rem;position:relative}.ddi-title i{font-size:1.5rem;color:var(--primary)}.dark .ddi-title i{color:var(--accent)}.ddi-title h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-dark)}.dark .ddi-title h3{color:var(--text-light)}.alert-badge{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;padding:.25rem .6rem;border-radius:12px;font-size:.75rem;font-weight:700;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #dc3545b3}50%{transform:scale(1.05);box-shadow:0 0 0 8px #dc354500}}.check-ddi-btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;padding:.6rem 1.25rem;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #2a9d8f4d}.check-ddi-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2a9d8f66}.check-ddi-btn:disabled{opacity:.5;cursor:not-allowed}.dark .check-ddi-btn{background:linear-gradient(135deg,var(--accent),#d85a3a)}.last-check-time{font-size:.8rem;color:var(--text-dark);opacity:.7;margin-bottom:1rem}.dark .last-check-time{color:var(--text-light)}.ddi-info-message{background:#2a9d8f1a;border:2px solid rgba(42,157,143,.2);border-radius:10px;padding:1rem;display:flex;align-items:center;gap:.75rem;color:var(--primary);font-weight:500}.ddi-info-message i{font-size:1.25rem}.dark .ddi-info-message{background:#e76f511a;border-color:#e76f5133;color:var(--accent)}.alerts-section{margin-top:1.5rem}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:var(--text-dark);margin-bottom:1rem}.dark .section-title{color:var(--text-light)}.section-toggle{width:100%;background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;transition:all .3s ease}.section-toggle:hover{opacity:.8}.section-toggle i{color:var(--primary);transition:transform .3s ease}.dark .section-toggle i{color:var(--accent)}.alerts-list{display:flex;flex-direction:column;gap:.75rem}.alert-card{background:#fffc;border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;box-shadow:0 2px 8px #0000000d}.alert-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.dark .alert-card{background:#0000004d}.alert-card.critical{border-left:4px solid #dc3545}.alert-card.major{border-left:4px solid #fd7e14}.alert-card.moderate{border-left:4px solid #ffc107}.alert-card.minor{border-left:4px solid #28a745}.alert-card.resolved{border-left:4px solid #6c757d;opacity:.7}.alert-header{display:flex;align-items:flex-start;gap:1rem}.alert-icon{font-size:1.5rem;flex-shrink:0}.alert-content{flex:1;min-width:0}.alert-severity{font-size:.7rem;font-weight:800;letter-spacing:.5px;margin-bottom:.25rem;color:var(--text-dark)}.dark .alert-severity{color:var(--text-light)}.alert-drugs{font-size:.95rem;font-weight:700;color:var(--primary);margin-bottom:.5rem}.dark .alert-drugs{color:var(--accent)}.alert-message{font-size:.9rem;color:var(--text-dark);line-height:1.4}.dark .alert-message{color:var(--text-light)}.expand-icon{color:var(--primary);font-size:.9rem;transition:transform .3s ease}.dark .expand-icon{color:var(--accent)}.alert-card.expanded .expand-icon{transform:rotate(180deg)}.alert-details{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1);animation:expandDetails .3s ease-out}.dark .alert-details{border-top-color:#ffffff1a}@keyframes expandDetails{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.detail-section{margin-bottom:.75rem}.detail-section strong{display:block;margin-bottom:.5rem;color:var(--primary);font-size:.85rem}.dark .detail-section strong{color:var(--accent)}.detail-section p{margin:0;font-size:.85rem;line-height:1.5;color:var(--text-dark)}.dark .detail-section p{color:var(--text-light)}.alert-timestamp{font-size:.75rem;color:var(--text-dark);opacity:.6}.dark .alert-timestamp{color:var(--text-light)}.resolved-badge{display:inline-block;background:#6c757d33;color:#6c757d;padding:.25rem .6rem;border-radius:8px;font-size:.7rem;font-weight:700;margin-top:.5rem}.no-alerts-message{background:linear-gradient(135deg,#28a7451a,#28a7450d);border:2px solid rgba(40,167,69,.2);border-radius:12px;padding:2rem;text-align:center;color:#28a745}.no-alerts-message i{font-size:3rem;margin-bottom:1rem;display:block}.no-alerts-message p{margin:0 0 .5rem;font-size:1.1rem;font-weight:700}.no-alerts-message span{font-size:.9rem;opacity:.8}.old-alerts-list{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}@media (max-width: 767px){.ddi-alert-system{padding:1rem}.ddi-header{flex-direction:column;align-items:stretch}.check-ddi-btn{width:100%;justify-content:center}.alert-header{flex-direction:column;gap:.75rem}.alert-icon{font-size:1.25rem}}.lab-results-page{display:flex;height:100vh;overflow:hidden}.lab-content{display:flex;flex:1;gap:2rem;padding:2rem;overflow:hidden}.left-col{flex:2;overflow-y:auto;padding-right:1rem}.right-col{flex:1;border-left:1px solid #E5E7EB;overflow-y:auto;padding-left:1rem}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:2rem}.card{background:var(--card-bg, #fff);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:1rem;text-align:center;align-content:center}.card .icon{font-size:1.5rem;color:var(--primary);margin-bottom:.5rem}.card h3{margin-bottom:.25rem;font-size:1rem}.card p{font-size:.9rem;color:#6b7280}.filters{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.filters input,.filters select{flex:1;min-width:160px;padding:.5rem 1rem;border:1px solid #D1D5DB;border-radius:var(--border-radius)}.alert{background:#fef3f2;border-left:4px solid #DC2626;color:#b91c1c;padding:1rem;border-radius:var(--border-radius);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.lab-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.lab-table th,.lab-table td{padding:.75rem;text-align:left;border-bottom:1px solid #E5E7EB}.lab-table th{background:var(--primary);color:var(--text-light);font-weight:600}.status-normal{color:#16a34a}.status-borderline{color:#f59e0b}.status-critical{color:#dc2626}.ddi-checker{background:var(--card-bg, #fff);padding:1rem;border-radius:var(--border-radius);box-shadow:var(--shadow)}.ddi-checker h2{margin-bottom:1rem;font-size:1.1rem}.ddi-checker input{width:100%;padding:.5rem 1rem;border:1px solid #D1D5DB;border-radius:var(--border-radius);margin-bottom:1rem}.ddi-checker button{background:var(--primary);border:none;color:var(--text-light);padding:.5rem 1.5rem;border-radius:var(--border-radius);cursor:pointer;transition:background var(--transition)}.ddi-checker button:hover{background:var(--primary-dark)}.right-col{height:fit-content;margin-top:-65px}.right-col .widget{background:var(--card-bg, #fff);padding:1rem;border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:1.5rem}.right-col .widget h3{margin-bottom:.75rem;font-size:1.1rem;color:var(--primary)}.right-col .widget ul{list-style:none;padding:0;margin:0}.right-col .widget li{padding:.5rem 0;border-bottom:1px solid #E5E7EB;font-size:.9rem;color:#374151}@media (max-width: 900px){.lab-content{flex-direction:column}.right-col{border-left:none;border-top:1px solid #E5E7EB;padding-top:1.5rem}}:root{--primary: #2A9D8F;--text-light: #FDFEFE;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--transition: all .3s ease}.chatbot-launcher{position:fixed;bottom:20px;right:20px;background:var(--primary);color:var(--text-light);border:none;width:50px;height:50px;border-radius:50%;box-shadow:var(--shadow);cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:transform var(--transition);z-index:1000}.chatbot-launcher:hover{transform:scale(1.1)}.prescription-container{max-width:800px;margin:2rem auto;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.08);border-radius:20px;box-shadow:0 8px 32px #0000001a,0 4px 16px #0000000d;overflow:hidden}.dark .prescription-container{background:#0003;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d,0 4px 16px #0003}.prescription-header{padding:2rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;position:relative;overflow:hidden}.prescription-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');pointer-events:none}.prescription-header h2{margin:0;font-size:1.75rem;font-weight:600;position:relative;z-index:1}.prescription-header .subtitle{margin:.25rem 0 0;opacity:.9;font-size:.95rem;position:relative;z-index:1}.prescription-content{padding:1.5rem 2rem}.medicine-section{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:1.5rem;margin-bottom:2rem;transition:var(--transition)}.dark .medicine-section{background:#0000001a;border:1px solid rgba(255,255,255,.08)}.medicine-section:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.section-header{margin-bottom:1rem}.section-header h3{margin:0;color:var(--text-dark);font-size:1.25rem;font-weight:600}.dark .section-header h3{color:var(--text-light)}.section-header p{margin:.25rem 0 0;color:var(--text-medium);font-size:.875rem}.dark .section-header p{color:#f4f4f4b3}.medicine-chips{display:flex;flex-wrap:wrap;gap:.75rem}.medicine-chip{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:12px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.08);color:var(--text-dark);font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.dark .medicine-chip{background:#0000001a;border:1px solid rgba(255,255,255,.08);color:var(--text-light)}.medicine-chip:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.medicine-chip:hover:before{left:100%}.medicine-chip:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a;border-color:var(--primary)}.medicine-chip.added{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-color:var(--primary);box-shadow:0 4px 15px #2a9d8f4d}.medicine-chip.added:hover{box-shadow:0 6px 20px #2a9d8f66}.chip-name{margin-right:10px;font-weight:500}.chip-dosage{opacity:.8;font-size:.8rem}.medicine-chip.added .chip-dosage{opacity:.9}.chip-add{margin-left:.25rem;font-weight:600}.medicine-chip:disabled{cursor:not-allowed;opacity:1}.add-custom-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px dashed rgba(42,157,143,.3);border-radius:12px;color:var(--primary);font-weight:500;font-size:.9375rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;justify-content:center;margin-top:.5rem;position:relative;overflow:hidden}.dark .add-custom-btn{background:#0000001a;border-color:#2a9d8f66;color:var(--accent)}.add-custom-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(42,157,143,.1),transparent);transition:left .5s}.add-custom-btn:hover:before{left:100%}.add-custom-btn:hover{background:#2a9d8f0d;border-color:var(--primary);border-style:solid;transform:translateY(-2px);box-shadow:0 4px 15px #2a9d8f33}.dark .add-custom-btn:hover{background:#2a9d8f1a}.add-custom-btn span{font-size:1.25rem;font-weight:700}.edit-form-container{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 4px 15px #0000000d;transition:var(--transition)}.dark .edit-form-container{background:#0000001a;border:1px solid rgba(255,255,255,.08)}.edit-form-container:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.form-header{margin-bottom:1rem}.form-header h3{margin:0;font-size:1.125rem;color:var(--text-dark)}.dark .form-header h3{color:var(--text-light)}.form-header p{margin:.25rem 0 0;color:var(--text-medium);font-size:.875rem}.dark .form-header p{color:#f4f4f4b3}.medicine-list{list-style:none;padding:0;margin:0;border:1px solid rgba(0,0,0,.08);border-radius:12px;overflow:hidden}.dark .medicine-list{border-color:#ffffff14}.medicine-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05);transition:var(--transition);position:relative}.dark .medicine-item{background:#0000001a;border-bottom-color:#ffffff0d}.medicine-item:last-child{border-bottom:none}.medicine-item:hover{background:#2a9d8f0d}.dark .medicine-item:hover{background:#2a9d8f1a}.medicine-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary) 0%,var(--primary-dark) 100%)}.medicine-info{display:flex;flex-direction:column}.medicine-name{font-weight:500;color:var(--text-dark)}.dark .medicine-name{color:var(--text-light)}.medicine-details{font-size:.875rem;color:var(--text-medium);margin-top:.25rem}.dark .medicine-details{color:#f4f4f4b3}.medicine-actions{display:flex;gap:.5rem}.edit-btn{padding:.5rem 1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border:none;color:#fff;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:var(--transition)}.edit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2a9d8f4d}.remove-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:var(--transition)}.remove-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#ffffff0d;border-radius:12px;border:2px dashed rgba(42,157,143,.2);color:var(--text-medium);text-align:center}.dark .empty-state{background:#0000000d;border-color:#2a9d8f4d;color:#f4f4f499}.empty-state svg{margin-bottom:1rem;color:#2a9d8f66}.empty-state p{margin:0;font-size:.875rem}.action-bar{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;margin-top:2rem;border-top:1px solid rgba(0,0,0,.05)}.dark .action-bar{border-top-color:#ffffff0d}.primary-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.primary-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.primary-btn:hover:before{left:100%}.primary-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark) 0%,#1d3557 100%);transform:translateY(-2px);box-shadow:0 6px 20px #2a9d8f66}.primary-btn:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);cursor:not-allowed;transform:none;box-shadow:none}.secondary-btn{padding:.75rem 1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-dark);border:1px solid rgba(0,0,0,.1);border-radius:8px;font-weight:500;cursor:pointer;transition:var(--transition)}.dark .secondary-btn{background:#0000001a;color:var(--text-light);border-color:#ffffff1a}.secondary-btn:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.dark .secondary-btn:hover{background:#0003}.medicine-form{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;position:relative}.form-group{display:flex;flex-direction:column;margin-bottom:.5rem;position:relative;z-index:1}.form-group:has(.dropdown-container){z-index:100}.form-group.medicine-name-group{z-index:9999!important}.form-group label{margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-dark)}.form-group input{padding:.75rem;border:1px solid rgba(0,0,0,.1);border-radius:6px;font-size:.9375rem;transition:var(--transition);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-dark);width:100%}.dark .form-group input{background:#0000001a;border-color:#ffffff1a;color:var(--text-light)}.form-group input::placeholder{color:#2b2d4280;opacity:1}.dark .form-group input::placeholder{color:#f4f4f480}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2a9d8f1a}.frequency-dropdown-trigger{padding:.75rem;border:1px solid rgba(0,0,0,.1);border-radius:6px;font-size:.9375rem;transition:var(--transition);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-dark);width:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.dark .frequency-dropdown-trigger{background:#0000001a;border-color:#ffffff1a;color:var(--text-light)}.frequency-dropdown-trigger:hover{border-color:var(--primary);background:#2a9d8f0d}.dark .frequency-dropdown-trigger:hover{background:#2a9d8f1a}.form-actions{grid-column:span 2;display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.form-btn{padding:.75rem 1.5rem;border-radius:6px;font-weight:500;font-size:.9375rem;cursor:pointer;transition:var(--transition);border:none}.save-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark) 0%,#1d3557 100%);transform:translateY(-2px);box-shadow:0 6px 20px #2a9d8f66}.save-btn:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);cursor:not-allowed;transform:none;box-shadow:none}.cancel-btn{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-dark);border:1px solid rgba(0,0,0,.1)}.dark .cancel-btn{background:#0000001a;color:var(--text-light);border-color:#ffffff1a}.cancel-btn:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.dark .cancel-btn:hover{background:#0003}.dropdown-container{position:relative;width:100%;z-index:inherit}.medicine-name-group .dropdown-list{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:2px solid var(--primary);border-radius:6px;max-height:200px;overflow-y:auto;z-index:9999;margin:0;padding:0;list-style:none;box-shadow:0 8px 25px #00000026}.dropdown-list{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:2px solid var(--primary);border-radius:6px;max-height:200px;overflow-y:auto;z-index:1000;margin:0;padding:0;list-style:none;box-shadow:0 8px 25px #00000026}.dark .dropdown-list{background:#2b2d42;border-color:var(--accent)}.dropdown-list::-webkit-scrollbar{width:6px}.dropdown-list::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.dropdown-list::-webkit-scrollbar-thumb{background:#2a9d8f4d;border-radius:3px}.dropdown-list::-webkit-scrollbar-thumb:hover{background:#2a9d8f80}.dropdown-item{padding:.75rem 1rem;cursor:pointer;font-size:.9375rem;color:var(--text-dark);transition:var(--transition)}.dropdown-item:hover{background:#2a9d8f1a;color:var(--primary)}.error-text{color:#dc2626;font-size:.8125rem;margin-top:.25rem;display:block}.fullscreen-loading,.fullscreen-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#2a9d8ff2,#264653f2,#e76f51f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:100000;animation:overlayFadeIn .6s ease-out}.loader-content{text-align:center;color:#fff;animation:loadingContentSlide .8s cubic-bezier(.34,1.56,.64,1);max-width:400px;padding:2rem}.loading-spinner{position:relative;width:140px;height:140px;margin:0 auto 2.5rem}.spinner-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:5px solid transparent;border-radius:50%;animation:spinRing 2s linear infinite}.spinner-ring:nth-child(1){border-top-color:#ffffffe6;border-right-color:#ffffff4d;animation-delay:0s;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.spinner-ring:nth-child(2){border-right-color:#ffffffb3;border-bottom-color:#ffffff4d;animation-delay:-.5s;width:80%;height:80%;top:10%;left:10%;animation-direction:reverse;filter:drop-shadow(0 0 8px rgba(255,255,255,.4))}.spinner-ring:nth-child(3){border-bottom-color:#ffffff80;border-left-color:#ffffff4d;animation-delay:-1s;width:60%;height:60%;top:20%;left:20%;filter:drop-shadow(0 0 6px rgba(255,255,255,.3))}.loader-content h3{font-size:2.2rem;font-weight:700;margin-bottom:.8rem;text-shadow:0 3px 6px rgba(0,0,0,.4);background:linear-gradient(45deg,#fff,#f0f8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textGlow 2s ease-in-out infinite alternate}.loader-content p{font-size:1.2rem;opacity:.95;margin-bottom:2.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1.4;font-weight:300}.loading-dots{display:flex;justify-content:center;gap:.8rem;margin-top:1rem}.loading-dots span{width:14px;height:14px;background:#ffffffe6;border-radius:50%;animation:dotPulse 1.8s ease-in-out infinite;box-shadow:0 0 10px #ffffff80}.loading-dots span:nth-child(1){animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.3s}.loading-dots span:nth-child(3){animation-delay:.6s}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loadingContentSlide{0%{opacity:0;transform:translateY(40px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dotPulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.4);opacity:1;box-shadow:0 0 20px #fffc}}@keyframes textGlow{0%{text-shadow:0 3px 6px rgba(0,0,0,.4)}to{text-shadow:0 3px 6px rgba(0,0,0,.4),0 0 20px rgba(255,255,255,.3)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.prescription-container{margin:0;border-radius:0}.prescription-content{padding:1.25rem}.medicine-form{grid-template-columns:1fr}.form-actions{grid-column:span 1}.medicine-item{flex-direction:column;align-items:flex-start;gap:.75rem}.medicine-actions{width:100%;justify-content:flex-end}.dropdown-list{max-height:150px}}.dropdown-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid var(--primary);border-top:none;border-radius:0 0 12px 12px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 8px 24px #00000026;margin-top:-8px;list-style:none;padding:0}.dark .dropdown-list{background:var(--secondary);border-color:var(--accent);box-shadow:0 8px 24px #0006}.dropdown-item{padding:.75rem 1rem;cursor:pointer;transition:all .2s ease;color:var(--text-dark);font-weight:500}.dark .dropdown-item{color:var(--text-light)}.dropdown-item:hover{background:var(--primary);color:#fff}.dark .dropdown-item:hover{background:var(--accent)}.dropdown-item:first-child{padding-top:1rem}.dropdown-item:last-child{padding-bottom:1rem}.dropdown-list::-webkit-scrollbar-track{background:#0000000d}.dark .dropdown-list::-webkit-scrollbar-thumb{background:var(--accent)}.times-of-day-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:.5rem}.checkbox-label{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,0,0,.08);border-radius:12px;cursor:pointer;transition:all .3s ease;min-height:50px}.checkbox-label:hover{background:#2a9d8f1a;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary);flex-shrink:0}.checkbox-label input[type=checkbox]:checked+span{font-weight:600;color:var(--primary)}.checkbox-label span{font-size:1rem;transition:all .2s ease;text-align:center}.dark .checkbox-label{background:#0000001a;border-color:#ffffff1a}.dark .checkbox-label:hover{background:#2a9d8f26;border-color:var(--accent)}.dropdown-container{position:relative;width:100%}.dropdown-list{position:absolute;top:100%;left:0;right:0;max-height:250px;overflow-y:auto;background:#fff;border:2px solid var(--primary);border-top:none;border-radius:0 0 12px 12px;box-shadow:0 8px 20px #00000026;z-index:1000;margin-top:-1px;list-style:none;padding:0}.dark .dropdown-list{background:var(--bg-dark);border-color:var(--primary)}.dropdown-item{padding:.875rem 1rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(0,0,0,.05);font-size:.95rem;color:var(--text-dark)}.dark .dropdown-item{color:var(--text-light);border-bottom:1px solid rgba(255,255,255,.05)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--primary);color:#fff;padding-left:1.25rem}.dropdown-item.no-results{cursor:default;color:#6b7280;font-style:italic;text-align:center;padding:1rem}.dropdown-item.no-results:hover{background:transparent;padding-left:1rem;color:#6b7280}.dark .dropdown-item.no-results,.dark .dropdown-item.no-results:hover{color:#9ca3af}.dropdown-list::-webkit-scrollbar{width:8px}.dropdown-list::-webkit-scrollbar-track{background:#0000000d;border-radius:0 0 12px}.dropdown-list::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.dropdown-list::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-dark);font-size:.95rem}.dark .form-group label{color:var(--text-light)}.form-group input,.form-group select{width:100%;padding:.875rem 1rem;border:2px solid rgba(0,0,0,.1);border-radius:12px;font-size:1rem;transition:all .3s ease;background:#ffffff80;color:var(--text-dark)}.dark .form-group input,.dark .form-group select{background:#0003;border-color:#ffffff1a;color:var(--text-light)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2a9d8f1a;background:#fff}.dark .form-group input:focus,.dark .form-group select:focus{background:#0000004d;box-shadow:0 0 0 3px #2a9d8f33}.error-text{display:block;color:#dc3545;font-size:.85rem;margin-top:.25rem;font-weight:500}.settings-modal{max-width:900px;width:90%;max-height:90vh;overflow-y:auto;background:#fff;border-radius:16px;padding:0}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:#f0f0f0;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.modal-close-btn:hover{background:#e0e0e0;transform:rotate(90deg)}.uc-container{min-height:100vh;background:#0a0a0f;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:2rem;color:#fff}.uc-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 20s ease-in-out infinite}.orb-1{width:500px;height:500px;background:radial-gradient(circle,#667eea 0%,transparent 70%);top:-10%;left:-10%;animation-delay:0s}.orb-2{width:400px;height:400px;background:radial-gradient(circle,#764ba2 0%,transparent 70%);bottom:-10%;right:-10%;animation-delay:7s}.orb-3{width:350px;height:350px;background:radial-gradient(circle,#f093fb 0%,transparent 70%);top:50%;left:50%;animation-delay:14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-50px,50px) scale(.9)}}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.back-button{position:absolute;top:2rem;left:2rem;display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:50px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;z-index:100}.back-button:hover{background:#667eea33;border-color:#667eea;transform:translate(-5px);box-shadow:0 8px 25px #667eea4d}.back-button i{font-size:1.2rem;transition:transform .3s ease}.back-button:hover i{transform:translate(-3px)}.uc-content{position:relative;z-index:10;max-width:900px;width:100%;text-align:center;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.icon-container{position:relative;width:150px;height:150px;margin:0 auto 3rem}.rotating-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid transparent;border-top-color:#667eea;border-right-color:#764ba2;border-radius:50%;animation:rotate 3s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.phase-icon{position:absolute;top:19%;left:17%;display:flex;align-items:center;justify-content:center;font-size:4rem;width:100px;height:100px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.uc-title{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2}.title-word{display:inline-block;margin:0 .3rem;animation:fadeIn .8s ease-out backwards}.title-word:nth-child(1){animation-delay:.1s}.title-word:nth-child(2){animation-delay:.2s}.title-word:nth-child(3){animation-delay:.3s}.title-word:nth-child(4){animation-delay:.4s}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.uc-subtitle{font-size:1.3rem;color:#ffffffb3;margin-bottom:3rem;font-weight:500}.progress-container{margin-bottom:4rem}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:10px;overflow:hidden;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.progress-fill{height:100%;border-radius:10px;position:relative;transition:width .3s ease,background .5s ease}.progress-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;filter:blur(10px);opacity:.8}.progress-text{margin-top:1rem;font-size:1.1rem;font-weight:600;color:#fffc}.feature-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:4rem}.feature-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);background:#ffffff14;border-color:#fff3;box-shadow:0 20px 40px #0000004d}.card-icon{font-size:3rem;margin-bottom:1rem}.text-h3 h3{color:#000}.feature-card h3{font-size:1.3rem;margin-bottom:.5rem;font-weight:700}.feature-card p{color:#fff9;font-size:.95rem;line-height:1.5}.notify-section{max-width:500px;margin:0 auto}.notify-text{font-size:1.1rem;color:#ffffffb3;margin-bottom:1rem}.email-input-group{display:flex;gap:.5rem}.email-input{flex:1;padding:1rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;outline:none;transition:all .3s ease}.email-input::placeholder{color:#fff6}.email-input:focus{background:#ffffff14;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.notify-button{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s ease}.notify-button:hover{transform:scale(1.05)}.notify-button:active{transform:scale(.98)}.button-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 3s infinite}@keyframes shine{to{left:100%}}.floating-elements{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.floating-particle{position:absolute;width:4px;height:4px;background:#ffffff80;border-radius:50%;animation:floatUp linear infinite}@keyframes floatUp{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) translate(50px);opacity:0}}@media (max-width: 768px){.uc-title{font-size:2.5rem}.title-word{margin:0 .2rem}.uc-subtitle{font-size:1.1rem}.feature-cards{grid-template-columns:1fr}.email-input-group{flex-direction:column}.icon-container{width:120px;height:120px}.phase-icon{font-size:3rem}.back-button span{display:none}.back-button{padding:.875rem 1rem}}@media (max-width: 480px){.uc-title{font-size:2rem}.uc-subtitle{font-size:1rem}.feature-card{padding:1.5rem}.card-icon{font-size:2.5rem}}.click-counter{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#667eea33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.4);border-radius:20px;padding:.3rem .8rem;font-size:.85rem;font-weight:600;color:#667eea;animation:pulse .5s ease}@keyframes pulse{0%{transform:translate(-50%) scale(.8);opacity:0}50%{transform:translate(-50%) scale(1.1)}to{transform:translate(-50%) scale(1);opacity:1}}.epic-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;pointer-events:none;animation:epicFadeOut 3s ease-out forwards}.epic-text{font-size:4rem;font-weight:900;color:#fff;text-shadow:0 0 10px #ff006e,0 0 20px #ff006e,0 0 30px #ff006e,0 0 40px #8338ec,0 0 70px #8338ec,0 0 80px #8338ec,0 0 100px #8338ec;animation:epicTextPulse .3s ease-in-out infinite,epicRainbow 2s linear infinite;letter-spacing:3px;white-space:nowrap}@keyframes epicFadeOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@keyframes epicTextPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes epicRainbow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.uc-container.epic-mode{animation:epicPulse .5s ease-in-out infinite}@keyframes epicPulse{0%,to{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(30deg) brightness(1.2)}}.epic-mode .gradient-orb{animation:epicFloat 2s ease-in-out infinite,epicRainbow 3s linear infinite}@keyframes epicFloat{0%,to{transform:translate(0) scale(1.2)}50%{transform:translate(30px,-30px) scale(1.5)}}.epic-mode .phase-icon{animation:epicBounce .3s ease-in-out infinite,epicSpin 2s linear infinite}@keyframes epicBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.3)}}@keyframes epicSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.epic-mode .rotating-ring{border-width:5px;animation:epicRotate .5s linear infinite,epicRainbow 1s linear infinite}@keyframes epicRotate{to{transform:rotate(360deg)}}.epic-mode .uc-title{animation:epicShake .5s ease-in-out infinite,epicRainbow 2s linear infinite}@keyframes epicShake{0%,to{transform:translate(0)}25%{transform:translate(-10px) rotate(-2deg)}75%{transform:translate(10px) rotate(2deg)}}.epic-mode .feature-card{animation:epicCardFloat 1s ease-in-out infinite,epicRainbow 3s linear infinite}.epic-mode .feature-card:nth-child(1){animation-delay:0s}.epic-mode .feature-card:nth-child(2){animation-delay:.2s}.epic-mode .feature-card:nth-child(3){animation-delay:.4s}@keyframes epicCardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.firework{position:fixed;width:4px;height:4px;pointer-events:none;z-index:999}.firework-particle{position:absolute;width:6px;height:6px;background:var(--firework-color, #ff006e);border-radius:50%;box-shadow:0 0 10px var(--firework-color, #ff006e),0 0 20px var(--firework-color, #ff006e),0 0 30px var(--firework-color, #ff006e);animation:explode 2s ease-out forwards;transform-origin:center;transform:rotate(var(--angle)) translate(0)}@keyframes explode{0%{transform:rotate(var(--angle)) translate(0) scale(1);opacity:1}50%{opacity:1}to{transform:rotate(var(--angle)) translate(150px) scale(0);opacity:0}}.epic-mode .firework-particle{width:8px;height:8px;box-shadow:0 0 15px var(--firework-color, #ff006e),0 0 30px var(--firework-color, #ff006e),0 0 45px var(--firework-color, #ff006e),0 0 60px var(--firework-color, #ff006e)}@media (max-width: 768px){.epic-text{font-size:2rem}.click-counter{font-size:.75rem;padding:.25rem .6rem}}@media (max-width: 480px){.epic-text{font-size:1.5rem}}.models-playground-wrapper{--sidebar-width: 250px;--primary-color: #2A9D8F;--secondary-color: #264653;--accent-color: #e76f51;--background-gradient: linear-gradient(135deg, #f0f4f8 0%, #d9e6f2 100%);--text-color: #264653;--output-bg: #f8fafc;--border-color: #e0e7eb}.models-playground-wrapper *{box-sizing:border-box;margin:0;padding:0}.models-playground-wrapper .nav-toggle{display:none;font-size:1.5rem;background:none;border:none;color:var(--secondary-color);cursor:pointer;position:fixed;top:1rem;left:1rem;z-index:200;padding:.5rem;border-radius:4px;transition:all .3s ease}.models-playground-wrapper .nav-toggle:hover{background-color:#0000000d}.models-playground-wrapper .sidebar{position:absolute;top:80px;left:0;bottom:64px;width:var(--sidebar-width);background:var(--secondary-color);padding:1rem;transition:all .3s ease;z-index:100;overflow-y:auto}.models-playground-wrapper .sidebar ul{list-style:none;padding:0}.models-playground-wrapper .sidebar ul li{margin:1.5rem 0}.models-playground-wrapper .sidebar ul li button{width:100%;text-align:left;text-decoration:none;color:#fff;font-weight:500;border:none;background:none;cursor:pointer;border-radius:6px;transition:all .3s ease;display:flex;align-items:center;padding:1rem 1.25rem;font-size:1.05rem;gap:1rem}.models-playground-wrapper .sidebar ul li button:hover,.models-playground-wrapper .sidebar ul li button.active{background-color:var(--primary-color);font-weight:600;transform:translate(8px)}.models-playground-wrapper .sidebar ul li button i{width:1.25rem;text-align:center}.models-playground-wrapper .main-content{margin-left:var(--sidebar-width);padding:2rem;transition:margin-left .3s ease;min-height:100vh;background:var(--background-gradient)}.models-playground-wrapper .model-section{display:none;background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:2rem;animation:fadeIn .3s ease;border-left:5px solid var(--primary-color)}.models-playground-wrapper .model-section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.models-playground-wrapper .model-section h2{font-size:1.75rem;color:var(--primary-color);margin-bottom:1.5rem;font-weight:600;display:flex;align-items:center;gap:.75rem}.models-playground-wrapper .model-section p.description{font-size:.95rem;color:var(--text-color);margin-bottom:1.5rem;opacity:.8;line-height:1.7}.models-playground-wrapper .form-group{margin-bottom:1.5rem}.models-playground-wrapper .form-group label{display:block;margin-bottom:.75rem;font-weight:500;color:var(--text-color);font-size:.95rem}.models-playground-wrapper .form-group input,.models-playground-wrapper .form-group textarea{width:100%;padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff;color:var(--text-color);font-family:inherit}.models-playground-wrapper .form-group input:focus,.models-playground-wrapper .form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2a9d8f33;outline:none}.models-playground-wrapper .form-group textarea{min-height:120px;resize:vertical;line-height:1.6}.models-playground-wrapper .form-group button{padding:.875rem 1.5rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem;font-size:.95rem;justify-content:center}.models-playground-wrapper .form-group button:hover{background-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.models-playground-wrapper .form-group button i{font-size:1rem}.models-playground-wrapper .output{margin-top:1.5rem;padding:1.25rem;background-color:var(--output-bg);border:1px solid var(--border-color);border-radius:8px;word-wrap:break-word;max-height:700px;overflow-y:auto;font-size:.95rem;color:var(--text-color);border-left:4px solid var(--primary-color);line-height:1.6;white-space:pre-wrap}@media (max-width: 768px){.models-playground-wrapper .nav-toggle{display:block}.models-playground-wrapper .sidebar{transform:translate(-100%)}.models-playground-wrapper .sidebar.active{transform:translate(0)}.models-playground-wrapper .main-content{margin-left:0;padding:1rem}.models-playground-wrapper .model-section{padding:1.5rem}.models-playground-wrapper .form-group input,.models-playground-wrapper .form-group textarea{font-size:.95rem}.models-playground-wrapper .form-group button{width:100%;justify-content:center}}@media (min-width: 769px){.models-playground-wrapper .nav-toggle{display:none}.models-playground-wrapper .sidebar{transform:translate(0)!important}}.models-playground-wrapper .result-block{background-color:#f9f9f9;padding:1rem;border-radius:8px;margin-top:1rem;border:1px solid #ddd}.models-playground-wrapper .output-box{background:#fff;border:1px solid #ccc;padding:.75rem;border-radius:5px;white-space:pre-wrap;margin-bottom:1rem}.models-playground-wrapper .entity-table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.95rem}.models-playground-wrapper .entity-table th,.models-playground-wrapper .entity-table td{border:1px solid #ccc;padding:.5rem;text-align:left}.models-playground-wrapper .entity-table th{background-color:#e9ecef}.models-playground-wrapper .fullscreen-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#264653f2;display:flex;justify-content:center;align-items:center;z-index:99999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .2s ease}.models-playground-wrapper .loader-content{text-align:center;background:#fff;padding:3rem 4rem;border-radius:20px;box-shadow:0 20px 60px #0006;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);min-width:300px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.models-playground-wrapper .loader-spinner{position:relative;width:80px;height:80px;margin:0 auto 2rem}.models-playground-wrapper .spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:var(--primary-color);border-radius:50%;animation:spin 1.5s cubic-bezier(.68,-.55,.27,1.55) infinite}.models-playground-wrapper .spinner-ring:nth-child(2){width:70%;height:70%;top:15%;left:15%;border-top-color:var(--accent-color);animation-delay:-.5s}.models-playground-wrapper .spinner-ring:nth-child(3){width:40%;height:40%;top:30%;left:30%;border-top-color:var(--secondary-color);animation-delay:-1s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.models-playground-wrapper .loader-content h3{font-size:1.5rem;color:var(--secondary-color);margin-bottom:.5rem;font-weight:600}.models-playground-wrapper .loader-content p{font-size:1rem;color:var(--text-color);opacity:.7;margin:0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.models-playground-wrapper .form-group input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #e76f5140}.models-playground-wrapper .output ul{margin-left:1rem;padding-left:1rem;list-style:disc;line-height:1.6}.models-playground-wrapper .output li{margin-bottom:.5rem;color:var(--text-color)}.form-group{position:relative;z-index:auto}.form-group:focus-within{z-index:1000}.suggestion-list{position:absolute;top:100%;left:0;z-index:9999;background:#fff;border:2px solid var(--primary-color);width:100%;max-height:250px;overflow-y:auto;padding:0;margin:4px 0 0;list-style:none;box-shadow:0 8px 24px #00000026;border-radius:8px}.suggestion-list li{padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f0f0f0}.suggestion-list li:last-child{border-bottom:none}.suggestion-list li:hover{background-color:#f8fafc;padding-left:20px}.suggestion-list li.highlighted{background-color:var(--primary-color);color:#fff;font-weight:500}.coming-soon-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:12px;animation:fadeIn .3s ease}.coming-soon-content{text-align:center;padding:3rem;max-width:400px}.coming-soon-content i{font-size:4rem;color:var(--primary-color);margin-bottom:1.5rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.coming-soon-content h3{font-size:2rem;color:var(--secondary-color);margin-bottom:1rem;font-weight:600}.coming-soon-content p{font-size:1.1rem;color:var(--text-color);opacity:.8;line-height:1.6}.profile-setup{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);padding:16px;font-family:Quicksand,sans-serif;display:flex;align-items:center;justify-content:center}.setup-container{width:100%;max-width:500px;background:#fff;border-radius:20px;padding:24px;box-shadow:0 20px 60px #0003;animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.progress-bar{width:100%;height:6px;background:#e9ecef;border-radius:10px;overflow:hidden;margin-bottom:24px}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .4s ease;border-radius:10px}.setup-header{text-align:center;margin-bottom:32px}.setup-header h1{font-size:22px;font-weight:700;color:#1a1a2e;margin-bottom:8px;line-height:1.3}.setup-header p{font-size:14px;color:#6c757d;font-weight:500}.setup-step{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.setup-step h2{font-size:20px;font-weight:700;color:#1a1a2e;margin-bottom:24px;display:flex;align-items:center;gap:8px}.setup-step h3{font-size:16px;font-weight:700;color:#495057;margin:24px 0 16px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:#495057;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:12px;font-size:15px;font-family:Quicksand,sans-serif;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tag-input{display:flex;gap:8px;margin-bottom:12px}.tag-input input{flex:1}.add-btn{padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Quicksand,sans-serif}.add-btn:active{transform:scale(.95)}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid rgba(102,126,234,.2);border-radius:20px;font-size:13px;font-weight:600;color:#667eea}.tag button{background:none;border:none;color:#667eea;font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.tag button:hover{background:#667eea33}.setup-actions{display:flex;gap:12px;margin-top:32px;padding-top:24px;border-top:2px solid #f1f3f5}.btn-primary,.btn-secondary{flex:1;padding:14px 24px;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Quicksand,sans-serif}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 8px 20px #667eea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #667eea66}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;color:#667eea;border:2px solid #667eea}.btn-secondary:hover{background:#667eea0d}@media (min-width: 768px){.profile-setup{padding:32px}.setup-container{max-width:600px;padding:40px}.setup-header h1{font-size:28px}.setup-header p{font-size:16px}.setup-step h2{font-size:24px}.form-group label{font-size:15px}.form-group input,.form-group select,.form-group textarea{padding:14px 18px;font-size:16px}.btn-primary,.btn-secondary{padding:16px 32px;font-size:16px}}@media (min-width: 1024px){.setup-container{max-width:700px;padding:48px}.setup-header h1{font-size:32px}.setup-step h2{font-size:26px}}.form-group .custom-date-picker{margin-top:0}.form-group .date-picker-label{display:none}.form-group .date-picker-input{padding:12px 16px;border:2px solid #e9ecef;border-radius:12px;font-size:15px;background:#fff}.form-group .date-picker-input:hover{border-color:#667eea}.form-group .date-picker-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group .date-picker-dropdown{margin-top:.5rem}@media (min-width: 768px){.form-group .date-picker-input{padding:14px 18px;font-size:16px}}.mobile-not-supported{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;overflow:hidden}.mobile-not-supported:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-warning-container{background:#fff;border-radius:24px;padding:2.5rem 2rem;max-width:600px;width:100%;box-shadow:0 20px 60px #0000004d;position:relative;z-index:1;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.warning-animation{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;font-size:3rem}.device-icon{animation:shake 2s ease-in-out infinite}.arrow-icon{animation:pulse 1.5s ease-in-out infinite;color:#667eea}.desktop-icon{animation:bounce 2s ease-in-out infinite}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.mobile-warning-container h1{font-size:2rem;font-weight:800;color:#2d3748;text-align:center;margin-bottom:1.5rem;line-height:1.2}.warning-message{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;text-align:center}.warning-icon{font-size:3rem;margin-bottom:.75rem;animation:shake 2s ease-in-out infinite}.main-message{color:#856404;font-size:1.1rem;font-weight:600;line-height:1.6;margin:0}.reasons-box{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.reasons-box h3{color:#2d3748;font-size:1.3rem;font-weight:700;margin-bottom:1rem;text-align:center}.reasons-box ul{list-style:none;padding:0;margin:0}.reasons-box li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;color:#4a5568}.reasons-box li:last-child{margin-bottom:0}.reasons-box li i{color:#48bb78;font-size:1.2rem;margin-top:.2rem;flex-shrink:0}.reasons-box li span{font-size:.95rem;line-height:1.5}.recommendation-box{background:linear-gradient(135deg,#e6fffa,#b2f5ea);border:2px solid #38b2ac;border-radius:12px;padding:1.25rem;margin-bottom:2rem;display:flex;align-items:center;gap:1rem}.recommendation-box i{font-size:2rem;color:#319795;flex-shrink:0}.recommendation-box p{color:#234e52;font-size:1rem;font-weight:600;margin:0;line-height:1.5}.action-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.action-buttons button{padding:1rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.btn-secondary{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;box-shadow:0 4px 15px #f5576c66}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f5576c80}.action-buttons button:active{transform:translateY(0)}.disclaimer{text-align:center;color:#718096;font-size:.85rem;font-style:italic;line-height:1.5;margin:0}@media (max-width: 480px){.mobile-warning-container{padding:2rem 1.5rem;border-radius:20px}.mobile-warning-container h1{font-size:1.6rem}.warning-animation{font-size:2.5rem;gap:.75rem}.warning-icon{font-size:2.5rem}.main-message{font-size:1rem}.reasons-box h3{font-size:1.1rem}.reasons-box li span{font-size:.9rem}.recommendation-box{flex-direction:column;text-align:center}.recommendation-box p{font-size:.95rem}.action-buttons button{padding:.875rem 1.5rem;font-size:.95rem}.disclaimer{font-size:.8rem}}@media (min-width: 481px) and (max-width: 768px){.mobile-warning-container{padding:2.25rem 1.75rem}.mobile-warning-container h1{font-size:1.8rem}}