body{width:100%;font-family:Arial,sans-serif;overflow-x:clip}.app-initializer{z-index:99999;width:100%;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;position:fixed;inset:0;overflow:hidden}.init-bg{z-index:0;background:#fff;width:100%;height:100%;position:absolute;top:0;left:0}.init-container{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.init-logo-section{text-align:center;animation:.8s ease-out fadeInUp}.init-logo-wrapper{display:inline-block;position:relative}.init-logo-ring{border:2px solid #ffd70033;border-radius:50%;animation:8s linear infinite ringRotate;position:absolute;inset:-8px}.init-logo-ring-inner{border:2px solid gold;border-color:gold gold #0000 #0000;border-radius:50%;animation:4s linear infinite reverse ringRotate;position:absolute;inset:4px}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.init-logo-image{object-fit:cover;z-index:2;background:#fff;border:3px solid gold;border-radius:50%;width:140px;height:140px;padding:4px;transition:all .4s;position:relative;box-shadow:0 4px 20px #00000014}.init-logo-image:hover{transform:scale(1.05);box-shadow:0 8px 40px #ffd70033}.init-logo-glow{z-index:0;background:radial-gradient(circle,#ffd70014,#0000 70%);border-radius:50%;width:200px;height:200px;animation:2s ease-in-out infinite glowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.init-title{color:#1a1a2e;letter-spacing:-.5px;margin-top:1.5rem;margin-bottom:.25rem;font-size:1.8rem;font-weight:700;animation:.8s ease-out .2s both fadeInUp}.init-title .highlight{color:gold}.init-subtitle{color:#999;letter-spacing:.5px;font-size:.95rem;font-weight:400;animation:.8s ease-out .3s both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.init-logo-image{width:120px;height:120px}.init-logo-glow{width:160px;height:160px}.init-title{font-size:1.4rem}.init-subtitle{font-size:.8rem}}@media (width<=480px){.init-logo-image{border-width:2px;width:100px;height:100px;padding:3px}.init-logo-glow{width:140px;height:140px}.init-logo-ring{inset:-6px}.init-title{margin-top:1rem;font-size:1.2rem}.init-subtitle{font-size:.7rem}}@media (prefers-reduced-motion:reduce){.init-logo-ring,.init-logo-ring-inner,.init-logo-glow{animation:none}.init-logo-image:hover{transform:none}.init-title,.init-subtitle,.init-logo-section{opacity:1;animation:none}}@media (prefers-contrast:high){.init-bg{background:#fff}.init-title{color:#000}.init-logo-ring{border-color:gold}.init-logo-ring-inner{border-top-color:gold;border-right-color:gold}}@media print{.app-initializer{display:none}}.top-header{color:#fff;z-index:1001;will-change:transform;background:linear-gradient(135deg,#06c 0%,#0052a3 100%);border-bottom:1px solid #ffffff1a;width:100%;padding:10px 0;font-size:13px;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s;position:fixed;top:0;left:0;overflow:hidden}.top-header.hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.top-header.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.top-header-container{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:0 5%;display:flex}.contact-info{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.contact-info span{white-space:nowrap;cursor:pointer;align-items:center;gap:8px;transition:all .3s;display:inline-flex;position:relative}.contact-info span:after{content:"";background:#fff;width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.contact-info span:hover:after{width:100%}.contact-info span:hover{color:gold;transform:translateY(-1px)}.contact-icon{stroke:currentColor;stroke-width:2px;fill:none;width:14px;height:14px;transition:all .3s}.social-links{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.social-links a{color:#fff;border-radius:50%;justify-content:center;align-items:center;padding:5px;text-decoration:none;transition:all .3s;display:inline-flex;position:relative}.social-links a:before{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .3s,height .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.social-links a:hover:before{width:30px;height:30px}.social-links a:hover{color:gold;transform:translateY(-2px)}.social-links a:hover .social-icon{stroke:gold}.toast-notification{z-index:10000;background:#fff;border-left:4px solid;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;min-width:300px;padding:14px 20px;transition:top .3s;animation:.3s slideIn;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 10px 30px #0003}.top-header.visible~.toast-notification{top:80px}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.top-header{display:none}}@media (width>=1200px) and (width<=1400px){.top-header-container{padding:0 4%}}@media (width>=992px) and (width<=1199px){.top-header-container{padding:0 3%}.contact-info{gap:15px}.contact-info span{font-size:12px}.contact-icon{width:13px;height:13px}.social-icon{width:15px;height:15px}.social-links{gap:12px}}@media (width>=768px) and (width<=991px){.top-header{display:none}}@media (width>=481px) and (width<=767px){.top-header{display:none}}@media (width<=480px){.top-header{display:none}.toast-notification{min-width:auto;top:60px;left:10px;right:10px}}@media (width>=1400px) and (width<=1919px){.top-header-container{padding:0 6%}.contact-info span{font-size:14px}.contact-icon{width:15px;height:15px}.social-icon{width:17px;height:17px}.social-links{gap:18px}}@media (width>=1920px){.top-header-container{padding:0 8%}.contact-info span{font-size:15px}.contact-icon{width:16px;height:16px}.social-icon{width:18px;height:18px}.social-links{gap:20px}}@media print{.top-header{color:#000;background:#fff;border-bottom:1px solid #ccc;position:relative}.social-links a{color:#000}.toast-notification{display:none}}@media (prefers-reduced-motion:reduce){.top-header,.social-links a,.contact-info span,.social-links a:before,.contact-info span:after{transition:none}.social-links a:hover,.contact-info span:hover{transform:none}.social-links a:hover:before{width:0;height:0}}@media (prefers-contrast:high){.top-header{background:#00f}.social-links a:hover,.contact-info span:hover{color:#ff0}}@media (hover:none) and (pointer:coarse){.social-links a{margin:-8px;padding:8px}.social-links a:active{color:gold;transform:scale(.95)}.contact-info span:active{color:gold;transform:scale(.98)}}@media (width>=769px){.top-header{-webkit-backdrop-filter:blur()}}:root{--bb-bg-primary:#0f1423;--bb-bg-secondary:#16213e;--bb-bg-gradient:linear-gradient(135deg, #0f1423 0%, #16213e 100%);--bb-text-primary:#fff;--bb-text-secondary:#e2e8f0;--bb-text-muted:#a0aec0;--bb-accent:#00b4d8;--bb-accent-hover:#0090b8;--bb-golden:gold;--bb-golden-hover:#f0c800;--bb-border-color:#ffffff1a;--bb-shadow-color:#00000026;--bb-shadow-light:#0000000d;--bb-toast-bg:#1a202c;--bb-toast-text:#e2e8f0;--bb-menu-bg:linear-gradient(135deg, #0f1423 0%, #16213e 100%);--bb-mobile-close-color:#fff;--bb-menu-icon-color:#fff;--bb-nav-link-color:#e2e8f0;--bb-nav-link-hover:#00b4d8;--bb-toast-bg-success:linear-gradient(135deg, #1a3a1a 0%, #1a202c 100%);--bb-toast-bg-error:linear-gradient(135deg, #3a1a1a 0%, #1a202c 100%);--bb-toast-bg-info:linear-gradient(135deg, #1a2a3a 0%, #1a202c 100%);--bb-toast-text-color:#e2e8f0;--bb-border-light:#fff3;--bb-blood:#c81e1e;--bb-blood-bright:#e63946;--bb-blood-deep:#8b0000}[data-theme=light]{--bb-toast-bg:#fff;--bb-toast-text:#333;--bb-toast-bg-success:linear-gradient(135deg, #e8f5e9 0%, #fff 100%);--bb-toast-bg-error:linear-gradient(135deg, #fef3f2 0%, #fff 100%);--bb-toast-bg-info:linear-gradient(135deg, #e8f7f9 0%, #fff 100%);--bb-toast-text-color:#333;--bb-border-light:#0003;--bb-shadow-color:#0000001a;--bb-shadow-light:#0000000d}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bb-toast-bg:#fff;--bb-toast-text:#333;--bb-toast-bg-success:linear-gradient(135deg, #e8f5e9 0%, #fff 100%);--bb-toast-bg-error:linear-gradient(135deg, #fef3f2 0%, #fff 100%);--bb-toast-bg-info:linear-gradient(135deg, #e8f7f9 0%, #fff 100%);--bb-toast-text-color:#333;--bb-border-light:#0003;--bb-shadow-color:#0000001a;--bb-shadow-light:#0000000d}}.bb-nav-main{background:var(--bb-bg-gradient);width:100%;box-shadow:0 2px 10px var(--bb-shadow-light);z-index:999;transition:all .3s;position:relative}.bb-nav-main.bb-sticky{box-shadow:0 5px 25px var(--bb-shadow-color);z-index:1000;animation:.3s bbSlideDown;left:0;right:0;position:fixed!important}@keyframes bbSlideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.bb-nav-container{box-sizing:border-box;justify-content:space-between;align-items:center;gap:30px;width:100%;padding:.8rem 5%;display:flex}.bb-logo{cursor:pointer;flex-shrink:0;align-items:center;gap:12px;transition:transform .3s;display:flex}.bb-logo:hover{transform:scale(1.02)}.bb-logo-icon-wrapper{background:0 0;border:3px solid gold;border-radius:50%;justify-content:center;align-items:center;padding:5px;display:flex;box-shadow:0 0 10px #ffd7004d}.bb-logo-img{object-fit:cover;border-radius:50%;width:36px;height:36px}.bb-logo-icon{color:var(--bb-accent)}.bb-logo-text{flex-direction:column;display:flex}.bb-logo-title{color:#fff;font-size:1.2rem;font-weight:700}.bb-logo-subtitle{color:var(--bb-accent);font-size:.7rem}.bb-nav-links{flex:1;justify-content:center;align-items:center;gap:2.5rem;display:flex}.bb-nav-link{color:#e2e8f0;padding:8px 0;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.bb-nav-link:after{content:"";background:var(--bb-accent);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.bb-nav-link:hover{color:var(--bb-accent)}.bb-nav-link:hover:after{width:100%}.bb-nav-link.bb-active{color:var(--bb-accent)}.bb-nav-link.bb-active:after{width:100%}.bb-auth-buttons{flex-shrink:0;align-items:center;gap:1rem;display:flex}.bb-join-wrapper{display:inline-block;position:relative}.bb-join-btn{border:1.5px solid var(--bb-golden);color:var(--bb-golden);cursor:pointer;background:0 0;border-radius:40px;align-items:center;gap:8px;padding:8px 28px;font-size:.9rem;font-weight:600;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.bb-join-btn:hover{background:var(--bb-golden);color:#0f1423;transform:translateY(-2px);box-shadow:0 0 25px #ffd70066}.bb-join-btn.bb-pulse-active{animation:.5s ease-in-out bb-join-pulse}@keyframes bb-join-pulse{0%{transform:scale(1);box-shadow:0 0 #ffd700b3}50%{transform:scale(1.08);box-shadow:0 0 0 15px #ffd7004d}to{transform:scale(1);box-shadow:0 0 #ffd70000}}.bb-join-indicators{pointer-events:none;z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bb-indicator{font-size:20px;animation:1.5s ease-out forwards bb-indicator-float;position:absolute}.bb-indicator-1{animation-delay:0s;top:-30px;left:-20px}.bb-indicator-2{animation-delay:.1s;top:-40px;right:-15px}.bb-indicator-3{animation-delay:.2s;bottom:-30px;left:-10px}.bb-indicator-4{animation-delay:.15s;bottom:-35px;right:-20px}.bb-indicator-5{animation-delay:.25s;top:-20px;right:-30px}.bb-indicator-fire{font-size:24px;animation-delay:.3s;top:-45px;left:0}.bb-indicator-fire2{font-size:22px;animation-delay:.35s;bottom:-40px;right:5px}@keyframes bb-indicator-float{0%{opacity:1;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-20px)scale(1.2)}to{opacity:0;transform:translateY(-40px)scale(1.5)}}.bb-login-btn{border:1.5px solid var(--bb-accent);color:var(--bb-accent);cursor:pointer;background:0 0;border-radius:40px;align-items:center;gap:8px;padding:8px 28px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.bb-login-btn:hover{background:var(--bb-accent);color:#fff;transform:translateY(-2px)}.bb-menu-icon{cursor:pointer;flex-direction:column;justify-content:space-between;width:30px;height:22px;display:none}.bb-menu-icon span{background:#fff;border-radius:2px;width:100%;height:2.5px;transition:all .3s;display:block}.bb-menu-icon.bb-active span:first-child{transform:translateY(9.5px)rotate(45deg)}.bb-menu-icon.bb-active span:nth-child(2){opacity:0}.bb-menu-icon.bb-active span:nth-child(3){transform:translateY(-9.5px)rotate(-45deg)}.bb-mobile-menu{background:var(--bb-menu-bg);z-index:9998;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-sizing:border-box;flex-direction:column;gap:24px;width:80%;max-width:350px;height:100dvh;padding:16px 30px 40px;transition:right .3s;display:flex;position:fixed;top:0;right:-100%;overflow-y:auto}.bb-mobile-menu.bb-active{right:0}.bb-mobile-menu::-webkit-scrollbar{width:6px}.bb-mobile-menu::-webkit-scrollbar-track{background:0 0}.bb-mobile-menu::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.bb-mobile-menu::-webkit-scrollbar-thumb:hover{background:#ffffff40}.bb-mobile-menu-links{flex-direction:column;gap:20px;display:flex}.bb-mobile-nav-link{color:#e2e8f0;border-bottom:1px solid #ffffff1a;padding:12px 0;font-size:1.2rem;font-weight:500;text-decoration:none}.bb-mobile-nav-link.bb-active{color:var(--bb-accent)}.bb-mobile-auth-buttons{border-top:1px solid #fff3;flex-direction:column;gap:12px;margin-top:20px;padding-top:20px;display:flex}.bb-mobile-join-btn{border:1.5px solid var(--bb-golden);width:100%;color:var(--bb-golden);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.bb-mobile-join-btn:hover{background:var(--bb-golden);color:#0f1423;transform:translateY(-2px)}.bb-mobile-login-btn{border:1.5px solid var(--bb-accent);color:var(--bb-accent);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.bb-mobile-login-btn:hover{background:var(--bb-accent);color:#fff;transform:translateY(-2px)}.bb-toast-notification{background:var(--bb-toast-bg);min-width:320px;box-shadow:0 10px 30px var(--bb-shadow-color);z-index:10000;border-left:4px solid;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;padding:14px 20px;animation:.3s bbSlideIn;display:flex;position:fixed;top:90px;right:20px}.bb-toast-notification.info{background:var(--bb-toast-bg-info);border-left-color:#17a2b8}.bb-toast-notification.info .bb-toast-content svg{color:#17a2b8}.bb-toast-notification.success{background:var(--bb-toast-bg-success);border-left-color:#28a745}.bb-toast-notification.success .bb-toast-content svg{color:#28a745}.bb-toast-notification.error{background:var(--bb-toast-bg-error);border-left-color:#dc3545}.bb-toast-notification.error .bb-toast-content svg{color:#dc3545}.bb-toast-content{flex:1;align-items:center;gap:12px;display:flex}.bb-toast-content svg{flex-shrink:0}.bb-toast-content span{color:var(--bb-toast-text-color);font-size:14px;font-weight:500;line-height:1.5}.bb-toast-close{cursor:pointer;color:var(--bb-text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:5px;transition:all .3s;display:flex}.bb-toast-close:hover{color:var(--bb-text-primary);background:var(--bb-shadow-light);transform:scale(1.1)}@keyframes bbSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.bb-mobile-close{cursor:pointer;z-index:10;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;width:40px;height:40px;margin:-4px -8px 0 0;transition:background .3s,transform .3s;display:flex;position:sticky;top:0}.bb-mobile-close:hover{background:#ffffff1a;transform:rotate(90deg)}.bb-mobile-close svg{stroke:#fff;stroke-width:2px;width:20px;height:20px}@media (width<=768px){.bb-nav-links,.bb-auth-buttons{display:none}.bb-menu-icon{display:flex}.bb-nav-container{padding:.7rem 5%}.bb-toast-notification{min-width:auto;top:80px;left:10px;right:10px}.bb-logo-img{width:30px;height:30px}.bb-logo-title{font-size:1rem}.bb-logo-subtitle{font-size:.6rem}.bb-logo-icon-wrapper{border-width:2px;padding:4px}.bb-mobile-menu{gap:22px;padding:16px 25px 40px}}@media (width<=480px){.bb-mobile-close{width:35px;height:35px}.bb-mobile-close svg{width:18px;height:18px}.bb-mobile-menu{gap:18px;padding:12px 20px 30px}.bb-mobile-nav-link{padding:10px 0;font-size:1.1rem}.bb-mobile-menu-links{gap:14px}}body{margin:0;padding-top:0}.bb-nav-donate.bb-donate-highlight{border:1.5px solid var(--bb-golden);color:var(--bb-golden);letter-spacing:.4px;border-radius:40px;align-items:center;gap:8px;margin-left:4px;padding:8px 22px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.bb-nav-donate.bb-donate-highlight:after{content:none}.bb-nav-donate.bb-donate-highlight:hover{background:var(--bb-golden);color:#0f1423;transform:translateY(-2px);box-shadow:0 0 22px #ffd7008c}.bb-nav-donate.bb-donate-highlight:hover .bb-donate-icon{color:var(--bb-blood)}.bb-nav-donate.bb-donate-highlight:active{transform:translateY(0)}.bb-nav-donate.bb-donate-highlight:focus-visible{outline:2px solid var(--bb-golden);outline-offset:3px}.bb-donate-icon{transform-origin:50%;color:var(--bb-blood);stroke:var(--bb-blood);fill:var(--bb-blood);fill-opacity:.35;flex-shrink:0;animation:1.6s ease-in-out infinite bb-heart-breathe}.bb-nav-donate.bb-donate-highlight:hover .bb-donate-icon{animation-duration:1s}@keyframes bb-heart-breathe{0%{filter:drop-shadow(0 0 #c81e1e00);fill-opacity:.35;transform:scale(1)}35%{filter:drop-shadow(0 0 8px #e63946f2);fill-opacity:.9;transform:scale(1.25)}55%{filter:drop-shadow(0 0 4px #c81e1e99);fill-opacity:.6;transform:scale(1.1)}70%{filter:drop-shadow(0 0 7px #e63946d9);fill-opacity:.85;transform:scale(1.22)}to{filter:drop-shadow(0 0 #c81e1e00);fill-opacity:.35;transform:scale(1)}}.bb-mobile-donate-btn{color:#0f1423;letter-spacing:.4px;cursor:pointer;background:linear-gradient(135deg,gold 0%,orange 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:10px;padding:14px 24px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 6px 18px #ffa50059}.bb-mobile-donate-btn:hover,.bb-mobile-donate-btn:focus-visible{outline:none;transform:translateY(-2px);box-shadow:0 10px 24px #ffa50080}.bb-mobile-donate-btn:active{transform:translateY(0)}.bb-mobile-donate-btn .bb-donate-icon{color:var(--bb-blood);stroke:var(--bb-blood);fill:var(--bb-blood);fill-opacity:.45;animation:1.6s ease-in-out infinite bb-heart-breathe-mobile}@keyframes bb-heart-breathe-mobile{0%{filter:drop-shadow(0 0 #c81e1e00);fill-opacity:.45;transform:scale(1)}35%{filter:drop-shadow(0 0 9px #e63946);fill-opacity:1;transform:scale(1.25)}55%{filter:drop-shadow(0 0 5px #c81e1eb3);fill-opacity:.7;transform:scale(1.1)}70%{filter:drop-shadow(0 0 8px #e63946e6);fill-opacity:.9;transform:scale(1.22)}to{filter:drop-shadow(0 0 #c81e1e00);fill-opacity:.45;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.bb-donate-icon,.bb-mobile-donate-btn .bb-donate-icon{animation:none}.bb-indicator{opacity:0;animation:none}.bb-join-btn.bb-pulse-active{animation:none}}.hero-section{will-change:transform, background-image;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;align-items:center;width:100%;min-height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1),background-image 1.5s ease-in-out;display:flex;position:relative;overflow:hidden}@supports not (background-attachment:fixed){.hero-section{background-attachment:scroll}}.hero-overlay{z-index:1;background:linear-gradient(135deg,#1a1a2ed9 0%,#06068100 100%);position:absolute;inset:0}.hero-particles{pointer-events:none;z-index:2;background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;animation:20s linear infinite moveParticles;position:absolute;top:0;left:0}@keyframes moveParticles{0%{background-position:0 0}to{background-position:50px 50px}}.hero-container{z-index:3;box-sizing:border-box;grid-template-columns:1fr 1fr;align-items:center;gap:50px;width:100%;max-width:100%;margin:0;padding:100px 5%;display:grid;position:relative}.hero-image-indicators{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:1px solid #ffffff26;border-radius:30px;gap:12px;padding:10px 20px;display:flex;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.indicator-dot{cursor:pointer;background:#ffffff4d;border:2px solid #0000;border-radius:50%;width:12px;height:12px;transition:all .4s}.indicator-dot:hover{background:#fff9;transform:scale(1.2)}.indicator-dot.active{background:gold;border-color:gold;transform:scale(1.2);box-shadow:0 0 20px #ffd70066}.hero-content{opacity:0;transition:all .8s;transform:translate(-50px)}.hero-content.fade-in{opacity:1;transform:translate(0)}.hero-image{opacity:0;transition:all .8s .3s;transform:translate(50px)}.hero-image.slide-in{opacity:1;transform:translate(0)}.hero-title{color:#fff;text-shadow:0 2px 10px #0003;margin-bottom:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:clamp(1.8rem,5vw,3.8rem);font-weight:700;line-height:1.2}.highlight{color:gold;text-shadow:0 0 20px #ffd7004d;display:inline-block;position:relative}.hero-subtitle{color:#fffffffa;text-shadow:0 1px 3px #0000001a;margin-bottom:30px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:500;line-height:1.6}.hero-description{margin-bottom:40px}.description-text{color:#ffffffeb;text-shadow:0 1px 2px #0000000d;margin-bottom:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:clamp(.9rem,2vw,1rem);line-height:1.7}.description-text:last-child{margin-bottom:0}.hero-stats{flex-wrap:wrap;gap:40px;margin-top:10px;display:flex}.stat{-webkit-backdrop-filter:none;backdrop-filter:none;min-height:auto;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;align-items:flex-start;padding:0;transition:all .3s;display:flex;position:relative;overflow:visible}.stat-clickable{cursor:pointer;position:relative}.stat-clickable:after{content:"";background:gold;width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.stat-clickable:hover:after{width:100%}.stat-clickable:hover{transform:translateY(-2px)}.stat-clickable:active{transform:translateY(0)scale(.98)}.stat-arrow{color:gold;opacity:0;margin-left:4px;font-size:12px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;transform:translate(-4px)}.stat-clickable:hover .stat-arrow{opacity:1;transform:translate(0)}.stat-clickable:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid gold}.stat h3{color:gold;text-shadow:0 1px 3px #0000001a;letter-spacing:-.5px;margin-bottom:2px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:clamp(1.8rem,4.5vw,2.8rem);font-weight:700;line-height:1.2}.stat h3 .plus-sign{color:gold;font-size:.7em}.stat p{color:#ffffffd9;letter-spacing:.3px;text-transform:uppercase;opacity:.9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:clamp(.85rem,1.8vw,1rem);font-weight:400}.stat:not(:last-child):before{content:"";background:#ffffff26;width:1px;height:60%;position:absolute;top:20%;right:-20px}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stat h3{animation:.8s forwards countUp}.stat:first-child h3{animation-delay:.1s}.stat:nth-child(2) h3{animation-delay:.2s}.stat:nth-child(3) h3{animation-delay:.3s}.stat.stat-loading{pointer-events:none;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:4px;min-height:60px;padding:0;display:flex}.stat-skeleton{background:linear-gradient(90deg,#ffffff14 25%,#fff3 50%,#ffffff14 75%) 0 0/200% 100%;border-radius:4px;width:80px;height:32px;animation:1.5s ease-in-out infinite skeletonShimmer}.stat-skeleton-label{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff26 50%,#ffffff0f 75%) 0 0/200% 100%;border-radius:4px;width:100px;height:14px;animation:1.5s ease-in-out .3s infinite skeletonShimmer}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fingerprint-wrapper{cursor:pointer;z-index:2;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:400px;margin:0 auto;transition:transform .3s;display:flex;position:relative}.fingerprint-wrapper:hover{transform:scale(1.05)}.hero-image{justify-content:center;align-items:center;display:flex;position:relative}.fingerprint-animation{text-align:center;z-index:2;pointer-events:none;animation:2s infinite pulse;position:relative}.fingerprint-svg{stroke:#fff;stroke-width:2px;fill:none;filter:drop-shadow(0 0 20px #fff6);pointer-events:none;width:clamp(120px,18vw,280px);height:clamp(120px,18vw,280px);transition:all .3s}.fingerprint-svg:hover{filter:drop-shadow(0 0 30px #fff9);transform:scale(1.05)}.circular-text-wrapper{pointer-events:none;z-index:3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circular-text-svg{pointer-events:none;width:clamp(240px,32vw,460px);height:clamp(240px,32vw,460px);animation:20s linear infinite rotateText}.circular-text{fill:gold;letter-spacing:2.5px;text-shadow:0 0 20px #ffd70099,0 0 40px #ffd70066,0 0 60px #ffd70033;text-transform:uppercase;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:10px;font-weight:700}.circular-text tspan{text-shadow:0 0 20px #fffc,0 0 40px #ffd70099!important}@keyframes rotateText{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fingerprint-rings{pointer-events:none;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring{border:3px solid #ffffffe6;border-radius:50%;animation:3s infinite expandRing;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #ffffff80}.ring-1{border-color:#fffffff2;width:200px;height:200px;animation-delay:0s}.ring-2{border-color:#ffffffd9;width:300px;height:300px;animation-delay:.5s}.ring-3{border-color:#ffffffbf;width:400px;height:400px;animation-delay:1s}@keyframes expandRing{0%{opacity:.8;border-width:3px;width:100px;height:100px}50%{opacity:.5}to{opacity:0;border-width:1px;width:500px;height:500px}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.hero-wave{pointer-events:none;z-index:4;width:100%;line-height:0;position:absolute;bottom:-5px;left:0;overflow:hidden}.hero-wave svg{width:calc(100% + 1.3px);height:80px;display:block;position:relative}@media (width>=1200px) and (width<=1400px){.hero-container{gap:40px;padding:80px 4%}.hero-stats{gap:35px}.stat:not(:last-child):before{right:-18px}}@media (width>=992px) and (width<=1199px){.hero-container{gap:30px;padding:70px 3%}.hero-stats{gap:30px}.stat:not(:last-child):before{right:-15px}.stat h3{font-size:clamp(1.6rem,4vw,2.2rem)}}@media (width>=768px) and (width<=991px){.hero-section{background-attachment:scroll;min-height:90vh}.hero-container{grid-template-columns:1fr;gap:40px;padding:60px 5%}.hero-content,.hero-description{text-align:left}.hero-stats{justify-content:flex-start;gap:30px}.stat{align-items:flex-start}.stat:not(:last-child):before{right:-15px}.stat h3{font-size:clamp(1.6rem,4vw,2.2rem)}.stat p{font-size:clamp(.8rem,1.8vw,.9rem)}.stat-skeleton{width:70px;height:28px}.stat-skeleton-label{width:85px;height:12px}.hero-image{order:-1}.hero-wave svg{height:60px}.hero-image-indicators{gap:10px;padding:8px 16px;bottom:80px}.indicator-dot{width:10px;height:10px}@keyframes expandRing{0%{width:80px;height:80px}to{width:400px;height:400px}}.ring-1{width:160px;height:160px}.ring-2{width:240px;height:240px}.ring-3{width:320px;height:320px}.circular-text-svg{width:clamp(200px,28vw,340px);height:clamp(200px,28vw,340px)}.circular-text{letter-spacing:2px;font-size:9px}}@media (width>=481px) and (width<=767px){.hero-section{background-attachment:scroll;min-height:auto;padding:40px 0}.hero-container{grid-template-columns:1fr;gap:30px;padding:50px 4%}.hero-content,.hero-description{text-align:left}.hero-stats{justify-content:flex-start;gap:25px}.stat:not(:last-child):before{right:-12px}.stat h3{font-size:clamp(1.4rem,4vw,1.8rem)}.stat p{font-size:clamp(.7rem,1.8vw,.8rem)}.stat-skeleton{width:60px;height:24px}.stat-skeleton-label{width:75px;height:10px}.stat-arrow{font-size:10px}.hero-wave svg{height:40px}.hero-image-indicators{gap:8px;padding:6px 12px;bottom:60px}.indicator-dot{width:8px;height:8px}.ring-1,.ring-2,.ring-3{display:none}.circular-text-svg{width:clamp(180px,24vw,260px);height:clamp(180px,24vw,260px)}.circular-text{letter-spacing:1.5px;font-size:8px}}@media (width<=480px){.hero-section{background-attachment:scroll;min-height:auto;padding:30px 0}.hero-container{grid-template-columns:1fr;gap:25px;padding:40px 4%}.hero-content,.hero-description{text-align:left}.description-text{font-size:.85rem}.hero-stats{justify-content:flex-start;gap:20px}.stat:not(:last-child):before{height:70%;top:15%;right:-10px}.stat h3{font-size:clamp(1.2rem,4vw,1.5rem)}.stat p{font-size:clamp(.6rem,1.8vw,.7rem)}.stat-skeleton{width:50px;height:20px}.stat-skeleton-label{width:65px;height:9px}.stat-arrow{opacity:.5;font-size:9px}.stat-clickable:active{transform:scale(.97)}.stat-clickable:hover{transform:none}.hero-wave svg{height:30px}.hero-image-indicators{gap:6px;padding:5px 10px;bottom:50px}.indicator-dot{border-width:1px;width:6px;height:6px}.ring-1,.ring-2,.ring-3{display:none}.circular-text-svg{width:clamp(160px,22vw,200px);height:clamp(160px,22vw,200px)}.circular-text{letter-spacing:1.5px;font-size:7px}}@media (width<=360px){.hero-stats{flex-wrap:wrap;gap:15px}.stat:not(:last-child):before{display:none}.stat h3{font-size:clamp(1rem,4vw,1.2rem)}.stat p{font-size:clamp(.5rem,1.5vw,.6rem)}.stat-skeleton{width:45px;height:18px}.stat-skeleton-label{width:55px;height:8px}.description-text{font-size:.8rem}.hero-image-indicators{gap:5px;padding:4px 8px;bottom:40px}.indicator-dot{width:5px;height:5px}.circular-text-svg{width:130px;height:130px}.circular-text{letter-spacing:1px;font-size:6px}}@media (width>=1400px) and (width<=1919px){.hero-container{padding:100px 6%}.hero-stats{gap:50px}.stat:not(:last-child):before{right:-25px}}@media (width>=1920px){.hero-container{gap:80px;padding:120px 8%}.hero-stats{gap:60px}.stat:not(:last-child):before{height:60%;top:20%;right:-30px}.stat h3{font-size:clamp(2.2rem,5vw,3.2rem)}.stat p{font-size:clamp(1rem,2.2vw,1.1rem)}.stat-skeleton{width:100px;height:38px}.stat-skeleton-label{width:120px;height:16px}.stat-arrow{font-size:14px}.hero-wave svg{height:100px}.description-text{font-size:1.05rem}.hero-image-indicators{gap:14px;padding:12px 24px;bottom:120px}.indicator-dot{width:14px;height:14px}@keyframes expandRing{0%{width:150px;height:150px}to{width:650px;height:650px}}.ring-1{width:280px;height:280px}.ring-2{width:420px;height:420px}.ring-3{width:560px;height:560px}.circular-text-svg{width:clamp(300px,32vw,500px);height:clamp(300px,32vw,500px)}.circular-text{letter-spacing:3px;font-size:13px}}@media (width>=2560px){.hero-container{gap:100px;padding:150px 10%}.hero-stats{gap:80px}.stat:not(:last-child):before{right:-40px}.stat h3{font-size:clamp(2.5rem,5vw,3.8rem)}.stat p{font-size:clamp(1.1rem,2.5vw,1.3rem)}.stat-skeleton{width:120px;height:44px}.stat-skeleton-label{width:140px;height:18px}.hero-wave svg{height:120px}.description-text{font-size:1.1rem}.hero-image-indicators{gap:16px;padding:14px 28px;bottom:150px}.indicator-dot{width:16px;height:16px}@keyframes expandRing{0%{width:180px;height:180px}to{width:800px;height:800px}}.ring-1{width:350px;height:350px}.ring-2{width:520px;height:520px}.ring-3{width:690px;height:690px}.circular-text-svg{width:clamp(350px,35vw,580px);height:clamp(350px,35vw,580px)}.circular-text{letter-spacing:4px;font-size:15px}}@media print{.hero-section{background:#fff;min-height:auto}.hero-overlay,.hero-particles,.hero-wave,.hero-image-indicators{display:none}.hero-title,.highlight,.stat h3{color:#000}.stat p{color:#666}.stat:not(:last-child):before{background:#ccc}}@media (prefers-reduced-motion:reduce){.hero-particles,.fingerprint-animation,.ring,.hero-content,.hero-image,.stat,.circular-text-svg{transition:none;animation:none}.hero-content,.hero-image{opacity:1;transform:none}.fingerprint-animation{animation:none}.ring{display:none}.circular-text-svg{animation:none}.hero-section{transition:none}.stat h3{opacity:1;animation:none;transform:none}.stat-skeleton{background:#ffffff1a;animation:none}.stat-skeleton-label{background:#ffffff14;animation:none}.stat-clickable:hover{transform:none}.stat-arrow,.stat-clickable:after{transition:none}.stat-clickable:hover:after{width:0}}@media (prefers-contrast:high){.hero-overlay{background:linear-gradient(135deg,#000000e6 0% 100%)}.highlight{color:#ff0}.ring{border-width:3px;border-color:#fff}.circular-text{fill:#ff0;text-shadow:0 0 10px #ffff0080}.indicator-dot.active{background:#ff0;border-color:#ff0}.stat h3{color:#ff0}.stat p{color:#fff}.stat:not(:last-child):before{background:#fff}.stat-clickable:focus-visible{outline:3px solid #ff0}.stat-clickable:after{background:#ff0}}@media (hover:none) and (pointer:coarse){.fingerprint-animation:active{transform:scale(.95)}.stat-clickable:active{transform:scale(.97)}.stat-arrow{opacity:.5;transform:translate(0)}.stat-clickable:after{display:none}}.message-bar{color:#1a1a2e;z-index:998;background:linear-gradient(135deg,#e8a317 0% 50%,#e8a317 100%);border-bottom:1px solid #fff3;padding:0;animation:.5s cubic-bezier(.4,0,.2,1) forwards slideDown;position:fixed;top:70px;left:0;right:0;overflow:hidden;transform:translateY(-100%);box-shadow:0 4px 30px #00000026}.message-bar:before{content:"";background:linear-gradient(90deg,#b8860b,#8b6914,#b8860b) 0 0/200% 100%;height:2px;animation:3s ease-in-out infinite shimmerLine;position:absolute;top:0;left:0;right:0}@keyframes shimmerLine{0%,to{background-position:-200% 0}50%{background-position:200% 0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message-bar-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1400px;min-height:56px;margin:0 auto;padding:12px 40px;display:flex}.message-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;display:flex}.message-icon{background:#1a1a2e1a;border:1px solid #1a1a2e14;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.message-icon:after{content:"";opacity:0;background:linear-gradient(135deg,#1a1a2e26,#0000);border-radius:50%;transition:opacity .4s;position:absolute;inset:-2px}.message-icon:hover:after{opacity:1}.message-icon svg{stroke:#1a1a2e;fill:none;z-index:1;width:20px;height:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.message-icon:hover svg{stroke:#000;transform:scale(1.1)rotate(-5deg)}.message-content{flex-wrap:wrap;flex:1;align-items:center;gap:12px;display:flex}.message-text{color:#1a1a2e;letter-spacing:.3px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.95rem;font-weight:600;line-height:1.5;animation:.5s cubic-bezier(.4,0,.2,1) fadeInOut}.message-text:before{content:"✦";color:#1a1a2e;opacity:.5;margin-right:8px;font-size:.7rem;display:inline-block}@keyframes fadeInOut{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-dots{flex-shrink:0;align-items:center;gap:10px;display:flex}.dot{cursor:pointer;background:#1a1a2e40;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.dot:hover{background:#1a1a2e80;transform:scale(1.2)}.dot.active{background:linear-gradient(90deg,#1a1a2e,#2d2d44);border-radius:4px;width:28px;box-shadow:0 0 20px #1a1a2e26}.dot.active:hover{transform:scale(1)}@media (width<=1024px){.message-bar-container{gap:16px;min-height:50px;padding:10px 30px}.message-text{font-size:.9rem}.message-icon{width:36px;height:36px}.message-icon svg{width:18px;height:18px}}@media (width<=768px){.message-bar{top:70px}.message-bar-container{flex-flow:row;gap:12px;min-height:44px;padding:8px 16px}.message-content{flex:1;justify-content:flex-start;min-width:0}.message-text{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.2px;width:100%;font-size:.8rem;overflow:hidden}.message-text:before{content:"✦";margin-right:6px;font-size:.6rem}.message-icon{flex-shrink:0;width:32px;height:32px}.message-icon svg{width:16px;height:16px}.message-dots{flex-shrink:0;gap:6px}.dot{width:6px;height:6px}.dot.active{width:18px}}@media (width<=480px){.message-bar{top:60px}.message-bar-container{gap:8px;min-height:38px;padding:6px 12px}.message-text{letter-spacing:.1px;font-size:.7rem}.message-text:before{display:none}.message-icon{width:26px;height:26px}.message-icon svg{width:14px;height:14px}.dot{gap:4px;width:5px;height:5px}.dot.active{width:14px}.message-dots{gap:4px}}@media (width<=360px){.message-bar-container{gap:6px;min-height:34px;padding:4px 10px}.message-text{font-size:.65rem}.message-icon{width:22px;height:22px}.message-icon svg{width:12px;height:12px}}@media (width>=1400px){.message-bar-container{gap:24px;min-height:64px;padding:14px 60px}.message-text{letter-spacing:.4px;font-size:1.05rem}.message-icon{width:44px;height:44px}.message-icon svg{width:22px;height:22px}.dot{width:9px;height:9px}.dot.active{width:32px}}@media (width>=1920px){.message-bar-container{gap:30px;max-width:1600px;min-height:72px;padding:16px 80px}.message-text{letter-spacing:.5px;font-size:1.1rem;line-height:1.6}.message-icon{width:48px;height:48px}.message-icon svg{width:24px;height:24px}.dot{width:10px;height:10px}.dot.active{width:36px}}@media (prefers-reduced-motion:reduce){.message-bar,.message-icon,.dot,.message-text,.message-bar:before{transition:none;animation:none}.message-bar:before{display:none}.message-icon:hover svg{transform:none}.message-text{opacity:1;transform:none}}@media (prefers-contrast:high){.message-bar{background:#b8860b;border-bottom:3px solid #1a1a2e}.message-bar:before{display:none}.message-icon{background:#ffffff1a;border:2px solid #1a1a2e}.message-icon svg{stroke:#1a1a2e}.dot.active{box-shadow:none;background:#1a1a2e}.dot{background:#1a1a2e66}.message-text,.message-text:before{color:#1a1a2e}}@media (hover:none) and (pointer:coarse){.dot{min-width:10px;min-height:10px}.dot.active{min-width:24px}.message-icon:active svg{transform:scale(.9)}.message-icon:hover svg{transform:none}}@media print{.message-bar{display:none}}@media (width<=768px){.message-bar{display:none!important}}@media (width>=769px){.message-bar{display:block}}.footer{color:#fff;background-color:#0f1423;width:100%;padding-top:60px;position:relative;overflow-x:hidden}.footer-container{box-sizing:border-box;width:100%;max-width:100%;margin:0;padding:0 5%}.footer-grid{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:40px;display:grid}.footer-section h3{color:#00b4d8;align-items:center;gap:12px;margin-bottom:20px;font-size:clamp(1.2rem,4vw,1.5rem);transition:all .3s;display:flex}.footer-section h4{color:#fff;margin-bottom:20px;font-size:clamp(1rem,3vw,1.1rem);display:inline-block;position:relative}.footer-section h4:after{content:"";background-color:#00b4d8;width:30px;height:2px;transition:width .3s;position:absolute;bottom:-8px;left:0}.footer-section:hover h4:after{width:50px}.footer-section p{color:#b0b0b0;margin-bottom:20px;font-size:clamp(.8rem,2.5vw,.9rem);line-height:1.6}.footer-social{flex-wrap:wrap;gap:15px;display:flex}.footer-social a{color:#fff;background-color:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;text-decoration:none;transition:all .3s;display:inline-flex}.footer-social a:hover{color:#00b4d8;background-color:#00b4d833;transform:translateY(-3px)}.footer-section ul{margin:0;padding:0;list-style:none}.footer-section ul li{margin-bottom:12px}.footer-section ul li a{color:#b0b0b0;font-size:clamp(.8rem,2.5vw,.9rem);text-decoration:none;transition:all .3s;display:inline-block}.footer-section ul li a:hover{color:#00b4d8;transform:translate(5px)}.contact-info li{color:#b0b0b0;word-break:break-word;align-items:center;gap:10px;margin-bottom:12px;font-size:clamp(.8rem,2.5vw,.9rem);line-height:1.5;display:flex}.contact-icon{stroke:#00b4d8;stroke-width:2px;fill:none;flex-shrink:0;width:16px;height:16px}.social-icon{stroke:currentColor;stroke-width:2px;fill:none;width:20px;height:20px;transition:all .3s}.footer-logo-img{object-fit:cover;background:#00b4d826;border:3px solid #00b4d8;border-radius:50%;width:50px;height:50px;margin-right:12px;padding:3px;transition:all .3s}.footer-logo-img:hover{border-color:gold;transform:scale(1.05)}.footer-bottom{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:25px 0;display:flex}.footer-bottom p{color:#b0b0b0;font-size:clamp(.75rem,2vw,.85rem)}.footer-links{flex-wrap:wrap;gap:25px;display:flex}.footer-links a{color:#b0b0b0;font-size:clamp(.75rem,2vw,.85rem);text-decoration:none;transition:color .3s}.footer-links a:hover{color:#00b4d8}.back-to-top{color:#fff;cursor:pointer;z-index:1000;background-color:#00b4d8;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 2px 10px #0003}.back-to-top:hover{background-color:#0096b4;transform:translateY(-5px);box-shadow:0 5px 20px #00b4d866}.back-to-top svg{stroke:currentColor;stroke-width:2px;fill:none}@media (width>=768px) and (width<=991px){.footer{padding-top:50px}.footer-container{padding:0 4%}.footer-grid{grid-template-columns:repeat(2,1fr);gap:35px}.footer-section{text-align:left}.footer-section h4:after{left:0;transform:none}.footer-social,.contact-info li{justify-content:flex-start}.footer-logo-img{border-width:2px;width:45px;height:45px}.footer-section h3{gap:10px}}@media (width>=481px) and (width<=767px){.footer{padding-top:40px}.footer-container{padding:0 5%}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-section{text-align:left}.footer-section h4{display:inline-block}.footer-section h4:after{left:0;transform:none}.footer-social,.contact-info li{justify-content:flex-start}.footer-bottom{text-align:center;flex-direction:column;padding:20px 0}.footer-links{justify-content:center}.back-to-top{width:45px;height:45px;bottom:20px;right:20px}.footer-logo-img{width:42px;height:42px}.footer-section h3{gap:10px}}@media (width<=480px){.footer{padding-top:30px}.footer-container{padding:0 4%}.footer-grid{grid-template-columns:1fr;gap:25px}.footer-section{text-align:left}.footer-section h4:after{left:0;transform:none}.footer-social{justify-content:flex-start}.footer-social a{width:35px;height:35px}.contact-info li{justify-content:flex-start}.footer-links{gap:15px}.footer-bottom{text-align:center;flex-direction:column}.footer-links{justify-content:center}.back-to-top{width:40px;height:40px;bottom:15px;right:15px}.footer-logo-img{border-width:2px;width:38px;height:38px;padding:2px}.footer-section h3{gap:8px;font-size:1.2rem}.contact-icon{width:12px;height:12px}.social-icon{width:16px;height:16px}}@media (width<=360px){.footer-social a{width:32px;height:32px}.footer-links{flex-direction:column;gap:8px}.footer-logo-img{width:35px;height:35px}.footer-section h3{font-size:1.1rem}}@media (width>=992px) and (width<=1199px){.footer-container{padding:0 3%}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:25px}}@media (width>=1400px) and (width<=1919px){.footer-container{padding:0 6%}.footer-grid{gap:50px}.footer-logo-img{width:55px;height:55px}}@media (width>=1920px){.footer-container{padding:0 8%}.footer-grid{gap:60px}.footer-logo-img{width:60px;height:60px}}@media print{.footer{color:#000;background-color:#fff;padding-top:20px}.back-to-top,.footer-social a{display:none}.footer-section h3,.footer-section h4{color:#000}.footer-section ul li a,.contact-info li{color:#333}}@media (prefers-reduced-motion:reduce){.footer-social a,.footer-section ul li a,.back-to-top,.footer-section h4:after,.footer-logo-img{transition:none;transform:none}.footer-social a:hover,.back-to-top:hover,.footer-logo-img:hover{transform:none}}@media (prefers-contrast:high){.footer{background-color:#000}.footer-section h3,.footer-social a:hover,.footer-section ul li a:hover{color:#ff0}.footer-logo-img{border-color:#ff0}}@media (hover:none) and (pointer:coarse){.footer-social a:active{transform:scale(.95)}.footer-section ul li a:active{color:#00b4d8}.footer-logo-img:active{transform:scale(.98)}}.login-page{background:#fff;min-height:calc(100vh - 70px);overflow-x:hidden}.login-hero{background-image:url(/image5new.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;width:100%;height:450px;display:flex;position:relative}.login-hero:before{content:"";background:linear-gradient(135deg,#1a1a2ed9 0%,#06068100 100%);position:absolute;inset:0}.login-hero-content{z-index:1;text-align:center;color:#fff;padding:0 20px;position:relative}.login-hero-content h1{color:gold;letter-spacing:2px;margin-bottom:20px;font-size:56px;font-weight:700;animation:.8s fadeInUp}.login-hero-content p{opacity:.95;font-size:20px;animation:.8s .2s both fadeInUp}.login-wrapper{z-index:10;background:#fff;border-radius:20px;grid-template-columns:1fr 1fr;width:100%;max-width:1200px;margin:-80px auto 0;animation:.8s .1s both fadeInUp;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000001a}.login-left{color:#fff;background:linear-gradient(135deg,#06c 0%,#0052a3 100%);flex-direction:column;justify-content:space-between;padding:60px 40px;display:flex}.login-brand{text-align:center;margin-bottom:50px;animation:.8s .2s both fadeInUp}.brand-icon{margin-bottom:20px;transition:transform .3s}.brand-icon:hover{transform:scale(1.05)}.login-brand h2{color:gold;margin-bottom:10px;font-size:28px}.login-brand p{color:#fffc;font-size:14px}.login-features{flex-direction:column;gap:30px;display:flex}.feature{align-items:center;gap:15px;transition:transform .3s;animation:.8s backwards fadeInUp;display:flex}.feature:first-child{animation-delay:.3s}.feature:nth-child(2){animation-delay:.4s}.feature:nth-child(3){animation-delay:.5s}.feature:hover{transform:translate(5px)}.feature svg{color:gold;flex-shrink:0;transition:transform .3s}.feature:hover svg{transform:scale(1.1)}.login-right{background:#fff;align-items:center;padding:60px 50px;animation:.8s .2s both fadeInUp;display:flex}.login-form-container{width:100%}.login-header{text-align:center;margin-bottom:40px}.login-header h3{color:#06c;margin-bottom:10px;font-size:28px}.login-header p{color:#666;font-size:14px}.login-form{flex-direction:column;gap:25px;display:flex}.input-group label{color:#333;font-size:14px;font-weight:500;transition:color .3s}.input-icon{width:100%;position:relative}.email-icon,.lock-icon{color:#999;z-index:2;pointer-events:none;transition:color .3s;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.input-icon input{box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:10px;width:100%;padding:14px 50px 14px 45px;font-size:14px;transition:all .3s}.input-icon input:focus{border-color:#06c;outline:none;transform:translateY(-2px);box-shadow:0 0 0 3px #0066cc1a}.toggle-password{cursor:pointer;color:#999;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;padding:5px;transition:all .3s;display:flex;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.toggle-password svg{width:20px;height:20px;display:block}.login-options{justify-content:space-between;align-items:center;font-size:14px;display:flex}.checkbox-label{cursor:pointer;color:#666;align-items:center;gap:8px;transition:color .3s;display:flex}.checkbox-label:hover{color:#06c}.checkbox-label input{cursor:pointer;transition:transform .2s}.checkbox-label input:checked{transform:scale(1.1)}.forgot-password{color:#06c;text-decoration:none;transition:all .3s;position:relative}.forgot-password:after{content:"";background:#06c;width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.forgot-password:hover{color:#0052a3}.forgot-password:hover:after{width:100%}.login-submit{color:#fff;cursor:pointer;background:#06c;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.login-submit:hover{background:#0052a3;transform:translateY(-2px);box-shadow:0 10px 20px #06c3}.login-submit:active{transform:translateY(0)}.login-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.toast-notification.success .toast-content svg{color:#28a745}.toast-notification.info{background:#e8f7f9;border-left-color:#17a2b8}.toast-notification.info .toast-content svg{color:#17a2b8}.toast-content svg{flex-shrink:0}.field-error{color:#dc3545;align-items:center;gap:5px;margin-top:5px;font-size:12px;animation:.5s shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.field-error:before{content:"⚠";font-size:12px}.input-icon.has-error .email-icon,.input-icon.has-error .lock-icon{color:#dc3545}.input-icon.has-error input:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.error-input{border-color:#dc3545!important}input:disabled{cursor:not-allowed;background-color:#f5f5f5}.toggle-password:disabled{cursor:not-allowed;opacity:.5}.checkbox-label input:disabled{cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=992px){.login-wrapper{grid-template-columns:1fr;max-width:500px;margin-top:-50px}.login-left,.login-right{padding:40px 30px}.login-features{flex-direction:row;justify-content:space-between;gap:20px}.feature{text-align:center;flex-direction:column}.feature:hover{transform:translateY(-5px)}.login-hero-content h1{font-size:36px}.login-hero-content p{font-size:16px}.login-hero{height:350px}}@media (width<=768px){.login-left{display:none}.login-wrapper{border-radius:16px;grid-template-columns:1fr;max-width:100%;margin:-40px 15px 0}.login-right{border-radius:16px;padding:35px 25px}.login-features{flex-direction:column;gap:15px}.login-header h3{font-size:24px}.login-hero{background-attachment:scroll;height:280px}.login-hero-content h1{font-size:28px}.login-hero-content p{font-size:14px}.toggle-password{right:12px}.toggle-password svg{width:18px;height:18px}.input-icon input{padding:12px 45px 12px 40px;font-size:13px}.email-icon,.lock-icon{left:12px}.email-icon svg,.lock-icon svg{width:18px;height:18px}.login-brand h2{font-size:22px}.login-options{flex-direction:column;align-items:flex-start;gap:12px}.forgot-password{font-size:13px}.login-submit{padding:12px;font-size:15px}.brand-logo-img{width:60px;height:60px}.toast-notification{min-width:auto;top:70px;left:10px;right:10px}}@media (width<=480px){.login-left{display:none}.login-wrapper{border-radius:12px;max-width:100%;margin:-30px 10px 0}.login-right{padding:25px 16px}.login-hero{height:220px}.login-hero-content h1{margin-bottom:8px;font-size:22px}.login-hero-content p{font-size:12px}.login-header h3{font-size:20px}.login-header p{font-size:13px}.login-header{margin-bottom:25px}.login-form{gap:18px}.input-group label{font-size:13px}.input-icon input{border-radius:8px;padding:10px 38px 10px 34px;font-size:13px}.email-icon,.lock-icon{left:10px}.email-icon svg,.lock-icon svg{width:16px;height:16px}.toggle-password{right:10px}.toggle-password svg{width:16px;height:16px}.login-options{flex-direction:column;align-items:flex-start;gap:10px;font-size:13px}.checkbox-label,.forgot-password{font-size:13px}.login-submit{border-radius:8px;padding:11px;font-size:14px}.login-submit svg{width:18px;height:18px}.brand-logo-img{width:50px;height:50px;margin-bottom:12px}.toast-notification{border-radius:10px;min-width:auto;padding:12px 16px;top:60px;left:8px;right:8px}.toast-content span{font-size:13px}.toast-content svg{width:18px;height:18px}.field-error{font-size:11px}}@media (width<=380px){.login-wrapper{border-radius:10px;margin:-20px 6px 0}.login-right{padding:20px 12px}.login-hero{height:180px}.login-hero-content h1{font-size:18px}.login-hero-content p{font-size:11px}.login-header h3{font-size:18px}.login-header p{font-size:12px}.input-icon input{padding:9px 34px 9px 30px;font-size:12px}.email-icon,.lock-icon{left:8px}.email-icon svg,.lock-icon svg{width:14px;height:14px}.toggle-password{right:8px}.toggle-password svg{width:14px;height:14px}.login-submit{padding:10px;font-size:13px}.brand-logo-img{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.login-hero{background-attachment:scroll}.login-hero-content h1,.login-hero-content p,.login-wrapper,.login-brand,.feature,.login-right{animation:none}.brand-icon,.feature,.feature svg,.input-icon input,.toggle-password,.checkbox-label input,.login-submit,.toast-close{transition:none;transform:none}.brand-icon:hover,.feature:hover,.feature:hover svg,.checkbox-label input:checked{transform:none}.field-error,.toast-notification{animation:none}}.services-page{width:100%;min-height:100vh}.services-hero{background-image:url(/image5new.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;width:100%;height:400px;display:flex;position:relative}.services-hero:before{content:"";background:linear-gradient(135deg,#1a1a2ed9 0%,#06068100 100%);position:absolute;inset:0}.services-hero-content{z-index:1;text-align:center;color:#fff;position:relative}.services-hero-content h1{color:gold;letter-spacing:2px;margin-bottom:20px;font-size:56px;font-weight:700;animation:.8s fadeInUp}.services-hero-content p{opacity:.95;font-size:20px;animation:.8s .2s both fadeInUp}.services-container{max-width:1200px;margin:0 auto;padding:80px 20px}.services-intro{text-align:left;margin-bottom:70px;animation:.8s fadeInUp}.services-intro h2{color:#1a1a2e;text-align:left;margin-bottom:15px;font-size:36px;font-weight:700}.services-intro p{color:#444;text-align:left;max-width:100%;margin:0;font-size:17px;line-height:1.8}.service-item{grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin-bottom:80px;animation:.6s backwards fadeInUp;display:grid}.service-item:last-child{margin-bottom:0}.service-item-left .service-item-image{order:1}.service-item-left .service-item-content,.service-item-right .service-item-image{order:2}.service-item-right .service-item-content{order:1}.service-item-image{background:#f0f7ff;width:100%;height:350px;position:relative;overflow:hidden}.service-item-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.service-item:hover .service-item-image img{transform:scale(1.03)}.service-image-placeholder{background:linear-gradient(135deg,#06c 0%,#004d99 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.service-item-content{text-align:left;flex-direction:column;gap:12px;min-width:0;padding:0;display:flex}.service-item-number{color:#06c;opacity:.15;flex-shrink:0;font-size:48px;font-weight:700;line-height:1}.service-item-content h3{color:#1a1a2e;word-wrap:break-word;overflow-wrap:break-word;text-align:left;margin:0;font-size:28px;font-weight:700;line-height:1.3}.service-item-content p{color:#555;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;text-align:left;max-width:100%;margin:0;font-size:16px;line-height:1.8}.toast-notification{z-index:10000;background:#fff;border:1px solid #e9ecef;border-left:3px solid #10b981;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-width:280px;max-width:420px;padding:12px 16px;animation:.3s slideIn;display:flex;position:fixed;top:80px;right:20px}.toast-content{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.toast-content span{color:#333;word-wrap:break-word;overflow-wrap:break-word;font-size:13px}.toast-close{cursor:pointer;color:#999;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.services-loading{flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:80px 20px;display:flex}.services-loading p{color:#888;font-size:16px}.services-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:80px 20px;display:flex}.services-empty p{color:#888;max-width:500px;font-size:18px}@media (width<=1024px){.service-item{gap:40px;margin-bottom:60px}.service-item-image{height:300px}.service-item-content h3{font-size:24px}.service-item-content p{font-size:15px}}@media (width<=768px){.services-hero{background-attachment:scroll;height:320px}.services-hero-content h1{font-size:36px}.services-hero-content p{font-size:16px}.services-container{padding:60px 20px}.services-intro h2{font-size:28px}.services-intro p{font-size:16px}.service-item{grid-template-columns:1fr;gap:30px;margin-bottom:50px}.service-item-left .service-item-image,.service-item-left .service-item-content,.service-item-right .service-item-image,.service-item-right .service-item-content{order:unset}.service-item-image{height:250px}.service-item-content{text-align:left;padding:0}.service-item-content p{max-width:100%}.service-item-number{font-size:36px}.service-item-content h3{font-size:22px}.toast-notification{min-width:auto;max-width:none;top:70px;left:10px;right:10px}}@media (width<=480px){.services-hero{height:250px}.services-hero-content h1{font-size:28px}.services-hero-content p{font-size:14px}.services-container{padding:40px 16px}.services-intro h2{font-size:24px}.services-intro p{font-size:14px}.service-item{gap:20px;margin-bottom:40px}.service-item-image{height:200px}.service-item-number{font-size:28px}.service-item-content h3{font-size:20px}.service-item-content p{font-size:14px;line-height:1.7}.placeholder-text{font-size:50px}}@media (prefers-reduced-motion:reduce){.services-hero{background-attachment:scroll}.services-hero-content h1,.services-hero-content p,.services-intro,.service-item{animation:none}.service-item-image img{transition:none}.service-item:hover .service-item-image img{transform:none}.loading-spinner{border:4px solid #06c;animation:none}}@media (prefers-contrast:high){.services-hero:before{background:#0066cce6}.service-item-number{opacity:.3}}.about-page{width:100%;min-height:100vh}.about-hero{background-image:url(/image2.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;width:100%;height:450px;display:flex;position:relative}.about-hero:before{content:"";background:#0066ccbf;position:absolute;inset:0}.about-hero-content{z-index:1;text-align:center;color:#fff;position:relative}.about-hero-content h1{color:gold;letter-spacing:2px;margin-bottom:20px;font-size:56px;font-weight:700;animation:.8s fadeInUp}.about-hero-content p{opacity:.95;font-size:20px;animation:.8s .2s both fadeInUp}.about-section{padding:80px 0}.section-title{color:#06c;text-align:left;width:auto;margin-bottom:40px;font-size:36px;font-weight:700;animation:.8s fadeInUp;display:inline-block;position:relative}.section-title:after{display:none}.about-content{max-width:100%;margin:0}.about-text{color:#333;text-align:left;margin-bottom:20px;font-size:17px;line-height:1.8;animation:.8s .1s both fadeInUp}.about-text:first-of-type{animation-delay:.1s}.about-text:last-of-type{animation-delay:.2s}.mission-vision{background:#f0f7ff}.mission-vision-grid{flex-wrap:wrap;justify-content:center;gap:50px;display:flex}.mission-block,.vision-block{text-align:left;flex:1;min-width:350px;animation:.8s fadeInUp}.mission-block{animation-delay:.1s}.vision-block{animation-delay:.3s}.block-icon{margin-bottom:20px;transition:transform .3s}.mission-block:hover .block-icon,.vision-block:hover .block-icon{transform:scale(1.05)}.block-title{color:#06c;margin-bottom:20px;font-size:32px;font-weight:700;display:inline-block;position:relative}.block-title:after{content:"";background:#06c;border-radius:2px;width:50px;height:3px;transition:width .3s;position:absolute;bottom:-8px;left:0}.mission-block:hover .block-title:after,.vision-block:hover .block-title:after{width:80px}.block-text{color:#444;text-align:left;margin:0;font-size:16px;line-height:1.7}.toast-content span{color:#333;font-size:13px}.toast-close{cursor:pointer;color:#999;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}@media (width<=1024px){.mission-block,.vision-block{min-width:300px}.block-title{font-size:28px}}@media (width<=768px){.about-hero{background-attachment:scroll;height:350px}.about-hero-content h1{font-size:36px}.about-hero-content p{font-size:16px}.about-section{padding:60px 0}.section-title{text-align:left;font-size:30px}.about-text{font-size:15px}.mission-vision-grid{gap:35px}.mission-block,.vision-block{min-width:280px}.block-title{font-size:26px}.block-text{font-size:15px}.toast-notification{min-width:auto;top:70px;left:10px;right:10px}}@media (width<=480px){.about-hero{height:280px}.about-hero-content h1{font-size:28px}.about-hero-content p{font-size:14px}.about-section{padding:50px 0}.section-title{font-size:26px}.about-text{font-size:14px}.block-title{font-size:24px}.block-text{font-size:14px}}@media (prefers-reduced-motion:reduce){.about-hero{background-attachment:scroll}.about-hero-content h1,.about-hero-content p,.section-title,.about-text,.mission-block,.vision-block{animation:none}.block-icon,.mission-block:hover .block-icon,.vision-block:hover .block-icon{transition:none;transform:none}.block-title:after{transition:none}.mission-block:hover .block-title:after,.vision-block:hover .block-title:after{width:50px}}@media (prefers-contrast:high){.about-hero:before{background:#0066cce6}.about-text,.block-text{color:#000}}.contact-page{width:100%;min-height:100vh}.contact-hero{background-image:url(/image5new.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;width:100%;height:400px;display:flex;position:relative}.contact-hero:before{content:"";background:linear-gradient(135deg,#1a1a2ed9 0%,#06068100 100%);position:absolute;inset:0}.contact-hero-content{z-index:1;text-align:center;color:#fff;position:relative}.contact-hero-content h1{color:gold;letter-spacing:2px;margin-bottom:20px;font-size:56px;font-weight:700;animation:.8s fadeInUp}.contact-hero-content p{opacity:.95;font-size:20px;animation:.8s .2s both fadeInUp}.contact-info-section{background:#fff;padding:80px 0}.contact-info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;display:grid}.contact-info-item{text-align:center;animation:.8s backwards fadeInUp}.contact-info-item:first-child{animation-delay:.1s}.contact-info-item:nth-child(2){animation-delay:.2s}.contact-info-item:nth-child(3){animation-delay:.3s}.contact-info-item:nth-child(4){animation-delay:.4s}.contact-info-icon{margin-bottom:20px;transition:transform .3s;display:inline-block}.contact-info-item:hover .contact-info-icon{transform:scale(1.1)}.contact-info-item h3{color:#06c;margin-bottom:15px;font-size:22px;font-weight:600;transition:color .3s}.contact-info-item:hover h3{color:#004d99}.contact-info-item p{color:#555;margin:5px 0;font-size:15px;line-height:1.6;transition:color .3s}.contact-info-item:hover p{color:#333}.contact-form-section{background:#f0f7ff;padding:80px 0}.contact-form-wrapper{flex-wrap:wrap;gap:60px;display:flex}.contact-form-left{flex:1;min-width:280px;animation:.8s .2s both fadeInUp}.contact-form-left h2{color:#06c;margin-bottom:20px;font-size:32px;font-weight:700;display:inline-block;position:relative}.contact-form-left h2:after{content:"";background:#06c;border-radius:2px;width:60px;height:3px;position:absolute;bottom:-10px;left:0}.contact-form-left p{color:#444;margin-top:20px;margin-bottom:30px;font-size:16px;line-height:1.7}.contact-features{flex-direction:column;gap:15px;display:flex}.contact-feature{border-bottom:1px solid #0066cc1a;align-items:center;gap:12px;padding:10px 0;transition:all .3s;display:flex}.contact-feature:hover{border-bottom-color:#06c;transform:translate(8px)}.contact-feature svg{flex-shrink:0;transition:transform .3s}.contact-feature:hover svg{transform:scale(1.1)}.contact-feature span{color:#333;font-size:15px;font-weight:500}.contact-form-right{flex:1;min-width:300px;animation:.8s .4s both fadeInUp}.contact-form-card{background:#fff;border-radius:24px;padding:40px;box-shadow:0 1px 3px #00000014}.contact-form{background:0 0;padding:0}.required{color:#dc3545;font-size:16px}.form-group input,.form-group textarea{box-sizing:border-box;color:#1a1a2e;background:#fff;border:2px solid #e8ecf0;border-radius:12px;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .3s}.form-group input::placeholder,.form-group textarea::placeholder{color:#aaa;font-size:14px}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#06c;outline:none;box-shadow:0 0 0 4px #0066cc14}.form-group input.error,.form-group textarea.error{background:#fff5f5;border-color:#dc3545}.form-group input.error:focus,.form-group textarea.error:focus{background:#fff;border-color:#dc3545;box-shadow:0 0 0 4px #dc354514}.error-message{color:#dc3545;align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.error-message:before{content:"⚠";font-size:12px;font-weight:700}.char-counter{text-align:right;color:#888;margin-top:6px;font-size:11px;font-weight:500}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06c 0%,#0052a3 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:10px;padding:14px 24px;font-size:16px;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.submit-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.submit-btn:hover:not(:disabled):before{left:100%}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0066cc4d}.submit-btn:active:not(:disabled){transform:translateY(0)}.spinner{animation:1s linear infinite spin}.toast-content svg{color:#28a745}.toast-content span{color:#333;font-size:14px;line-height:1.5}.toast-close{cursor:pointer;color:#999;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:5px;transition:all .3s;display:flex}.toast-close:hover{color:#333;background:#0000000d;transform:scale(1.1)}@media (width<=1024px){.contact-form-wrapper{gap:40px}.contact-form-left h2{font-size:28px}.contact-form-card{padding:30px}}@media (width<=768px){.contact-hero{background-attachment:scroll;height:320px}.contact-hero-content h1{font-size:36px}.contact-hero-content p{font-size:16px}.contact-info-section{padding:60px 0}.contact-info-grid{gap:30px}.contact-form-section{padding:60px 0}.contact-form-wrapper{flex-direction:column;gap:40px}.contact-form-left{text-align:center}.contact-form-left h2:after{left:50%;transform:translate(-50%)}.contact-features{align-items:center}.contact-feature{justify-content:center;width:100%}.contact-feature:hover{transform:translate(0)}.contact-form-right{min-width:auto}.contact-form-card{padding:25px}.toast-notification{min-width:auto;top:70px;left:10px;right:10px}}@media (width<=480px){.contact-hero{height:250px}.contact-hero-content h1{font-size:28px}.contact-hero-content p{font-size:14px}.contact-info-section{padding:50px 0}.contact-info-item h3{font-size:20px}.contact-info-item p{font-size:13px}.contact-form-section{padding:50px 0}.contact-form-left h2{font-size:24px}.contact-form-left p{font-size:14px}.contact-feature span{font-size:13px}.contact-form-card{padding:20px}.form-group input,.form-group textarea{padding:10px 14px;font-size:14px}.submit-btn{padding:12px 20px;font-size:15px}}@media (prefers-reduced-motion:reduce){.contact-hero{background-attachment:scroll}.contact-hero-content h1,.contact-hero-content p,.contact-info-item,.contact-form-left,.contact-form-right{animation:none}.contact-info-icon,.contact-info-item:hover .contact-info-icon,.contact-feature,.contact-feature svg,.form-group input,.form-group textarea,.submit-btn,.toast-close,.submit-btn:before,.contact-form-card{transition:none;transform:none}.contact-feature:hover,.submit-btn:hover{transform:none}}@media (prefers-contrast:high){.contact-hero:before{background:#0066cce6}.submit-btn{background:#004d99}.contact-form-card{border:1px solid #06c}}.partners-page{background:#fff;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.partners-hero-section{background:url(/image5.webp) 50%/cover no-repeat;justify-content:center;align-items:center;min-height:400px;padding:80px 40px 60px;display:flex;position:relative;overflow:hidden}.partners-hero-overlay{pointer-events:none;background:#1a1a2ebf;position:absolute;inset:0}.partners-hero-section:before{content:"";pointer-events:none;z-index:1;background-image:radial-gradient(circle at 20%,#4f46e526 0%,#0000 50%),radial-gradient(circle at 80%,#ec489926 0%,#0000 50%);position:absolute;inset:0}.partners-hero-section:after{content:"";pointer-events:none;z-index:1;background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.partners-hero-container{z-index:2;width:100%;max-width:1200px;margin:0 auto;position:relative}.partners-hero-header{text-align:center;margin-bottom:35px}.partners-hero-title{color:#fff;letter-spacing:2px;margin:0 0 8px;font-size:56px;font-weight:700}.partners-highlight{color:#fff}.partners-hero-subtitle{color:gold;letter-spacing:4px;margin:0;font-size:22px;font-weight:500}.partners-hero-description{text-align:center;max-width:850px;margin:0 auto}.partners-hero-description p{color:#ffffffe6;text-align:center;letter-spacing:.3px;margin:0;font-size:17px;font-weight:300;line-height:1.8}.partners-marquee-section{background:#fff;width:100%;padding:40px 0 60px;overflow:hidden}.partners-marquee-container,.partners-marquee{width:100%;position:relative;overflow:hidden}.marquee-content{width:fit-content;animation:40s linear infinite marqueeScroll;display:flex}.marquee-content.paused{animation-play-state:paused}.partner-logo-item{flex-shrink:0;padding:0 60px}.partner-logo{cursor:pointer;background:#fff;border:3px solid gold;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 15px #0000001a}.partner-image{object-fit:contain;width:100%;height:100%;padding:10px;transition:all .3s}.partner-logo-placeholder{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.placeholder-text{color:#fff;text-transform:uppercase;font-size:48px;font-weight:600}.new-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#ef4444;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:600;animation:2s ease-in-out infinite pulse;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 8px #ef44444d}.partner-name-tooltip{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;z-index:10;pointer-events:none;background:#1e293b;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .3s;display:flex;position:absolute;bottom:-45px;left:50%;transform:translate(-50%)}.tooltip-sub{color:#94a3b8;font-size:10px;font-weight:400}.partner-name-tooltip:before{content:"";background:#1e293b;width:12px;height:12px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.partner-logo:hover .partner-name-tooltip{opacity:1;visibility:visible}.partner-logo:hover{border-color:#4f46e5;transform:scale(1.08);box-shadow:0 8px 30px #4f46e54d}.partner-logo:hover .partner-image{transform:scale(1.02)}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.toast-notification{z-index:10000;background:#fff;border:1px solid #e9ecef;border-left:3px solid #10b981;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-width:280px;padding:12px 16px;animation:.3s slideIn;display:flex;position:fixed;top:80px;right:20px;box-shadow:0 8px 24px #00000014}.toast-notification.success{border-left-color:#10b981}.toast-content svg{color:#10b981;flex-shrink:0}.toast-notification.error .toast-content svg{color:#ef4444}.toast-content span{color:#1e1e2f;font-size:13px;font-weight:500}.toast-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.partners-marquee-container:before,.partners-marquee-container:after{content:"";z-index:2;pointer-events:none;width:60px;height:100%;position:absolute;top:0}.partners-marquee-container:before{background:linear-gradient(90deg,#fff,#0000);left:0}.partners-marquee-container:after{background:linear-gradient(270deg,#fff,#0000);right:0}@media (width<=1024px){.partners-hero-section{min-height:350px;padding:60px 30px 50px}.partners-hero-title{font-size:44px}.partners-hero-description{max-width:100%}.partners-hero-description p{font-size:16px}.partner-logo{width:120px;height:120px}.placeholder-text{font-size:38px}.partner-logo-item{padding:0 50px}.partners-marquee-container:before,.partners-marquee-container:after{width:40px}}@media (width<=768px){.partners-hero-section{min-height:300px;padding:50px 20px 40px}.partners-hero-title{font-size:32px}.partners-hero-subtitle{letter-spacing:2px;font-size:18px}.partners-hero-header{margin-bottom:25px}.partners-hero-description p{max-width:100%;font-size:14px}.partner-logo{width:90px;height:90px}.placeholder-text{font-size:28px}.partner-logo-item{padding:0 35px}.partners-marquee-section{padding:30px 0 40px}.marquee-content{animation:30s linear infinite marqueeScroll}.partner-name-tooltip{padding:4px 8px;font-size:10px;bottom:-38px}.toast-notification{min-width:auto;top:70px;left:10px;right:10px}.new-badge{padding:2px 6px;font-size:8px;top:-4px;right:-4px}.partners-marquee-container:before,.partners-marquee-container:after{width:30px}}@media (width<=480px){.partners-hero-section{min-height:250px;padding:40px 15px 30px}.partners-hero-title{font-size:26px}.partners-hero-subtitle{letter-spacing:1px;font-size:14px}.partners-hero-header{margin-bottom:18px}.partners-hero-description p{font-size:13px;line-height:1.7}.partner-logo{border-width:2px;width:70px;height:70px}.placeholder-text{font-size:22px}.partner-logo-item{padding:0 25px}.partners-marquee-section{padding:20px 0 30px}.partner-name-tooltip{padding:3px 6px;font-size:9px;bottom:-32px}.tooltip-sub{font-size:8px}.partners-marquee-container:before,.partners-marquee-container:after{width:20px}}@media (prefers-reduced-motion:reduce){.marquee-content{animation:none}.marquee-content.paused{animation-play-state:running}.partner-logo:hover,.partner-logo:hover .partner-image{transform:none}.new-badge{animation:none}}.mission-page{width:100%;min-height:100vh}.mission-vision-section{background-attachment:fixed;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.mission-vision-section .mv-section-overlay{z-index:1;background:#9c27b0a6;position:absolute;inset:0}.mission-vision-section .mv-section-container{z-index:2;flex-direction:column;width:100%;max-width:1600px;margin:0 auto;padding:40px;display:flex;position:relative}.mission-vision-section .mv-mission-wrapper{justify-content:space-between;align-items:center;gap:40px;margin-bottom:40px;display:flex}.mission-vision-section .mv-mission-content{text-align:left;flex:1}.mission-vision-section .mv-mission-image{text-align:right;flex:1}.mission-vision-section .mv-mission-image img{border:4px solid gold;border-radius:16px;width:100%;max-width:500px;height:auto;box-shadow:0 0 25px #ffd7004d}.mission-vision-section .mv-vision-wrapper{justify-content:space-between;align-items:center;gap:40px;display:flex}.mission-vision-section .mv-vision-image{text-align:left;flex:1}.mission-vision-section .mv-vision-image img{border:4px solid gold;border-radius:16px;width:100%;max-width:500px;height:auto;box-shadow:0 0 25px #ffd7004d}.mission-vision-section .mv-vision-content{text-align:left;flex:1}.mission-vision-section .mv-section-title{color:#fff;letter-spacing:1px;text-align:left;text-shadow:1px 1px 2px #0000001a;margin-bottom:20px;font-size:42px;font-weight:700;display:inline-block;position:relative}.mission-vision-section .mv-section-title:after{content:"";background:gold;border-radius:2px;width:60px;height:3px;position:absolute;bottom:-10px;left:0}.mission-vision-section .mv-section-text{color:#fffffff2;text-align:left;text-shadow:1px 1px 2px #0000000d;max-width:500px;margin:0;font-size:18px;font-weight:400;line-height:1.8}.mv-toast-notification{z-index:10000;background:#fff;border:1px solid #e9ecef;border-left:3px solid #10b981;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;min-width:280px;padding:12px 16px;animation:.3s mvSlideIn;display:flex;position:fixed;top:80px;right:20px}.mv-toast-notification.success{border-left-color:#28a745}.mv-toast-content{flex:1;align-items:center;gap:10px;display:flex}.mv-toast-content svg{color:#10b981}.mv-toast-content span{color:#333;font-size:13px}.mv-toast-close{cursor:pointer;color:#999;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.mv-toast-close:hover{color:#666}@keyframes mvSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=900px){.mission-vision-section .mv-section-container{padding:30px 20px}.mission-vision-section .mv-mission-wrapper,.mission-vision-section .mv-vision-wrapper{flex-direction:column;gap:20px;margin-bottom:30px}.mission-vision-section .mv-vision-wrapper{margin-bottom:0}.mission-vision-section .mv-mission-content,.mission-vision-section .mv-vision-content{text-align:left}.mission-vision-section .mv-section-title:after{left:0;transform:none}.mission-vision-section .mv-section-text{text-align:left;max-width:100%}.mission-vision-section .mv-mission-image,.mission-vision-section .mv-vision-image{text-align:center}.mission-vision-section .mv-mission-image img,.mission-vision-section .mv-vision-image img{max-width:350px}.mission-vision-section .mv-section-title{font-size:32px}.mission-vision-section .mv-section-text{font-size:16px}}@media (width<=768px){.mission-vision-section{background-attachment:scroll}.mission-vision-section .mv-section-container{padding:20px 15px}.mission-vision-section .mv-mission-wrapper{gap:15px;margin-bottom:20px}.mission-vision-section .mv-vision-wrapper{gap:15px}.mission-vision-section .mv-section-title{margin-bottom:15px;font-size:28px}.mission-vision-section .mv-section-title:after{width:50px;height:2px;bottom:-8px}.mission-vision-section .mv-section-text{font-size:15px;line-height:1.6}.mission-vision-section .mv-mission-image img,.mission-vision-section .mv-vision-image img{max-width:280px}}@media (width<=480px){.mission-vision-section .mv-section-container{padding:15px 12px}.mission-vision-section .mv-mission-wrapper{gap:12px;margin-bottom:15px}.mission-vision-section .mv-vision-wrapper{gap:12px}.mission-vision-section .mv-section-title{margin-bottom:12px;font-size:24px}.mission-vision-section .mv-section-title:after{width:40px;height:2px;bottom:-6px}.mission-vision-section .mv-section-text{font-size:14px;line-height:1.5}.mission-vision-section .mv-mission-image img,.mission-vision-section .mv-vision-image img{max-width:250px}}@media (prefers-reduced-motion:reduce){.mission-vision-section{background-attachment:scroll}}.staff-page{background:#f8fafc;width:100%;min-height:100vh}.staff-hero{background-image:url(/image8.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;width:100%;height:400px;display:flex;position:relative}.staff-hero:before{content:"";background:linear-gradient(135deg,#0a2c4ce0 0%,#0a58cabf 100%);position:absolute;inset:0}.staff-hero-content{z-index:1;text-align:center;color:#fff;max-width:800px;padding:0 20px;position:relative}.staff-hero-content h1{color:gold;letter-spacing:1px;margin-bottom:16px;font-size:52px;font-weight:700;animation:.8s fadeInUp}.staff-hero-content p{opacity:.95;color:#ffffffe6;max-width:700px;margin:0 auto;font-size:18px;line-height:1.6;animation:.8s .2s both fadeInUp}.leadership-section{background:#fff;padding:80px 0}.leadership-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.medical-team-section{background:#f8fafc;padding:80px 0}.medical-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.staff-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;align-items:center;height:100%;padding:28px 20px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.staff-card:hover{border-color:#06c;transform:translateY(-6px);box-shadow:0 12px 40px #0066cc14}.staff-image-wrapper{aspect-ratio:1;background:#f1f5f9;border:3px solid #e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.staff-card:hover .staff-image-wrapper{border-color:#06c;box-shadow:0 0 0 4px #0066cc1a}.staff-image{object-fit:cover;object-position:center center;width:100%;min-width:100%;height:100%;min-height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);display:block}.staff-card:hover .staff-image{transform:scale(1.08)}.staff-image-fallback{background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.staff-image-fallback svg{stroke:#06c;opacity:.5;width:50px;height:50px}.staff-info{flex-direction:column;flex:1;align-items:center;width:100%;display:flex}.staff-card h3{color:#1a1a2e;margin-bottom:4px;font-size:18px;font-weight:700;line-height:1.3}.staff-position{color:#06c;background:#0066cc0f;border-radius:20px;margin-bottom:10px;padding:2px 12px;font-size:13px;font-weight:600;display:inline-block}.staff-description{color:#6b7280;flex:1;max-width:280px;margin:0;font-size:13px;line-height:1.6}.toast-close{cursor:pointer;color:#999;background:0 0;border:none;font-size:20px;transition:color .2s}.toast-close:hover{color:#333}@media (width>=992px) and (width<=1199px){.leadership-grid,.medical-grid{grid-template-columns:repeat(2,1fr);gap:24px}.staff-image-wrapper{width:110px;height:110px}.staff-hero-content h1{font-size:44px}}@media (width>=768px) and (width<=991px){.staff-hero{background-attachment:scroll;height:350px}.staff-hero-content h1{font-size:38px}.staff-hero-content p{font-size:16px}.leadership-section,.medical-team-section{padding:60px 0}.section-title{font-size:30px}.leadership-grid,.medical-grid{grid-template-columns:repeat(2,1fr);gap:20px}.staff-image-wrapper{width:100px;height:100px}.staff-card{padding:20px 16px}.staff-card h3{font-size:16px}}@media (width>=481px) and (width<=767px){.staff-hero{background-attachment:scroll;height:300px}.staff-hero-content h1{font-size:32px}.staff-hero-content p{font-size:15px}.leadership-section,.medical-team-section{padding:50px 0}.section-title{font-size:28px}.leadership-grid,.medical-grid{grid-template-columns:1fr;gap:20px}.staff-card{max-width:400px;margin:0 auto;padding:24px 20px}.staff-image-wrapper{width:100px;height:100px}.staff-card h3{font-size:17px}.toast-notification{min-width:auto;top:70px;left:10px;right:10px}}@media (width<=480px){.staff-hero{background-attachment:scroll;height:280px}.staff-hero-content h1{letter-spacing:.5px;font-size:26px}.staff-hero-content p{font-size:14px}.leadership-section,.medical-team-section{padding:40px 0}.section-title{font-size:24px}.leadership-grid,.medical-grid{grid-template-columns:1fr;gap:16px}.staff-card{max-width:340px;margin:0 auto;padding:20px 16px}.staff-image-wrapper{border-width:2px;width:80px;height:80px}.staff-image-fallback svg{width:35px;height:35px}.staff-card h3{font-size:16px}.staff-position{padding:2px 10px;font-size:12px}.staff-description{font-size:12px}}@media (width<=360px){.staff-hero{height:240px}.staff-hero-content h1{font-size:22px}.staff-hero-content p{font-size:12px}.section-title{font-size:22px}.staff-card{padding:16px 12px}.staff-image-wrapper{width:70px;height:70px}.staff-image-fallback svg{width:30px;height:30px}.staff-card h3{font-size:15px}}@media (prefers-reduced-motion:reduce){.staff-hero{background-attachment:scroll}.staff-hero-content h1,.staff-hero-content p{opacity:1;animation:none}.staff-card{transition:none;transform:none}.staff-card:hover{transform:none}.staff-image{transition:none}.staff-card:hover .staff-image{transform:none}}@media (prefers-contrast:high){.staff-hero:before{background:#002850f2}.staff-card{border:2px solid #06c}.staff-card:hover{border-color:gold}.staff-image-wrapper{border-width:3px;border-color:#06c}.staff-card:hover .staff-image-wrapper{border-color:gold}}@media print{.staff-hero{background:#06c;height:200px}.staff-hero:before{display:none}.staff-hero-content h1{color:gold}.staff-hero-content p{color:#fff}.staff-card{break-inside:avoid;border:1px solid #ccc}.staff-image-wrapper{border-color:#ccc}.toast-notification{display:none}}.gallery-page{background:#fff;width:100%;min-height:100vh}.gallery-hero{background-image:url(/image5new.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;width:100%;height:400px;display:flex;position:relative}.gallery-hero:before{content:"";background:linear-gradient(135deg,#1a1a2ed9 0%,#06068100 100%);position:absolute;inset:0}.gallery-hero-content{z-index:1;text-align:center;color:#fff;position:relative}.gallery-hero-content h1{color:gold;letter-spacing:2px;margin-bottom:20px;font-size:56px;font-weight:700;animation:.8s fadeInUp}.gallery-hero-content p{opacity:.95;font-size:20px;animation:.8s .2s both fadeInUp}.gallery-filter-section{z-index:100;background:#fff;border-bottom:2px solid #06c;padding:40px 20px;position:sticky;top:70px}.filter-wrapper{flex-wrap:wrap;justify-content:center;gap:15px;max-width:1200px;margin:0 auto;display:flex}.filter-btn{color:#555;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.filter-btn .filter-icon{align-items:center;display:flex}.filter-btn:hover{color:#06c;border-bottom-color:#06c}.filter-btn.active{color:#06c;border-bottom-color:#06c;font-weight:600}.gallery-section{background:#fff;width:100%;padding:60px 20px 80px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;max-width:1400px;margin:0 auto;display:grid}.gallery-item{cursor:pointer;background:0 0;border-bottom:1px solid #e0e8f0;padding-bottom:20px;transition:all .3s;overflow:hidden}.gallery-item:hover{border-bottom-color:#06c}.gallery-item-inner{position:relative}.gallery-image,.gallery-video{aspect-ratio:16/9;background:#f5f5f5;position:relative;overflow:hidden}.gallery-image img,.gallery-video img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.gallery-item:hover .gallery-image img,.gallery-item:hover .gallery-video img{transform:scale(1.03)}.video-play-btn{z-index:2;background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gallery-video:hover .video-play-btn{background:#06c;transform:translate(-50%,-50%)scale(1.05)}.gallery-overlay{opacity:0;background:#06cc;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.gallery-item:hover .gallery-overlay{opacity:1}.overlay-content{text-align:center;color:#fff}.overlay-content svg{margin-bottom:8px}.overlay-content span{font-size:13px;font-weight:500;display:block}.gallery-info{padding:15px 0 5px}.gallery-info h3{color:#1a1a2e;margin-bottom:8px;font-size:18px;font-weight:600}.gallery-info p{color:#666;margin-bottom:8px;font-size:14px;line-height:1.5}.gallery-date{color:#999;font-size:12px;display:inline-block}.gallery-category{color:#06c;background:#e8f0fe;border-radius:12px;margin-left:10px;padding:2px 10px;font-size:12px;display:inline-block}.video-placeholder{background:#1a1a2e;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.video-placeholder svg{opacity:.3}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.3s modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;animation:.3s modalSlideUp;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000026}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-close-btn{color:#333;cursor:pointer;z-index:10;background:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:28px;transition:all .2s;display:flex;position:absolute;top:16px;right:20px;box-shadow:0 2px 8px #0000001a}.modal-close-btn:hover{background:#f0f0f0;transform:rotate(90deg)}.modal-body{flex-direction:column;display:flex}.modal-media{background:#f8f9fa;justify-content:center;align-items:center;width:100%;min-height:300px;display:flex}.modal-media.video-modal{background:#000}.modal-media-content{object-fit:contain;width:100%;max-height:60vh;display:block}.video-wrapper{background:#000;width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.modal-video-content{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.modal-video-placeholder{color:#666;background:#f8f9fa;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;padding:60px 20px;display:flex}.modal-video-placeholder p{color:#999;font-size:16px}.modal-info{background:#fff;padding:24px 32px 32px}.modal-title{color:#1a1a2e;margin-bottom:10px;font-size:24px;font-weight:600}.modal-meta{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.modal-date{color:#888;font-size:14px}.modal-category-tag{color:#06c;background:#e8f0fe;border-radius:20px;padding:4px 14px;font-size:13px;font-weight:500}.no-results{text-align:center;background:0 0;border:1px solid #e0e8f0;max-width:600px;margin:0 auto;padding:60px 20px}.no-results svg{opacity:.5;margin-bottom:20px}.no-results h3{color:#333;margin-bottom:10px;font-size:24px}.no-results p{color:#666}@media (width<=1024px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px}}@media (width<=768px){.gallery-hero{background-attachment:scroll;height:300px}.gallery-hero-content h1{font-size:36px}.gallery-hero-content p{font-size:16px}.filter-wrapper{gap:5px}.filter-btn{padding:8px 16px;font-size:12px}.gallery-grid{grid-template-columns:1fr;gap:25px}.modal-container{border-radius:8px;max-width:100%;margin:10px}.modal-info{padding:20px}.modal-title{font-size:20px}.modal-description{font-size:14px}.video-wrapper{padding-bottom:56.25%}}@media (width<=480px){.gallery-hero{height:250px}.gallery-hero-content h1{font-size:28px}.gallery-hero-content p{font-size:14px}.filter-wrapper{justify-content:flex-start;gap:8px;padding-bottom:10px;overflow-x:auto}.filter-btn{white-space:nowrap;padding:6px 14px;font-size:11px}.gallery-info h3{font-size:16px}.gallery-info p{font-size:13px}.modal-close-btn{width:36px;height:36px;font-size:24px;top:12px;right:14px}.modal-info{padding:16px}.modal-title{font-size:18px}.modal-meta{gap:10px}.video-wrapper{padding-bottom:56.25%}}@media (prefers-reduced-motion:reduce){.gallery-hero{background-attachment:scroll}.gallery-hero-content h1,.gallery-hero-content p{animation:none}.gallery-item,.gallery-item:hover,.filter-btn,.modal-container,.modal-overlay{transition:none;animation:none;transform:none}.gallery-item:hover .gallery-image img,.gallery-item:hover .gallery-video img,.modal-close-btn:hover{transform:none}}.volunteer-page{width:100%;min-height:100vh}.volunteer-hero{background-image:url(/image5new.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;width:100%;height:400px;display:flex;position:relative}.volunteer-hero:before{content:"";background:linear-gradient(135deg,#1a1a2ed9 0%,#06068100 100%);position:absolute;inset:0}.volunteer-hero-content{z-index:1;text-align:center;color:#fff;position:relative}.volunteer-hero-content h1{color:gold;letter-spacing:2px;margin-bottom:20px;font-size:56px;font-weight:700;animation:.8s fadeInUp}.volunteer-hero-content p{opacity:.95;font-size:20px;animation:.8s .2s both fadeInUp}.support-options-section{background:#fff;padding:80px 0}.support-title{color:#1a1a2e;text-align:center;margin-bottom:50px;font-size:32px;font-weight:700;position:relative}.support-title:after{content:"";background:#06c;border-radius:2px;width:60px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.support-options-grid{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.support-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:30px 20px;transition:all .3s}.support-card:hover{border-color:#06c;transform:translateY(-5px)}.support-icon{background:#e6f0ff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex}.support-card h3{color:#1a1a2e;margin-bottom:15px;font-size:20px;font-weight:600}.support-card p{color:#64748b;margin-bottom:25px;font-size:14px;line-height:1.6}.support-btn{color:#06c;cursor:pointer;background:0 0;border:1px solid #06c;border-radius:30px;padding:10px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.support-btn:hover{color:#fff;background:#06c}.volunteer-form-section{background:#f5f9ff;padding:80px 0}.volunteer-form-wrapper{flex-wrap:wrap;gap:60px;display:flex}.volunteer-form-left{flex:1;min-width:280px}.volunteer-form-left h2{color:#06c;margin-bottom:20px;font-size:32px;font-weight:700;display:inline-block;position:relative}.volunteer-form-left h2:after{content:"";background:#06c;border-radius:2px;width:60px;height:3px;position:absolute;bottom:-10px;left:0}.volunteer-form-left p{color:#444;margin-top:20px;margin-bottom:30px;font-size:16px;line-height:1.7}.volunteer-info{flex-direction:column;gap:20px;display:flex}.info-item{border-bottom:1px solid #e0e8f0;align-items:center;gap:15px;padding:15px 0;display:flex}.info-item h4{color:#1a1a2e;margin-bottom:5px;font-size:16px;font-weight:600}.info-item p{color:#666;margin:0;font-size:13px}.volunteer-form-right{flex:1;min-width:300px}.volunteer-form-card{background:#fff;border-bottom:2px solid #06c;padding:40px}.volunteer-form{background:0 0;padding:0}.form-group{margin-bottom:24px}.form-group label{color:#333;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.required{color:#dc3545}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #e0e8f0;border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .3s}.form-group input.error,.form-group select.error,.form-group textarea.error{background:#fff5f5;border-color:#dc3545}.error-message{color:#dc3545;margin-top:6px;font-size:12px}.char-counter{text-align:right;color:#888;margin-top:6px;font-size:11px}.submit-btn{color:#fff;cursor:pointer;background:#06c;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.submit-btn:hover:not(:disabled){background:#0052a3;transform:translateY(-2px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}@media (width<=1024px){.support-options-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.volunteer-hero{background-attachment:scroll;height:300px}.volunteer-hero-content h1{font-size:36px}.volunteer-hero-content p{font-size:16px}.support-options-section{padding:60px 0}.support-options-grid{grid-template-columns:repeat(2,1fr);gap:20px}.support-title{font-size:28px}.support-card{padding:20px}.support-icon{width:60px;height:60px}.support-icon svg{width:36px;height:36px}.volunteer-form-section{padding:60px 0}.volunteer-form-wrapper{flex-direction:column;gap:40px}.volunteer-form-left{text-align:center}.volunteer-form-left h2:after{left:50%;transform:translate(-50%)}.volunteer-info{align-items:center}.info-item{justify-content:center;width:100%}.volunteer-form-card{padding:30px}.toast-notification{min-width:auto;top:70px;left:10px;right:10px}}@media (width<=480px){.volunteer-hero{height:250px}.volunteer-hero-content h1{font-size:28px}.volunteer-hero-content p{font-size:14px}.support-options-grid{grid-template-columns:1fr}.support-card,.volunteer-form-card{padding:20px}}.support-card--donate{border-color:#c81e1e59}.support-card--donate:hover{border-color:#c81e1e;box-shadow:0 12px 30px #c81e1e26}.support-card--donate .support-icon{background:#fdecec}.support-card--donate .support-icon svg path,.support-card--donate .support-icon svg circle{stroke:#c81e1e}.support-btn--donate{color:#fff;letter-spacing:.4px;cursor:pointer;background:linear-gradient(135deg,#c81e1e 0%,#8b0000 100%);border:none;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s;animation:2.4s ease-in-out infinite volunteer-donate-pulse;display:inline-flex;box-shadow:0 6px 16px #c81e1e59}.support-btn--donate:hover{color:#fff;background:linear-gradient(135deg,#e63946 0%,#c81e1e 100%);animation-play-state:paused;transform:translateY(-2px);box-shadow:0 10px 24px #c81e1e80}.support-btn--donate:active{transform:translateY(0)}.support-btn--donate:focus-visible{outline-offset:3px;outline:2px solid #c81e1e}.support-btn--donate .donate-heart{color:#fff;transform-origin:50%;flex-shrink:0;animation:1.6s ease-in-out infinite volunteer-heart-breathe}.support-btn--donate:hover .donate-heart{animation-duration:1s}@keyframes volunteer-heart-breathe{0%{filter:drop-shadow(0 0 #fff0);transform:scale(1)}35%{filter:drop-shadow(0 0 6px #ffffffe6);transform:scale(1.25)}55%{filter:drop-shadow(0 0 3px #ffffff80);transform:scale(1.1)}70%{filter:drop-shadow(0 0 5px #fffc);transform:scale(1.22)}to{filter:drop-shadow(0 0 #fff0);transform:scale(1)}}@keyframes volunteer-donate-pulse{0%,to{box-shadow:0 6px 16px #c81e1e59}50%{box-shadow:0 6px 26px #e63946a6}}@media (prefers-reduced-motion:reduce){.support-btn--donate,.support-btn--donate .donate-heart{animation:none}}.reports-page{width:100%;min-height:100vh}.reports-hero{background-image:url(/image5new.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;width:100%;height:400px;display:flex;position:relative}.reports-hero:before{content:"";background:linear-gradient(135deg,#1a1a2ed9 0%,#06068100 100%);position:absolute;inset:0}.reports-hero-content{z-index:1;text-align:center;color:#fff;position:relative}.reports-hero-content h1{color:gold;letter-spacing:2px;margin-bottom:20px;font-size:56px;font-weight:700;animation:.8s fadeInUp}.reports-hero-content p{opacity:.95;font-size:20px;animation:.8s .2s both fadeInUp}.section-title{color:#06c;text-align:center;margin-bottom:50px;font-size:36px;font-weight:700;position:relative}.section-title:after{content:"";background:#06c;border-radius:2px;width:60px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.impact-stats-section{background:#fff;width:100%;padding:60px 0}.stats-grid{border-top:1px solid #e0e8f0;border-bottom:1px solid #e0e8f0;grid-template-columns:repeat(6,1fr);gap:0;width:100%;display:grid}.stat-card{text-align:center;box-shadow:none;background:0 0;border-right:1px solid #e0e8f0;padding:40px 20px}.stat-card:last-child{border-right:none}.stat-card:hover{background:#f5f9ff}.stat-icon{margin-bottom:15px}.stat-icon svg{stroke:#06c;width:48px;height:48px}.stat-number{color:#06c;margin-bottom:8px;font-size:36px;font-weight:700}.stat-label{color:#555;font-size:14px}.reports-tabs-section{background:#fff;border-bottom:1px solid #e0e8f0;width:100%;padding:0}.tabs-wrapper{justify-content:center;gap:0;max-width:100%;padding:0;display:flex}.tab-btn{color:#666;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:15px 40px;font-size:16px;font-weight:600;transition:all .3s}.tab-btn.active{color:#06c;border-bottom-color:#06c}.tab-btn:hover{color:#06c}.success-stories-section{background:#fff;width:100%;padding:60px 0}.stories-grid{border-top:1px solid #e0e8f0;border-left:1px solid #e0e8f0;grid-template-columns:repeat(2,1fr);gap:0;width:100%;display:grid}.story-card{box-shadow:none;background:0 0;border-bottom:1px solid #e0e8f0;border-right:1px solid #e0e8f0;padding:30px}.story-card:hover{background:#f5f9ff}.story-category{color:#06c;background:0 0;border:1px solid #06c;border-radius:20px;align-items:center;gap:6px;margin-bottom:15px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.story-card h3{color:#1a1a2e;margin-bottom:12px;font-size:20px;font-weight:600}.story-card p{color:#666;margin-bottom:15px;font-size:14px;line-height:1.6}.story-impact{align-items:flex-start;gap:8px;margin-bottom:10px;padding:10px 0;display:flex}.story-impact svg{flex-shrink:0;margin-top:2px}.story-impact span{color:#28a745;word-break:break-word;overflow-wrap:anywhere;font-size:13px;font-weight:500}.story-link{color:#28a745;text-underline-offset:2px;word-break:break-word;overflow-wrap:anywhere;font-size:13px;font-weight:500;line-height:1.4;text-decoration:underline;transition:color .2s}.story-link:hover{color:#06c}.story-link:focus-visible{outline-offset:2px;border-radius:2px;outline:2px solid #06c}.story-link:visited{color:#6f42c1}.story-date{color:#999;font-size:12px}.reports-list-section{background:#fff;width:100%;padding:60px 0}.reports-grid{border-top:1px solid #e0e8f0;border-left:1px solid #e0e8f0;grid-template-columns:repeat(2,1fr);gap:0;width:100%;display:grid}.report-card{box-shadow:none;background:0 0;border-bottom:1px solid #e0e8f0;border-right:1px solid #e0e8f0;padding:30px}.report-card:hover{background:#f5f9ff}.report-year,.report-quarter{color:#06c;background:0 0;border:1px solid #06c;border-radius:20px;margin-bottom:15px;padding:4px 12px;font-size:14px;font-weight:600;display:inline-block}.report-card h3{color:#1a1a2e;margin-bottom:12px;font-size:20px;font-weight:600}.report-card p{color:#666;margin-bottom:15px;font-size:14px;line-height:1.6}.report-meta{gap:15px;margin-bottom:20px;display:flex}.report-size,.report-pages{color:#888;font-size:12px}.download-btn{color:#06c;cursor:pointer;background:0 0;border:1px solid #06c;border-radius:4px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.download-btn:hover{color:#fff;background:#06c}.toast-notification{z-index:10001;background:#fff;border:1px solid #e0e8f0;border-left:3px solid #10b981;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;min-width:280px;padding:12px 16px;animation:.3s slideIn;display:flex;position:fixed;top:90px;right:20px}.toast-close{cursor:pointer;color:#999;background:0 0;border:none;font-size:20px}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}.container{max-width:100%;padding:0 20px}}@media (width<=768px){.reports-hero{background-attachment:scroll;height:300px}.reports-hero-content h1{font-size:36px}.reports-hero-content p{font-size:16px}.impact-stats-section{padding:40px 0}.section-title{font-size:28px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:30px 15px}.stat-number{font-size:28px}.tab-btn{padding:12px 24px;font-size:14px}.success-stories-section,.reports-list-section{padding:40px 0}.stories-grid,.reports-grid{grid-template-columns:1fr}.story-card,.report-card{padding:20px}.toast-notification{min-width:auto;top:70px;left:10px;right:10px}}@media (width<=480px){.reports-hero{height:250px}.reports-hero-content h1{font-size:28px}.reports-hero-content p{font-size:14px}.section-title{font-size:24px}.stats-grid{grid-template-columns:1fr}.stat-card{border-bottom:1px solid #e0e8f0;border-right:none}.stat-card:last-child{border-bottom:none}.stat-number{font-size:24px}.tab-btn{padding:10px 16px;font-size:13px}.story-card h3,.report-card h3{font-size:18px}.story-card,.report-card{padding:15px}}@media (prefers-reduced-motion:reduce){.reports-hero{background-attachment:scroll}.reports-hero-content h1,.reports-hero-content p{animation:none}.stat-card,.story-card,.report-card,.tab-btn{transition:none}.stat-card:hover,.story-card:hover,.report-card:hover{background:0 0}}.bar-chart-container{background:#fff;border:1px solid #e0e8f0;gap:15px;margin-top:30px;padding:20px;display:flex}.bar-y-axis{flex-direction:column;flex-shrink:0;justify-content:space-between;width:50px;display:flex}.bar-y-label{color:#666;text-align:right;height:40px;font-size:11px;font-weight:500;line-height:40px}.bar-chart-area{flex:1;height:300px;position:relative}.bar-grid-lines{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 30px}.bar-grid-line{background:#e0e8f0;width:100%;height:1px}.bars-container{justify-content:space-around;align-items:flex-end;gap:10px;padding:0 10px;display:flex;position:absolute;inset:0 0 30px}.bar-group{flex:1;justify-content:center;align-items:flex-end;gap:5px;height:100%;display:flex}.bar{cursor:pointer;border-radius:4px 4px 0 0;min-width:30px;max-width:50px;transition:height .5s;position:relative}.bar:hover{opacity:.85;transform:scaleX(1.05)}.bar-value{color:#333;white-space:nowrap;opacity:0;font-size:11px;font-weight:600;transition:opacity .3s;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.bar:hover .bar-value{opacity:1}.bar-x-axis{border-top:1px solid #e0e8f0;justify-content:space-around;padding:10px 10px 0;display:flex;position:absolute;bottom:0;left:0;right:0}.bar-x-label{color:#666;text-align:center;flex:1;font-size:12px;font-weight:600}.bar-legend{border-top:1px solid #e0e8f0;flex-wrap:wrap;justify-content:center;gap:25px;margin-top:40px;padding-top:20px;display:flex}.bar-legend-item{align-items:center;gap:8px;display:flex}.bar-legend-color{border-radius:2px;width:12px;height:12px}.bar-legend-label{color:#555;font-size:13px}@media (width<=768px){.bar-chart-container{flex-direction:column;padding:15px}.bar-y-axis{flex-direction:row;justify-content:space-between;width:100%;margin-bottom:10px}.bar-y-label{text-align:center;height:auto;font-size:10px;line-height:normal}.bar-chart-area{height:250px}.bar{min-width:25px}.bar-x-label{font-size:10px}.bar-legend{gap:15px}.bar-legend-label{font-size:11px}}@media (width<=480px){.bar-chart-container{padding:10px}.bar-chart-area{height:200px}.bar{min-width:20px}.bar-x-label,.bar-y-label{font-size:9px}.bar-value{font-size:9px;top:-20px}}.loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.loading-spinner{border:3px solid #e0e8f0;border-top-color:#06c;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}.loading-container p{color:#666;font-size:16px}.no-data-container{text-align:center;background:#fff;border:1px solid #e0e8f0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;margin:20px 0;padding:60px 20px;display:flex}.no-data-icon{opacity:.6;margin-bottom:20px}.no-data-container h3{color:#333;margin-bottom:10px;font-size:20px}.no-data-container p{color:#666;max-width:400px;font-size:14px;line-height:1.6}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{--primary:#0a58ca;--primary-dark:#084298;--primary-light:#cfe2ff;--primary-gradient:linear-gradient(135deg, #0a58ca 0%, #0d6efd 100%);--gold:#f5b342;--gold-light:#ffd966;--gold-gradient:linear-gradient(135deg, #f5b342 0%, #ffd966 100%);--dark:#1a1a2e;--dark-soft:#2d2d44;--gray:#6c757d;--gray-light:#e9ecef;--gray-bg:#f8f9fa;--white:#fff;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 8px 30px #00000014;--shadow-lg:0 20px 60px #0000001f;--shadow-xl:0 30px 80px #0000002e;--radius:16px;--radius-sm:10px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}.street-medicine-page{width:100%;min-height:100vh;color:var(--dark);background:var(--white);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media (width<=768px){.container{padding:0 16px}}.section-header{margin-bottom:48px}.section-header.center{text-align:center}.section-title{color:var(--dark);letter-spacing:-.5px;margin:0;font-size:38px;font-weight:700;line-height:1.2}.section-title .highlight{color:var(--primary)}.section-subtitle{color:var(--gray);max-width:700px;margin-top:12px;font-size:17px;line-height:1.7}.section-header.center .section-subtitle{margin-left:auto;margin-right:auto}.section-underline{background:var(--gold-gradient);border-radius:4px;width:60px;height:4px;margin-top:16px}.section-header.center .section-underline{margin:16px auto 0}.street-medicine-hero{isolation:isolate;background-image:url(/image5new.webp);background-position:50% 30%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100%;height:480px;display:flex;position:relative}.street-medicine-hero:before{content:"";z-index:0;background:linear-gradient(135deg,#1a1a2ed9 0%,#06068100 100%);position:absolute;inset:0}.street-medicine-hero:after{content:"";z-index:0;background:radial-gradient(at 70% 20%,#f5b34214 0%,#0000 60%);position:absolute;inset:0}.street-medicine-hero-content{z-index:1;text-align:center;color:var(--white);max-width:820px;padding:0 24px;position:relative}.street-medicine-hero-content .badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-light);background:#f5b34233;border:1px solid #f5b34233;border-radius:50px;margin-bottom:20px;padding:6px 20px;font-size:13px;font-weight:600;display:inline-block}.street-medicine-hero-content h1{background:var(--gold-gradient);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:60px;font-weight:800;line-height:1.1}.street-medicine-hero-content p{opacity:.92;color:#ffffffe6;max-width:600px;margin:0 auto;font-size:20px;font-weight:400;line-height:1.6}.hero-line{background:var(--gold-gradient);border-radius:4px;width:60px;height:3px;margin:18px auto 0}.street-medicine-hero-content .badge{animation:.8s forwards fadeInUp}.street-medicine-hero-content h1{animation:.8s .15s both fadeInUp}.street-medicine-hero-content p{animation:.8s .3s both fadeInUp}.hero-line{animation:.8s .45s both fadeInUp}.what-is-section{background:var(--white);border-bottom:1px solid var(--gray-light);padding:80px 0}.what-is-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.what-is-text h2{color:var(--dark);letter-spacing:-.5px;margin-bottom:20px;font-size:36px;font-weight:700}.what-is-text h2 span{color:var(--primary)}.what-is-text p{color:var(--gray);margin-bottom:16px;font-size:16px;line-height:1.8}.what-is-text p:last-child{margin-bottom:0}.what-is-image{border-radius:var(--radius);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.what-is-image img{object-fit:cover;width:100%;height:320px;transition:transform .6s;display:block}.what-is-image:hover img{transform:scale(1.03)}.what-is-image .image-overlay{color:var(--white);background:linear-gradient(#0000 0%,#000000b3 100%);padding:24px;position:absolute;bottom:0;left:0;right:0}.what-is-image .image-overlay span{opacity:.9;font-size:14px;font-weight:500}.stat-badge{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-sm);text-align:center;color:var(--white);background:#ffffff26;border:1px solid #ffffff26;padding:12px 20px;position:absolute;top:20px;right:20px}.stat-badge .number{color:var(--gold-light);font-size:28px;font-weight:700;display:block}.stat-badge .label{opacity:.8;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.map-full-section{background:var(--gray-bg);padding:60px 0 0}.map-header{text-align:center;max-width:1200px;margin:0 auto 32px;padding:0 24px}.map-header h2{color:var(--dark);letter-spacing:-.5px;font-size:36px;font-weight:700}.map-header h2 span{color:var(--primary)}.map-total-children{background:var(--white);box-shadow:var(--shadow-sm);color:var(--gray);border:1px solid var(--gray-light);border-radius:50px;align-items:center;gap:10px;margin:12px 0 8px;padding:8px 20px 8px 16px;font-size:15px;display:inline-flex}.map-total-children .total-count{color:var(--primary);background:var(--primary-light);border-radius:30px;padding:0 14px;font-size:22px;font-weight:700;line-height:36px}.map-subtitle{color:var(--gray);margin-top:6px;font-size:14px}.map-full-container{width:100%;position:relative}.map-full-container .leaflet-container{z-index:1;border-radius:0;height:560px}.map-loading-full{background:var(--gray-bg);flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:560px;display:flex}.loading-spinner{border:3px solid var(--gray-light);border-top-color:var(--primary);border-radius:50%;width:44px;height:44px;animation:1s linear infinite spin}.loading-text{color:var(--gray);font-size:15px}.map-popup{min-width:240px;padding:4px 2px}.map-popup h4{color:var(--dark);margin:0 0 4px;font-size:17px;font-weight:700}.map-popup .popup-location{color:var(--gray);align-items:center;gap:4px;margin-bottom:8px;font-size:12px;display:flex}.map-popup p{color:var(--gray);margin:4px 0;font-size:13px;line-height:1.5}.popup-children-count{background:var(--gray-bg);border-radius:var(--radius-sm);border:1px solid var(--gray-light);align-items:center;gap:12px;margin-top:12px;padding:10px 14px;display:flex}.popup-children-count .count-icon{background:var(--primary-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.popup-children-count .count-icon svg{stroke:var(--primary)}.popup-children-count .count-number{color:var(--primary);font-size:18px;font-weight:700;line-height:1.2}.popup-children-count .count-label{color:var(--gray);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.popup-view-details{background:var(--primary-gradient);width:100%;color:var(--white);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;margin-top:12px;padding:10px 0;font-size:13px;font-weight:600;display:block}.popup-view-details:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0a58ca4d}.leaflet-popup-content-wrapper{border-radius:var(--radius-sm)!important;box-shadow:var(--shadow-lg)!important;padding:4px!important}.leaflet-popup-tip{background:var(--white)!important}.who-we-serve-section{background:var(--white);padding:80px 0}.serve-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:8px;display:grid}.serve-item{background:var(--white);border-radius:var(--radius);text-align:center;border:1px solid var(--gray-light);transition:var(--transition);padding:36px 28px;position:relative;overflow:hidden}.serve-item:before{content:"";background:var(--primary-gradient);opacity:0;height:4px;transition:var(--transition);position:absolute;top:0;left:0;right:0}.serve-item:hover:before{opacity:1}.serve-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-6px)}.serve-item .serve-icon{background:var(--primary-light);width:64px;height:64px;transition:var(--transition);color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.serve-item:hover .serve-icon{background:var(--primary);color:var(--white)}.serve-item .serve-icon svg{stroke:currentColor;fill:none;width:32px;height:32px;transition:var(--transition)}.serve-item h4{color:var(--dark);margin-bottom:10px;font-size:19px;font-weight:700}.serve-item p{color:var(--gray);margin:0;font-size:14px;line-height:1.7}.what-we-do-section{background:var(--gray-bg);padding:80px 0}.services-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;display:grid}.service-card{background:var(--white);border-radius:var(--radius);border:1px solid var(--gray-light);transition:var(--transition);padding:32px 28px;position:relative}.service-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-4px)}.service-card .service-icon{background:var(--primary-light);width:56px;height:56px;transition:var(--transition);color:var(--primary);border-radius:14px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.service-card:hover .service-icon{background:var(--primary);color:var(--white)}.service-card .service-icon svg{stroke:currentColor;fill:none;width:28px;height:28px;transition:var(--transition)}.service-card h3{color:var(--dark);letter-spacing:-.3px;margin-bottom:10px;font-size:19px;font-weight:700}.service-card p{color:var(--gray);margin:0;font-size:14px;line-height:1.7}.objectives-section{background:var(--white);padding:80px 0}.objectives-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;margin-top:8px;display:grid}.objective-item{border-radius:var(--radius);background:var(--gray-bg);border:1px solid var(--gray-light);transition:var(--transition);padding:32px 28px;position:relative}.objective-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary);background:var(--white);transform:translateY(-4px)}.objective-number{color:var(--primary);opacity:.12;font-feature-settings:"tnum";margin-bottom:8px;font-size:42px;font-weight:800;line-height:1}.objective-item h3{color:var(--dark);margin-bottom:8px;font-size:18px;font-weight:700}.objective-item p{color:var(--gray);margin:0;font-size:14px;line-height:1.7}.cta-section{isolation:isolate;background-image:url(/image5new.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:100px 0;position:relative}.cta-section:before{content:"";z-index:0;background:linear-gradient(135deg,#1a1a2ed9 0%,#06068100 100%);position:absolute;inset:0}.cta-section .container{z-index:1;position:relative}.cta-content{text-align:center;color:var(--white);max-width:700px;margin:0 auto}.cta-content .cta-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-transform:uppercase;letter-spacing:1.5px;color:var(--gold-light);background:#f5b34233;border:1px solid #f5b34226;border-radius:50px;margin-bottom:16px;padding:4px 18px;font-size:12px;font-weight:600;display:inline-block}.cta-content h2{letter-spacing:-.5px;margin-bottom:16px;font-size:42px;font-weight:800}.cta-content h2 span{color:var(--gold-light)}.cta-content p{opacity:.9;margin-bottom:32px;font-size:18px;line-height:1.7}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.cta-btn{transition:var(--transition);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:14px 36px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.cta-btn.primary{background:var(--gold-gradient);color:var(--dark);box-shadow:0 4px 20px #f5b34259}.cta-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #f5b34273}.cta-btn.secondary{-webkit-backdrop-filter:blur(8px);color:var(--white);background:#ffffff1f;border:1.5px solid #ffffff40}.cta-btn.secondary:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.toast-notification{background:var(--white);border-radius:var(--radius-sm);z-index:10001;min-width:300px;box-shadow:var(--shadow-lg);border-left:4px solid var(--primary);justify-content:space-between;align-items:center;gap:14px;padding:14px 20px;animation:.4s cubic-bezier(.4,0,.2,1) toastSlideIn;display:flex;position:fixed;top:100px;right:24px}.toast-notification.error{border-left-color:#dc3545}.toast-notification .toast-content{align-items:center;gap:12px;display:flex}.toast-notification .toast-icon{font-size:20px}.toast-notification .toast-message{color:var(--dark);font-size:14px;font-weight:500}.toast-close{cursor:pointer;color:var(--gray);transition:var(--transition);background:0 0;border:none;padding:0 4px;font-size:22px}.toast-close:hover{color:var(--dark);transform:rotate(90deg)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:9999;background:#0009;justify-content:center;align-items:center;padding:24px;animation:.3s modalOverlayIn;display:flex;position:fixed;inset:0}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--white);border-radius:var(--radius);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-xl);animation:.4s cubic-bezier(.4,0,.2,1) modalContentIn;position:relative;overflow-y:auto}@keyframes modalContentIn{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-close{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;width:40px;height:40px;color:var(--dark);z-index:10;transition:var(--transition);box-shadow:var(--shadow-sm);background:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute;top:14px;right:16px}.modal-close:hover{color:var(--white);background:#dc3545;transform:rotate(90deg)}.modal-image-container{background:var(--gray-bg);width:100%;height:240px;position:relative;overflow:hidden}.modal-location-image{object-fit:cover;width:100%;height:100%}.modal-image-overlay{background:linear-gradient(#0000 0%,#000c 100%);padding:30px 28px 24px;position:absolute;bottom:0;left:0;right:0}.modal-location-name{color:var(--white);letter-spacing:-.3px;margin-bottom:4px;font-size:26px;font-weight:700}.modal-location-status{color:var(--gold-light);align-items:center;gap:8px;font-size:12px;font-weight:500;display:inline-flex}.status-dot{background:#00e676;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite statusPulse}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.modal-details{padding:28px}.modal-section h3{color:var(--dark);margin-bottom:12px;font-size:16px;font-weight:600}.modal-description{color:var(--gray);margin-bottom:16px;font-size:15px;line-height:1.7}.modal-info-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.modal-info-item{background:var(--gray-bg);border-radius:var(--radius-sm);border:1px solid var(--gray-light);padding:12px 16px}.modal-info-item .info-label{text-transform:uppercase;color:var(--gray);letter-spacing:.5px;font-size:10px;font-weight:600;display:block}.modal-info-item .info-value{color:var(--dark);margin-top:2px;font-size:15px;font-weight:600;display:block}.modal-info-item .info-value.highlight{color:var(--primary);font-size:20px}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:0 0}.modal-content::-webkit-scrollbar-thumb{background:var(--gray-light);border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--gray)}.custom-marker{background:0 0!important;border:none!important}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(2.5)}}@keyframes bounce-marker{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.05)}}@keyframes blink-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@keyframes glow-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.1;transform:scale(1.3)}}@media (width<=992px){.what-is-content{grid-template-columns:1fr;gap:40px}.what-is-image img{height:260px}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.street-medicine-hero-content h1{font-size:44px}.cta-content h2{font-size:34px}}@media (width<=768px){.street-medicine-hero{height:380px}.street-medicine-hero-content h1{font-size:34px}.street-medicine-hero-content p{font-size:16px}.street-medicine-hero-content .badge{padding:4px 14px;font-size:11px}.section-title{font-size:28px}.section-subtitle{font-size:15px}.what-is-text h2{font-size:28px}.what-is-section,.who-we-serve-section,.what-we-do-section,.objectives-section,.cta-section{padding:60px 0}.cta-content h2{font-size:28px}.cta-content p{font-size:16px}.cta-btn{padding:12px 28px;font-size:14px}.serve-grid,.services-grid,.objectives-grid{grid-template-columns:1fr;gap:20px}.map-full-container .leaflet-container,.map-loading-full{height:400px}.map-header h2{font-size:28px}.map-total-children{padding:6px 16px 6px 12px;font-size:13px}.map-total-children .total-count{font-size:18px;line-height:30px}.toast-notification{min-width:auto;top:80px;left:16px;right:16px}.modal-content{border-radius:var(--radius-sm);max-width:100%;margin:12px}.modal-image-container{height:180px}.modal-location-name{font-size:22px}.modal-details{padding:20px}.modal-info-grid{grid-template-columns:1fr}.modal-close{width:34px;height:34px;font-size:20px;top:10px;right:12px}.stat-badge{padding:8px 14px;top:12px;right:12px}.stat-badge .number{font-size:22px}.stat-badge .label{font-size:10px}}@media (width<=480px){.street-medicine-hero{height:320px}.street-medicine-hero-content h1{font-size:28px}.street-medicine-hero-content p{font-size:14px}.section-title,.what-is-text h2{font-size:24px}.what-is-image img{height:200px}.cta-content h2{font-size:24px}.cta-buttons{flex-direction:column;align-items:center}.cta-btn{justify-content:center;width:100%}.map-full-container .leaflet-container,.map-loading-full{height:320px}.modal-image-container{height:150px}.modal-location-name{font-size:19px}.serve-item,.service-card,.objective-item{padding:24px 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.street-medicine-hero-content .badge,.street-medicine-hero-content h1,.street-medicine-hero-content p,.hero-line{opacity:1;animation:none}.service-card:hover,.serve-item:hover,.objective-item:hover{transform:none}.what-is-image img{transition:none}.what-is-image:hover img{transform:none}.modal-content,.modal-overlay,.toast-notification{animation:none}.modal-close:hover,.cta-btn:hover{transform:none}}@media (prefers-contrast:high){:root{--primary:#04c;--primary-dark:#039;--gray:#333;--gray-light:#ccc;--gray-bg:#f0f0f0}.street-medicine-hero:before,.cta-section:before{background:#002850f2}.service-card,.serve-item,.objective-item{border-width:2px}.modal-content{border:2px solid var(--primary)}.cta-btn.primary{color:#000;background:#f5b342}}.badge-icon,.subtitle-icon,.popup-location-icon,.modal-section-icon,.overlay-icon,.btn-icon,.cta-badge-icon{vertical-align:middle;flex-shrink:0;display:inline-block}.badge .badge-icon{width:14px;height:14px;stroke:var(--gold-light);margin-right:6px}.subtitle-icon{width:14px;height:14px;stroke:var(--gray);margin-right:6px}.popup-location-icon{width:12px;height:12px;stroke:var(--gray);margin-right:4px}.modal-section-icon{width:18px;height:18px;stroke:var(--primary);flex-shrink:0;margin-right:8px}.overlay-icon{width:14px;height:14px;stroke:var(--white);opacity:.8;margin-right:8px}.btn-icon{stroke:currentColor;width:18px;height:18px}.cta-btn .btn-icon{margin-right:6px}.cta-badge-icon{width:14px;height:14px;stroke:var(--gold-light);margin-right:6px}.toast-icon{flex-shrink:0;width:20px;height:20px}.count-icon svg{width:20px;height:20px;stroke:var(--primary)}.serve-icon svg,.service-icon svg{stroke:currentColor;fill:none}.btn-arrow{stroke:currentColor;width:16px;height:16px;margin-left:4px;transition:transform .3s}.popup-view-details:hover .btn-arrow{transform:translate(4px)}.hero-badge-icon{width:16px;height:16px;stroke:var(--gold-light);vertical-align:middle;margin-right:8px}.forgot-password-page{background:#fff;min-height:100vh}.forgot-password-hero{background-image:url(/image2.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;width:100%;height:300px;display:flex;position:relative}.forgot-password-hero:before{content:"";background:#06cc;position:absolute;inset:0}.forgot-password-hero-content{z-index:1;text-align:center;color:#fff;position:relative}.forgot-password-hero-content h1{color:gold;letter-spacing:2px;margin-bottom:15px;font-size:48px;font-weight:700}.forgot-password-hero-content p{opacity:.95;font-size:18px}.forgot-password-container{max-width:1200px;margin:-50px auto 0;padding:0 20px 60px}.forgot-password-wrapper{background:#fff;border-radius:20px;grid-template-columns:1fr 1fr;width:100%;display:grid;overflow:hidden;box-shadow:0 20px 60px #0000001a}.forgot-password-left{color:#fff;background:linear-gradient(135deg,#06c 0%,#0052a3 100%);flex-direction:column;justify-content:space-between;padding:50px 40px;display:flex}.forgot-password-brand{text-align:center;margin-bottom:40px}.brand-link{text-decoration:none;display:inline-block}.brand-icon{margin-bottom:15px}.forgot-password-brand h2{color:gold;margin-bottom:8px;font-size:28px}.forgot-password-brand p{color:#fffc;font-size:14px}.forgot-password-features{flex-direction:column;gap:25px;display:flex}.feature{align-items:center;gap:15px;display:flex}.feature svg{color:gold;flex-shrink:0}.feature h4{color:#fff;margin-bottom:4px;font-size:16px}.feature p{color:#ffffffb3;font-size:13px}.forgot-password-right{background:#fff;align-items:center;padding:50px;display:flex}.forgot-password-form-container{width:100%}.forgot-password-header{text-align:center;margin-bottom:30px}.forgot-password-header h3{color:#06c;margin-bottom:8px;font-size:28px}.forgot-password-header p{color:#666;font-size:14px}.forgot-password-form{flex-direction:column;gap:20px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:#333;font-size:14px;font-weight:500}.input-icon{align-items:center;width:100%;display:flex;position:relative}.input-icon svg{color:#999;z-index:1;pointer-events:none;position:absolute;left:15px}.input-icon input{background:#fff;border:1px solid #ddd;border-radius:10px;width:100%;padding:14px 50px 14px 45px;font-size:14px;transition:all .3s}.input-icon input:focus{border-color:#06c;outline:none;box-shadow:0 0 0 3px #0066cc1a}.toggle-password{cursor:pointer;color:#999;background:0 0;border:none;padding:5px;font-size:18px;position:absolute;right:15px}.toggle-password:hover{color:#06c}.reset-submit{color:#fff;cursor:pointer;background:#06c;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.reset-submit:hover:not(:disabled){background:#0052a3;transform:translateY(-2px);box-shadow:0 10px 20px #06c3}.reset-submit:disabled{opacity:.7;cursor:not-allowed}.resend-otp{text-align:center;margin-top:20px}.resend-otp button{color:#06c;cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:500}.resend-otp button:hover:not(:disabled){text-decoration:underline}.resend-otp button:disabled{color:#999;cursor:not-allowed}.back-to-login{text-align:center;margin-top:25px}.back-to-login a{color:#666;align-items:center;gap:8px;font-size:14px;text-decoration:none;transition:color .3s;display:inline-flex}.back-to-login a:hover{color:#06c}.password-strength{margin-top:8px}.strength-bar{background:#e0e0e0;border-radius:2px;height:4px;margin-bottom:6px;overflow:hidden}.strength-fill{height:100%;transition:width .3s}.strength-text{font-size:12px;font-weight:500}.password-match-success{color:#28a745;margin-top:5px;font-size:12px}.field-error{color:#dc3545;margin-top:5px;font-size:12px}.field-error:before{content:"⚠";margin-right:5px}.input-icon.has-error svg{color:#dc3545}.input-icon.has-error input{border-color:#dc3545}.toast-notification{z-index:10000;background:#fff;border-left:4px solid;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;min-width:300px;padding:15px 20px;animation:.3s slideIn;display:flex;position:fixed;top:80px;right:20px;box-shadow:0 10px 30px #0003}.toast-notification.success{background:#f0fff4;border-left-color:#28a745}.toast-notification.error{background:#fff5f5;border-left-color:#dc3545}.toast-content{flex:1;align-items:center;gap:12px;display:flex}.toast-close{cursor:pointer;color:#999;background:0 0;border:none;padding:5px}@media (width<=992px){.forgot-password-wrapper{grid-template-columns:1fr;max-width:500px;margin:0 auto}.forgot-password-left,.forgot-password-right{padding:40px 30px}.forgot-password-features{flex-direction:row;justify-content:space-between;gap:20px}.feature{text-align:center;flex-direction:column}}@media (width<=768px){.forgot-password-hero{background-attachment:scroll;height:250px}.forgot-password-hero-content h1{font-size:32px}.forgot-password-hero-content p{font-size:14px}.forgot-password-container{padding:0 15px 40px}.forgot-password-features{flex-direction:column}.forgot-password-header h3{font-size:24px}.toast-notification{min-width:auto;top:70px;left:10px;right:10px}}@media (width<=480px){.forgot-password-left,.forgot-password-right{padding:30px 20px}.input-icon input{padding:12px 45px 12px 40px}}.brand-logo-img{object-fit:cover;background:#ffffff1a;border:3px solid gold;border-radius:50%;width:80px;height:80px;margin-bottom:15px;padding:5px}.notification-bell{margin-right:8px;display:inline-block;position:relative}.notification-bell-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex;position:relative}.notification-bell-btn svg{width:22px;height:22px}.notification-bell-btn:hover{color:#06c;background:#0066cc1a}.notification-bell-btn.has-unread{color:#06c}.notification-badge{color:#fff;background:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;display:flex;position:absolute;top:0;right:0}.notification-dropdown{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:580px;max-width:calc(100vw - 40px);font-family:Montserrat,sans-serif;position:absolute;top:50px;right:0;overflow:hidden}.notification-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.notification-header h3{color:#1a1a2e;letter-spacing:-.3px;margin:0;font-family:Montserrat,sans-serif;font-size:18px;font-weight:700}.mark-all-read-btn{color:#06c;cursor:pointer;background:0 0;border:none;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;transition:opacity .2s}.mark-all-read-btn:hover{opacity:.8;text-decoration:underline}.notification-list{max-height:550px;overflow-y:auto}.notification-item{border-bottom:1px solid #f0f0f0;gap:18px;padding:18px 24px;transition:background .2s;display:flex;position:relative}.notification-item:hover{background:#f8fafc}.notification-item.expanded{background:#f0f7ff}.notification-icon{background:#0066cc14;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.notification-icon svg{width:24px;height:24px}.notification-content{flex:1;min-width:0}.notification-title{color:#1a1a2e;letter-spacing:-.2px;margin-bottom:8px;font-family:Montserrat,sans-serif;font-size:16px;font-weight:700}.notification-message{color:#475569;word-wrap:break-word;margin-bottom:8px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;line-height:1.5}.notification-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.notification-creator{color:#06c;background:#0066cc14;border-radius:12px;align-items:center;padding:2px 8px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:500;display:inline-flex}.notification-time-separator{color:#cbd5e1;font-size:10px}.notification-time{color:#94a3b8;font-family:Montserrat,sans-serif;font-size:11px;font-weight:500}.notification-item .notification-time{margin-top:0;display:inline}.notification-expand-btn{color:#06c;cursor:pointer;background:0 0;border:none;margin-top:8px;padding:0;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;transition:opacity .2s}.notification-expand-btn:hover{opacity:.8;text-decoration:underline}.notification-read-btn{cursor:pointer;color:#10b981;opacity:0;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:4px;padding:8px;transition:all .2s;display:flex}.notification-read-btn svg{width:18px;height:18px}.notification-read-btn:hover{background:#d1fae5;transform:scale(1.05)}.notification-item:hover .notification-read-btn{opacity:1}.notification-empty{text-align:center;color:#94a3b8;padding:60px 30px}.notification-empty svg{opacity:.5;width:64px;height:64px;margin-bottom:20px}.notification-empty p{margin:0;font-family:Montserrat,sans-serif;font-size:15px;font-weight:500}.notification-loading{text-align:center;color:#94a3b8;padding:60px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.notification-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=768px){.notification-dropdown{width:520px}.notification-item{gap:14px;padding:16px 20px}.notification-icon{width:40px;height:40px}.notification-icon svg{width:22px;height:22px}.notification-title{font-size:15px}.notification-message{font-size:13px}.notification-header{padding:16px 20px}.notification-header h3{font-size:17px}}@media (width<=640px){.notification-dropdown{width:calc(100vw - 30px);max-width:calc(100vw - 30px);left:15px;right:15px}.notification-read-btn{opacity:1}.notification-item{gap:12px;padding:14px 18px}.notification-icon{width:36px;height:36px}.notification-icon svg{width:20px;height:20px}.notification-title{font-size:14px}.notification-message{font-size:12px}.notification-meta{flex-direction:column;align-items:flex-start;gap:4px}.notification-time-separator{display:none}.notification-creator,.notification-time{font-size:10px}.notification-header{padding:14px 18px}.notification-header h3{font-size:16px}.mark-all-read-btn{font-size:12px}}@media (width<=480px){.notification-dropdown{width:auto;max-width:none;position:fixed;top:60px;left:10px;right:10px}.notification-item{gap:10px;padding:12px 16px}.notification-icon{width:32px;height:32px}.notification-icon svg{width:18px;height:18px}.notification-title{font-size:13px}.notification-message{font-size:11px}.notification-expand-btn{font-size:12px}.notification-read-btn{width:28px;height:28px;padding:6px}.notification-read-btn svg{width:14px;height:14px}.notification-empty svg{width:50px;height:50px}.notification-empty p{font-size:13px}.notification-creator{padding:2px 6px;font-size:9px}.notification-time{font-size:9px}}.dashboard-layout{background:#f5f7fa;min-height:100vh;display:flex;overflow:hidden}.dashboard-sidebar{color:#1a1a2e;z-index:100;background:#fff;border-right:1px solid #e0e0e0;flex-direction:column;width:260px;height:100vh;transition:width .3s,transform .3s;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.dashboard-layout.sidebar-closed .dashboard-sidebar{width:70px}.dashboard-layout.sidebar-closed .logo-text,.dashboard-layout.sidebar-closed .nav-label{display:none}.dashboard-layout.sidebar-closed .nav-item{justify-content:center;padding:12px}.dashboard-layout.sidebar-closed .nav-icon{margin:0}.dashboard-layout.sidebar-closed .logout-btn-sidebar{justify-content:center}.dashboard-layout.sidebar-closed .logout-btn-sidebar .nav-label{display:none}.dashboard-main{scroll-behavior:smooth;flex-direction:column;flex:1;height:100vh;margin-left:260px;transition:margin-left .3s;display:flex;position:relative;overflow-y:auto}.dashboard-layout.sidebar-closed .dashboard-main{margin-left:70px}.dashboard-sidebar.mobile{z-index:200;width:280px;transition:left .3s;position:fixed;left:-280px;box-shadow:2px 0 10px #0000001a}.dashboard-sidebar.mobile.mobile-open{left:0}.dashboard-sidebar.mobile.mobile-closed{left:-280px}.mobile-sidebar-overlay{z-index:150;background:#00000080;animation:.3s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;margin-right:12px;padding:8px;transition:all .3s;display:none}.mobile-menu-btn:hover{color:#667eea;background:#f0f0f0}.mobile-menu-btn svg{width:24px;height:24px}.sidebar-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:20px;display:flex}.logo-text{color:#667eea;font-size:16px;font-weight:600}.toggle-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:5px 8px;transition:all .3s;display:flex}.toggle-btn:hover{color:#667eea;background:#f0f0f0}.sidebar-nav{flex:1;padding:20px 0}.nav-item{color:#666;align-items:center;gap:12px;margin:2px 0;padding:12px 20px;text-decoration:none;transition:all .3s;display:flex;position:relative}.nav-item:hover{color:#667eea;background:#f0f0f0}.nav-item.active{color:#667eea;background:0 0}.nav-item.active:before{content:"";background:#667eea;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-icon{justify-content:center;align-items:center;min-width:24px;display:flex}.nav-label{white-space:nowrap;font-size:14px}.sidebar-footer{border-top:1px solid #e0e0e0;padding:20px}.logout-btn-sidebar{color:#dc3545;cursor:pointer;background:0 0;border:1px solid #dc3545;border-radius:6px;align-items:center;gap:12px;width:100%;padding:10px;transition:all .3s;display:flex}.logout-btn-sidebar:hover{background:#fee}.logout-btn-sidebar .nav-icon{color:#dc3545}.main-header{z-index:99;box-sizing:border-box;backface-visibility:hidden;background:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;width:100%;padding:20px 30px;display:flex;position:sticky;top:0;transform:translateZ(0)}.main-header h1{color:#1a1a2e;margin:0;font-size:24px}.header-actions{flex-shrink:0;align-items:center;gap:20px;display:flex}.main-content{flex:1;min-height:calc(100vh - 80px);padding:30px;transition:opacity .15s}.dashboard-main::-webkit-scrollbar{width:8px}.dashboard-main::-webkit-scrollbar-track{background:#f1f1f1}.dashboard-main::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.dashboard-main::-webkit-scrollbar-thumb:hover{background:#999}.dashboard-sidebar::-webkit-scrollbar{width:5px}.dashboard-sidebar::-webkit-scrollbar-track{background:#f1f1f1}.dashboard-sidebar::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.user-menu-container{position:relative}.user-badge{cursor:pointer;background:#f5f5f5;border:none;border-radius:40px;align-items:center;gap:12px;padding:8px 12px;transition:all .2s;display:flex}.user-badge:hover{background:#e8e8e8}.user-avatar-small{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.user-info-text{text-align:left;flex-direction:column;display:flex}.user-name-text{color:#333;font-size:14px;font-weight:600}.user-role-text{color:#888;font-size:11px}.dropdown-arrow{transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown{z-index:1000;background:#fff;border:1px solid #e8e8e8;border-radius:12px;min-width:280px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.dropdown-header{background:#fafafa;gap:12px;padding:16px;display:flex}.dropdown-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:600;display:flex}.dropdown-info{flex:1}.dropdown-name{color:#333;margin-bottom:4px;font-size:15px;font-weight:600}.dropdown-email{color:#888;margin-bottom:4px;font-size:12px}.dropdown-role{color:#667eea;font-size:11px;font-weight:500}.dropdown-divider{background:#e8e8e8;height:1px}.dropdown-item{cursor:pointer;color:#333;text-align:left;background:#fff;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;transition:background .2s;display:flex}.dropdown-item:hover{background:#f5f5f5}.dropdown-item svg{stroke:#888}.dropdown-logout{color:#dc3545}.dropdown-logout svg{stroke:#dc3545}.dropdown-logout:hover{background:#fff5f5}.sidebar-logo-img{object-fit:cover;border-radius:8px;width:32px;height:32px}.logo-section{align-items:center;gap:12px;display:flex}.logo-icon{justify-content:center;align-items:center;display:flex}@media (width<=768px){.dashboard-sidebar:not(.mobile){display:none}.dashboard-main{margin-left:0!important}.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.main-header{padding:15px 20px}.main-header h1{font-size:18px}.main-content{padding:20px}.user-info-text{display:none}.user-badge{padding:6px}.user-avatar-small{width:32px;height:32px;font-size:12px}.header-actions{gap:12px}.user-dropdown{border-radius:16px 16px 0 0;width:100%;min-width:auto;animation:.3s slideUp;position:fixed;inset:auto 0 0}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.user-dropdown:before{content:"";background:#e0e0e0;border-radius:2px;width:40px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}}@media (width<=480px){.main-header{padding:12px 16px}.main-header h1{font-size:16px}.main-content{padding:16px}.mobile-menu-btn svg{width:20px;height:20px}}@media (width>=1400px){.main-content{padding:35px 40px}.main-header{padding:25px 40px}.main-header h1{font-size:28px}}.main-content>*{will-change:opacity, transform;animation:.2s fadeIn}.sd-loading-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.sd-spinner{border:3px solid #e8e8e8;border-top-color:#667eea;border-radius:50%;width:50px;height:50px;animation:1s linear infinite sd-spin}@keyframes sd-spin{to{transform:rotate(360deg)}}.superuser-dashboard{max-width:1600px;margin:0 auto;padding:24px}.sd-welcome-section{background:0 0;border:none;border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:32px;padding:0 0 24px;display:flex}.sd-welcome-content h1{color:#333;margin-bottom:8px;font-size:28px}.sd-welcome-content p{color:#666;font-size:14px}.sd-date-time{text-align:right}.sd-date{color:#666;margin-bottom:4px;font-size:16px;font-weight:500}.sd-time{color:#333;font-size:24px;font-weight:600}.sd-stats-grid{background:#e8e8e8;border:1px solid #e8e8e8;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;margin-bottom:32px;display:grid}.sd-stat-card{background:#fff;align-items:center;gap:16px;padding:20px;display:flex}.sd-stat-icon{background:#f5f5f5;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.sd-icon-primary svg{stroke:#667eea}.sd-icon-success svg{stroke:#28a745}.sd-icon-warning svg{stroke:#ffc107}.sd-icon-info svg{stroke:#17a2b8}.sd-icon-secondary svg{stroke:#6c757d}.sd-icon-danger svg{stroke:#dc3545}.sd-stat-info{flex:1}.sd-stat-info h3{color:#333;margin-bottom:4px;font-size:28px;font-weight:700}.sd-stat-info p{color:#888;margin:0;font-size:13px}.sd-charts-row{background:#e8e8e8;border:1px solid #e8e8e8;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1px;margin-bottom:32px;display:grid}.sd-chart-card{background:#fff;padding:20px}.sd-chart-header{border-bottom:2px solid #f0f0f0;margin-bottom:20px;padding-bottom:12px}.sd-chart-header h3{color:#333;margin-bottom:4px;font-size:16px;font-weight:600}.sd-chart-header p{color:#999;font-size:12px}.sd-bar-chart{justify-content:space-around;align-items:flex-end;gap:16px;min-height:220px;padding:20px 0;display:flex}.sd-bar-item{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.sd-bar{background:#667eea;width:100%;max-width:60px;min-height:4px;transition:height .5s;position:relative}.sd-bar-value{color:#667eea;font-size:12px;font-weight:600;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.sd-bar-label{color:#888;text-align:center;font-size:11px}.sd-donut-chart{justify-content:center;align-items:center;gap:32px;padding:20px;display:flex}.sd-donut-container{position:relative}.sd-donut-legend{flex-direction:column;gap:12px;display:flex}.sd-legend-item{align-items:center;gap:10px;font-size:14px;display:flex}.sd-legend-color{width:16px;height:16px}.sd-legend-color.sd-captured{background:#28a745}.sd-legend-color.sd-pending{background:#e8e8e8}.sd-system-stats{background:#e8e8e8;border:1px solid #e8e8e8;grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.sd-system-stat-item{text-align:center;background:#fff;padding:20px}.sd-system-stat-value{color:#667eea;margin-bottom:8px;font-size:28px;font-weight:700}.sd-system-stat-label{color:#888;font-size:12px}.sd-recent-grid{background:#e8e8e8;border:1px solid #e8e8e8;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:1px;margin-bottom:32px;display:grid}.sd-recent-card{background:#fff;overflow:hidden}.sd-recent-header{background:#fafafa;border-bottom:2px solid #f0f0f0;padding:16px 20px}.sd-recent-header h3{color:#333;margin:0;font-size:16px;font-weight:600}.sd-recent-table-container{overflow-x:auto}.sd-recent-table{border-collapse:collapse;width:100%}.sd-recent-table th,.sd-recent-table td{text-align:left;border-bottom:1px solid #f0f0f0;padding:12px 16px}.sd-recent-table th{color:#888;background:#fafafa;font-size:13px;font-weight:600}.sd-recent-table td{color:#333;font-size:14px}.sd-status-badge{padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.sd-status-captured{color:#155724;background:#d4edda}.sd-status-pending{color:#856404;background:#fff3cd}.sd-status-active{color:#155724;background:#d4edda}.sd-section-title{color:#333;margin-bottom:16px;font-size:18px;font-weight:600}.sd-actions-grid{background:#e8e8e8;border:1px solid #e8e8e8;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;display:grid}.sd-action-btn{cursor:pointer;text-align:left;background:#fff;border:none;align-items:center;gap:16px;padding:20px;transition:background .2s;display:flex}.sd-action-btn:hover{background:#fafafa}.sd-action-icon{background:#f5f5f5;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.sd-action-info{flex:1}.sd-action-info h4{color:#333;margin-bottom:4px;font-size:15px;font-weight:600}.sd-action-info p{color:#999;margin:0;font-size:12px}.sd-no-data{text-align:center;color:#999;padding:40px;font-size:14px}@media (width<=768px){.superuser-dashboard{padding:16px}.sd-welcome-section{text-align:center;flex-direction:column;gap:16px;padding:0 0 16px}.sd-date-time{text-align:center}.sd-stats-grid{grid-template-columns:repeat(2,1fr)}.sd-stat-card{padding:12px}.sd-stat-icon{width:44px;height:44px}.sd-stat-info h3{font-size:20px}.sd-charts-row,.sd-recent-grid,.sd-actions-grid{grid-template-columns:1fr}}@media (width<=480px){.sd-stats-grid{grid-template-columns:1fr}.sd-donut-chart{flex-direction:column}}.sd-health-section{background:#fff;border:1px solid #e8e8e8;margin-bottom:32px}.sd-health-header{background:#fafafa;border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.sd-health-header h2{color:#333;margin:0;font-size:18px;font-weight:600}.sd-refresh-btn{cursor:pointer;background:#fff;border:1px solid #ddd;align-items:center;gap:8px;padding:8px 16px;font-size:13px;transition:all .2s;display:flex}.sd-refresh-btn:hover{background:#f5f5f5}.sd-main-health{background:#fff;border-bottom:1px solid #e8e8e8;align-items:center;gap:20px;padding:24px;display:flex}.sd-health-status-icon{justify-content:center;align-items:center;width:64px;height:64px;font-size:32px;font-weight:700;display:flex}.sd-health-status-info{flex:1}.sd-health-status-label{color:#888;margin-bottom:4px;font-size:13px}.sd-health-status-value{margin-bottom:8px;font-size:24px;font-weight:600}.sd-health-response-time{color:#666;margin-bottom:4px;font-size:12px}.sd-health-last-checked{color:#999;font-size:12px}.sd-health-error{color:#dc3545;margin-top:4px;font-size:12px}.sd-status-healthy{color:#28a745}.sd-status-degraded{color:#ffc107}.sd-status-unhealthy{color:#fd7e14}.sd-status-offline{color:#dc3545}.sd-status-checking{color:#6c757d}.sd-api-status-grid{background:#e8e8e8;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;display:grid}.sd-api-status-item{background:#fff;padding:16px}.sd-api-status-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sd-api-name{color:#333;font-size:14px;font-weight:600}.sd-api-status-badge{padding:2px 8px;font-size:11px;font-weight:500}.sd-api-status-badge.sd-status-healthy{color:#155724;background:#d4edda}.sd-api-status-badge.sd-status-degraded{color:#856404;background:#fff3cd}.sd-api-status-badge.sd-status-offline{color:#721c24;background:#f8d7da}.sd-api-status-badge.sd-status-checking{color:#383d41;background:#e2e3e5}.sd-api-status-details{gap:12px;font-size:12px;display:flex}.sd-api-status-code{color:#666}.sd-api-response-time{color:#28a745}.sd-line-chart{padding:20px 0}.sd-line-container{position:relative}.sd-line-svg{width:100%;height:200px}.sd-line-path{stroke:#667eea;stroke-width:2px;fill:none}.sd-line-labels{justify-content:space-around;margin-top:12px;padding:0 10px;display:flex}.sd-line-label-item{text-align:center}.sd-line-label{color:#888;font-size:11px}.sd-line-value{color:#667eea;margin-top:4px;font-size:12px;font-weight:600}.sd-area-chart{padding:20px 0}.sd-area-container{position:relative}.sd-area-svg{width:100%;height:200px}.sd-area-polygon{fill:url(#areaGradient)}.sd-area-line{stroke:#667eea;stroke-width:2px;fill:none}.sd-area-labels{justify-content:space-between;margin-top:12px;padding:0 10px;display:flex}.sd-area-label-item{text-align:center}.sd-area-label{color:#888;font-size:10px}.sd-horizontal-bar-chart{padding:20px 0}.sd-horizontal-bar-item{margin-bottom:16px}.sd-horizontal-bar-label{color:#555;margin-bottom:6px;font-size:12px;font-weight:500}.sd-horizontal-bar-container{background:#f0f0f0;height:32px;position:relative}.sd-horizontal-bar{background:linear-gradient(90deg,#667eea,#764ba2);justify-content:flex-end;align-items:center;height:100%;padding-right:10px;transition:width .5s;display:flex}.sd-horizontal-bar-value{color:#fff;font-size:12px;font-weight:600}.sd-stat-card.sd-young-stat-card{border-left:4px solid #4caf50}.sd-stat-card.sd-young-stat-card .sd-stat-icon.sd-icon-young{color:#fff;background:linear-gradient(135deg,#4caf50,#66bb6a)}.sd-stat-card.sd-young-stat-card .sd-stat-info small{color:#4caf50;margin-top:4px;font-size:11px;display:block}.sd-stat-card.sd-older-stat-card{border-left:4px solid #ff9800}.sd-stat-card.sd-older-stat-card .sd-stat-icon.sd-icon-older{color:#fff;background:linear-gradient(135deg,#ff9800,#ffb74d)}.sd-stat-card.sd-older-stat-card .sd-stat-info small{color:#ff9800;margin-top:4px;font-size:11px;display:block}.sd-online-card{cursor:pointer;border:2px solid #0000;transition:all .3s;position:relative}.sd-online-card:hover{border-color:#dc3545;transform:translateY(-4px);box-shadow:0 8px 25px #dc354533}.sd-online-card .sd-click-hint{color:#999;margin-top:2px;font-size:10px;display:block}.sd-online-indicator{position:absolute;top:10px;right:10px}.sd-online-dot{background:#4caf50;border-radius:50%;width:10px;height:10px;animation:2s infinite sd-pulse;display:inline-block}@keyframes sd-pulse{0%{box-shadow:0 0 #4caf5066}70%{box-shadow:0 0 0 8px #4caf5000}to{box-shadow:0 0 #4caf5000}}.sd-online-users-view{padding:20px}.sd-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px;display:flex}.sd-page-header h1{color:#1a1a2e;margin:0;font-size:28px}.sd-back-btn{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:8px;padding:10px 20px;font-size:14px;transition:background .2s}.sd-back-btn:hover{background:#5a6268}.sd-online-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px;display:grid}.sd-online-stats-card{background:#fff;border-radius:12px;align-items:center;gap:15px;padding:20px;display:flex;box-shadow:0 2px 8px #00000014}.sd-online-stats-icon{background:#f5f5f5;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;font-size:32px;display:flex}.sd-online-stats-info h2{color:#1a1a2e;margin:0;font-size:28px}.sd-online-stats-info p{color:#666;margin:4px 0 0;font-size:14px}.sd-online-table-container{background:#fff;border-radius:12px;padding:20px;overflow-x:auto;box-shadow:0 2px 8px #00000014}.sd-data-table{border-collapse:collapse;width:100%}.sd-data-table thead{background:#f8f9fa}.sd-data-table th{text-align:left;color:#495057;border-bottom:2px solid #dee2e6;padding:12px 15px;font-size:14px;font-weight:600}.sd-data-table td{color:#212529;border-bottom:1px solid #dee2e6;padding:12px 15px}.sd-data-table tbody tr:hover{background:#f8f9fa}.sd-online-user-username{align-items:center;gap:10px;display:flex}.sd-online-indicator{background:#4caf50;border-radius:50%;width:10px;height:10px;animation:2s infinite sd-online-pulse;display:inline-block}@keyframes sd-online-pulse{0%{box-shadow:0 0 #4caf5066}70%{box-shadow:0 0 0 8px #4caf5000}to{box-shadow:0 0 #4caf5000}}.sd-role-badge{color:#495057;background:#e9ecef;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.sd-status-online{color:#155724;background:#d4edda;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.sd-online-dot{background:#28a745;border-radius:50%;width:6px;height:6px;display:inline-block}.sd-online-loading{flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.sd-online-empty{text-align:center;padding:60px 20px}.sd-online-empty-icon{margin-bottom:20px;font-size:64px}.sd-online-empty h3{color:#1a1a2e;margin:0 0 10px;font-size:24px}.sd-online-empty p{color:#666;margin:0;font-size:16px}.sd-device-cell{max-width:300px}.sd-device-badge{border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.sd-single-device{color:#2e7d32;background:#e8f5e9}.sd-multiple-devices{color:#e65100;background:#fff3e0;border:1px solid #ffb74d}.sd-device-badge:hover{transform:scale(1.02)}.sd-device-warning{margin-left:4px;font-size:14px}.sd-device-expand-icon{margin-left:4px;font-size:10px}.sd-device-details{background:#f8f9fa;border-left:3px solid #ffb74d;border-radius:6px;max-height:200px;margin-top:8px;padding:8px 12px;overflow-y:auto}.sd-device-details::-webkit-scrollbar{width:4px}.sd-device-details::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.sd-device-info{border-bottom:1px solid #eee;flex-wrap:wrap;gap:8px 15px;padding:4px 0;font-size:11px;display:flex}.sd-device-info:last-child{border-bottom:none}.sd-device-agent{color:#333;min-width:120px;font-weight:500}.sd-device-ip{color:#666}.sd-device-time{color:#999;font-size:10px}.sd-device-show-more{color:#2196f3;cursor:pointer;margin-top:4px;font-size:11px;text-decoration:underline}.sd-device-show-more:hover{color:#1976d2}@media (width<=768px){.sd-device-cell{max-width:200px}.sd-device-badge{padding:2px 8px;font-size:10px}.sd-device-info{flex-direction:column;gap:2px;font-size:10px}}.sd-refresh-indicator{text-align:right;margin-top:8px;font-size:12px}.sd-refreshing{color:#667eea;align-items:center;gap:8px;font-weight:500;display:inline-flex}.sd-last-refreshed{color:#999;font-size:11px}.sd-spinning{animation:1s linear infinite sd-spin}.sd-refresh-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;transition:all .2s;display:inline-flex}.sd-refresh-btn:hover:not(:disabled){background:#f5f5f5}.sd-refresh-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.sd-refresh-indicator{text-align:center;margin-top:4px}.sd-refreshing,.sd-last-refreshed{font-size:10px}}.nurse-dashboard-wrapper{background:#fff;width:100%;max-width:1400px;min-height:100vh;margin:0 auto;padding:20px}.nurse-dashboard-offline-banner{color:#856404;background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 20px;display:flex}.nurse-dashboard-sync-btn{cursor:pointer;color:#856404;background:#ffc107;border:none;border-radius:4px;margin-left:auto;padding:4px 12px;font-size:12px;font-weight:500}.nurse-dashboard-sync-btn:hover{background:#e0a800}.nurse-dashboard-welcome-section{border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:20px}.nurse-dashboard-welcome-section h1{color:#1a1a2e;margin-bottom:8px;font-size:28px}.nurse-dashboard-welcome-section p{color:#666;font-size:14px}.nurse-dashboard-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px;display:grid}.nurse-dashboard-stat-card{background:#f8f9fa;border:1px solid #e0e0e0;align-items:center;gap:16px;padding:20px;transition:all .3s;display:flex}.nurse-dashboard-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.nurse-dashboard-stat-icon{color:#667eea;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.nurse-dashboard-stat-info h3{color:#1a1a2e;margin-bottom:4px;font-size:28px}.nurse-dashboard-stat-info p{color:#666;margin-bottom:5px;font-size:13px}.nurse-dashboard-section-title{color:#1a1a2e;border-bottom:2px solid #f0f0f0;margin-bottom:20px;padding-bottom:10px;font-size:20px;font-weight:600}.nurse-dashboard-two-column-layout{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px;display:grid}.nurse-dashboard-data-card{background:#f8f9fa;border:1px solid #e0e0e0;padding:20px}.nurse-dashboard-data-card-header{border-bottom:2px solid #e0e0e0;margin-bottom:20px;padding-bottom:10px}.nurse-dashboard-data-card-header h3{color:#1a1a2e;margin-bottom:5px;font-size:16px}.nurse-dashboard-data-card-subtitle{color:#999;font-size:12px}.nurse-dashboard-location-list{flex-direction:column;gap:15px;display:flex}.nurse-dashboard-location-item{width:100%}.nurse-dashboard-location-info{justify-content:space-between;margin-bottom:8px;display:flex}.nurse-dashboard-location-name{color:#333;font-size:13px;font-weight:500}.nurse-dashboard-location-count{color:#666;font-size:12px}.nurse-dashboard-progress-bar{background:#e0e0e0;border-radius:4px;width:100%;height:8px;overflow:hidden}.nurse-dashboard-progress-fill{background:#667eea;border-radius:4px;height:100%;transition:width .3s}.nurse-dashboard-monthly-chart-container{width:100%;overflow-x:auto}.nurse-dashboard-monthly-chart{justify-content:space-around;align-items:flex-end;min-width:500px;height:280px;margin-left:50px;padding:20px 0 10px;display:flex;position:relative}.nurse-dashboard-chart-y-axis{color:#666;text-align:right;flex-direction:column;justify-content:space-between;width:50px;padding-right:8px;font-size:11px;display:flex;position:absolute;top:0;bottom:20px;left:-50px}.nurse-dashboard-chart-y-axis span{line-height:1}.nurse-dashboard-chart-y-axis-line{background:#d0d0d0;width:1px;position:absolute;top:0;bottom:20px;left:-2px}.nurse-dashboard-chart-x-axis-line{background:#d0d0d0;height:1px;position:absolute;bottom:20px;left:0;right:0}.nurse-dashboard-chart-bar-container{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.nurse-dashboard-chart-label{color:#666;text-align:center;margin-top:10px;font-size:11px;font-weight:500}.nurse-dashboard-chart-bar-wrapper{flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:200px;display:flex;position:relative}.nurse-dashboard-chart-bar{cursor:pointer;background:linear-gradient(#667eea 0%,#764ba2 100%);border-radius:4px 4px 0 0;width:70%;max-width:35px;min-height:4px;transition:height .3s;position:relative}.nurse-dashboard-chart-bar:hover{opacity:.85;transform:scaleX(1.05)}.nurse-dashboard-chart-value{color:#667eea;white-space:nowrap;background:#fff;border-radius:4px;padding:2px 5px;font-size:10px;font-weight:600;position:absolute;top:-22px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #0000001a}.nurse-dashboard-loading-text{text-align:center;color:#999;padding:60px 20px;font-size:14px}.nurse-dashboard-recent-table{background:#fff;border:1px solid #e0e0e0;margin-bottom:30px;overflow-x:auto}.nurse-dashboard-recent-table table{border-collapse:collapse;width:100%}.nurse-dashboard-recent-table th,.nurse-dashboard-recent-table td{text-align:left;border-bottom:1px solid #e0e0e0;padding:15px}.nurse-dashboard-recent-table th{color:#1a1a2e;background:#f8f9fa;font-size:14px;font-weight:600}.nurse-dashboard-recent-table td{color:#666;font-size:13px}.nurse-dashboard-recent-table tr:last-child td{border-bottom:none}.nurse-dashboard-recent-table tbody tr:hover{background:#f8f9fa}.nurse-dashboard-status-badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.nurse-dashboard-status-completed{color:#155724;background:#d4edda}.nurse-dashboard-status-pending{color:#856404;background:#fff3cd}.nurse-dashboard-workflow-steps{background:#fff;border:1px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:20px;padding:25px;display:flex}.nurse-dashboard-workflow-step{cursor:pointer;flex:1;align-items:center;gap:15px;display:flex}.nurse-dashboard-workflow-step:first-child,.nurse-dashboard-workflow-step:nth-child(3){cursor:pointer}.nurse-dashboard-step-number{color:#fff;background:#667eea;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:18px;font-weight:700;display:flex}.nurse-dashboard-step-content h4{color:#1a1a2e;margin-bottom:5px;font-size:14px}.nurse-dashboard-step-content p{color:#666;font-size:12px}.nurse-dashboard-workflow-arrow{color:#667eea;margin:0 15px;font-size:24px}.nurse-dashboard-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.nurse-dashboard-modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.nurse-dashboard-modal-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:20px;display:flex}.nurse-dashboard-modal-header h2{color:#1a1a2e;margin:0;font-size:20px}.nurse-dashboard-modal-close{cursor:pointer;color:#999;background:0 0;border:none;font-size:28px}.nurse-dashboard-registration-form{padding:20px}.nurse-dashboard-form-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px;display:grid}.nurse-dashboard-form-group{flex-direction:column;gap:8px;display:flex}.nurse-dashboard-form-group label{color:#333;font-size:13px;font-weight:600}.nurse-dashboard-form-group input,.nurse-dashboard-form-group select{border:1px solid #ddd;border-radius:6px;padding:10px;font-size:14px}.nurse-dashboard-form-group input:focus,.nurse-dashboard-form-group select:focus{border-color:#667eea;outline:none}.nurse-dashboard-fingerprint-section{text-align:center;padding:20px}.nurse-dashboard-fingerprint-area{text-align:center;background:#f8f9fa;border-radius:8px;margin:20px 0;padding:40px}.nurse-dashboard-fingerprint-area svg{margin-bottom:20px}.nurse-dashboard-fingerprint-area p{color:#666;margin-bottom:25px}.nurse-dashboard-btn-primary,.nurse-dashboard-btn-secondary{cursor:pointer;border:none;border-radius:6px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s}.nurse-dashboard-btn-primary{color:#fff;background:#667eea}.nurse-dashboard-btn-primary:hover{background:#5a67d8}.nurse-dashboard-btn-primary:disabled{cursor:not-allowed;background:#ccc}.nurse-dashboard-btn-secondary{color:#333;background:#f0f0f0}.nurse-dashboard-btn-secondary:hover{background:#e0e0e0}.nurse-dashboard-modal-actions{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:15px;margin-top:20px;padding-top:20px;display:flex}.nurse-dashboard-success-message{text-align:center;background:#d4edda;border-radius:8px;margin:20px;padding:30px}.nurse-dashboard-success-message h3{color:#155724;margin-bottom:10px}.nurse-dashboard-info-message{text-align:center;background:#d1ecf1;border-radius:8px;margin:20px;padding:30px}.nurse-dashboard-info-message h3{color:#0c5460;margin-bottom:10px}.nurse-dashboard-child-info{text-align:left;background:#fff;border-radius:8px;margin:15px 0;padding:15px}.nurse-dashboard-child-info p{color:#333;margin:8px 0}.nurse-dashboard-verification-result{margin-top:20px}@media (width<=1024px){.nurse-dashboard-two-column-layout{grid-template-columns:1fr}}@media (width<=768px){.nurse-dashboard-wrapper{padding:15px}.nurse-dashboard-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.nurse-dashboard-workflow-steps{flex-direction:column;gap:15px}.nurse-dashboard-workflow-arrow{margin:5px 0;transform:rotate(90deg)}.nurse-dashboard-stat-card{padding:15px}.nurse-dashboard-stat-icon{width:50px;height:50px}.nurse-dashboard-stat-info h3{font-size:22px}.nurse-dashboard-monthly-chart{min-width:400px;height:220px;margin-left:45px}.nurse-dashboard-chart-y-axis{width:45px;font-size:10px;left:-45px}.nurse-dashboard-chart-bar-wrapper{height:160px}.nurse-dashboard-chart-label{font-size:9px}.nurse-dashboard-chart-value{font-size:8px;top:-18px}.nurse-dashboard-form-grid{grid-template-columns:1fr}.nurse-dashboard-recent-table th,.nurse-dashboard-recent-table td{padding:10px;font-size:12px}.nurse-dashboard-modal-content{width:95%;max-width:95%}}@media (width<=480px){.nurse-dashboard-welcome-section h1{font-size:24px}.nurse-dashboard-section-title{font-size:18px}.nurse-dashboard-fingerprint-area{padding:25px}.nurse-dashboard-chart-bar-container{min-width:35px}.nurse-dashboard-chart-label{font-size:8px}.nurse-dashboard-monthly-chart{margin-left:40px}.nurse-dashboard-chart-y-axis{width:40px;font-size:8px;left:-40px}}.nurse-dashboard-welcome-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.nurse-dashboard-greeting h1{color:#1a1a2e;margin-bottom:8px;font-size:28px}.nurse-dashboard-greeting p{color:#666;margin:0;font-size:14px}.nurse-dashboard-datetime{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;align-items:flex-end;gap:8px;padding:12px 20px;display:flex}.nurse-dashboard-date{color:#555;align-items:center;gap:8px;font-size:14px;display:flex}.nurse-dashboard-date svg{stroke:#667eea}.nurse-dashboard-time{color:#1a1a2e;align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.nurse-dashboard-time svg{stroke:#667eea}@media (width<=768px){.nurse-dashboard-welcome-header{flex-direction:column;align-items:flex-start}.nurse-dashboard-datetime{align-items:flex-start;width:100%}.nurse-dashboard-greeting h1{font-size:24px}.nurse-dashboard-time{font-size:16px}}.nurse-dashboard-stat-card .nurse-dashboard-stat-info small{color:#888;margin-top:4px;font-size:10px;display:block}.nurse-dashboard-stat-card:nth-child(2){border-left:4px solid #4caf50}.nurse-dashboard-stat-card:nth-child(3){border-left:4px solid #ff9800}.nurse-dashboard-stat-card:nth-child(2):hover{border-left-color:#45a049}.nurse-dashboard-stat-card:nth-child(3):hover{border-left-color:#fb8c00}.nd-refresh-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:16px;padding:8px 12px;display:flex}.nd-refresh-indicator{color:#666;align-items:center;gap:6px;font-size:13px;display:flex}.nd-refreshing{color:#667eea;align-items:center;gap:6px;font-weight:500;display:flex}.nd-last-refreshed{color:#17a2b8;font-size:12px;font-weight:400}.nd-spinning{animation:1s linear infinite nd-spin}@keyframes nd-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nd-refresh-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#667eea;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;transition:all .2s;display:flex}.nd-refresh-btn:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 2px 8px #667eea4d}.nd-refresh-btn:active:not(:disabled){transform:translateY(0)}.nd-refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (width<=768px){.nd-refresh-section{flex-wrap:wrap;justify-content:center}.nd-refresh-indicator{justify-content:center}.nd-refresh-btn{padding:5px 12px;font-size:12px}}@media (width<=480px){.nd-refresh-section{flex-direction:column;align-items:stretch;gap:8px}.nd-refresh-indicator{justify-content:center}.nd-refresh-btn{justify-content:center;width:100%}}.dr-dashboard{background:#fff;min-height:100vh;padding:24px}.dr-refresh-indicator{justify-content:flex-end;align-items:center;gap:12px;margin-bottom:16px;padding:4px 8px;display:flex}.dr-refresh-spinner{border:2px solid #e2e8f0;border-top-color:#06c;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite dr-spin;display:inline-block}@keyframes dr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dr-refresh-time{color:#94a3b8;font-size:12px}.dr-welcome-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:28px;padding:20px 24px;display:flex}.dr-welcome-text h1{color:#0f172a;margin:0 0 4px;font-size:22px;font-weight:700}.dr-welcome-text p{color:#64748b;margin:0;font-size:14px}.dr-welcome-date{color:#475569;background:#f1f5f9;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500}.dr-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px;display:grid}.dr-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:20px 22px;transition:all .3s;display:flex;position:relative;overflow:hidden}.dr-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.dr-stat-card:before{content:"";border-radius:12px 0 0 12px;width:4px;height:100%;position:absolute;top:0;left:0}.dr-stat-blue:before{background:#3b82f6}.dr-stat-green:before{background:#10b981}.dr-stat-purple:before{background:#8b5cf6}.dr-stat-red:before{background:#ef4444}.dr-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.dr-stat-blue .dr-stat-icon{color:#1e40af;background:#dbeafe}.dr-stat-green .dr-stat-icon{color:#065f46;background:#d1fae5}.dr-stat-purple .dr-stat-icon{color:#5b21b6;background:#ede9fe}.dr-stat-red .dr-stat-icon{color:#991b1b;background:#fee2e2}.dr-stat-icon svg{width:28px;height:28px}.dr-stat-info{flex:1}.dr-stat-info h3{color:#0f172a;letter-spacing:-.5px;margin:0 0 2px;font-size:24px;font-weight:700}.dr-stat-info p{color:#64748b;margin:0 0 4px;font-size:13px}.dr-stat-trend{border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.dr-trend-up{color:#166534;background:#dcfce7}.dr-trend-down{color:#991b1b;background:#fee2e2}.dr-section-header{justify-content:space-between;align-items:center;margin:32px 0 16px;display:flex}.dr-section-header h2{color:#0f172a;margin:0;font-size:18px;font-weight:600}.dr-section-badge{color:#64748b;background:#f1f5f9;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:500}.dr-patient-count{color:#1e40af;background:#dbeafe}.dr-actions-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:8px;display:grid}.dr-action-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:18px 20px;transition:all .3s;display:flex;position:relative}.dr-action-card:hover{border-color:#06c;transform:translateY(-3px);box-shadow:0 6px 20px #00000014}.dr-action-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.dr-action-blue .dr-action-icon{color:#1e40af;background:#dbeafe}.dr-action-green .dr-action-icon{color:#065f46;background:#d1fae5}.dr-action-purple .dr-action-icon{color:#5b21b6;background:#ede9fe}.dr-action-orange .dr-action-icon{color:#92400e;background:#fef3c7}.dr-action-icon svg{width:22px;height:22px}.dr-action-info{flex:1}.dr-action-info h4{color:#0f172a;margin:0 0 2px;font-size:14px;font-weight:600}.dr-action-info p{color:#94a3b8;margin:0;font-size:12px}.dr-action-arrow{color:#cbd5e1;font-size:18px;transition:transform .3s}.dr-action-card:hover .dr-action-arrow{color:#06c;transform:translate(4px)}.dr-patients-table{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.dr-patients-table table{border-collapse:collapse;width:100%}.dr-patients-table thead{background:#f8fafc}.dr-patients-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#64748b;border-bottom:1px solid #e2e8f0;padding:14px 18px;font-size:12px;font-weight:600}.dr-patients-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:14px 18px;font-size:14px}.dr-patients-table tbody tr:last-child td{border-bottom:none}.dr-patients-table tbody tr:hover{background:#f8fafc}.dr-patient-name{align-items:center;gap:10px;display:flex}.dr-patient-avatar{color:#1e40af;text-transform:uppercase;background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.dr-status-badge{border-radius:20px;padding:4px 14px;font-size:12px;font-weight:500;display:inline-block}.dr-status-critical{color:#991b1b;background:#fee2e2}.dr-status-stable{color:#166534;background:#dcfce7}.dr-status-improving{color:#1e40af;background:#dbeafe}.dr-status-underweight{color:#92400e;background:#fef3c7}.dr-status-treatment{color:#5b21b6;background:#ede9fe}.dr-status-default{color:#475569;background:#f1f5f9}.dr-view-btn{color:#fff;cursor:pointer;background:#06c;border:none;border-radius:6px;padding:4px 16px;font-size:12px;font-weight:500;transition:background-color .2s}.dr-view-btn:hover{background:#0052a3}.dr-no-data{text-align:center;color:#94a3b8;padding:40px 20px;font-size:14px}@media (width<=1024px){.dr-stats-grid,.dr-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dr-dashboard{padding:16px}.dr-welcome-section{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 20px}.dr-welcome-text h1{font-size:18px}.dr-welcome-date{padding:6px 14px;font-size:13px}.dr-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.dr-stat-card{padding:16px 18px}.dr-stat-icon{width:40px;height:40px}.dr-stat-info h3{font-size:20px}.dr-actions-grid{grid-template-columns:1fr}.dr-patients-table{overflow-x:auto}.dr-patients-table table{min-width:600px}.dr-patients-table th,.dr-patients-table td{padding:10px 14px;font-size:13px}.dr-section-header{flex-direction:column;align-items:flex-start;gap:6px}}@media (width<=480px){.dr-stats-grid{grid-template-columns:1fr}.dr-stat-card{padding:14px 16px}.dr-stat-info h3{font-size:18px}.dr-action-card{padding:14px 16px}.dr-patients-table th,.dr-patients-table td{padding:8px 12px;font-size:12px}.dr-patient-avatar{width:28px;height:28px;font-size:11px}.dr-status-badge{padding:2px 10px;font-size:10px}.dr-view-btn{padding:3px 12px;font-size:11px}}.lt-dashboard{background:#fff;min-height:100vh;padding:24px}.lt-refresh-indicator{justify-content:flex-end;align-items:center;gap:12px;margin-bottom:16px;padding:4px 8px;display:flex}.lt-refresh-spinner{border:2px solid #e2e8f0;border-top-color:#06c;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite lt-spin;display:inline-block}@keyframes lt-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lt-refresh-time{color:#94a3b8;font-size:12px}.lt-welcome-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:28px;padding:20px 24px;display:flex}.lt-welcome-text h1{color:#0f172a;margin:0 0 4px;font-size:22px;font-weight:700}.lt-welcome-text p{color:#64748b;margin:0;font-size:14px}.lt-welcome-date{color:#475569;background:#f1f5f9;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500}.lt-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px;display:grid}.lt-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:20px 22px;transition:all .3s;display:flex;position:relative;overflow:hidden}.lt-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.lt-stat-card:before{content:"";border-radius:12px 0 0 12px;width:4px;height:100%;position:absolute;top:0;left:0}.lt-stat-blue:before{background:#3b82f6}.lt-stat-green:before{background:#10b981}.lt-stat-orange:before{background:#f59e0b}.lt-stat-purple:before{background:#8b5cf6}.lt-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.lt-stat-blue .lt-stat-icon{color:#1e40af;background:#dbeafe}.lt-stat-green .lt-stat-icon{color:#065f46;background:#d1fae5}.lt-stat-orange .lt-stat-icon{color:#92400e;background:#fef3c7}.lt-stat-purple .lt-stat-icon{color:#5b21b6;background:#ede9fe}.lt-stat-icon svg{width:28px;height:28px}.lt-stat-info{flex:1}.lt-stat-info h3{color:#0f172a;letter-spacing:-.5px;margin:0 0 2px;font-size:24px;font-weight:700}.lt-stat-info p{color:#64748b;margin:0 0 4px;font-size:13px}.lt-stat-trend{border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.lt-trend-up{color:#166534;background:#dcfce7}.lt-trend-down{color:#991b1b;background:#fee2e2}.lt-section-header{justify-content:space-between;align-items:center;margin:32px 0 16px;display:flex}.lt-section-header h2{color:#0f172a;margin:0;font-size:18px;font-weight:600}.lt-section-badge{color:#64748b;background:#f1f5f9;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:500}.lt-request-count{color:#1e40af;background:#dbeafe}.lt-actions-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:8px;display:grid}.lt-action-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:18px 20px;transition:all .3s;display:flex;position:relative}.lt-action-card:hover{border-color:#06c;transform:translateY(-3px);box-shadow:0 6px 20px #00000014}.lt-action-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.lt-action-blue .lt-action-icon{color:#1e40af;background:#dbeafe}.lt-action-green .lt-action-icon{color:#065f46;background:#d1fae5}.lt-action-purple .lt-action-icon{color:#5b21b6;background:#ede9fe}.lt-action-orange .lt-action-icon{color:#92400e;background:#fef3c7}.lt-action-icon svg{width:22px;height:22px}.lt-action-info{flex:1}.lt-action-info h4{color:#0f172a;margin:0 0 2px;font-size:14px;font-weight:600}.lt-action-info p{color:#94a3b8;margin:0;font-size:12px}.lt-action-arrow{color:#cbd5e1;font-size:18px;transition:transform .3s}.lt-action-card:hover .lt-action-arrow{color:#06c;transform:translate(4px)}.lt-requests-table{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.lt-requests-table table{border-collapse:collapse;width:100%}.lt-requests-table thead{background:#f8fafc}.lt-requests-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#64748b;border-bottom:1px solid #e2e8f0;padding:14px 18px;font-size:12px;font-weight:600}.lt-requests-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:14px 18px;font-size:14px}.lt-requests-table tbody tr:last-child td{border-bottom:none}.lt-requests-table tbody tr:hover{background:#f8fafc}.lt-patient-name{align-items:center;gap:10px;display:flex}.lt-patient-avatar{color:#1e40af;text-transform:uppercase;background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.lt-priority-badge{border-radius:20px;padding:4px 14px;font-size:12px;font-weight:500;display:inline-block}.lt-priority-high{color:#991b1b;background:#fee2e2}.lt-priority-medium{color:#92400e;background:#fef3c7}.lt-priority-low{color:#166534;background:#dcfce7}.lt-priority-default{color:#475569;background:#f1f5f9}.lt-status-badge{border-radius:20px;padding:4px 14px;font-size:12px;font-weight:500;display:inline-block}.lt-status-pending{color:#92400e;background:#fef3c7}.lt-status-progress{color:#1e40af;background:#dbeafe}.lt-status-completed{color:#166534;background:#dcfce7}.lt-status-default{color:#475569;background:#f1f5f9}.lt-view-btn{color:#fff;cursor:pointer;background:#06c;border:none;border-radius:6px;padding:4px 16px;font-size:12px;font-weight:500;transition:background-color .2s}.lt-view-btn:hover{background:#0052a3}.lt-no-data{text-align:center;color:#94a3b8;padding:40px 20px;font-size:14px}@media (width<=1024px){.lt-stats-grid,.lt-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.lt-dashboard{padding:16px}.lt-welcome-section{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 20px}.lt-welcome-text h1{font-size:18px}.lt-welcome-date{padding:6px 14px;font-size:13px}.lt-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.lt-stat-card{padding:16px 18px}.lt-stat-icon{width:40px;height:40px}.lt-stat-info h3{font-size:20px}.lt-actions-grid{grid-template-columns:1fr}.lt-requests-table{overflow-x:auto}.lt-requests-table table{min-width:700px}.lt-requests-table th,.lt-requests-table td{padding:10px 14px;font-size:13px}.lt-section-header{flex-direction:column;align-items:flex-start;gap:6px}}@media (width<=480px){.lt-stats-grid{grid-template-columns:1fr}.lt-stat-card{padding:14px 16px}.lt-stat-info h3{font-size:18px}.lt-action-card{padding:14px 16px}.lt-requests-table th,.lt-requests-table td{padding:8px 12px;font-size:12px}.lt-patient-avatar{width:28px;height:28px;font-size:11px}.lt-priority-badge,.lt-status-badge{padding:2px 10px;font-size:10px}.lt-view-btn{padding:3px 12px;font-size:11px}}.ph-dashboard{background:#fff;min-height:100vh;padding:24px}@keyframes ph-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ph-welcome-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:28px;padding:20px 24px;display:flex}.ph-welcome-text h1{color:#0f172a;margin:0 0 4px;font-size:22px;font-weight:700}.ph-welcome-text p{color:#64748b;margin:0;font-size:14px}.ph-welcome-date{color:#475569;background:#f1f5f9;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500}.ph-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px;display:grid}.ph-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:20px 22px;transition:all .3s;display:flex;position:relative;overflow:hidden}.ph-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.ph-stat-card:before{content:"";border-radius:12px 0 0 12px;width:4px;height:100%;position:absolute;top:0;left:0}.ph-stat-blue:before{background:#3b82f6}.ph-stat-green:before{background:#10b981}.ph-stat-red:before{background:#ef4444}.ph-stat-purple:before{background:#8b5cf6}.ph-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ph-stat-blue .ph-stat-icon{color:#1e40af;background:#dbeafe}.ph-stat-green .ph-stat-icon{color:#065f46;background:#d1fae5}.ph-stat-red .ph-stat-icon{color:#991b1b;background:#fee2e2}.ph-stat-purple .ph-stat-icon{color:#5b21b6;background:#ede9fe}.ph-stat-icon svg{width:28px;height:28px}.ph-stat-info{flex:1}.ph-stat-info h3{color:#0f172a;letter-spacing:-.5px;margin:0 0 2px;font-size:24px;font-weight:700}.ph-stat-info p{color:#64748b;margin:0 0 4px;font-size:13px}.ph-stat-trend{border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.ph-trend-up{color:#166534;background:#dcfce7}.ph-trend-down{color:#991b1b;background:#fee2e2}.ph-section-header{justify-content:space-between;align-items:center;margin:32px 0 16px;display:flex}.ph-section-header h2{color:#0f172a;margin:0;font-size:18px;font-weight:600}.ph-section-badge{color:#64748b;background:#f1f5f9;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:500}.ph-prescription-count{color:#1e40af;background:#dbeafe}.ph-actions-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:8px;display:grid}.ph-action-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:18px 20px;transition:all .3s;display:flex;position:relative}.ph-action-card:hover{border-color:#06c;transform:translateY(-3px);box-shadow:0 6px 20px #00000014}.ph-action-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ph-action-blue .ph-action-icon{color:#1e40af;background:#dbeafe}.ph-action-green .ph-action-icon{color:#065f46;background:#d1fae5}.ph-action-orange .ph-action-icon{color:#92400e;background:#fef3c7}.ph-action-purple .ph-action-icon{color:#5b21b6;background:#ede9fe}.ph-action-icon svg{width:22px;height:22px}.ph-action-info{flex:1}.ph-action-info h4{color:#0f172a;margin:0 0 2px;font-size:14px;font-weight:600}.ph-action-info p{color:#94a3b8;margin:0;font-size:12px}.ph-action-arrow{color:#cbd5e1;font-size:18px;transition:transform .3s}.ph-action-card:hover .ph-action-arrow{color:#06c;transform:translate(4px)}.ph-prescriptions-table{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.ph-prescriptions-table table{border-collapse:collapse;width:100%}.ph-prescriptions-table thead{background:#f8fafc}.ph-prescriptions-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#64748b;border-bottom:1px solid #e2e8f0;padding:14px 18px;font-size:12px;font-weight:600}.ph-prescriptions-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:14px 18px;font-size:14px}.ph-prescriptions-table tbody tr:last-child td{border-bottom:none}.ph-prescriptions-table tbody tr:hover{background:#f8fafc}.ph-patient-name{align-items:center;gap:10px;display:flex}.ph-patient-avatar{color:#1e40af;text-transform:uppercase;background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.ph-stock-badge{border-radius:20px;padding:4px 14px;font-size:12px;font-weight:500;display:inline-block}.ph-stock-low{color:#991b1b;background:#fee2e2}.ph-stock-available{color:#166534;background:#dcfce7}.ph-stock-default{color:#475569;background:#f1f5f9}.ph-status-badge{border-radius:20px;padding:4px 14px;font-size:12px;font-weight:500;display:inline-block}.ph-status-pending{color:#92400e;background:#fef3c7}.ph-status-progress{color:#1e40af;background:#dbeafe}.ph-status-dispensed{color:#166534;background:#dcfce7}.ph-status-default{color:#475569;background:#f1f5f9}.ph-view-btn{color:#fff;cursor:pointer;background:#06c;border:none;border-radius:6px;padding:4px 16px;font-size:12px;font-weight:500;transition:background-color .2s}.ph-view-btn:hover{background:#0052a3}.ph-no-data{text-align:center;color:#94a3b8;padding:40px 20px;font-size:14px}@media (width<=1024px){.ph-stats-grid,.ph-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.ph-dashboard{padding:16px}.ph-welcome-section{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 20px}.ph-welcome-text h1{font-size:18px}.ph-welcome-date{padding:6px 14px;font-size:13px}.ph-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.ph-stat-card{padding:16px 18px}.ph-stat-icon{width:40px;height:40px}.ph-stat-info h3{font-size:20px}.ph-actions-grid{grid-template-columns:1fr}.ph-prescriptions-table{overflow-x:auto}.ph-prescriptions-table table{min-width:700px}.ph-prescriptions-table th,.ph-prescriptions-table td{padding:10px 14px;font-size:13px}.ph-section-header{flex-direction:column;align-items:flex-start;gap:6px}}@media (width<=480px){.ph-stats-grid{grid-template-columns:1fr}.ph-stat-card{padding:14px 16px}.ph-stat-info h3{font-size:18px}.ph-action-card{padding:14px 16px}.ph-prescriptions-table th,.ph-prescriptions-table td{padding:8px 12px;font-size:12px}.ph-patient-avatar{width:28px;height:28px;font-size:11px}.ph-stock-badge,.ph-status-badge{padding:2px 10px;font-size:10px}.ph-view-btn{padding:3px 12px;font-size:11px}}.staff-dashboard{background:#fff;min-height:100vh;padding:24px}.staff-refresh-indicator{justify-content:flex-end;align-items:center;gap:12px;margin-bottom:16px;padding:4px 8px;display:flex}.staff-refresh-spinner{border:2px solid #e2e8f0;border-top-color:#06c;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite staff-spin;display:inline-block}@keyframes staff-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.staff-refresh-time{color:#94a3b8;font-size:12px}.staff-welcome-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:28px;padding:20px 24px;display:flex}.staff-welcome-text h1{color:#0f172a;margin:0 0 4px;font-size:22px;font-weight:700}.staff-welcome-text p{color:#64748b;margin:0;font-size:14px}.staff-welcome-date{color:#475569;background:#f1f5f9;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500}.staff-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px;display:grid}.staff-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:20px 22px;transition:all .3s;display:flex;position:relative;overflow:hidden}.staff-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.staff-stat-card:before{content:"";border-radius:12px 0 0 12px;width:4px;height:100%;position:absolute;top:0;left:0}.staff-stat-blue:before{background:#3b82f6}.staff-stat-green:before{background:#10b981}.staff-stat-purple:before{background:#8b5cf6}.staff-stat-orange:before{background:#f59e0b}.staff-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.staff-stat-blue .staff-stat-icon{color:#1e40af;background:#dbeafe}.staff-stat-green .staff-stat-icon{color:#065f46;background:#d1fae5}.staff-stat-purple .staff-stat-icon{color:#5b21b6;background:#ede9fe}.staff-stat-orange .staff-stat-icon{color:#92400e;background:#fef3c7}.staff-stat-icon svg{width:28px;height:28px}.staff-stat-info{flex:1}.staff-stat-info h3{color:#0f172a;letter-spacing:-.5px;margin:0 0 2px;font-size:24px;font-weight:700}.staff-stat-info p{color:#64748b;margin:0 0 4px;font-size:13px}.staff-stat-trend{border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.staff-trend-up{color:#166534;background:#dcfce7}.staff-trend-down{color:#991b1b;background:#fee2e2}.staff-section-header{justify-content:space-between;align-items:center;margin:32px 0 16px;display:flex}.staff-section-header h2{color:#0f172a;margin:0;font-size:18px;font-weight:600}.staff-section-badge{color:#64748b;background:#f1f5f9;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:500}.staff-support-count{color:#1e40af;background:#dbeafe}.staff-actions-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:8px;display:grid}.staff-action-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:18px 20px;transition:all .3s;display:flex;position:relative}.staff-action-card:hover{border-color:#06c;transform:translateY(-3px);box-shadow:0 6px 20px #00000014}.staff-action-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.staff-action-green .staff-action-icon{color:#065f46;background:#d1fae5}.staff-action-blue .staff-action-icon{color:#1e40af;background:#dbeafe}.staff-action-purple .staff-action-icon{color:#5b21b6;background:#ede9fe}.staff-action-orange .staff-action-icon{color:#92400e;background:#fef3c7}.staff-action-icon svg{width:22px;height:22px}.staff-action-info{flex:1}.staff-action-info h4{color:#0f172a;margin:0 0 2px;font-size:14px;font-weight:600}.staff-action-info p{color:#94a3b8;margin:0;font-size:12px}.staff-action-arrow{color:#cbd5e1;font-size:18px;transition:transform .3s}.staff-action-card:hover .staff-action-arrow{color:#06c;transform:translate(4px)}.staff-supports-table{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.staff-supports-table table{border-collapse:collapse;width:100%}.staff-supports-table thead{background:#f8fafc}.staff-supports-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#64748b;border-bottom:1px solid #e2e8f0;padding:14px 18px;font-size:12px;font-weight:600}.staff-supports-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:14px 18px;font-size:14px}.staff-supports-table tbody tr:last-child td{border-bottom:none}.staff-supports-table tbody tr:hover{background:#f8fafc}.staff-child-name{align-items:center;gap:10px;display:flex}.staff-child-avatar{color:#1e40af;text-transform:uppercase;background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.staff-support-type{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 12px;font-size:13px;display:inline-block}.staff-status-badge{border-radius:20px;padding:4px 14px;font-size:12px;font-weight:500;display:inline-block}.staff-status-completed{color:#166534;background:#dcfce7}.staff-status-pending{color:#92400e;background:#fef3c7}.staff-status-progress{color:#1e40af;background:#dbeafe}.staff-status-default{color:#475569;background:#f1f5f9}.staff-view-btn{color:#fff;cursor:pointer;background:#06c;border:none;border-radius:6px;padding:4px 16px;font-size:12px;font-weight:500;transition:background-color .2s}.staff-view-btn:hover{background:#0052a3}.staff-no-data{text-align:center;color:#94a3b8;padding:40px 20px;font-size:14px}@media (width<=1024px){.staff-stats-grid,.staff-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.staff-dashboard{padding:16px}.staff-welcome-section{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 20px}.staff-welcome-text h1{font-size:18px}.staff-welcome-date{padding:6px 14px;font-size:13px}.staff-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.staff-stat-card{padding:16px 18px}.staff-stat-icon{width:40px;height:40px}.staff-stat-info h3{font-size:20px}.staff-actions-grid{grid-template-columns:1fr}.staff-supports-table{overflow-x:auto}.staff-supports-table table{min-width:600px}.staff-supports-table th,.staff-supports-table td{padding:10px 14px;font-size:13px}.staff-section-header{flex-direction:column;align-items:flex-start;gap:6px}}@media (width<=480px){.staff-stats-grid{grid-template-columns:1fr}.staff-stat-card{padding:14px 16px}.staff-stat-info h3{font-size:18px}.staff-action-card{padding:14px 16px}.staff-supports-table th,.staff-supports-table td{padding:8px 12px;font-size:12px}.staff-child-avatar{width:28px;height:28px;font-size:11px}.staff-support-type{padding:1px 8px;font-size:11px}.staff-status-badge{padding:2px 10px;font-size:10px}.staff-view-btn{padding:3px 12px;font-size:11px}}.dashboard-container{background:#f5f7fa;min-height:calc(100vh - 70px);padding:20px;font-family:Montserrat,sans-serif}.dashboard-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:15px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:20px 30px;font-family:Montserrat,sans-serif;display:flex}.dashboard-header h1{color:#fff;margin-bottom:5px;font-size:28px}.dashboard-header p{color:#ffffffe6;font-size:14px}.logout-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;align-items:center;gap:8px;padding:10px 25px;transition:all .3s;display:flex}.logout-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.stat-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.action-icon{color:#667eea;background:#f0f0f0;border-radius:10px;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.action-info h4{color:#1a1a2e;margin-bottom:5px}.dashboard-loading{background:#f5f7fa;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 70px);display:flex}.spinner{border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;width:50px;height:50px;margin-bottom:15px;animation:1s linear infinite spin}@media (width<=768px){.dashboard-header{text-align:center;flex-direction:column}.stats-grid,.actions-grid{grid-template-columns:1fr}.recent-table th,.recent-table td{padding:10px;font-size:12px}}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;padding:25px;overflow-y:auto}.modal-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.modal-header h2{color:#1a1a2e;font-size:24px}.modal-close{cursor:pointer;color:#999;background:0 0;border:none;font-size:28px}.modal-close:hover{color:#333}.form-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px;display:grid}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;padding:10px;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.fingerprint-area{text-align:center;background:#f8f9fa;border-radius:10px;margin:20px 0;padding:30px}.fingerprint-area svg{margin-bottom:15px}.fingerprint-area p{color:#666;margin-bottom:20px}.verification-result{margin-top:20px}.success-message{text-align:center;background:#d4edda;border-radius:8px;padding:20px}.success-message h3{color:#155724;margin-bottom:10px}.info-message{text-align:center;background:#d1ecf1;border-radius:8px;padding:20px}.info-message h3{color:#0c5460;margin-bottom:10px}.child-info{text-align:left;background:#fff;border-radius:8px;margin:15px 0;padding:15px}.child-info p{margin:5px 0}.social-supports-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.support-card{text-align:center;cursor:pointer;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;padding:20px;transition:all .3s}.support-card:hover{border-color:#667eea;transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.support-icon{margin-bottom:10px;font-size:40px}.support-card h4{color:#1a1a2e;margin-bottom:8px;font-size:16px}.support-card p{color:#666;font-size:12px}.workflow-steps{background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:20px;padding:25px;display:flex}.workflow-step{flex:1;align-items:center;gap:15px;display:flex}.step-number{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:flex}.step-content h4{color:#1a1a2e;margin-bottom:4px;font-size:14px}.step-content p{color:#666;font-size:12px}.workflow-arrow{color:#667eea;margin:0 10px;font-size:24px}@media (width<=768px){.form-grid{grid-template-columns:1fr}.workflow-steps{flex-direction:column;gap:15px}.workflow-arrow{transform:rotate(90deg)}.social-supports-grid{grid-template-columns:1fr}.modal-content{width:95%;padding:15px}}.um-user-management-container{box-sizing:border-box;background:#fff;width:100%;min-height:100vh;padding:20px}.um-page-header{border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:20px}.um-page-header h1{color:#1a1a2e;margin-bottom:8px;font-size:28px}.um-page-header p{color:#666;font-size:14px}.um-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px;display:grid}.um-stat-card{background:#f8f9fa;border:1px solid #e0e0e0;align-items:center;gap:16px;padding:20px;transition:all .3s;display:flex}.um-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.um-stat-icon{color:#667eea;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.um-stat-info h3{color:#1a1a2e;margin-bottom:4px;font-size:28px}.um-stat-info p{color:#666;font-size:13px}.um-section-title{color:#1a1a2e;border-bottom:2px solid #f0f0f0;margin-bottom:20px;padding-bottom:10px;font-size:20px;font-weight:600}.um-actions-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px;display:grid}.um-action-card{cursor:pointer;background:#f8f9fa;border:1px solid #e0e0e0;align-items:center;gap:15px;padding:20px;transition:all .3s;display:flex}.um-action-card:hover{background:#667eea;border-color:#667eea;transform:translateY(-2px)}.um-action-card:hover .um-action-icon svg,.um-action-card:hover .um-action-info h4,.um-action-card:hover .um-action-info p{color:#fff}.um-action-icon{color:#667eea;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.um-action-card:hover .um-action-icon{color:#fff}.um-action-info h4{color:#1a1a2e;margin-bottom:4px;font-size:16px}.um-action-info p{color:#666;font-size:12px}.um-recent-table{background:#fff;border:1px solid #e0e0e0;margin-bottom:30px;overflow-x:auto}.um-data-table{border-collapse:collapse;width:100%}.um-data-table th,.um-data-table td{text-align:left;border-bottom:1px solid #e0e0e0;padding:12px 15px}.um-data-table th{color:#1a1a2e;background:#f8f9fa;font-size:14px;font-weight:600}.um-data-table td{color:#666;font-size:13px}.um-data-table tr:last-child td{border-bottom:none}.um-data-table tbody tr:hover{background:#f8f9fa}.um-status-badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.um-status-active{color:#155724;background:#d4edda}.um-status-inactive{color:#856404;background:#fff3cd}.um-action-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin:0 4px;padding:6px;transition:all .3s;display:inline-flex}.um-edit-btn{color:#667eea}.um-edit-btn:hover{background:#e8e8ff}.um-delete-btn{color:#dc3545}.um-delete-btn:hover{background:#ffe8e8}.um-toast-notification{z-index:10000;background:#fff;border-left:3px solid;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-width:280px;max-width:350px;padding:12px 16px;animation:.3s slideInRight;display:flex;position:fixed;top:80px;right:30px;box-shadow:0 4px 12px #00000026}.um-toast-notification.success{background:#f0fff4;border-left-color:#28a745}.um-toast-notification.error{background:#fff5f5;border-left-color:#dc3545}.um-toast-notification.info{background:#e8f7f9;border-left-color:#17a2b8}.um-toast-content{flex:1;align-items:center;gap:10px;display:flex}.um-toast-close{cursor:pointer;color:#999;background:0 0;border:none;font-size:20px}.um-dashboard-loading{background:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.um-spinner{border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:1s linear infinite spin}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.um-page-content,.um-page-content-full{box-sizing:border-box;background:#fff;width:100%;padding:20px}.um-back-btn{color:#667eea;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:15px;padding:8px 0;font-size:14px;display:inline-flex}.um-back-btn:hover{color:#5a67d8}.um-header-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px;display:flex}.um-header-actions h1{margin-bottom:0}.um-add-btn,.um-refresh-btn{color:#667eea;cursor:pointer;background:0 0;border:1px solid #667eea;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.um-add-btn:hover,.um-refresh-btn:hover{color:#fff;background:#667eea}.um-form-container-full{box-sizing:border-box;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:30px}.um-form-grid-full{grid-template-columns:repeat(2,1fr);gap:20px;width:100%;margin-bottom:30px;display:grid}.um-form-container{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;max-width:800px;margin:0 auto;padding:30px}.um-form-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px;display:grid}.um-form-group{flex-direction:column;gap:8px;margin-bottom:15px;display:flex}.um-form-group label{color:#333;font-size:13px;font-weight:600}.um-form-group input,.um-form-group select,.um-form-group textarea{box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:6px;width:100%;padding:12px;font-size:14px}.um-form-group input:focus,.um-form-group select:focus,.um-form-group textarea:focus{border-color:#667eea;outline:none}.um-form-actions{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:15px;padding-top:20px;display:flex}.um-btn-primary,.um-btn-secondary{cursor:pointer;border:none;border-radius:6px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s}.um-btn-primary{color:#fff;background:#667eea}.um-btn-primary:hover{background:#5a67d8}.um-btn-secondary{color:#333;background:#f0f0f0}.um-btn-secondary:hover{background:#e0e0e0}.um-roles-grid-page{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:20px;display:grid}.um-role-card-page{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:20px;transition:all .3s}.um-role-card-page:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.um-role-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.um-role-header h3{color:#1a1a2e;margin:0;font-size:18px}.um-role-description{color:#666;margin:0;font-size:13px;line-height:1.5}.um-audit-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-top:20px;overflow-x:auto}@media (width<=768px){.um-user-management-container{padding:15px}.um-stats-grid,.um-actions-grid{grid-template-columns:1fr}.um-data-table th,.um-data-table td{padding:8px 10px;font-size:12px}.um-form-grid-full,.um-form-grid,.um-roles-grid-page{grid-template-columns:1fr}.um-header-actions{flex-direction:column;align-items:flex-start}.um-add-btn,.um-refresh-btn{justify-content:center;width:100%}.um-toast-notification{min-width:auto;max-width:none;top:60px;left:10px;right:10px}}@media (width<=480px){.um-page-header h1{font-size:24px}.um-section-title{font-size:18px}.um-stat-info h3{font-size:22px}}.um-helper-text{color:#999;margin-top:4px;font-size:11px;display:block}.um-password-wrapper{align-items:center;gap:10px;display:flex}.um-info-box{color:#1a1a2e;background:#e8f0fe;border-left:3px solid #667eea;border-radius:6px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;font-size:13px;display:flex}.um-info-box svg{color:#667eea;flex-shrink:0}.um-form-section{border-bottom:1px solid #e0e0e0;margin-bottom:30px;padding-bottom:20px}.um-form-section-title{color:#1a1a2e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;font-size:18px;display:flex}.um-permissions-section{border-top:2px solid #e0e0e0;margin-top:30px;padding-top:20px}.um-permissions-count{color:#667eea;background:#e8e8ff;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:400}.um-permissions-note{color:#666;background:#f8f9fa;border-radius:6px;margin-bottom:20px;padding:8px 12px;font-size:13px}.um-permission-category{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:25px;padding:15px}.um-category-title{color:#1a1a2e;border-bottom:2px solid #667eea;margin-bottom:15px;padding-bottom:8px;font-size:15px;font-weight:600;display:inline-block}.um-permissions-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.um-permission-checkbox{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:6px;align-items:flex-start;gap:12px;padding:10px;transition:all .3s;display:flex}.um-permission-checkbox:hover{background:#f0f4ff;border-color:#667eea}.um-permission-checkbox input[type=checkbox]{cursor:pointer;accent-color:#667eea;width:18px;height:18px;margin-top:2px}.um-permission-info{flex-direction:column;flex:1;gap:4px;display:flex}.um-permission-name{color:#1a1a2e;font-size:14px;font-weight:600}.um-permission-desc{color:#999;font-size:11px}.um-role-card-page .um-role-header{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.um-role-card-page .um-role-header>div{flex:1}.um-role-card-page .um-role-description{color:#666;margin-top:8px;font-size:12px}@media (width<=768px){.um-permissions-grid{grid-template-columns:1fr}.um-form-section-title{flex-direction:column;align-items:flex-start}.um-permission-category{padding:12px}}.um-permission-btn{color:#17a2b8}.um-permission-btn:hover{background:#e8f7f9}.um-permissions-header{margin-bottom:25px}.um-role-card-page .um-role-actions{align-items:center;gap:8px;display:flex}@media (width<=768px){.um-role-card-page .um-role-header{flex-direction:column}.um-role-card-page .um-role-actions{justify-content:flex-start;margin-top:10px}}.um-role-select-wrapper{align-items:center;gap:10px;display:flex}.um-role-select{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;min-width:220px;padding:8px 12px;font-size:14px}.um-role-select:focus{border-color:#667eea;outline:none}.um-permissions-top-btn{color:#17a2b8;cursor:pointer;background:0 0;border:1px solid #17a2b8;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.um-permissions-top-btn:hover:not(:disabled){color:#fff;background:#17a2b8}.um-permissions-top-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.um-header-buttons,.um-role-select-wrapper{flex-direction:column;width:100%}.um-role-select{width:100%}.um-permissions-top-btn{justify-content:center;width:100%}}.um-permissions-list{margin-top:20px}.um-permission-category-section{margin-bottom:30px}.um-category-section-title{color:#1a1a2e;border-bottom:2px solid #667eea;margin-bottom:15px;padding-bottom:8px;font-size:18px;font-weight:600;display:inline-block}.um-permissions-cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:15px;display:grid}.um-permission-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:15px;transition:all .3s}.um-permission-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.um-permission-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.um-permission-card-header h4{color:#1a1a2e;margin:0;font-size:15px;font-weight:600}.um-permission-card-actions{gap:5px;display:flex}.um-permission-card-desc{color:#666;margin-bottom:10px;font-size:12px;line-height:1.4}.um-permission-card-meta{justify-content:flex-start;display:flex}.um-permission-name-tag{color:#667eea;background:#e8e8ff;border-radius:12px;padding:3px 8px;font-family:monospace;font-size:10px}.um-modal-medium{max-width:500px}@media (width<=768px){.um-permissions-cards{grid-template-columns:1fr}.um-header-buttons{flex-direction:column;width:100%}.um-header-buttons .um-add-btn{justify-content:center;width:100%}}.um-permissions-table-container,.um-roles-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-top:20px;overflow-x:auto}.um-code-tag{color:#d63384;background:#f0f0f0;border-radius:4px;padding:4px 8px;font-family:monospace;font-size:12px}@media (width<=768px){.um-permissions-table-container,.um-roles-table-container{font-size:12px}.um-permissions-table-container th,.um-permissions-table-container td,.um-roles-table-container th,.um-roles-table-container td{padding:8px 10px}.um-header-buttons{flex-direction:column;width:100%}.um-header-buttons .um-add-btn{justify-content:center;width:100%}}.um-permissions-manage-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.um-permissions-summary-bar{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:15px 20px}.um-permissions-summary-info{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.um-permissions-count-badge{color:#fff;background:#667eea;border-radius:20px;padding:5px 12px;font-size:13px;font-weight:600}.um-permissions-total-badge{color:#666;background:#e0e0e0;border-radius:20px;padding:5px 12px;font-size:13px}.um-permissions-note{color:#666;margin:0;font-size:13px}.um-permissions-manage-table-container{overflow-x:auto}.um-permissions-manage-table{border-collapse:collapse;width:100%}.um-permissions-manage-table th,.um-permissions-manage-table td{text-align:left;border-bottom:1px solid #e0e0e0;padding:12px 15px}.um-permissions-manage-table th{color:#1a1a2e;background:#f8f9fa;font-size:14px;font-weight:600}.um-permissions-manage-table tr:hover{background:#f8f9fa}.um-permission-checkbox-input,.um-check-all-checkbox{cursor:pointer;accent-color:#667eea;width:18px;height:18px}.um-permission-name-cell strong{color:#1a1a2e;font-size:14px}.um-permission-code{color:#d63384;background:#f0f0f0;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px}.um-permission-category-tag{color:#667eea;background:#e8e8ff;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.um-permission-description-cell{color:#666;font-size:13px}.um-header-buttons{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (width<=768px){.um-permissions-manage-table th,.um-permissions-manage-table td{padding:8px 10px;font-size:12px}.um-permission-name-cell strong{font-size:12px}.um-permission-category-tag{padding:2px 8px;font-size:10px}.um-permission-code{font-size:9px}.um-header-buttons{flex-direction:column;width:100%}.um-header-buttons .um-add-btn{justify-content:center;width:100%}.um-permissions-summary-info{flex-direction:column;align-items:flex-start}}.um-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.um-modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.um-modal-small{max-width:400px}.um-modal-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:20px;display:flex}.um-modal-close{cursor:pointer;color:#999;background:0 0;border:none;font-size:28px}.um-modal-body{padding:20px}.um-modal-footer{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:15px;padding:20px;display:flex}.um-add-category-btn{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:inline-flex}.um-add-category-btn:hover{background:#218838;transform:scale(1.05)}.um-add-category-btn svg{stroke:#fff;stroke-width:2px;width:20px;height:20px}.um-user-info-section{background:0 0;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:25px;padding:20px}.um-user-info-row{border-bottom:1px solid #f0f0f0;padding:10px 0;display:flex}.um-user-info-row:last-child{border-bottom:none}.um-user-info-label{color:#333;width:120px;font-weight:600}.um-user-info-value{color:#666;flex:1}.um-password-requirements{background:0 0;border:1px solid #e0e0e0;border-radius:8px;margin-top:20px;padding:20px}.um-requirements-title{color:#333;margin-bottom:15px;font-size:14px;font-weight:600}.um-requirements-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.um-requirement-item{color:#999;align-items:center;gap:10px;font-size:13px;transition:all .2s;display:flex}.um-requirement-item.um-valid{color:#28a745}.um-req-icon{justify-content:center;align-items:center;width:18px;font-size:14px;display:inline-flex}.um-action-buttons-group{align-items:center;gap:8px;display:flex}.um-reset-password-btn{color:#856404;background:#ffc107}.um-reset-password-btn:hover{background:#e0a800;transform:translateY(-1px)}.um-password-wrapper{gap:10px;display:flex}.um-password-wrapper input{flex:1}.um-password-toggle{cursor:pointer;background:#f0f0f0;border:1px solid #ddd;border-radius:6px;padding:0 15px;font-size:13px;transition:all .2s}.um-password-toggle:hover{background:#e0e0e0}.um-view-btn{color:#17a2b8}.um-view-btn:hover{background:#e8f7f9;transform:translateY(-1px)}.um-action-buttons-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.um-view-container{max-width:800px;margin:0 auto}.um-view-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:20px}.um-view-section h3{color:#1a1a2e;border-bottom:2px solid #667eea;margin:0 0 20px;padding-bottom:10px;font-size:18px}.um-view-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.um-view-item{flex-direction:column;gap:5px;display:flex}.um-view-item label{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.um-view-item span{color:#1a1a2e;font-size:16px;font-weight:500}.um-view-actions{justify-content:flex-end;gap:15px;margin-top:20px;display:flex}.um-role-badge{color:#fff;background:#667eea;border-radius:20px;padding:4px 12px;font-size:13px;display:inline-block}.um-category-tag{color:#667eea;background:#e8e8ff;border-radius:20px;padding:4px 12px;font-size:13px;display:inline-block}.um-permissions-tags{flex-wrap:wrap;gap:8px;display:flex}.um-permission-tag{color:#d63384;background:#f0f0f0;border-radius:20px;padding:4px 12px;font-family:monospace;font-size:12px}.um-permissions-list-view{padding:10px 0}.um-no-data{color:#999;text-align:center;padding:20px}@media (width<=768px){.um-view-grid{grid-template-columns:1fr}.um-action-buttons-group{flex-direction:column;align-items:flex-start}.um-view-container{padding:10px}.um-view-section{padding:15px}}.um-quick-actions-bar{background:#f8f9fa;border-bottom:1px solid #e0e0e0;border-radius:8px;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.um-quick-action-btn{color:#333;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s;display:inline-flex}.um-quick-action-btn svg{width:16px;height:16px}.um-quick-action-btn:hover{color:#fff;background:#667eea;border-color:#667eea;transform:translateY(-2px)}.um-quick-action-btn:hover svg{stroke:#fff}.um-quick-action-btn.active{color:#fff;background:#667eea;border-color:#667eea}.um-quick-action-btn.active svg{stroke:#fff}.um-header-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:15px;display:flex}@media (width<=768px){.um-quick-actions-bar{flex-direction:column}.um-quick-action-btn{justify-content:center;width:100%}.um-header-actions{flex-direction:column;align-items:stretch}.um-add-btn{justify-content:center;width:100%}}.um-spinner-small{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.8s ease-in-out infinite um-spin;display:inline-block}@keyframes um-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.um-online-users-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;display:grid}.um-online-stats-card{background:#fff;border-radius:12px;align-items:center;gap:20px;padding:24px;transition:transform .2s;display:flex;box-shadow:0 2px 8px #00000014}.um-online-stats-card:hover{transform:translateY(-2px)}.um-online-stats-icon{color:#2e7d32;background:#e8f5e9;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.um-online-stats-info h2{color:#1a1a2e;margin:0;font-size:32px;font-weight:700}.um-online-stats-info p{color:#666;margin:4px 0 0;font-size:14px}.um-online-users-table-container{background:#fff;border-radius:12px;padding:20px;overflow-x:auto;box-shadow:0 2px 8px #00000014}.um-online-user-username{align-items:center;gap:10px;display:flex}.um-online-indicator{background:#4caf50;border-radius:50%;width:10px;height:10px;animation:2s infinite um-pulse;display:inline-block}@keyframes um-pulse{0%{box-shadow:0 0 #4caf5066}70%{box-shadow:0 0 0 8px #4caf5000}to{box-shadow:0 0 #4caf5000}}.um-status-online{color:#2e7d32;background:#e8f5e9;align-items:center;gap:6px;display:inline-flex}.um-online-dot{background:#4caf50;border-radius:50%;width:8px;height:8px;display:inline-block}.um-no-online-users{text-align:center;color:#666;padding:60px 20px}.um-no-online-users svg{color:#bdbdbd;margin-bottom:16px}.um-no-online-users h3{color:#1a1a2e;margin:0 0 8px;font-size:24px}.um-no-online-users p{margin:0;font-size:16px}.um-refresh-btn{color:#fff;cursor:pointer;background:#2196f3;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .2s}.um-refresh-btn:hover:not(:disabled){background:#1976d2}.um-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.um-online-loading{text-align:center;padding:60px 20px}.um-online-loading .um-spinner{margin:0 auto 16px}.um-refresh-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:16px;padding:8px 12px;display:flex}.um-refresh-indicator{color:#666;align-items:center;gap:6px;font-size:13px;display:flex}.um-refreshing{color:#667eea;align-items:center;gap:6px;font-weight:500;display:flex}.um-last-refreshed{color:#17a2b8;font-size:12px;font-weight:400}.um-spinning{animation:1s linear infinite um-spin}.um-refresh-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#667eea;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;transition:all .2s;display:flex}.um-refresh-btn:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 2px 8px #667eea4d}.um-refresh-btn:active:not(:disabled){transform:translateY(0)}.um-refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (width<=768px){.um-refresh-section{flex-wrap:wrap;justify-content:center}.um-refresh-indicator{justify-content:center}.um-refresh-btn{padding:5px 12px;font-size:12px}}@media (width<=480px){.um-refresh-section{flex-direction:column;align-items:stretch;gap:8px}.um-refresh-indicator{justify-content:center}.um-refresh-btn{justify-content:center;width:100%}}.child-registration-container{background:#fff;width:100%;min-height:100vh}.child-reg-page-content{box-sizing:border-box;background:#fff;width:100%;padding:20px}.child-reg-page-header{background:#fff;border-bottom:2px solid #e0e0e0;margin-bottom:30px;padding-bottom:20px}.child-reg-page-header h1{color:#1a1a2e;margin-bottom:8px;font-size:28px}.child-reg-page-header p{color:#666;font-size:14px}.child-reg-back-btn{color:#667eea;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:15px;padding:8px 0;font-size:14px;display:inline-flex}.child-reg-back-btn:hover{color:#5a67d8}.child-reg-stats-grid{background:#e0e0e0;border:1px solid #e0e0e0;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;margin-bottom:30px;display:grid}.child-reg-stat-card{background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.child-reg-stat-info-wrapper{cursor:pointer;flex:1;align-items:center;gap:16px;display:flex}.child-reg-stat-icon svg{stroke:#667eea}.child-reg-stat-info h3{color:#1a1a2e;margin-bottom:4px;font-size:28px}.child-reg-stat-info p{color:#666;font-size:14px}.child-reg-trend{color:#28a745;margin-left:5px;font-size:12px}.child-reg-print-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex}.child-reg-print-btn:hover{background:#f0f0f0}.child-reg-print-btn svg{stroke:#667eea}.child-reg-section-title{color:#1a1a2e;border-bottom:2px solid #e0e0e0;margin-bottom:20px;padding-bottom:10px;font-size:18px;font-weight:600}.child-reg-actions-grid{background:#e0e0e0;border:1px solid #e0e0e0;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;margin-bottom:30px;display:grid}.child-reg-action-card{cursor:pointer;background:#fff;align-items:center;gap:15px;padding:20px;transition:background .3s;display:flex}.child-reg-action-card:hover{background:#f8f9fa}.child-reg-action-icon{justify-content:center;align-items:center;width:45px;height:45px;display:flex}.child-reg-action-icon svg{stroke:#667eea}.child-reg-action-info h4{color:#1a1a2e;margin-bottom:4px;font-size:16px}.child-reg-action-info p{color:#666;font-size:12px}.child-reg-recent-table{background:#fff;border:1px solid #e0e0e0;margin-bottom:30px;overflow-x:auto}.child-reg-recent-table table{border-collapse:collapse;width:100%}.child-reg-recent-table th,.child-reg-recent-table td{text-align:left;border-bottom:1px solid #e0e0e0;padding:15px}.child-reg-recent-table th{color:#1a1a2e;background:#f8f9fa;font-weight:600}.child-reg-recent-table td{color:#666}.child-reg-recent-table tr:last-child td{border-bottom:none}.child-reg-status-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500}.child-reg-offline-banner{color:#856404;background:#fff3cd;border-left:4px solid #ffc107;align-items:center;gap:10px;margin-bottom:20px;padding:12px 20px;display:flex}.child-reg-registration-form-container{background:#fff;border:1px solid #e0e0e0;padding:30px}.child-reg-form-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px;display:grid}.child-reg-form-group input,.child-reg-form-group select{background:#fff;border:1px solid #ddd;padding:12px;font-size:14px;transition:all .3s}.child-reg-form-group input:focus,.child-reg-form-group select:focus{border-color:#667eea;outline:none}.child-reg-form-actions{justify-content:flex-end;gap:15px;margin-top:30px;display:flex}.child-reg-fingerprint-section{text-align:center;background:#fff;border:1px solid #e0e0e0;padding:30px}.child-reg-fingerprint-area{text-align:center;background:#f8f9fa;margin:20px 0;padding:40px}.child-reg-fingerprint-area svg{margin-bottom:20px}.child-reg-fingerprint-area p{color:#666;margin-bottom:25px}.child-reg-verify-fingerprint-area{text-align:center;background:#fff;border:1px solid #e0e0e0;padding:30px}.child-reg-success-message{text-align:center;background:#d4edda;border:1px solid #c3e6cb;padding:30px}.child-reg-success-message h3{color:#155724;margin-bottom:10px}.child-reg-info-message{text-align:center;background:#d1ecf1;border:1px solid #bee5eb;padding:30px}.child-reg-info-message h3{color:#0c5460;margin-bottom:10px}.child-reg-verifying-state{text-align:center;background:#fff;border:1px solid #e0e0e0;padding:60px}.child-reg-spinner{border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:1s linear infinite child-reg-spin}@keyframes child-reg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.child-reg-child-details-card{text-align:left;background:#fff;border:1px solid #e0e0e0;margin:20px 0;padding:25px}.child-reg-child-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.child-reg-child-header h4{color:#1a1a2e;margin:0;font-size:20px}.child-reg-child-id{color:#667eea;font-size:12px;font-weight:600}.child-reg-info-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:25px;display:grid}.child-reg-info-item{flex-direction:column;gap:5px;display:flex}.child-reg-info-item label{color:#999;text-transform:uppercase;font-size:11px;font-weight:600}.child-reg-info-item span{color:#1a1a2e;font-size:14px;font-weight:500}.child-reg-parent-info{border:1px solid #e0e0e0;margin-bottom:20px;padding:20px}.child-reg-parent-info h5{color:#1a1a2e;border-bottom:1px solid #e0e0e0;margin-bottom:15px;padding-bottom:8px;font-size:14px}.child-reg-fingerprint-status{text-align:center;margin-top:15px}.child-reg-pictures-section{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:20px}.child-reg-pictures-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:15px;display:grid}.child-reg-picture-upload{flex-direction:column;align-items:center;gap:12px;display:flex}.child-reg-picture-preview{aspect-ratio:1;background:#f8f9fa;border:2px dashed #ddd;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.child-reg-preview-image{object-fit:cover;width:100%;height:100%}.child-reg-picture-placeholder{color:#999;flex-direction:column;align-items:center;gap:10px;display:flex}.child-reg-upload-options{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.child-reg-btn-upload,.child-reg-btn-camera,.child-reg-btn-remove{cursor:pointer;background:#f0f0f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .3s;display:flex}.child-reg-btn-upload:hover{background:#5a67d8;transform:scale(1.05)}.child-reg-btn-camera:hover{background:#38a169;transform:scale(1.05)}.child-reg-btn-remove:hover{background:#e53e3e;transform:scale(1.05)}.child-reg-camera-preview{width:100%}.child-reg-camera-video{border-radius:8px;width:100%;margin-bottom:8px}.child-reg-camera-controls{justify-content:center;gap:10px;margin-top:8px;display:flex}.child-reg-btn-capture,.child-reg-btn-cancel{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:all .3s;display:flex}.child-reg-btn-capture:hover{background:#38a169;transform:scale(1.05)}.child-reg-btn-cancel:hover{background:#718096;transform:scale(1.05)}.child-reg-optional-note{color:#999;text-align:center;margin-bottom:15px;font-size:12px;font-style:italic}.child-reg-btn-secondary{color:#333;background:#f0f0f0}.child-reg-workflow-steps{background:#fff;border:1px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:20px;padding:25px;display:flex}.child-reg-workflow-step{flex:1;align-items:center;gap:15px;display:flex}.child-reg-step-number{color:#fff;background:#667eea;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:18px;font-weight:700;display:flex}.child-reg-step-content h4{color:#1a1a2e;margin-bottom:5px;font-size:14px}.child-reg-step-content p{color:#666;font-size:12px}.child-reg-workflow-arrow{color:#667eea;margin:0 15px;font-size:24px}.child-reg-clickable{cursor:pointer;transition:background .3s}.child-reg-clickable:hover{background:#f8f9fa}.child-reg-data-table-container{background:#fff;border:1px solid #e0e0e0;margin-top:20px;overflow-x:auto}.child-reg-data-table th,.child-reg-data-table td{text-align:left;border-bottom:1px solid #e0e0e0;padding:12px 15px}.child-reg-data-table th{color:#1a1a2e;background:#f8f9fa;font-size:14px;font-weight:600}.child-reg-data-table td{color:#666;font-size:13px}.child-reg-data-table tr:last-child td{border-bottom:none}.child-reg-quality-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500}.child-reg-dashboard-loading{background:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.child-reg-toast-notification{z-index:10000;background:#fff;border-left:3px solid;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-width:280px;max-width:350px;padding:12px 16px;animation:.3s child-reg-slideInRight;display:flex;position:fixed;top:80px;right:30px;box-shadow:0 4px 12px #00000026}.child-reg-toast-notification.success{background:#f0fff4;border-left-color:#28a745}.child-reg-toast-notification.success .child-reg-toast-content svg{color:#28a745}.child-reg-toast-notification.error{background:#fff5f5;border-left-color:#dc3545}.child-reg-toast-notification.error .child-reg-toast-content svg{color:#dc3545}.child-reg-toast-notification.info{background:#e8f7f9;border-left-color:#17a2b8}.child-reg-toast-notification.info .child-reg-toast-content svg{color:#17a2b8}.child-reg-toast-content{flex:1;align-items:center;gap:10px;display:flex}.child-reg-toast-content svg{flex-shrink:0;width:18px;height:18px}.child-reg-toast-content span{color:#333;font-size:13px;line-height:1.4}.child-reg-toast-close{cursor:pointer;color:#999;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .3s;display:flex}.child-reg-toast-close svg{width:14px;height:14px}.child-reg-toast-close:hover{color:#333}@keyframes child-reg-slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.child-reg-search-bar{background:#fff;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:12px;margin-bottom:20px;padding:10px 15px;display:flex}.child-reg-pictures-gallery{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px;display:grid}.child-reg-gallery-image{aspect-ratio:1;background:#f0f0f0;border:1px solid #e0e0e0;border-radius:10px;overflow:hidden}.child-reg-gallery-image img{object-fit:cover;width:100%;height:100%}.child-reg-header-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px;display:flex}.child-reg-header-actions h1{margin-bottom:0}.child-reg-header-button-group{align-items:center;gap:12px;display:flex}.child-reg-add-registration-btn{color:#28a745;cursor:pointer;background:0 0;border:1px solid #28a745;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.child-reg-add-registration-btn:hover{color:#fff;background:#28a745}.child-reg-add-registration-btn svg{stroke:currentColor}.child-reg-verify-btn-header{color:#17a2b8;cursor:pointer;background:0 0;border:1px solid #17a2b8;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.child-reg-verify-btn-header:hover{color:#fff;background:#17a2b8}.child-reg-verify-btn-header svg{stroke:currentColor}.child-reg-print-btn-page{color:#667eea;cursor:pointer;background:0 0;border:1px solid #667eea;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.child-reg-print-btn-page:hover{color:#fff;background:#667eea}.child-reg-print-btn-page svg{stroke:currentColor}.child-reg-verify-area{width:100%;padding:20px 0}.child-reg-fingerprint-scanner-area{text-align:center;background:#f8f9fa;border:2px dashed #e0e0e0;border-radius:12px;margin-bottom:20px;padding:50px 30px}.child-reg-fingerprint-scanner-area svg{margin-bottom:20px}.child-reg-fingerprint-scanner-area p{color:#666;margin-bottom:25px;font-size:14px}.child-reg-verification-result{margin-top:20px}.child-reg-verify-area .child-reg-generate-btn{cursor:pointer;color:#fff;background:#667eea;border:none;border-radius:6px;padding:10px 28px;font-size:14px;font-weight:500;transition:all .3s}.child-reg-verify-area .child-reg-generate-btn:hover{background:#5a67d8}@media (width<=768px){.child-reg-header-button-group{flex-direction:column;width:100%}.child-reg-header-button-group button,.child-reg-add-registration-btn,.child-reg-verify-btn-header,.child-reg-print-btn-page{justify-content:center;width:100%}}@media (width<=480px){.child-reg-add-registration-btn,.child-reg-verify-btn-header,.child-reg-print-btn-page{padding:8px 12px;font-size:13px}.child-reg-header-actions{flex-direction:column;align-items:stretch}}.child-reg-print-page{z-index:9999;scrollbar-width:none;-ms-overflow-style:none;background:#fff;width:100%;height:100vh;padding:0;position:fixed;inset:0;overflow-y:auto}.child-reg-print-page::-webkit-scrollbar{display:none}.child-reg-print-header{box-sizing:border-box;background:#fff;border-bottom:2px solid #e0e0e0;width:100%;padding:30px 30px 20px}.child-reg-print-header .child-reg-back-btn{color:#667eea;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:20px;padding:8px 0;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.child-reg-print-header .child-reg-back-btn:hover{color:#5a67d8;transform:translate(-5px)}.child-reg-print-title-section h1{color:#1a1a2e;margin:0 0 8px;font-size:28px;font-weight:600}.child-reg-print-title-section p{color:#666;margin:0;font-size:14px}.child-reg-print-content{box-sizing:border-box;width:100%;padding:0 30px 30px}.child-reg-filters-section{box-sizing:border-box;width:100%;margin-bottom:30px;background:0 0!important;border:none!important;padding:0!important}.child-reg-filters-header{border-bottom:2px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;display:flex}.child-reg-filters-header h3{color:#1a1a2e;margin:0;font-size:18px;font-weight:600}.child-reg-reset-filters-btn{cursor:pointer;color:#666;background:0 0;border:1px solid #e0e0e0;padding:6px 12px;font-size:13px;transition:all .3s}.child-reg-reset-filters-btn:hover{background:#e0e0e0}.child-reg-filters-grid{grid-template-columns:repeat(2,1fr);gap:20px;width:100%;margin-bottom:25px;display:grid}.child-reg-filter-field{flex-direction:column;gap:8px;width:100%;display:flex}.child-reg-filter-field label{color:#333;font-size:13px;font-weight:600}.child-reg-filter-field input,.child-reg-filter-field select{box-sizing:border-box;background:#fff;border:1px solid #ddd;width:100%;padding:10px 12px;font-size:14px;transition:all .3s}.child-reg-filter-field input:focus,.child-reg-filter-field select:focus{border-color:#667eea;outline:none}.child-reg-gender-buttons{gap:10px;width:100%;display:flex}.child-reg-gender-btn{cursor:pointer;background:#fff;border:1px solid #ddd;flex:1;padding:10px;font-size:14px;transition:all .3s}.child-reg-gender-btn:hover{background:#f8f9ff;border-color:#667eea}.child-reg-gender-btn.active{color:#fff;background:#667eea;border-color:#667eea}.child-reg-status-buttons{gap:10px;width:100%;display:flex}.child-reg-status-btn{cursor:pointer;background:#fff;border:1px solid #ddd;flex:1;padding:10px;font-size:14px;transition:all .3s}.child-reg-status-btn:hover{background:#f8f9ff;border-color:#667eea}.child-reg-status-btn.active.captured{color:#fff;background:#28a745;border-color:#28a745}.child-reg-status-btn.active.pending{color:#333;background:#ffc107;border-color:#ffc107}.child-reg-filters-actions{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:15px;width:100%;padding-top:20px;display:flex}.child-reg-cancel-btn{cursor:pointer;color:#666;background:#f0f0f0;border:1px solid #e0e0e0;padding:10px 24px;font-size:14px;font-weight:500;transition:all .3s}.child-reg-cancel-btn:hover{background:#e0e0e0}.child-reg-generate-btn{cursor:pointer;color:#fff;background:#667eea;border:none;padding:10px 24px;font-size:14px;font-weight:500;transition:all .3s}.child-reg-generate-btn:hover{background:#5a67d8}.child-reg-user-info{color:#666;background:#f8f9fa;border-left:3px solid #667eea;margin-top:10px;padding:8px 12px;font-size:13px}.child-reg-user-info strong{color:#667eea}.child-reg-generated-id{color:#667eea;background:#e8f0fe;border:1px solid #667eea;border-radius:6px;margin-top:15px;padding:10px 15px;font-size:14px}.child-reg-generated-id strong{color:#1a1a2e}.child-reg-verify-images{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin:20px 0;padding:15px}.child-reg-verify-images h5{color:#1a1a2e;margin-bottom:15px;font-size:14px;font-weight:600}.child-reg-verify-images-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.child-reg-verify-image{aspect-ratio:1;background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.child-reg-verify-image img{object-fit:cover;width:100%;height:100%}.child-reg-data-table th:first-child,.child-reg-data-table td:first-child,.child-reg-recent-table th:first-child,.child-reg-recent-table td:first-child{text-align:center;width:60px}.error-input{background-color:#fff5f5!important;border-color:#dc3545!important}.error-message{color:#dc3545;margin-top:4px;font-size:11px;display:block}@media (width<=768px){.child-reg-page-content{padding:15px}.child-reg-print-header{padding:20px 15px}.child-reg-print-content{padding:0 15px 20px}.child-reg-filters-grid{grid-template-columns:1fr}.child-reg-filters-header{flex-direction:column;align-items:flex-start;gap:15px}.child-reg-filters-actions{flex-direction:column}.child-reg-cancel-btn,.child-reg-generate-btn{text-align:center;width:100%}.child-reg-gender-buttons,.child-reg-status-buttons{flex-direction:column}.child-reg-verify-images-grid{grid-template-columns:repeat(2,1fr)}.child-reg-form-grid{grid-template-columns:1fr}.child-reg-pictures-grid{grid-template-columns:repeat(2,1fr)}.child-reg-workflow-steps{flex-direction:column;gap:15px}.child-reg-workflow-arrow{margin:5px 0;transform:rotate(90deg)}}@media (width<=480px){.child-reg-page-header h1{font-size:24px}.child-reg-stat-info h3{font-size:22px}.child-reg-section-title{font-size:16px}.child-reg-verify-images-grid,.child-reg-pictures-grid,.child-reg-info-grid{grid-template-columns:1fr}.child-reg-toast-notification{min-width:auto;max-width:none;top:60px;left:10px;right:10px}}@keyframes child-reg-sync-spin{to{transform:rotate(360deg)}}.child-reg-add-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:4px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .3s;display:inline-flex}.child-reg-add-btn:hover{background:#5a67d8}.child-reg-add-btn svg{width:18px;height:18px}.child-reg-location-form-container{background:#fff;border:1px solid #e0e0e0;margin-bottom:30px;padding:25px}.child-reg-location-form-container h3{color:#1a1a2e;border-bottom:1px solid #e0e0e0;margin:0 0 20px;padding-bottom:10px;font-size:18px;font-weight:600}.child-reg-action-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0 4px;padding:6px;transition:background .3s;display:inline-flex}.child-reg-no-data{text-align:center;color:#999;background:#fff;border:1px solid #e0e0e0;margin-top:0;padding:40px 20px;font-size:14px}.child-reg-no-data p{margin:0}.child-reg-form-actions{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:15px;margin-top:25px;padding-top:20px;display:flex}.child-reg-form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.child-reg-form-group{flex-direction:column;gap:8px;display:flex}.child-reg-form-group label{color:#333;font-size:13px;font-weight:600}.child-reg-form-group input,.child-reg-form-group textarea{background:#fff;border:1px solid #ddd;padding:10px 12px;font-family:Montserrat,sans-serif;font-size:14px;transition:border-color .3s}.child-reg-form-group input:focus,.child-reg-form-group textarea:focus{border-color:#667eea;outline:none}.child-reg-form-group textarea{resize:vertical;min-height:80px;font-family:Montserrat,sans-serif}.child-reg-btn-primary,.child-reg-btn-secondary{cursor:pointer;border:none;padding:10px 24px;font-size:14px;font-weight:500;transition:background .3s}.child-reg-btn-primary{color:#fff;background:#667eea}.child-reg-btn-primary:hover{background:#5a67d8}.child-reg-btn-secondary{color:#333;background:#f0f0f0;border:1px solid #e0e0e0}.child-reg-btn-secondary:hover{background:#e0e0e0}.child-reg-search-bar{background:#fff;border:1px solid #e0e0e0;align-items:center;gap:12px;margin-bottom:20px;padding:10px 15px;display:flex}.child-reg-search-bar svg{stroke:#999;flex-shrink:0}.child-reg-search-bar input{background:0 0;border:none;outline:none;flex:1;font-size:14px}.child-reg-search-bar input::placeholder{color:#999}.child-reg-data-table-container{background:#fff;border:1px solid #e0e0e0;overflow-x:auto}.child-reg-data-table{border-collapse:collapse;width:100%}.child-reg-data-table thead{background:#f8f9fa;border-bottom:1px solid #e0e0e0}.child-reg-data-table th{text-align:left;color:#1a1a2e;padding:14px 16px;font-size:13px;font-weight:600}.child-reg-data-table td{color:#666;border-bottom:1px solid #e0e0e0;padding:12px 16px;font-size:13px}.child-reg-data-table tbody tr:hover{background:#f8f9fa}.child-reg-data-table tbody tr:last-child td{border-bottom:none}@media (width<=768px){.child-reg-form-grid{grid-template-columns:1fr}.child-reg-header-actions{flex-direction:column;align-items:flex-start}.child-reg-form-actions{flex-direction:column}.child-reg-form-actions button{width:100%}}.child-reg-action-buttons{flex-wrap:wrap;gap:8px;display:flex}.child-reg-action-icon-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:background .3s;display:inline-flex}.child-reg-view-btn{color:#17a2b8}.child-reg-view-btn:hover{background:#e8f7f9}.child-reg-edit-btn{color:#ffc107}.child-reg-edit-btn:hover{background:#fff3cd}.child-reg-fingerprint-btn{color:#28a745}.child-reg-fingerprint-btn:hover{background:#d4edda}.child-reg-delete-btn{color:#dc3545}.child-reg-delete-btn:hover{background:#f8d7da}.child-reg-modal-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.child-reg-modal-content{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.child-reg-modal-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:20px;display:flex}.child-reg-modal-header h3{color:#1a1a2e;margin:0}.child-reg-modal-close{cursor:pointer;color:#999;background:0 0;border:none;font-size:24px}.child-reg-modal-body{padding:20px}.child-reg-fingerprint-progress{margin:20px 0}.child-reg-progress-bar{background:#e0e0e0;border-radius:4px;height:20px;margin-bottom:8px;overflow:hidden}.child-reg-progress-fill{background:#28a745;height:100%;transition:width .3s}.child-reg-finger-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.child-reg-finger-badge{color:#999;background:#f0f0f0;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:14px;font-weight:600;display:flex}.child-reg-finger-badge.captured{color:#fff;background:#28a745}.child-reg-finger-hint{color:#666;margin-top:8px;font-size:12px}.child-reg-enrolled-fingers{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:20px}.child-reg-enrolled-fingers h4{color:#1a1a2e;margin:0 0 10px;font-size:14px}.child-reg-enrollment-container{grid-template-columns:1fr 1fr;gap:30px;margin-top:20px;display:grid}.child-reg-fingerprint-scanner{background:#fff;border:1px solid #e0e0e0;overflow:hidden}.child-reg-scanner-area{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:50px 30px;display:flex}.child-reg-scanner-area svg{margin-bottom:25px}.child-reg-scanner-area p{color:#666;margin-bottom:25px;font-size:14px}.child-reg-scanning-animation{width:100%;max-width:200px;margin:20px 0;position:relative}.child-reg-scan-line{background:#667eea;width:100%;height:2px;margin:20px 0;animation:1.5s ease-in-out infinite child-reg-scan;position:relative}@keyframes child-reg-scan{0%{opacity:0;transform:translateY(-30px)}50%{opacity:1;transform:translateY(30px)}to{opacity:0;transform:translateY(-30px)}}.child-reg-capture-success{text-align:center;width:100%}.child-reg-capture-success svg{margin-bottom:20px}.child-reg-capture-success h3{color:#28a745;margin-bottom:15px;font-size:20px}.child-reg-fingerprint-preview{background:#10131a;border:1px solid #d7dde8;justify-content:center;align-items:center;width:176px;height:176px;margin:0 auto 18px;padding:10px;display:flex}.child-reg-fingerprint-preview img{object-fit:contain;width:156px;height:156px;image-rendering:pixelated;filter:contrast(1.2)}.child-reg-captured-thumb{object-fit:cover;width:34px;height:34px;image-rendering:pixelated;background:#10131a;border:1px solid #d7dde8;flex:0 0 34px}.child-reg-quality-fill{height:100%;transition:width .5s}.child-reg-enrollment-info{background:#fff;border:1px solid #e0e0e0;padding:25px}.child-reg-enrollment-info h3{color:#1a1a2e;border-bottom:1px solid #e0e0e0;margin:0 0 20px;padding-bottom:10px;font-size:18px;font-weight:600}.child-reg-enrollment-info ul{margin:0 0 25px;padding-left:20px}.child-reg-enrollment-info li{color:#666;margin-bottom:10px;font-size:14px;line-height:1.5}.child-reg-fingerprint-tips{background:#f8f9fa;border-left:3px solid #667eea;margin-top:20px;padding:20px}.child-reg-fingerprint-tips h4{color:#1a1a2e;margin:0 0 12px;font-size:14px;font-weight:600}.child-reg-fingerprint-tips p{color:#666;margin:8px 0;font-size:13px}.child-reg-enrollment-actions{justify-content:center;gap:15px;margin-top:25px;display:flex}.child-reg-btn-primary:disabled{cursor:not-allowed;opacity:.7;background:#ccc}.child-reg-btn-primary:disabled:hover{background:#ccc;transform:none}.child-reg-modal-body{max-height:60vh;padding:20px;overflow-y:auto}.child-reg-modal-footer{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:10px;padding:20px;display:flex}.child-reg-view-images{margin-bottom:20px}@keyframes child-reg-modal-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.child-reg-modal-content{animation:.2s child-reg-modal-fade-in}.child-reg-action-icon-btn:hover{transform:scale(1.1)}.child-reg-data-table th:last-child,.child-reg-data-table td:last-child{text-align:center;min-width:120px}.child-reg-recent-table th:last-child,.child-reg-recent-table td:last-child{text-align:center;min-width:100px}.child-reg-data-table tbody tr:hover .child-reg-action-icon-btn,.child-reg-recent-table tbody tr:hover .child-reg-action-icon-btn{opacity:1}@media print{.child-reg-action-buttons,.child-reg-action-icon-btn,.child-reg-print-btn-page,.child-reg-add-registration-btn,.child-reg-verify-btn-header,.child-reg-add-btn,.child-reg-back-btn,.child-reg-modal-overlay,.child-reg-toast-notification,.child-reg-header-button-group{display:none!important}.child-reg-data-table th:last-child,.child-reg-data-table td:last-child,.child-reg-recent-table th:last-child,.child-reg-recent-table td:last-child{display:none}}.child-reg-action-icon-btn:disabled{opacity:.5;cursor:not-allowed}.child-reg-action-icon-btn[title]:hover:after{content:attr(title);color:#fff;white-space:nowrap;z-index:10001;pointer-events:none;background:#333;border-radius:4px;padding:4px 8px;font-size:11px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}@media (width<=768px){.child-reg-enrollment-container{grid-template-columns:1fr;gap:20px}.child-reg-scanner-area{min-height:350px;padding:30px 20px}.child-reg-enrollment-info{padding:20px}.child-reg-enrollment-actions{flex-direction:column}.child-reg-enrollment-actions button{width:100%}.child-reg-quality-bar{max-width:100%}}@media (width<=480px){.child-reg-scanner-area svg{width:80px;height:80px}.child-reg-capture-success h3{font-size:18px}.child-reg-enrollment-info ul{padding-left:15px}.child-reg-enrollment-info li{font-size:13px}}.child-reg-modal-body .child-reg-form-group{margin-bottom:15px}.child-reg-modal-body .child-reg-form-group:last-child,.child-reg-modal-body .child-reg-info-grid{margin-bottom:0}.child-reg-modal-body .child-reg-success-message,.child-reg-modal-body .child-reg-info-message{margin:0;padding:20px}.child-reg-modal-body .child-reg-fingerprint-area{margin:0 0 20px;padding:30px}@media (width<=480px){.child-reg-finger-list{gap:6px}.child-reg-finger-badge{width:28px;height:28px;font-size:11px}.child-reg-action-buttons{flex-direction:column;gap:4px}.child-reg-action-icon-btn{padding:4px 6px}.child-reg-data-table th:last-child,.child-reg-data-table td:last-child{min-width:80px}}.child-reg-view-container{max-width:1200px;margin:0 auto}.child-reg-view-images-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:30px;padding:20px}.child-reg-view-images-section h3{color:#1a1a2e;border-bottom:1px solid #e0e0e0;margin:0 0 15px;padding-bottom:10px;font-size:16px;font-weight:600}.child-reg-view-images-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.child-reg-view-image-card{text-align:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;transition:transform .3s,box-shadow .3s;overflow:hidden}.child-reg-view-image-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.child-reg-view-image-card img{object-fit:cover;background:#f0f0f0;width:100%;height:200px}.child-reg-view-image-card span{color:#666;background:#f8f9fa;border-top:1px solid #e0e0e0;padding:10px;font-size:12px;font-weight:500;display:block}.child-reg-view-info-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:30px;padding:20px}.child-reg-view-info-section .child-reg-info-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.child-reg-view-info-section .child-reg-info-item{background:#f8f9fa;border-radius:6px;flex-direction:column;gap:5px;padding:12px;display:flex}.child-reg-view-info-section .child-reg-info-item label{color:#999;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.child-reg-view-info-section .child-reg-info-item span{color:#1a1a2e;font-size:15px;font-weight:500}.child-reg-view-actions{border-top:1px solid #e0e0e0;justify-content:center;gap:15px;margin-top:20px;padding-top:20px;display:flex}.child-reg-no-images-message{text-align:center;background:#f8f9fa;border:1px dashed #e0e0e0;border-radius:8px;padding:60px 20px}.child-reg-no-images-message p{color:#999;margin:0;font-size:14px}@media (width<=768px){.child-reg-view-images-grid{grid-template-columns:repeat(2,1fr);gap:15px}.child-reg-view-image-card img{height:180px}.child-reg-view-info-section .child-reg-info-grid{grid-template-columns:1fr;gap:15px}}@media (width<=480px){.child-reg-view-images-grid{grid-template-columns:1fr;gap:15px}.child-reg-view-image-card img{height:250px}.child-reg-view-actions{flex-direction:column}.child-reg-view-actions button{width:100%}}.child-reg-age-year-group{grid-column:span 1}.child-reg-age-year-row{align-items:flex-start;gap:10px;width:100%;display:flex}.child-reg-input-with-label{flex-direction:column;flex:1;gap:4px;display:flex}.child-reg-input-sublabel{color:#888;margin-top:2px;font-size:11px;font-weight:500}.child-reg-age-year-divider{color:#a0aec0;text-transform:uppercase;align-self:flex-start;align-items:center;height:44px;font-size:12px;font-weight:600;display:flex}@media (width<=400px){.child-reg-age-year-row{flex-direction:column;align-items:stretch;gap:5px}.child-reg-age-year-divider{align-self:center;height:auto;padding:2px 0}}.child-reg-age-categories-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px;display:grid}.child-reg-age-category-card{cursor:pointer;background:#fff;border-radius:16px;align-items:center;gap:20px;padding:24px;transition:all .3s;display:flex;box-shadow:0 2px 8px #00000014}.child-reg-age-category-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.child-reg-age-category-card.young-card{border-left:4px solid #4caf50}.child-reg-age-category-card.older-card{border-left:4px solid #ff9800}.child-reg-category-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.child-reg-category-icon.young-icon{color:#fff;background:linear-gradient(135deg,#4caf50,#66bb6a)}.child-reg-category-icon.older-icon{color:#fff;background:linear-gradient(135deg,#ff9800,#ffb74d)}.child-reg-category-info{flex:1}.child-reg-category-info h3{color:#1a1a2e;margin:0;font-size:32px}.child-reg-category-info p{color:#666;margin:5px 0;font-size:16px;font-weight:500}.child-reg-category-info small{color:#999;font-size:12px}.child-reg-enrollment-container{grid-template-columns:1fr 1fr;gap:30px;padding:20px 0;display:grid}@media (width<=992px){.child-reg-enrollment-container{grid-template-columns:1fr}}.child-reg-finger-grid{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:20px}.child-reg-finger-grid h3{color:#333;margin:0 0 15px;font-size:16px;font-weight:600}.child-reg-finger-grid-buttons{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}@media (width<=600px){.child-reg-finger-grid-buttons{grid-template-columns:repeat(2,1fr)}}.child-reg-finger-btn{cursor:pointer;background:#fff;border:2px solid #dee2e6;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:80px;padding:15px 10px;transition:all .3s;display:flex;position:relative}.child-reg-finger-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.child-reg-finger-btn.selected{background:#eef1ff;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.child-reg-finger-btn.captured{background:#d4edda;border-color:#28a745}.child-reg-finger-btn.captured.selected{background:#c3e6cb;border-color:#28a745;box-shadow:0 0 0 3px #28a74533}.child-reg-finger-icon{margin-bottom:5px;font-size:24px}.child-reg-finger-label{text-align:center;flex-direction:column;align-items:center;font-size:11px;display:flex}.child-reg-finger-hand{color:#495057;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.child-reg-finger-name{color:#212529;font-size:12px;font-weight:500}.child-reg-finger-quality{margin-top:4px;font-size:11px;font-weight:700}.child-reg-fingerprint-scanner{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;min-height:400px;padding:20px}.child-reg-scanner-area{background:#fff;border:2px dashed #dee2e6;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:350px;padding:30px;display:flex}.child-reg-scanner-instructions{text-align:center;flex-direction:column;align-items:center;display:flex}.child-reg-scanner-instructions p{color:#495057;margin:10px 0}.child-reg-scanner-hint{color:#6c757d;font-size:14px}.child-reg-scanning-animation{flex-direction:column;align-items:center;width:100%;margin:15px 0;display:flex}.child-reg-scan-line{background:linear-gradient(90deg,#0000,#667eea,#0000);border-radius:2px;width:80%;height:3px;animation:1.5s ease-in-out infinite child-reg-scan}.child-reg-capture-success{text-align:center;flex-direction:column;align-items:center;display:flex}.child-reg-capture-success h3{color:#28a745;margin:10px 0 5px}.child-reg-capture-success p{color:#495057;margin:5px 0}.child-reg-quality-bar{background:#e9ecef;border-radius:4px;width:100%;max-width:300px;height:8px;margin:10px 0;overflow:hidden}.child-reg-quality-fill{border-radius:4px;height:100%;transition:width .5s}.child-reg-quality-fill.excellent{background:linear-gradient(90deg,#28a745,#20c997)}.child-reg-quality-fill.good{background:linear-gradient(90deg,#ffc107,#fd7e14)}.child-reg-quality-fill.poor{background:linear-gradient(90deg,#dc3545,#e83e8c)}.child-reg-enrollment-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:15px;display:flex}.child-reg-btn-danger{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.child-reg-btn-danger:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.child-reg-enrollment-summary{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-top:20px;padding:20px}.child-reg-enrollment-summary h3{color:#333;margin:0 0 15px;font-size:16px;font-weight:600}.child-reg-captured-list{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.child-reg-captured-item{background:#fff;border:1px solid #dee2e6;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:flex}.child-reg-captured-name{color:#212529;font-weight:500}.child-reg-captured-quality{font-size:12px;font-weight:700}.child-reg-captured-remove{color:#dc3545;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:14px;transition:color .2s}.child-reg-captured-remove:hover{color:#c82333}.child-reg-no-captures{color:#6c757d;margin:10px 0;font-size:14px}.child-reg-enrollment-summary-actions{flex-wrap:wrap;gap:10px;margin-top:15px;display:flex}.child-reg-enrollment-progress{color:#495057;background:#e9ecef;border-radius:20px;padding:6px 14px;font-size:14px;font-weight:600;display:inline-block}.child-reg-enrollment-hint{color:#6c757d;margin:5px 0;font-size:13px;font-style:italic}.child-reg-fingerprint-summary{flex-direction:column;align-items:center;gap:4px;display:flex}.child-reg-fingerprint-count{border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600}.child-reg-fingerprint-count.has-fingerprints{color:#155724;background:#d4edda}.child-reg-fingerprint-count.no-fingerprints{color:#721c24;background:#f8d7da}.child-reg-fingerprint-dots{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.child-reg-finger-dot{border:1px solid #dee2e6;border-radius:50%;width:12px;height:12px;display:inline-block}.child-reg-finger-dot.captured{background:#28a745;border-color:#28a745}.child-reg-finger-dot.missing{background:#dc3545;border-color:#dc3545}.child-reg-status-badge{text-align:center;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.child-reg-status-completed{color:#155724;background:#d4edda}.child-reg-status-pending{color:#856404;background:#fff3cd}.child-reg-quality-badge{border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.child-reg-quality-excellent{color:#155724;background:#d4edda}.child-reg-quality-good{color:#0c5460;background:#d1ecf1}.child-reg-quality-fair{color:#856404;background:#fff3cd}.child-reg-quality-poor{color:#721c24;background:#f8d7da}@media (width<=768px){.child-reg-finger-grid-buttons{grid-template-columns:repeat(3,1fr)}.child-reg-enrollment-summary-actions{flex-direction:column}.child-reg-enrollment-summary-actions button{width:100%}.child-reg-scanner-area{min-height:250px;padding:20px}}@media (width<=480px){.child-reg-finger-grid-buttons{grid-template-columns:repeat(2,1fr)}.child-reg-finger-btn{min-height:60px;padding:10px 5px}.child-reg-finger-icon{font-size:18px}.child-reg-finger-label{font-size:9px}.child-reg-finger-name{font-size:10px}.child-reg-enrollment-container{gap:15px;padding:10px 0}}.child-reg-text-center{text-align:center}.child-reg-mt-10{margin-top:10px}.child-reg-mb-10{margin-bottom:10px}.child-reg-gap-10{gap:10px}.child-reg-flex-wrap{flex-wrap:wrap;display:flex}.child-reg-align-center{align-items:center}.child-reg-justify-center{justify-content:center}.child-reg-sync-status-mini{color:#856404;background:#fff8e1;border:1px solid #ffcc02;border-radius:16px;justify-content:space-between;align-items:center;margin:4px 0 12px;padding:4px 10px;font-size:12px;animation:.3s ease-out fadeIn;display:flex}.child-reg-sync-status-left{align-items:center;gap:8px;display:flex}.child-reg-sync-status-right{align-items:center;gap:6px;display:flex}.child-reg-sync-status-text{align-items:center;gap:5px;font-size:12px;font-weight:500;display:flex}.child-reg-sync-status-text.syncing{color:#1565c0}.child-reg-sync-status-text.active{color:#2e7d32}.child-reg-sync-status-text.pending{color:#e65100}.child-reg-sync-dot-small{background:#4caf50;border-radius:50%;width:8px;height:8px;display:inline-block}.child-reg-sync-dot-small.warning{background:#ff9800;animation:1.5s infinite sync-pulse}.child-reg-sync-status-text.syncing .child-reg-sync-dot-small{background:#2196f3;animation:.8s infinite sync-pulse}.child-reg-sync-time{color:#999;padding:0 4px;font-size:10px}.child-reg-sync-toggle-mini{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.child-reg-sync-toggle-dot{border:2px solid #ddd;border-radius:50%;width:14px;height:14px;transition:all .3s;display:inline-block}.child-reg-sync-toggle-dot.on{background:#4caf50;border-color:#4caf50}.child-reg-sync-toggle-dot.off{background:#ef5350;border-color:#ef5350}.child-reg-sync-toggle-mini:hover .child-reg-sync-toggle-dot{transform:scale(1.1)}.child-reg-sync-now-mini{cursor:pointer;color:#666;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:all .3s;display:flex}.child-reg-sync-now-mini:hover:not(:disabled){color:#2196f3;transform:rotate(45deg)}.child-reg-sync-now-mini:disabled{opacity:.3;cursor:not-allowed}.child-reg-offline-banner{color:#856404;background:#fff8e1;border:1px solid #ffcc02;border-radius:4px;align-items:center;gap:6px;margin:4px 0 12px;padding:6px 12px;font-size:12px;display:flex}.child-reg-sync-spinner{border:3px solid #f3f3f3;border-top-color:#2196f3;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes sync-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.child-reg-sync-status-mini{flex-wrap:wrap;gap:4px;padding:6px 10px}.child-reg-sync-status-left{flex-wrap:wrap;gap:4px}}.child-reg-refresh-indicator{color:#666;align-items:center;gap:8px;font-size:13px;display:flex}.child-reg-refreshing{color:#667eea;align-items:center;gap:6px;display:flex}.child-reg-last-refreshed{color:#999;font-size:12px}.child-reg-spinning{animation:1s linear infinite child-reg-spin}.child-reg-refresh-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;transition:background .2s;display:flex}.child-reg-refresh-btn:hover:not(:disabled){background:#5a67d8}.child-reg-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.cr-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.cr-header-left{flex:1}.cr-header-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.cr-refresh-section{align-items:center;gap:12px;display:flex}.cr-refresh-indicator{color:#666;justify-content:flex-end;align-items:center;gap:6px;min-width:120px;font-size:13px;display:flex}.cr-refreshing{color:#667eea;align-items:center;gap:6px;display:flex}.cr-last-refreshed{color:#17a2b8;font-size:12px}.cr-spinning{animation:1s linear infinite cr-spin}@keyframes cr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cr-refresh-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#667eea;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex}.cr-refresh-btn:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 2px 8px #667eea4d}.cr-refresh-btn:active:not(:disabled){transform:translateY(0)}.cr-refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.cr-sync-status-mini{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:16px 0;padding:10px 16px;display:flex}.cr-sync-status-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cr-sync-status-right{align-items:center;gap:8px;display:flex}.cr-sync-status-text{align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.cr-sync-status-text.cr-active{color:#28a745}.cr-sync-status-text.cr-syncing{color:#667eea}.cr-sync-status-text.cr-pending{color:#ffc107}.cr-sync-status-text.cr-refreshing{color:#17a2b8}.cr-sync-dot-small{background:#28a745;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.cr-sync-dot-small.cr-warning{background:#ffc107;animation:1.5s ease-in-out infinite cr-pulse}.cr-sync-dot-small.cr-refreshing{background:#17a2b8;animation:1s ease-in-out infinite cr-pulse}@keyframes cr-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.cr-sync-time{color:#6c757d;white-space:nowrap;font-size:12px}.cr-refresh-time{color:#17a2b8}.cr-sync-toggle-mini{cursor:pointer;background:#e9ecef;border:none;border-radius:4px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;transition:all .2s;display:flex}.cr-sync-toggle-mini:hover{background:#dee2e6}.cr-sync-toggle-dot{border-radius:50%;width:10px;height:10px;transition:all .3s;display:inline-block}.cr-sync-toggle-dot.cr-on{background:#28a745;box-shadow:0 0 8px #28a74566}.cr-sync-toggle-dot.cr-off{background:#dc3545;box-shadow:0 0 8px #dc354566}.cr-sync-toggle-label{color:#495057;font-size:11px;font-weight:600}.cr-sync-now-mini{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.cr-sync-now-mini:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px)}.cr-sync-now-mini:active:not(:disabled){transform:translateY(0)}.cr-sync-now-mini:disabled{opacity:.6;cursor:not-allowed;transform:none}.cr-sync-spinner{border:2px solid #e9ecef;border-top-color:#667eea;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite cr-spin}.cr-offline-banner{color:#856404;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;align-items:center;gap:10px;margin:12px 0;padding:10px 16px;font-size:14px;display:flex}@media (width<=768px){.cr-page-header{flex-direction:column;align-items:stretch}.cr-header-right{align-items:stretch}.cr-refresh-section{flex-wrap:wrap;justify-content:space-between}.cr-refresh-indicator{min-width:unset;justify-content:flex-start}.cr-refresh-btn{padding:6px 12px;font-size:13px}.cr-sync-status-mini{flex-direction:column;align-items:stretch;gap:8px}.cr-sync-status-left{justify-content:center;gap:8px}.cr-sync-status-right{flex-wrap:wrap;justify-content:center}.cr-sync-time{font-size:11px}}@media (width<=480px){.cr-refresh-section{flex-direction:column;align-items:stretch;gap:8px}.cr-refresh-indicator{justify-content:center}.cr-refresh-btn{justify-content:center;width:100%}.cr-sync-status-left{flex-direction:column;align-items:center;gap:4px}.cr-sync-status-right{flex-wrap:wrap;justify-content:center}}.child-reg-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.child-reg-restricted-icon{margin-right:6px;font-size:12px}.child-reg-info-icon{flex-shrink:0;font-size:16px}@media (width<=768px){.child-reg-enrollment-buttons{flex-direction:column;width:100%}.child-reg-enrollment-buttons button{justify-content:center;width:100%}}.child-reg-picture-upload{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;flex-direction:column;align-items:center;gap:10px;padding:15px;display:flex;position:relative}.child-reg-picture-upload .error-input{border-color:#dc3545!important}.child-reg-camera-preview{width:100%;position:relative}.child-reg-camera-video{background:#000;border:2px solid #667eea;border-radius:8px;width:100%;max-width:300px}.child-reg-camera-controls{gap:10px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.child-reg-btn-capture{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:50%;justify-content:center;align-items:center;padding:10px;transition:all .3s;display:flex}.child-reg-btn-capture:hover{transform:scale(1.1)}.child-reg-btn-cancel{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:50%;justify-content:center;align-items:center;padding:10px;transition:all .3s;display:flex}.child-reg-btn-cancel:hover{transform:scale(1.1)}.child-reg-upload-options{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.child-reg-btn-upload,.child-reg-btn-camera,.child-reg-btn-remove{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px 12px;transition:all .3s;display:flex}.child-reg-btn-upload{color:#fff;background:#667eea}.child-reg-btn-camera{color:#fff;background:#28a745}.child-reg-btn-remove{color:#fff;background:#dc3545}.child-reg-btn-upload:hover,.child-reg-btn-camera:hover,.child-reg-btn-remove:hover{transform:scale(1.05)}.child-reg-camera-error{color:#dc3545;text-align:center;background:#f8d7da;border-radius:6px;width:100%;padding:10px;font-size:14px}.child-reg-camera-status-debug{color:#666;text-align:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;justify-content:center;align-items:center;gap:6px;width:100%;margin:4px 0;padding:4px 10px;font-family:monospace;font-size:11px;display:flex}.child-reg-camera-status-debug svg{flex-shrink:0}.child-reg-camera-error{color:#dc3545;text-align:center;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;align-items:center;gap:8px;width:100%;margin-top:10px;padding:10px 14px;font-size:13px;display:flex}.child-reg-camera-error svg{flex-shrink:0}.child-reg-skip-restriction-info{color:#856404;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;font-size:13px;display:flex}.child-reg-skip-restriction-info svg{flex-shrink:0}.child-reg-restricted-icon{align-items:center;margin-right:6px;display:inline-flex}.child-reg-success-message{text-align:center;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;flex-direction:column;align-items:center;gap:10px;padding:30px;display:flex}.child-reg-success-message svg{flex-shrink:0}.child-reg-enrollment-buttons{flex-wrap:wrap;gap:12px;width:100%;display:flex}.child-reg-enrollment-buttons button{align-items:center;gap:6px;display:inline-flex}.child-reg-btn-switch-camera{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:relative;box-shadow:0 2px 12px #667eea66}.child-reg-btn-switch-camera:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 20px #667eea80}.child-reg-btn-switch-camera:disabled{opacity:.5;cursor:not-allowed}.child-reg-camera-mode-label{color:#666;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:9px;font-weight:600;position:absolute;bottom:-18px}.child-reg-camera-mode-indicator{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:12px;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:4px 12px;font-size:11px;font-weight:500;display:flex;position:absolute;top:10px;right:10px}.child-reg-camera-mode-indicator svg{flex-shrink:0}.child-reg-camera-mode-text{color:#667eea;background:#eef1ff;border-radius:10px;margin-left:4px;padding:2px 8px;font-size:11px;font-weight:600}.child-reg-camera-controls{z-index:10;background:#00000080;border-radius:30px;align-items:center;gap:10px;padding:8px 16px;display:flex;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.child-reg-btn-capture,.child-reg-btn-switch-camera,.child-reg-btn-cancel{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:opacity .2s;display:flex}.child-reg-btn-capture svg,.child-reg-btn-switch-camera svg,.child-reg-btn-cancel svg{width:18px;height:18px}.child-reg-btn-capture{color:#fff;background:#28a745}.child-reg-btn-capture:hover:not(:disabled){opacity:.8}.child-reg-btn-switch-camera{color:#fff;background:#fff3}.child-reg-btn-switch-camera:hover:not(:disabled){background:#ffffff4d}.child-reg-btn-cancel{color:#fff;background:#dc3545}.child-reg-btn-cancel:hover:not(:disabled){opacity:.8}.child-reg-btn-capture:disabled,.child-reg-btn-switch-camera:disabled,.child-reg-btn-cancel:disabled{opacity:.4;cursor:not-allowed}.child-reg-camera-mode-indicator{color:#fff;z-index:10;background:#00000080;border-radius:12px;align-items:center;gap:4px;padding:2px 10px;font-size:10px;font-weight:500;display:flex;position:absolute;top:8px;right:8px}.child-reg-camera-mode-indicator svg{width:12px;height:12px}.child-reg-camera-mode-label{display:none}@media (width<=768px){.child-reg-camera-controls{gap:8px;padding:6px 12px;bottom:12px}.child-reg-btn-capture,.child-reg-btn-switch-camera,.child-reg-btn-cancel{width:32px;height:32px}.child-reg-btn-capture svg,.child-reg-btn-switch-camera svg,.child-reg-btn-cancel svg{width:16px;height:16px}.child-reg-camera-mode-indicator{padding:2px 8px;font-size:9px;top:6px;right:6px}}@media (width<=480px){.child-reg-camera-controls{border-radius:25px;gap:6px;padding:5px 10px;bottom:10px}.child-reg-btn-capture,.child-reg-btn-switch-camera,.child-reg-btn-cancel{width:28px;height:28px}.child-reg-btn-capture svg,.child-reg-btn-switch-camera svg,.child-reg-btn-cancel svg{width:14px;height:14px}.child-reg-camera-mode-indicator{padding:1px 6px;font-size:8px;top:4px;right:4px}.child-reg-camera-mode-indicator svg{width:10px;height:10px}}.child-reg-btn-capture:active:not(:disabled),.child-reg-btn-switch-camera:active:not(:disabled),.child-reg-btn-cancel:active:not(:disabled){transform:scale(.9)}@media (width<=768px){.child-reg-table-profile-photo,.child-reg-table-avatar,.child-reg-table-avatar-placeholder{width:32px;height:32px}.child-reg-table-avatar-placeholder{font-size:11px}.child-reg-data-table td:nth-child(2){width:40px;padding:4px 2px}}.child-reg-table-profile-photo{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.child-reg-table-avatar{object-fit:cover;border:2px solid #e9ecef;border-radius:50%;width:40px;height:40px}.child-reg-table-avatar-placeholder{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:2px solid #e9ecef;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.child-reg-data-table td:first-child{text-align:center;width:50px}.child-reg-data-table td:nth-child(2){text-align:center;width:50px;padding:6px 4px}@media (width<=768px){.child-reg-table-profile-photo,.child-reg-table-avatar,.child-reg-table-avatar-placeholder{width:32px;height:32px}.child-reg-table-avatar-placeholder{font-size:11px}.child-reg-data-table td:nth-child(2){width:40px;padding:4px 2px}}.medical-examination-container{width:100%}.vital-signs-card{background:#fff;border-radius:15px;margin-bottom:30px;padding:25px;box-shadow:0 2px 10px #0000000d}.vital-signs-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px;display:grid}.vital-input{flex-direction:column;gap:8px;display:flex}.vital-input label{color:#333;font-size:14px;font-weight:500}.vital-input input{border:1px solid #ddd;border-radius:8px;padding:10px;font-size:14px;transition:all .3s}.vital-input input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.save-vital-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;width:100%;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s}.save-vital-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}@media (width<=768px){.stats-grid,.actions-grid,.vital-signs-grid{grid-template-columns:1fr}.recent-table th,.recent-table td{padding:10px;font-size:12px}.action-btn{padding:4px 8px;font-size:10px}}.laboratory-container{width:100%}.result-form-card{background:#fff;border:1px solid #667eea;border-radius:15px;margin-bottom:30px;padding:25px;box-shadow:0 2px 10px #0000000d}.result-form-card h3{color:#1a1a2e;margin-bottom:5px;font-size:20px}.result-form-card p{color:#666;margin-bottom:20px}.result-form-group{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.result-form-group label{color:#333;font-size:14px;font-weight:500}.result-form-group textarea{resize:vertical;border:1px solid #ddd;border-radius:8px;padding:12px;font-family:Montserrat,sans-serif;font-size:14px}.result-form-group textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.result-actions{gap:15px;display:flex}.submit-result-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#28a745 0%,#20c997 100%);border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s}.submit-result-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #28a74566}.cancel-result-btn{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s}.cancel-result-btn:hover{background:#5a6268;transform:translateY(-2px)}.status-in-progress{color:#0c5460;background:#d1ecf1}.priority-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500}.priority-high{color:#721c24;background:#f8d7da}.priority-urgent{color:#fff;background:#dc3545}.priority-normal{color:#0c5460;background:#d1ecf1}@media (width<=768px){.stats-grid,.actions-grid{grid-template-columns:1fr}.recent-table th,.recent-table td{padding:10px;font-size:12px}.action-btn{padding:4px 8px;font-size:10px}.result-actions{flex-direction:column}.submit-result-btn,.cancel-result-btn{width:100%}}.pharmacy-container{width:100%}.page-header{margin-bottom:30px}.page-header h1{color:#1a1a2e;margin-bottom:10px;font-size:28px}.page-header p{color:#666;font-size:14px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px;display:grid}.stat-card{background:#fff;border-radius:15px;align-items:center;gap:15px;padding:20px;transition:transform .3s;display:flex;box-shadow:0 2px 10px #0000000d}.stat-card:hover{transform:translateY(-3px);box-shadow:0 5px 20px #0000001a}.stat-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.stat-info h3{color:#1a1a2e;margin-bottom:5px;font-size:28px}.stat-info p{color:#666;font-size:14px}.trend{color:#28a745;margin-top:4px;font-size:11px;display:block}.trend.urgent{color:#dc3545}.section-title{color:#1a1a2e;border-bottom:2px solid #e0e0e0;margin-bottom:20px;padding-bottom:10px;font-size:20px}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px;display:grid}.action-card{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:12px;align-items:center;gap:15px;padding:20px;transition:all .3s;display:flex}.action-card:hover{border-color:#667eea;transform:translateY(-3px);box-shadow:0 10px 25px #0000001a}.action-icon{background:#f0f0f0;border-radius:10px;justify-content:center;align-items:center;width:45px;height:45px;font-size:22px;display:flex}.action-info h4{color:#1a1a2e;margin-bottom:5px;font-size:16px}.action-info p{color:#666;font-size:12px}.alerts-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-bottom:30px;display:grid}.alert-card{background:#fff;border-left:4px solid;border-radius:12px;align-items:center;gap:15px;padding:20px;display:flex;box-shadow:0 2px 10px #0000000d}.alert-card.critical{background:#fff5f5;border-left-color:#dc3545}.alert-card.low{background:#fffbf0;border-left-color:#ffc107}.alert-icon{font-size:30px}.alert-info{flex:1}.alert-info h4{color:#1a1a2e;margin-bottom:5px;font-size:16px}.alert-info p{color:#666;margin:2px 0;font-size:12px}.reorder-btn{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:6px;padding:8px 16px;font-size:12px;transition:all .3s}.reorder-btn:hover{background:#c82333;transform:translateY(-2px)}.expense-form-card{background:#fff;border:1px solid #28a745;border-radius:15px;margin-bottom:30px;padding:25px;box-shadow:0 2px 10px #0000000d}.expense-form-card h3{color:#1a1a2e;margin-bottom:20px;font-size:20px}.expense-form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#333;font-size:14px;font-weight:500}.form-group input{border:1px solid #ddd;border-radius:8px;padding:10px;font-size:14px}.form-group input:focus{border-color:#28a745;outline:none;box-shadow:0 0 0 3px #28a7451a}.form-actions{gap:15px;display:flex}.submit-expense-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#28a745 0%,#20c997 100%);border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s}.submit-expense-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #28a74566}.cancel-expense-btn{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s}.cancel-expense-btn:hover{background:#5a6268;transform:translateY(-2px)}.recent-table{background:#fff;border-radius:12px;overflow-x:auto}.recent-table table{border-collapse:collapse;width:100%}.recent-table th,.recent-table td{text-align:left;border-bottom:1px solid #e0e0e0;padding:15px}.recent-table th{color:#1a1a2e;background:#f8f9fa;font-weight:600}.recent-table td{color:#666}.selected-row{cursor:pointer;background:#e8f7f9}.recent-table tbody tr:hover{cursor:pointer;background:#f5f5f5}.status-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500}.status-completed{color:#155724;background:#d4edda}.status-pending{color:#856404;background:#fff3cd}.status-inprogress{color:#0c5460;background:#d1ecf1}.stock-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500}.stock-available{color:#155724;background:#d4edda}.stock-low{color:#856404;background:#fff3cd}.action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#28a745 0%,#20c997 100%);border:none;border-radius:5px;padding:6px 12px;font-size:12px;transition:all .3s}.action-btn:hover{transform:scale(1.05)}@media (width<=768px){.stats-grid,.actions-grid,.alerts-container,.expense-form-grid{grid-template-columns:1fr}.recent-table th,.recent-table td{padding:10px;font-size:12px}.form-actions{flex-direction:column}.submit-expense-btn,.cancel-expense-btn{width:100%}.action-btn{padding:4px 8px;font-size:10px}}.gallery-admin{background:#fff;min-height:100vh;padding:24px}.ga-page{max-width:1400px;margin:0 auto}.ga-page-full{width:100%}.ga-header{border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding-bottom:16px}.ga-header h2{color:#1a1a2e;margin:12px 0 0;font-size:20px;font-weight:600}.ga-back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 0;font-size:14px;display:inline-flex}.ga-back-btn:hover{color:#06c}.ga-header-title{justify-content:space-between;align-items:center;display:flex}.ga-dashboard-header{border-bottom:1px solid #e2e8f0;margin-bottom:32px;padding-bottom:16px}.ga-dashboard-header h1{color:#1a1a2e;margin:0 0 8px;font-size:28px;font-weight:700}.ga-dashboard-header p{color:#64748b;margin:0}.ga-dashboard-links{gap:20px;display:flex}.ga-dash-link{cursor:pointer;background:#fafbfc;border:1px solid #e2e8f0;flex:1;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.ga-dash-link:hover{background:#fff;border-color:#06c}.ga-dash-link-icon svg{stroke:#06c}.ga-dash-link-info h3{color:#1a1a2e;margin:0 0 4px;font-size:16px;font-weight:600}.ga-dash-link-info p{color:#64748b;margin:0;font-size:13px}.ga-table-wrapper{border:1px solid #e2e8f0;overflow-x:auto}.ga-table{border-collapse:collapse;width:100%;font-size:14px}.ga-table th,.ga-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e8f0;padding:12px 16px}.ga-table th{color:#1e293b;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-weight:600}.ga-table tr:hover{background:#fafbfc}.ga-empty{text-align:center;color:#94a3b8;padding:40px!important}.ga-type-cell{align-items:center;gap:8px;display:flex}.ga-type-cell svg{stroke:#64748b}.ga-title-cell strong{margin-bottom:8px;display:block}.ga-thumb-preview{margin-top:8px}.ga-thumb-preview img{object-fit:cover;border:1px solid #e2e8f0;border-radius:4px;width:50px;height:50px}.ga-desc-cell{color:#475569;max-width:300px;line-height:1.5}.ga-category-tag{color:#475569;background:#f1f5f9;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.ga-action-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;margin:0 2px;padding:4px 8px;font-size:12px;display:inline-flex}.ga-edit{color:#06c}.ga-edit:hover{background:#e6f0ff}.ga-delete{color:#dc2626}.ga-delete:hover{background:#fee2e2}.ga-form-full{background:#fff;border:1px solid #e2e8f0;width:100%;padding:30px}.ga-form{width:100%}.ga-form-row{flex-wrap:wrap;gap:30px;margin-bottom:24px;display:flex}.ga-form-group{flex:1;min-width:250px}.ga-form-group label{color:#1a1a2e;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.ga-form-group input,.ga-form-group select,.ga-form-group textarea{border:1px solid #cbd5e1;border-radius:4px;width:100%;padding:10px 12px;font-size:14px}.ga-form-group input:focus,.ga-form-group select:focus,.ga-form-group textarea:focus{border-color:#06c;outline:none}.ga-form-group small{color:#64748b;margin-top:6px;font-size:12px;display:block}.ga-preview{margin-top:12px}.ga-preview label{color:#1a1a2e;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.ga-preview img{border:1px solid #e2e8f0;border-radius:4px;max-width:200px;padding:4px}.ga-add-btn{color:#fff;cursor:pointer;background:#06c;border:none;border-radius:4px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.ga-add-btn:hover{background:#0052a3}.ga-buttons{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;margin-top:30px;padding-top:24px;display:flex}.ga-btn{cursor:pointer;border:none;border-radius:4px;padding:10px 24px;font-size:14px;font-weight:500}.ga-btn-primary{color:#fff;background:#06c}.ga-btn-primary:hover{background:#0052a3}.ga-btn-secondary{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.ga-btn-secondary:hover{background:#e2e8f0}.ga-loading{text-align:center;color:#64748b;border:1px solid #e2e8f0;padding:60px}.ga-toast{z-index:1000;background:#fff;border-left:3px solid;border-radius:4px;align-items:center;gap:16px;padding:12px 20px;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 2px 8px #0000001a}.ga-toast.success{border-left-color:#10b981}.ga-toast.error{border-left-color:#ef4444}.ga-toast button{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:18px}@media (width<=768px){.gallery-admin{padding:16px}.ga-dashboard-links{flex-direction:column}.ga-header-title{flex-direction:column;align-items:stretch;gap:12px}.ga-table th,.ga-table td{padding:8px 12px}.ga-desc-cell{max-width:150px}.ga-buttons{flex-direction:column}.ga-btn{text-align:center;width:100%}.ga-form-row{flex-direction:column;gap:16px}.ga-form-full{padding:20px}}.ga-view{color:#10b981}.ga-view:hover{background:#d1fae5}.ga-action-buttons{flex-wrap:wrap;gap:4px;display:flex}.ga-view-container{max-width:1200px;margin:0 auto}.ga-view-section{background:#fff;border:1px solid #e2e8f0;margin-bottom:30px;padding:20px}.ga-view-section h3{color:#1a1a2e;border-bottom:2px solid #e2e8f0;margin:0 0 20px;padding-bottom:10px;font-size:18px;font-weight:600}.ga-view-info-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.ga-view-info-item{flex-direction:column;gap:6px;display:flex}.ga-view-info-item.full-width{grid-column:span 2}.ga-view-info-item label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.ga-view-info-item span,.ga-view-info-item p{color:#1e293b;margin:0;font-size:15px}.ga-view-info-item a{color:#06c;word-break:break-all;text-decoration:none}.ga-view-info-item a:hover{text-decoration:underline}.ga-media-badge{background:#f1f5f9;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:13px;display:inline-flex}.ga-view-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:400px}.ga-view-video{border-radius:8px;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.ga-view-video iframe{width:100%;height:100%;position:absolute;top:0;left:0}.ga-view-thumbnail{border:1px solid #e2e8f0;border-radius:4px;max-width:150px;padding:4px}.ga-view-actions{border-top:1px solid #e2e8f0;justify-content:center;gap:15px;margin-top:20px;padding-top:20px;display:flex}.ga-items-in-category{margin-top:10px}.ga-empty-message{text-align:center;color:#94a3b8;background:#f8fafc;border:1px dashed #e2e8f0;padding:40px}.ga-items-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.ga-item-card{cursor:pointer;background:#fafbfc;border:1px solid #e2e8f0;gap:12px;padding:12px;transition:all .3s;display:flex}.ga-item-card:hover{border-color:#06c;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.ga-item-card img{object-fit:cover;border-radius:4px;width:80px;height:80px}.ga-video-thumb{color:#64748b;background:#e2e8f0;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:80px;height:80px;display:flex}.ga-video-thumb svg{width:30px;height:30px}.ga-item-card-info{flex:1}.ga-item-card-info h4{color:#1a1a2e;margin:0 0 4px;font-size:14px;font-weight:600}.ga-item-card-info p{color:#64748b;margin:0;font-size:12px;line-height:1.4}.ga-table th:nth-child(5),.ga-table td:nth-child(5){text-align:center}@media (width<=768px){.ga-view-info-grid{grid-template-columns:1fr}.ga-view-info-item.full-width{grid-column:span 1}.ga-view-actions{flex-direction:column}.ga-view-actions button{width:100%}.ga-items-grid{grid-template-columns:1fr}.ga-action-buttons{flex-direction:column}.ga-action-buttons button{justify-content:center;width:100%}.ga-table th,.ga-table td{padding:8px 12px}}.ga-upload-zone{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px;transition:all .2s;display:flex}.ga-upload-zone:hover,.ga-upload-zone.dragover{background:#f0f7ff;border-color:#06c}.ga-upload-icon{color:#64748b;justify-content:center;align-items:center;display:flex}.ga-upload-zone:hover .ga-upload-icon{color:#06c}.ga-upload-text{color:#475569;font-size:14px;font-weight:500}.ga-upload-hint{color:#94a3b8;font-size:12px}.ga-upload-preview-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:16px;margin-top:16px;padding:12px;display:flex}.ga-upload-preview{object-fit:cover;border:1px solid #cbd5e1;border-radius:4px;width:80px;height:80px}.ga-upload-details{flex-direction:column;flex:1;gap:4px;display:flex}.ga-upload-filename{color:#1e293b;word-break:break-all;font-size:13px;font-weight:600}.ga-upload-remove-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:4px;width:fit-content;padding:6px 12px;font-size:12px;font-weight:500}.ga-upload-remove-btn:hover{background:#fecaca}.ga-spinner-small{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.8s ease-in-out infinite ga-spin;display:inline-block}@keyframes ga-spin{to{transform:rotate(360deg)}}.ga-upload-zone.disabled{cursor:not-allowed;opacity:.6}.reports-admin{background:#fff;min-height:100vh;padding:24px}.ra-page{max-width:1400px;margin:0 auto}.ra-page-full{width:100%}.ra-header{border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding-bottom:16px}.ra-header h2{color:#1a1a2e;margin:12px 0 0;font-size:20px;font-weight:600}.ra-back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 0;font-size:14px;display:inline-flex}.ra-back-btn:hover{color:#06c}.ra-header-title{justify-content:space-between;align-items:center;display:flex}.ra-dashboard-header{border-bottom:1px solid #e2e8f0;margin-bottom:32px;padding-bottom:16px}.ra-dashboard-header h1{color:#1a1a2e;margin:0 0 8px;font-size:28px;font-weight:700}.ra-dashboard-header p{color:#64748b;margin:0}.ra-dashboard-links{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.ra-dash-link{cursor:pointer;background:#fafbfc;border:1px solid #e2e8f0;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.ra-dash-link:hover{background:#fff;border-color:#06c}.ra-dash-link-icon svg{stroke:#06c}.ra-dash-link-info h3{color:#1a1a2e;margin:0 0 4px;font-size:16px;font-weight:600}.ra-dash-link-info p{color:#64748b;margin:0;font-size:13px}.ra-table-wrapper{border:1px solid #e2e8f0;overflow-x:auto}.ra-table{border-collapse:collapse;width:100%;font-size:14px}.ra-table th,.ra-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e8f0;padding:12px 16px}.ra-table th{color:#1e293b;background:#f8fafc;font-weight:600}.ra-table tr:hover{background:#fafbfc}.ra-desc-cell{color:#475569;max-width:250px;line-height:1.5}.ra-empty{text-align:center;color:#94a3b8;padding:40px!important}.ra-action-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;margin:0 2px;padding:4px 8px;font-size:12px;display:inline-flex}.ra-edit{color:#06c}.ra-edit:hover{background:#e6f0ff}.ra-delete{color:#dc2626}.ra-delete:hover{background:#fee2e2}.ra-add-btn{color:#fff;cursor:pointer;background:#06c;border:none;border-radius:4px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.ra-add-btn:hover{background:#0052a3}.ra-form-full{background:#fff;border:1px solid #e2e8f0;width:100%;padding:30px}.ra-form{width:100%}.ra-form-row{flex-wrap:wrap;gap:30px;margin-bottom:24px;display:flex}.ra-form-group{flex:1;min-width:200px}.ra-form-group label{color:#1a1a2e;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.ra-form-group input,.ra-form-group select,.ra-form-group textarea{border:1px solid #cbd5e1;border-radius:4px;width:100%;padding:10px 12px;font-size:14px}.ra-form-group input:focus,.ra-form-group select:focus,.ra-form-group textarea:focus{border-color:#06c;outline:none}.ra-buttons{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;margin-top:30px;padding-top:24px;display:flex}.ra-btn{cursor:pointer;border:none;border-radius:4px;padding:10px 24px;font-size:14px;font-weight:500}.ra-btn-primary{color:#fff;background:#06c}.ra-btn-primary:hover{background:#0052a3}.ra-btn-secondary{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.ra-btn-secondary:hover{background:#e2e8f0}.ra-loading{flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.ra-spinner{border:3px solid #f3f3f3;border-top-color:#06c;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}.ra-toast{z-index:1000;background:#fff;border-left:3px solid;border-radius:4px;align-items:center;gap:16px;padding:12px 20px;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 2px 8px #0000001a}.ra-toast.success{border-left-color:#10b981}.ra-toast.error{border-left-color:#ef4444}.ra-toast button{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:18px}@media (width<=768px){.reports-admin{padding:16px}.ra-dashboard-links{grid-template-columns:1fr}.ra-header-title{flex-direction:column;align-items:stretch;gap:12px}.ra-table th,.ra-table td{padding:8px 12px}.ra-desc-cell{max-width:150px}.ra-form-row{flex-direction:column;gap:16px}.ra-buttons{flex-direction:column}.ra-btn{text-align:center;width:100%}.ra-form-full{padding:20px}}.ra-view{color:#10b981}.ra-view:hover{background:#d1fae5}.ra-action-buttons{flex-wrap:wrap;gap:4px;display:flex}.ra-view-container{max-width:900px;margin:0 auto}.ra-view-section{background:#fff;border:1px solid #e2e8f0;margin-bottom:30px;padding:25px}.ra-view-section h3{color:#1a1a2e;border-bottom:2px solid #e2e8f0;margin:0 0 20px;padding-bottom:12px;font-size:18px;font-weight:600}.ra-view-info-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.ra-view-info-item{flex-direction:column;gap:6px;display:flex}.ra-view-info-item.full-width{grid-column:span 2}.ra-view-info-item label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.ra-view-info-item span,.ra-view-info-item p{color:#1e293b;margin:0;font-size:15px;line-height:1.5}.ra-year-badge{color:#06c;background:#e6f0ff;border-radius:20px;width:fit-content;padding:4px 12px;font-size:14px;font-weight:600;display:inline-block}.ra-quarter-badge{color:#d97706;background:#fef3c7;border-radius:20px;width:fit-content;padding:4px 12px;font-size:14px;font-weight:600;display:inline-block}.ra-category-tag{color:#475569;background:#f1f5f9;border-radius:20px;width:fit-content;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.ra-story-title{color:#1a1a2e!important;font-size:18px!important;font-weight:600!important}.ra-impact-box{background:#f0fdf4;border-left:3px solid #10b981;border-radius:6px;align-items:center;gap:12px;padding:15px;display:flex}.ra-impact-box svg{flex-shrink:0}.ra-impact-box span{color:#166534;font-size:14px;line-height:1.5}.ra-download-link{color:#fff;background:#06c;border-radius:4px;align-items:center;gap:8px;width:fit-content;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.ra-download-link:hover{background:#0052a3}.ra-color-preview{align-items:center;gap:8px;display:inline-flex}.ra-color-preview span:first-child{border:1px solid #e2e8f0;border-radius:4px;width:24px;height:24px}.ra-view-actions{border-top:1px solid #e2e8f0;justify-content:center;gap:15px;margin-top:20px;padding-top:20px;display:flex}.ra-quarters-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:25px;display:grid}.ra-quarter-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.ra-quarter-label{color:#64748b;margin-bottom:10px;font-size:14px;font-weight:600}.ra-quarter-value{color:#1a1a2e;font-size:28px;font-weight:700}.ra-total-value{background:#f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.ra-total-value label{color:#1e293b;font-size:14px;font-weight:600}.ra-total-value span{color:#06c;font-size:24px;font-weight:700}@media (width<=768px){.ra-view-info-grid{grid-template-columns:1fr}.ra-view-info-item.full-width{grid-column:span 1}.ra-view-actions{flex-direction:column}.ra-view-actions button{width:100%}.ra-quarters-grid{grid-template-columns:repeat(2,1fr);gap:12px}.ra-quarter-value{font-size:22px}.ra-total-value{text-align:center;flex-direction:column;gap:8px}.ra-action-buttons{flex-direction:column}.ra-action-buttons button{justify-content:center;width:100%}.ra-table th,.ra-table td{padding:8px 12px}.ra-download-link{justify-content:center;width:100%}.ra-impact-box{text-align:center;flex-direction:column}}@media (width<=480px){.ra-quarters-grid{grid-template-columns:1fr}.ra-view-section{padding:16px}}.ra-spinner-small{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.8s ease-in-out infinite ra-spin;display:inline-block}@keyframes ra-spin{to{transform:rotate(360deg)}}.volunteer-admin{background:#fff;min-height:100vh;padding:24px}.va-page{max-width:1400px;margin:0 auto}.va-page-full{width:100%}.va-header{border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding-bottom:16px}.va-header h2{color:#1a1a2e;margin:12px 0 0;font-size:20px;font-weight:600}.va-back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 0;font-size:14px;display:inline-flex}.va-back-btn:hover{color:#06c}.va-header-title{justify-content:space-between;align-items:center;display:flex}.va-dashboard-header{border-bottom:1px solid #e2e8f0;margin-bottom:32px;padding-bottom:16px}.va-dashboard-header h1{color:#1a1a2e;margin:0 0 8px;font-size:28px;font-weight:700}.va-dashboard-header p{color:#64748b;margin:0}.va-stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px;display:grid}.va-stat-card{background:#f8fafc;border:1px solid #e2e8f0;align-items:center;gap:20px;padding:24px;display:flex}.va-stat-icon svg{stroke:#06c}.va-stat-info h3{color:#1a1a2e;margin:0 0 4px;font-size:28px;font-weight:700}.va-stat-info p{color:#64748b;margin:0;font-size:14px}.va-actions-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.va-action-card{cursor:pointer;background:#fafbfc;border:1px solid #e2e8f0;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.va-action-card:hover{background:#fff;border-color:#06c}.va-action-icon svg{stroke:#06c}.va-action-info h4{color:#1a1a2e;margin:0 0 4px;font-size:16px;font-weight:600}.va-action-info p{color:#64748b;margin:0;font-size:13px}.va-table-wrapper{border:1px solid #e2e8f0;overflow-x:auto}.va-table{border-collapse:collapse;width:100%;font-size:14px}.va-table th,.va-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e8f0;padding:12px 16px}.va-table th{color:#1e293b;background:#f8fafc;font-weight:600}.va-table tr:hover{background:#fafbfc}.va-desc-cell{color:#475569;white-space:nowrap;text-overflow:ellipsis;max-width:250px;line-height:1.5;overflow:hidden}.va-empty{text-align:center;color:#94a3b8;padding:40px!important}.va-action-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;margin:0 2px;padding:4px 8px;font-size:12px;display:inline-flex}.va-edit{color:#06c}.va-edit:hover{background:#e6f0ff}.va-delete{color:#dc2626}.va-delete:hover{background:#fee2e2}.va-add-btn{color:#fff;cursor:pointer;background:#06c;border:none;border-radius:4px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.va-add-btn:hover{background:#0052a3}.va-form-full{background:#fff;border:1px solid #e2e8f0;width:100%;padding:30px}.va-form{width:100%}.va-form-row{flex-wrap:wrap;gap:30px;margin-bottom:24px;display:flex}.va-form-group{flex:1;min-width:200px}.va-form-group label{color:#1a1a2e;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.va-form-group input,.va-form-group select,.va-form-group textarea{border:1px solid #cbd5e1;border-radius:4px;width:100%;padding:10px 12px;font-size:14px}.va-form-group input:focus,.va-form-group select:focus,.va-form-group textarea:focus{border-color:#06c;outline:none}.va-buttons{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;margin-top:30px;padding-top:24px;display:flex}.va-btn{cursor:pointer;border:none;border-radius:4px;padding:10px 24px;font-size:14px;font-weight:500}.va-btn-primary{color:#fff;background:#06c}.va-btn-primary:hover{background:#0052a3}.va-btn-secondary{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.va-btn-secondary:hover{background:#e2e8f0}.va-loading{flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.va-spinner{border:3px solid #f3f3f3;border-top-color:#06c;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}.va-toast{z-index:1000;background:#fff;border-left:3px solid;border-radius:4px;align-items:center;gap:16px;padding:12px 20px;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 2px 8px #0000001a}.va-toast.success{border-left-color:#10b981}.va-toast.error{border-left-color:#ef4444}.va-toast button{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:18px}@media (width<=768px){.volunteer-admin{padding:16px}.va-stats-grid,.va-actions-grid{grid-template-columns:1fr}.va-header-title{flex-direction:column;align-items:stretch;gap:12px}.va-table th,.va-table td{padding:8px 12px}.va-desc-cell{max-width:150px}.va-form-row{flex-direction:column;gap:16px}.va-buttons{flex-direction:column}.va-btn{text-align:center;width:100%}.va-form-full{padding:20px}}.va-view{color:#10b981}.va-view:hover{background:#d1fae5}.va-action-buttons{flex-wrap:wrap;gap:4px;display:flex}.va-view-container{max-width:900px;margin:0 auto}.va-view-header{background:#f8fafc;border:1px solid #e2e8f0;align-items:center;gap:24px;margin-bottom:30px;padding:25px;display:flex}.va-view-avatar{background:linear-gradient(135deg,#06c,#0052a3);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.va-view-avatar span{color:#fff;font-size:36px;font-weight:600}.va-view-header-info h2{color:#1a1a2e;margin:0 0 12px;font-size:24px;font-weight:600}.va-view-badge{flex-wrap:wrap;gap:12px;display:flex}.va-type-badge{color:#06c;background:#e6f0ff;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.va-date-badge{color:#64748b;background:#f1f5f9;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;display:inline-flex}.va-view-section{background:#fff;border:1px solid #e2e8f0;margin-bottom:30px;padding:25px}.va-view-section h3{color:#1a1a2e;border-bottom:2px solid #e2e8f0;margin:0 0 20px;padding-bottom:12px;font-size:18px;font-weight:600}.va-contact-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.va-contact-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:16px;padding:16px;display:flex}.va-contact-icon{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.va-contact-icon svg{stroke:#06c}.va-contact-details{flex:1}.va-contact-details label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.va-contact-details a{color:#1e293b;font-size:15px;text-decoration:none}.va-contact-details a:hover{color:#06c;text-decoration:underline}.va-view-info-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.va-view-info-item{flex-direction:column;gap:6px;display:flex}.va-view-info-item label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.va-view-info-item span{color:#1e293b;font-size:15px}.va-type-display{border:1px solid;border-radius:30px;align-items:center;gap:8px;width:fit-content;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.va-app-id{background:#f1f5f9;border-radius:4px;padding:4px 8px;font-family:monospace;font-size:13px;display:inline-block}.va-type-tag{border-radius:20px;align-items:center;gap:4px;width:fit-content;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.va-message-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.va-message-box p{color:#1e293b;white-space:pre-wrap;margin:0;font-size:15px;line-height:1.6}.va-view-actions{border-top:1px solid #e2e8f0;justify-content:center;gap:15px;margin-top:20px;padding-top:20px;display:flex}@media (width<=768px){.va-view-header{text-align:center;flex-direction:column}.va-view-badge{justify-content:center}.va-contact-grid,.va-view-info-grid{grid-template-columns:1fr}.va-view-actions{flex-direction:column}.va-view-actions button{width:100%}.va-action-buttons{flex-direction:column}.va-action-buttons button{justify-content:center;width:100%}.va-table th,.va-table td{padding:8px 12px}}@media (width<=480px){.va-view-header{padding:20px}.va-view-avatar{width:60px;height:60px}.va-view-avatar span{font-size:28px}.va-view-header-info h2{font-size:20px}.va-view-section{padding:16px}.va-contact-card{text-align:center;flex-direction:column}.va-contact-icon{margin:0 auto}}.va-spinner-small{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.8s ease-in-out infinite va-spin;display:inline-block}@keyframes va-spin{to{transform:rotate(360deg)}}.contact-admin{background:#fff;min-height:100vh;padding:24px}.ca-page{max-width:1400px;margin:0 auto}.ca-page-full{width:100%}.ca-header{border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding-bottom:16px}.ca-header h2{color:#1a1a2e;margin:12px 0 0;font-size:20px;font-weight:600}.ca-back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 0;font-size:14px;display:inline-flex}.ca-back-btn:hover{color:#06c}.ca-header-title{justify-content:space-between;align-items:center;display:flex}.ca-dashboard-header{border-bottom:1px solid #e2e8f0;margin-bottom:32px;padding-bottom:16px}.ca-dashboard-header h1{color:#1a1a2e;margin:0 0 8px;font-size:28px;font-weight:700}.ca-dashboard-header p{color:#64748b;margin:0}.ca-stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px;display:grid}.ca-stat-card{background:#f8fafc;border:1px solid #e2e8f0;align-items:center;gap:20px;padding:24px;display:flex}.ca-stat-icon svg{stroke:#06c}.ca-stat-info h3{color:#1a1a2e;margin:0 0 4px;font-size:28px;font-weight:700}.ca-stat-info p{color:#64748b;margin:0;font-size:14px}.ca-actions-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.ca-action-card{cursor:pointer;background:#fafbfc;border:1px solid #e2e8f0;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.ca-action-card:hover{background:#fff;border-color:#06c}.ca-action-icon svg{stroke:#06c}.ca-action-info h4{color:#1a1a2e;margin:0 0 4px;font-size:16px;font-weight:600}.ca-action-info p{color:#64748b;margin:0;font-size:13px}.ca-table-wrapper{border:1px solid #e2e8f0;overflow-x:auto}.ca-table{border-collapse:collapse;width:100%;font-size:14px}.ca-table th,.ca-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e8f0;padding:12px 16px}.ca-table th{color:#1e293b;background:#f8fafc;font-weight:600}.ca-table tr:hover{background:#fafbfc}.ca-desc-cell{color:#475569;white-space:nowrap;text-overflow:ellipsis;max-width:250px;line-height:1.5;overflow:hidden}.ca-empty{text-align:center;color:#94a3b8;padding:40px!important}.ca-action-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;margin:0 2px;padding:4px 8px;font-size:12px;display:inline-flex}.ca-edit{color:#06c}.ca-edit:hover{background:#e6f0ff}.ca-delete{color:#dc2626}.ca-delete:hover{background:#fee2e2}.ca-add-btn{color:#fff;cursor:pointer;background:#06c;border:none;border-radius:4px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.ca-add-btn:hover{background:#0052a3}.ca-form-full{background:#fff;border:1px solid #e2e8f0;width:100%;padding:30px}.ca-form{width:100%}.ca-form-row{flex-wrap:wrap;gap:30px;margin-bottom:24px;display:flex}.ca-form-group{flex:1;min-width:200px}.ca-form-group label{color:#1a1a2e;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.ca-form-group input,.ca-form-group select,.ca-form-group textarea{border:1px solid #cbd5e1;border-radius:4px;width:100%;padding:10px 12px;font-size:14px}.ca-form-group input:focus,.ca-form-group select:focus,.ca-form-group textarea:focus{border-color:#06c;outline:none}.ca-buttons{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;margin-top:30px;padding-top:24px;display:flex}.ca-btn{cursor:pointer;border:none;border-radius:4px;padding:10px 24px;font-size:14px;font-weight:500}.ca-btn-primary{color:#fff;background:#06c}.ca-btn-primary:hover{background:#0052a3}.ca-btn-secondary{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.ca-btn-secondary:hover{background:#e2e8f0}.ca-loading{flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.ca-spinner{border:3px solid #f3f3f3;border-top-color:#06c;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}.ca-toast{z-index:1000;background:#fff;border-left:3px solid;border-radius:4px;align-items:center;gap:16px;padding:12px 20px;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 2px 8px #0000001a}.ca-toast.success{border-left-color:#10b981}.ca-toast.error{border-left-color:#ef4444}.ca-toast button{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:18px}@media (width<=768px){.contact-admin{padding:16px}.ca-stats-grid,.ca-actions-grid{grid-template-columns:1fr}.ca-header-title{flex-direction:column;align-items:stretch;gap:12px}.ca-table th,.ca-table td{padding:8px 12px}.ca-desc-cell{max-width:150px}.ca-form-row{flex-direction:column;gap:16px}.ca-buttons{flex-direction:column}.ca-btn{text-align:center;width:100%}.ca-form-full{padding:20px}}.ca-view{color:#10b981}.ca-view:hover{background:#d1fae5}.ca-action-buttons{flex-wrap:wrap;gap:4px;display:flex}.ca-view-container{max-width:900px;margin:0 auto}.ca-view-header{background:#f8fafc;border:1px solid #e2e8f0;align-items:center;gap:24px;margin-bottom:30px;padding:25px;display:flex}.ca-view-avatar{background:linear-gradient(135deg,#06c,#0052a3);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.ca-view-avatar span{color:#fff;font-size:36px;font-weight:600}.ca-view-header-info h2{color:#1a1a2e;margin:0 0 12px;font-size:24px;font-weight:600}.ca-view-badge{flex-wrap:wrap;gap:12px;display:flex}.ca-date-badge{color:#64748b;background:#f1f5f9;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;display:inline-flex}.ca-view-section{background:#fff;border:1px solid #e2e8f0;margin-bottom:30px;padding:25px}.ca-view-section h3{color:#1a1a2e;border-bottom:2px solid #e2e8f0;margin:0 0 20px;padding-bottom:12px;font-size:18px;font-weight:600}.ca-contact-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.ca-contact-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:16px;padding:16px;display:flex}.ca-contact-icon{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.ca-contact-icon svg{stroke:#06c}.ca-contact-details{flex:1}.ca-contact-details label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.ca-contact-details span,.ca-contact-details a{color:#1e293b;font-size:15px;text-decoration:none}.ca-contact-details a:hover{color:#06c;text-decoration:underline}.ca-view-info-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.ca-view-info-item{flex-direction:column;gap:8px;display:flex}.ca-view-info-item.full-width{grid-column:span 2}.ca-view-info-item label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.ca-view-info-item label svg{stroke:#64748b}.ca-view-info-item span{color:#1e293b;font-size:15px}.ca-subject-box{color:#1a1a2e;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;font-size:15px;font-weight:500}.ca-message-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.ca-message-box p{color:#1e293b;white-space:pre-wrap;margin:0;font-size:15px;line-height:1.6}.ca-app-id{background:#f1f5f9;border-radius:4px;padding:4px 8px;font-family:Montserrat,sans-serif;font-size:13px;display:inline-block}.ca-view-actions{border-top:1px solid #e2e8f0;justify-content:center;gap:15px;margin-top:20px;padding-top:20px;display:flex}@media (width<=768px){.ca-view-header{text-align:center;flex-direction:column}.ca-view-badge{justify-content:center}.ca-contact-grid,.ca-view-info-grid{grid-template-columns:1fr}.ca-view-info-item.full-width{grid-column:span 1}.ca-view-actions{flex-direction:column}.ca-view-actions button{width:100%}.ca-action-buttons{flex-direction:column}.ca-action-buttons button{justify-content:center;width:100%}.ca-table th,.ca-table td{padding:8px 12px}}@media (width<=480px){.ca-view-header{padding:20px}.ca-view-avatar{width:60px;height:60px}.ca-view-avatar span{font-size:28px}.ca-view-header-info h2{font-size:20px}.ca-view-section{padding:16px}.ca-contact-card{text-align:center;flex-direction:column}.ca-contact-icon{margin:0 auto}}.ca-spinner-small{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.8s ease-in-out infinite ca-spin;display:inline-block}@keyframes ca-spin{to{transform:rotate(360deg)}}.services-admin{background:#fff;min-height:100vh;padding:24px}.sa-page{max-width:1400px;margin:0 auto}.sa-page-full{width:100%}.sa-header{border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding-bottom:16px}.sa-header h2{color:#1a1a2e;margin:12px 0 0;font-size:20px;font-weight:600}.sa-back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 0;font-size:14px;display:inline-flex}.sa-back-btn:hover{color:#06c}.sa-header-title{justify-content:space-between;align-items:center;display:flex}.sa-dashboard-header{border-bottom:1px solid #e2e8f0;margin-bottom:32px;padding-bottom:16px}.sa-dashboard-header h1{color:#1a1a2e;margin:0 0 8px;font-size:28px;font-weight:700}.sa-dashboard-header p{color:#64748b;margin:0}.sa-dashboard-links{gap:20px;display:flex}.sa-dash-link{cursor:pointer;background:#fafbfc;border:1px solid #e2e8f0;flex:1;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.sa-dash-link:hover{background:#fff;border-color:#06c}.sa-dash-link-icon svg{stroke:#06c}.sa-dash-link-info h3{color:#1a1a2e;margin:0 0 4px;font-size:16px;font-weight:600}.sa-dash-link-info p{color:#64748b;margin:0;font-size:13px}.sa-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.sa-stat-card{background:#f8fafc;border:1px solid #e2e8f0;flex-direction:column;padding:16px 20px;display:flex}.sa-stat-number{color:#1a1a2e;font-size:28px;font-weight:700}.sa-stat-label{color:#64748b;margin-top:4px;font-size:13px}.sa-table-wrapper{border:1px solid #e2e8f0;overflow-x:auto}.sa-table{border-collapse:collapse;width:100%;font-size:14px}.sa-table th,.sa-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:12px 16px}.sa-table th{color:#1e293b;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-weight:600}.sa-table tr:hover{background:#fafbfc}.sa-empty{text-align:center;color:#94a3b8;padding:40px!important}.sa-order-cell{width:70px}.sa-order-badge{color:#0284c7;background:#e0f2fe;border-radius:20px;padding:2px 12px;font-size:13px;font-weight:600;display:inline-block}.sa-thumb{object-fit:cover;border:1px solid #e2e8f0;border-radius:4px;width:48px;height:48px}.sa-thumb-placeholder{color:#64748b;background:linear-gradient(135deg,#e2e8f0,#f1f5f9);border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex}.sa-title-cell strong{color:#0f172a;font-weight:600}.sa-desc-cell{color:#475569;-webkit-box-orient:vertical;max-width:300px;line-height:1.5;display:-webkit-box;overflow:hidden}.sa-action-buttons{flex-wrap:wrap;gap:4px;display:flex}.sa-action-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;margin:0 2px;padding:4px 8px;font-size:12px;display:inline-flex}.sa-view{color:#10b981}.sa-view:hover{background:#d1fae5}.sa-edit{color:#06c}.sa-edit:hover{background:#e6f0ff}.sa-delete{color:#dc2626}.sa-delete:hover:not(:disabled){background:#fee2e2}.sa-delete:disabled{opacity:.6;cursor:not-allowed}.sa-loading{text-align:center;color:#64748b;border:1px solid #e2e8f0;padding:60px}.sa-toast{z-index:1000;background:#fff;border-left:3px solid;border-radius:4px;align-items:center;gap:16px;padding:12px 20px;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 2px 8px #0000001a}.sa-toast.success{border-left-color:#10b981}.sa-toast.error{border-left-color:#ef4444}.sa-toast button{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:18px}.sa-add-btn{color:#fff;cursor:pointer;background:#06c;border:none;border-radius:4px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.sa-add-btn:hover{background:#0052a3}.sa-btn{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:6px;padding:10px 24px;font-size:14px;font-weight:500;display:inline-flex}.sa-btn-primary{color:#fff;background:#06c}.sa-btn-primary:hover:not(:disabled){background:#0052a3}.sa-btn-secondary{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.sa-btn-secondary:hover:not(:disabled){background:#e2e8f0}.sa-btn:disabled{opacity:.6;cursor:not-allowed}.sa-form-full{background:#fff;border:1px solid #e2e8f0;width:100%;padding:30px}.sa-form{width:100%}.sa-form-row{flex-wrap:wrap;gap:30px;margin-bottom:24px;display:flex}.sa-form-group{flex:1;min-width:250px}.sa-form-group label{color:#1a1a2e;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.sa-form-group input,.sa-form-group textarea{box-sizing:border-box;background:#fafcff;border:1px solid #cbd5e1;border-radius:4px;width:100%;padding:10px 12px;font-size:14px}.sa-form-group input:focus,.sa-form-group textarea:focus{border-color:#06c;outline:none}.sa-form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.sa-form-group small{color:#94a3b8;margin-top:4px;font-size:12px;display:block}.sa-buttons{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;margin-top:30px;padding-top:24px;display:flex}.sa-view-container{max-width:1200px;margin:0 auto}.sa-view-section{background:#fff;border:1px solid #e2e8f0;margin-bottom:30px;padding:20px}.sa-view-section h3{color:#1a1a2e;border-bottom:2px solid #e2e8f0;margin:0 0 20px;padding-bottom:10px;font-size:18px;font-weight:600}.sa-view-media{justify-content:center;align-items:center;min-height:200px;display:flex}.sa-view-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:400px}.sa-view-placeholder{color:#94a3b8;background:linear-gradient(135deg,#e2e8f0,#f1f5f9);border-radius:8px;justify-content:center;align-items:center;width:200px;height:200px;font-size:64px;font-weight:700;display:flex}.sa-view-info-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.sa-view-info-item{flex-direction:column;gap:6px;display:flex}.sa-view-info-item.full-width{grid-column:span 2}.sa-view-info-item label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.sa-view-info-item span,.sa-view-info-item p{color:#1e293b;margin:0;font-size:15px}.sa-view-info-item a{color:#06c;word-break:break-all;text-decoration:none}.sa-view-info-item a:hover{text-decoration:underline}.sa-view-actions{border-top:1px solid #e2e8f0;justify-content:center;gap:15px;margin-top:20px;padding-top:20px;display:flex}.sa-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite sa-spin;display:inline-block}.sa-spinner-small{border:2px solid #dc26264d;border-top-color:#dc2626;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite sa-spin;display:inline-block}@keyframes sa-spin{to{transform:rotate(360deg)}}@media (width<=768px){.services-admin{padding:16px}.sa-dashboard-links{flex-direction:column}.sa-header-title{flex-direction:column;align-items:stretch;gap:12px}.sa-table th,.sa-table td{padding:8px 12px}.sa-desc-cell{max-width:150px}.sa-stats{grid-template-columns:repeat(3,1fr);gap:10px}.sa-stat-card{padding:12px 16px}.sa-stat-number{font-size:22px}.sa-action-buttons{flex-direction:column}.sa-action-btn{justify-content:center}.sa-buttons{flex-direction:column}.sa-btn{justify-content:center;width:100%}.sa-form-row{flex-direction:column;gap:16px}.sa-form-full{padding:20px}.sa-view-info-grid{grid-template-columns:1fr}.sa-view-info-item.full-width{grid-column:span 1}.sa-view-actions{flex-direction:column}.sa-view-actions button{justify-content:center;width:100%}}@media (width<=480px){.services-admin{padding:12px}.sa-dashboard-header h1{font-size:22px}.sa-stats{grid-template-columns:1fr 1fr}.sa-stat-card:last-child{grid-column:span 2}.sa-table th,.sa-table td{padding:8px 10px;font-size:13px}.sa-view-placeholder{width:150px;height:150px;font-size:48px}}@media (prefers-reduced-motion:reduce){.sa-spinner,.sa-spinner-small{animation:none}}.medical-records-page{background:#fff;min-height:100vh;padding:24px}.mr-header{border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding-bottom:16px}.mr-header h1{color:#1a1a2e;margin:12px 0 0;font-size:24px;font-weight:600}.mr-back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 0;font-size:14px;display:inline-flex}.mr-back-btn:hover{color:#06c}.mr-tabs-nav{border-bottom:2px solid #e2e8f0;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-bottom:24px;padding-bottom:12px;display:grid}.mr-tab-nav-btn{cursor:pointer;color:#64748b;text-align:center;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s}.mr-tab-nav-btn:hover{color:#1e293b;background:#e2e8f0;border-color:#cbd5e1}.mr-tab-nav-btn.active{color:#fff;background:#06c;border-color:#06c}.mr-tab-content{animation:.3s fadeIn}.mr-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:24px}.mr-form-card h3{color:#1a1a2e;border-bottom:1px solid #e2e8f0;margin:0 0 20px;padding-bottom:12px;font-size:18px;font-weight:600}.mr-form-row{flex-wrap:wrap;gap:20px;margin-bottom:20px;display:flex}.mr-form-group{flex:1;min-width:200px}.mr-form-group label{color:#1a1a2e;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.mr-form-group input,.mr-form-group select,.mr-form-group textarea{color:#1a1a2e;background:#fff;border:1px solid #cbd5e1;border-radius:4px;width:100%;padding:8px 12px;font-size:14px}.mr-form-group input:focus,.mr-form-group select:focus,.mr-form-group textarea:focus{border-color:#06c;outline:none;box-shadow:0 0 0 3px #0066cc1a}.mr-form-group input:disabled{color:#64748b;cursor:not-allowed;background:#f1f5f9}.mr-form-group textarea{resize:vertical;color:#1a1a2e;background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;width:100%;padding:.75rem;font-family:inherit}.mr-form-group textarea:focus{border-color:#06c;outline:none;box-shadow:0 0 0 3px #0066cc1a}.mr-form-group textarea:disabled{color:#64748b;cursor:not-allowed;background:#f1f5f9}.mr-form-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;display:flex}.mr-btn{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.mr-btn-primary{color:#fff;background:#06c}.mr-btn-primary:hover{background:#0052a3;transform:translateY(-1px);box-shadow:0 4px 12px #0066cc4d}.mr-btn-secondary{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.mr-btn-secondary:hover{background:#e2e8f0}.mr-btn-add{color:#fff;background:#10b981;border-radius:4px;padding:6px 16px;font-size:13px}.mr-history-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.mr-history-card h3{color:#1a1a2e;border-bottom:1px solid #e2e8f0;margin:0 0 20px;padding-bottom:12px;font-size:18px;font-weight:600}.mr-history-list{flex-direction:column;gap:16px;display:flex}.mr-history-item{background:#f8fafc;border-left:3px solid #06c;border-radius:8px;padding:16px}.mr-history-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.mr-history-badge{border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.mr-history-diagnosis,.mr-history-treatment,.mr-history-notes{color:#334155;margin-bottom:8px;font-size:14px;line-height:1.5}.mr-history-footer{color:#94a3b8;border-top:1px solid #e2e8f0;margin-top:12px;padding-top:8px;font-size:11px}.mr-checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:20px;display:grid}.mr-checkbox-label{cursor:pointer;color:#334155;align-items:center;gap:8px;font-size:14px;display:flex}.mr-checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#06c;width:18px;height:18px}.mr-checkbox-label-inline{cursor:pointer;align-items:center;gap:.5rem;display:flex}.mr-checkbox-label-inline input{width:auto;margin:0}.mr-table-responsive{overflow-x:auto}.mr-data-table{border-collapse:collapse;width:100%;margin-top:1rem}.mr-data-table th,.mr-data-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:.75rem}.mr-data-table th{color:#1e293b;background-color:#f8fafc;font-weight:600}.mr-data-table tr:hover{background-color:#f1f5f9}.mr-truncate-cell{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.mr-status-badge{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-block}.mr-status-severely-underweight{color:#fff;background-color:#dc2626}.mr-status-underweight{color:#fff;background-color:#f59e0b}.mr-status-normal{color:#fff;background-color:#10b981}.mr-status-overweight{color:#fff;background-color:#3b82f6}.mr-status-obese{color:#fff;background-color:#8b5cf6}.mr-status-unknown{color:#fff;background-color:#64748b}.mr-result-badge{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-block}.mr-result-positive{color:#fff;background-color:#dc2626}.mr-result-negative{color:#fff;background-color:#10b981}.mr-record-badge{border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.mr-badge-checkup{color:#1e40af;background:#dbeafe}.mr-badge-illness{color:#991b1b;background:#fee2e2}.mr-badge-injury{color:#9a3412;background:#ffedd5}.mr-badge-vaccination{color:#166534;background:#dcfce7}.mr-badge-followup{color:#3730a3;background:#e0e7ff}.mr-badge-emergency{color:#b91c1c;background:#fecaca}.mr-section-subtitle{color:#64748b;border-bottom:1px solid #e2e8f0;margin-bottom:1rem;padding-bottom:.5rem;font-size:.875rem}.mr-service-list{margin:.5rem 0 0 1.5rem;padding:0}.mr-service-list li{color:#475569;margin:.25rem 0}.mr-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;display:grid}.mr-dashboard-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.mr-dashboard-card h3{color:#1e293b;border-bottom:2px solid #06c;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.125rem;font-weight:600;display:inline-block}.mr-dashboard-card h4{color:#475569;margin:0 0 .5rem;font-size:.875rem;font-weight:600}.mr-metric-list{flex-direction:column;gap:.75rem;display:flex}.mr-metric-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:baseline;padding:.5rem 0;display:flex}.mr-metric-label{color:#64748b;font-size:.875rem}.mr-metric-value{color:#1e293b;font-size:1rem;font-weight:600}.mr-bmi-distribution{flex-direction:column;gap:.75rem;display:flex}.mr-bmi-bar-item{align-items:center;gap:.75rem;display:flex}.mr-bmi-bar-label{color:#475569;width:140px;font-size:.75rem;font-weight:500}.mr-bmi-bar-container{flex:1;align-items:center;gap:.5rem;display:flex}.mr-bmi-bar{border-radius:12px;height:24px;transition:width .3s}.mr-bmi-bar-severely-underweight{background-color:#dc2626}.mr-bmi-bar-underweight{background-color:#f59e0b}.mr-bmi-bar-normal{background-color:#10b981}.mr-bmi-bar-overweight{background-color:#3b82f6}.mr-bmi-bar-obese{background-color:#8b5cf6}.mr-bmi-bar-count{color:#1e293b;min-width:30px;font-size:.75rem;font-weight:600}.mr-two-columns{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.mr-bullet-list{margin:0;padding-left:1.25rem}.mr-bullet-list li{color:#475569;margin:.5rem 0;font-size:.875rem}.mr-medication-list{flex-direction:column;gap:.75rem;display:flex}.mr-med-item{align-items:center;gap:.75rem;display:flex}.mr-med-name{color:#1e293b;width:130px;font-size:.875rem;font-weight:500}.mr-med-bar-container{flex:1;align-items:center;gap:.5rem;display:flex}.mr-med-bar{opacity:.8;background-color:#06c;border-radius:12px;height:24px;transition:width .3s}.mr-med-count{color:#1e293b;min-width:40px;font-size:.75rem;font-weight:600}.mr-empty-state{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:60px}.mr-empty-state h3{color:#1a1a2e;margin:16px 0 8px}.mr-empty-state p{color:#64748b}.mr-loading{flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.mr-spinner{border:3px solid #f3f3f3;border-top-color:#06c;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}.mr-btn-spinner{margin-right:8px;animation:.8s linear infinite mr-spin;display:inline-block}@keyframes mr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mr-btn:disabled{opacity:.7;cursor:not-allowed}.mr-btn-primary:disabled{background:#94a3b8}.mr-btn-primary:disabled:hover{background:#94a3b8;transform:none}.mr-btn .mr-btn-spinner{stroke:#fff;width:18px;height:18px}.mr-toast{z-index:1000;background:#fff;border-left:3px solid;border-radius:4px;align-items:center;gap:16px;padding:12px 20px;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 2px 8px #0000001a}.mr-toast.success{border-left-color:#10b981}.mr-toast.error{border-left-color:#ef4444}.mr-toast button{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:18px}@media (width<=1024px){.medical-records-page{padding:20px}.mr-tabs-nav{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px}.mr-tab-nav-btn{padding:8px 12px;font-size:12px}.mr-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (width<=768px){.medical-records-page{padding:12px}.mr-header{flex-direction:column;gap:12px;display:flex}.mr-header h1{margin:8px 0 0;font-size:18px}.mr-tabs-nav{grid-template-columns:repeat(3,1fr);gap:6px;padding-bottom:8px}.mr-tab-nav-btn{white-space:normal;word-wrap:break-word;justify-content:center;align-items:center;min-height:44px;padding:8px 6px;font-size:11px;line-height:1.2;display:flex}.mr-form-row{flex-direction:column;gap:16px}.mr-form-group{min-width:100%}.mr-checkbox-grid{grid-template-columns:1fr 1fr;gap:8px}.mr-form-card,.mr-history-card{padding:16px}.mr-history-header{flex-direction:column;align-items:flex-start}.mr-form-actions{flex-direction:column}.mr-form-actions .mr-btn{text-align:center;justify-content:center;width:100%}.mr-dashboard-grid,.mr-two-columns{grid-template-columns:1fr}.mr-bmi-bar-label{width:80px;font-size:.7rem}.mr-med-name{width:80px;font-size:.75rem}.mr-table-responsive{overflow-x:auto}.mr-data-table th,.mr-data-table td{padding:.5rem;font-size:.75rem}.mr-form-card h3,.mr-history-card h3{font-size:16px}.mr-dashboard-card{padding:1rem}.mr-dashboard-card h3{font-size:1rem}.mr-toast{padding:10px 16px;font-size:13px;top:12px;left:12px;right:12px}.mr-empty-state{padding:30px 20px}.mr-empty-state h3{font-size:16px}.mr-btn{padding:8px 16px;font-size:13px}.mr-btn-spinner{width:16px;height:16px}}@media (width<=480px){.medical-records-page{padding:8px}.mr-header h1{font-size:16px}.mr-tabs-nav{grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:16px}.mr-tab-nav-btn{border-radius:4px;min-height:38px;padding:6px 4px;font-size:10px}.mr-checkbox-grid{grid-template-columns:1fr;gap:6px}.mr-checkbox-label{font-size:13px}.mr-form-card,.mr-history-card{padding:12px}.mr-form-card h3,.mr-history-card h3{font-size:15px}.mr-form-group label{font-size:13px}.mr-form-group input,.mr-form-group select,.mr-form-group textarea{padding:6px 10px;font-size:13px}.mr-bmi-bar-label{width:60px;font-size:.65rem}.mr-med-name{width:60px;font-size:.7rem}.mr-med-bar{height:18px}.mr-med-count{min-width:30px;font-size:.65rem}.mr-data-table th,.mr-data-table td{padding:.4rem;font-size:.65rem}.mr-empty-state{padding:20px 16px}.mr-btn{padding:6px 12px;font-size:12px}.mr-toast{border-left-width:3px;padding:8px 12px;font-size:12px}.mr-dashboard-card{padding:.75rem}.mr-metric-item{padding:.3rem 0}.mr-metric-label{font-size:.75rem}.mr-metric-value{font-size:.85rem}.mr-bmi-bar-item{gap:.5rem}.mr-bmi-bar{height:18px}.mr-bmi-bar-count{min-width:25px;font-size:.65rem}}@media (width<=360px){.mr-tabs-nav{grid-template-columns:repeat(2,1fr);gap:4px}.mr-tab-nav-btn{min-height:36px;padding:6px 4px;font-size:10px}.mr-header h1{font-size:14px}.mr-back-btn{font-size:12px}}@media (height<=500px) and (orientation:landscape){.mr-tabs-nav{grid-template-columns:repeat(4,1fr);gap:4px}.mr-tab-nav-btn{min-height:32px;padding:4px 8px;font-size:10px}.mr-form-row{gap:10px;margin-bottom:12px}.medical-records-page{padding:10px}}.mr-patient-selector-page{background:#fff;min-height:100vh;padding:24px}.mr-patient-selector-header-page{border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding-bottom:16px}.mr-patient-selector-header-page .mr-header-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mr-patient-selector-header-page h1{color:#1a1a2e;align-items:center;gap:12px;margin:0;font-size:24px;font-weight:600;display:flex}.mr-patient-selector-header-page h1 .mr-header-icon{color:#06c;justify-content:center;align-items:center;display:flex}.mr-patient-selector-header-page h1 .mr-header-icon svg{width:28px;height:28px}.mr-patient-selector-header-page p{color:#64748b;margin:4px 0 0;font-size:14px}.mr-patient-selector-header-page .mr-actions{align-items:center;gap:12px;display:flex}.mr-patient-search-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding:20px 24px;display:flex}.mr-search-input-wrapper-page{flex:1;min-width:250px;position:relative}.mr-search-input-wrapper-page .mr-search-icon{color:#94a3b8;pointer-events:none;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.mr-search-input-wrapper-page .mr-search-icon svg{stroke:#94a3b8;width:18px;height:18px}.mr-search-input-page{color:#1a1a2e;background:#fff;border:2px solid #e2e8f0;border-radius:10px;outline:none;width:100%;min-height:48px;padding:12px 14px 12px 44px;font-size:15px;transition:all .2s}.mr-search-input-page::placeholder{color:#94a3b8;font-size:14px}.mr-search-input-page:focus{background:#fff;border-color:#06c;outline:none;box-shadow:0 0 0 4px #0066cc1a}.mr-search-input-page:hover{border-color:#06c}.mr-search-stats-page{color:#64748b;white-space:nowrap;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:120px;padding:8px 12px;font-size:13px;font-weight:500}.mr-search-stats-page strong{color:#1a1a2e;font-weight:700}.mr-patient-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-bottom:24px;display:grid}.mr-patient-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:16px 18px;transition:all .2s;display:flex}.mr-patient-card:hover{background:#f8fafc;border-color:#06c;transform:translateY(-2px);box-shadow:0 4px 12px #0066cc14}.mr-patient-card:active{transform:scale(.98)}.mr-patient-avatar-card{background:#eef2f6;border:2px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;transition:all .2s;display:flex;overflow:hidden}.mr-patient-card:hover .mr-patient-avatar-card{border-color:#06c}.mr-patient-avatar-card img{object-fit:cover;width:100%;height:100%}.mr-patient-avatar-card span{color:#475569;text-transform:uppercase;font-size:22px;font-weight:600}.mr-patient-info-card{flex:1;min-width:0}.mr-patient-name-card{color:#1a1a2e;margin-bottom:4px;font-size:16px;font-weight:600}.mr-patient-id-badge-card{color:#64748b;background:#f1f5f9;border-radius:20px;margin-left:8px;padding:1px 10px;font-size:11px;font-weight:500;display:inline-block}.mr-patient-details-card{color:#64748b;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.mr-patient-details-card .mr-detail-item{align-items:center;gap:4px;display:flex}.mr-patient-details-card .mr-detail-dot{color:#cbd5e1}.mr-gender-badge-card{text-transform:uppercase;border-radius:20px;padding:1px 10px;font-size:11px;font-weight:600;display:inline-block}.mr-gender-male-card{color:#1e40af;background:#dbeafe}.mr-gender-female-card{color:#9d174d;background:#fce7f3}.mr-gender-other-card{color:#4338ca;background:#e0e7ff}.mr-fingerprint-status-card{color:#64748b;background:#f1f5f9;border-radius:20px;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-flex}.mr-fingerprint-status-card.has-fingerprint{color:#166534;background:#dcfce7}.mr-fingerprint-status-card.has-fingerprint:before{content:"✓";margin-right:2px;font-weight:700}.mr-fingerprint-status-card.no-fingerprint{color:#92400e;background:#fef3c7}.mr-fingerprint-status-card.no-fingerprint:before{content:"○";margin-right:2px;font-weight:700}.mr-btn-select-card{cursor:pointer;color:#fff;white-space:nowrap;background:#06c;border:none;border-radius:8px;flex-shrink:0;padding:8px 20px;font-size:13px;font-weight:600;transition:all .2s}.mr-btn-select-card:hover{background:#0052a3;transform:scale(1.03);box-shadow:0 4px 12px #0066cc4d}.mr-btn-select-card:active{transform:scale(.96)}.mr-empty-state-page{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-column:1/-1;padding:80px 20px}.mr-empty-state-page .mr-empty-icon{justify-content:center;align-items:center;margin-bottom:16px;display:flex}.mr-empty-state-page .mr-empty-icon svg{stroke:#94a3b8;width:56px;height:56px}.mr-empty-state-page h3{color:#1a1a2e;margin:0 0 8px;font-size:20px}.mr-empty-state-page p{color:#64748b;margin-bottom:20px;font-size:15px}.mr-empty-state-page .mr-btn-primary{color:#fff;cursor:pointer;background:#06c;border:none;border-radius:8px;padding:10px 28px;font-size:14px;font-weight:500;transition:all .2s}.mr-empty-state-page .mr-btn-primary:hover{background:#0052a3;transform:translateY(-2px);box-shadow:0 4px 12px #0066cc4d}.mr-loading-page{flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.mr-loading-page .mr-spinner{border:3px solid #f3f3f3;border-top-color:#06c;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}.mr-loading-page p{color:#64748b}@media (width<=1024px){.mr-patient-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (width<=768px){.mr-patient-selector-page{padding:16px}.mr-patient-selector-header-page .mr-header-top{flex-direction:column;align-items:flex-start;gap:12px}.mr-patient-selector-header-page h1{font-size:20px}.mr-patient-selector-header-page h1 .mr-header-icon svg{width:24px;height:24px}.mr-patient-selector-header-page .mr-actions{width:100%}.mr-patient-selector-header-page .mr-actions .mr-btn{text-align:center;width:100%}.mr-patient-search-section{flex-direction:column;padding:16px}.mr-search-input-wrapper-page{width:100%;min-width:0}.mr-search-input-page{min-height:44px;padding:12px 12px 12px 40px;font-size:14px}.mr-search-input-wrapper-page .mr-search-icon svg{width:16px;height:16px}.mr-search-stats-page{text-align:center;width:100%;min-width:unset;font-size:12px}.mr-patient-grid{grid-template-columns:1fr;gap:12px}.mr-patient-card{flex-wrap:wrap;gap:12px;padding:14px 16px}.mr-patient-card:hover{transform:translateY(0)}.mr-patient-avatar-card{width:48px;height:48px}.mr-patient-avatar-card span{font-size:18px}.mr-patient-name-card{font-size:15px}.mr-patient-id-badge-card{margin-left:6px;padding:1px 8px;font-size:10px}.mr-patient-details-card{gap:6px;font-size:12px}.mr-patient-info-card{flex:100%;order:2}.mr-btn-select-card{order:3;width:100%;margin-top:4px;padding:10px;font-size:14px}.mr-empty-state-page{padding:50px 16px}.mr-empty-state-page .mr-empty-icon svg{width:42px;height:42px}.mr-empty-state-page h3{font-size:18px}}@media (width<=480px){.mr-patient-selector-page{padding:12px}.mr-patient-selector-header-page h1{font-size:18px}.mr-patient-selector-header-page p{font-size:13px}.mr-patient-avatar-card{width:40px;height:40px}.mr-patient-avatar-card span{font-size:15px}.mr-patient-card{padding:10px 12px}.mr-patient-name-card{font-size:14px}.mr-patient-details-card{gap:4px;font-size:11px}.mr-patient-details-card .mr-detail-dot{display:none}.mr-empty-state-page{padding:40px 12px}.mr-empty-state-page .mr-empty-icon svg{width:36px;height:36px}.mr-empty-state-page h3{font-size:16px}.mr-empty-state-page p{font-size:13px}}.mr-baseline-form{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:24px}.mr-baseline-form h3{color:#1a1a2e;border-bottom:1px solid #e2e8f0;margin:0 0 20px;padding-bottom:12px;font-size:18px;font-weight:600}.mr-baseline-form .mr-form-row{flex-wrap:wrap;gap:20px;margin-bottom:20px;display:flex}.mr-baseline-form .mr-form-group{flex:1;min-width:200px}.mr-baseline-form .mr-form-group label{color:#1a1a2e;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.mr-baseline-form .mr-form-group input{color:#1a1a2e;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:4px;width:100%;padding:8px 12px;font-size:14px;transition:all .2s}.mr-baseline-form .mr-form-group input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.mr-baseline-form .mr-form-group input:disabled{color:#1a1a2e;cursor:not-allowed;opacity:.8;background:#f8fafc}.mr-baseline-form .mr-form-group input[value*=Center]:disabled,.mr-baseline-form .mr-form-group input:not([value*="550e"]):disabled{color:#1e40af;background:#eff6ff;border-color:#93c5fd;font-weight:500}.mr-baseline-form .mr-form-group input[value*="550e"]:disabled{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.mr-baseline-form .mr-checkbox-label-inline{cursor:pointer;color:#1a1a2e;align-items:center;gap:.5rem;font-size:14px;font-weight:500;display:flex}.mr-baseline-form .mr-checkbox-label-inline input{cursor:pointer;accent-color:#667eea;width:18px;height:18px;margin:0}.mr-baseline-form .mr-form-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;display:flex}.mr-baseline-form .mr-btn{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s}.mr-baseline-form .mr-btn-primary{color:#fff;background:#667eea;padding:12px 32px}.mr-baseline-form .mr-btn-primary:hover{background:#5a67d8;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.mr-baseline-form .mr-btn-primary:active{transform:translateY(0)}@media (width<=768px){.mr-baseline-form{padding:16px}.mr-baseline-form .mr-form-row{flex-direction:column;gap:16px}.mr-baseline-form .mr-form-group{min-width:100%}.mr-baseline-form .mr-form-actions{flex-direction:column}.mr-baseline-form .mr-btn{text-align:center;width:100%}}@media (width<=480px){.mr-baseline-form{padding:12px}.mr-baseline-form h3{font-size:16px}.mr-baseline-form .mr-form-group input{padding:6px 10px;font-size:13px}}@media (prefers-color-scheme:dark){.mr-baseline-form{background:#1e293b;border-color:#334155}.mr-baseline-form h3{color:#f1f5f9;border-bottom-color:#334155}.mr-baseline-form .mr-form-group label{color:#e2e8f0}.mr-baseline-form .mr-form-group input{color:#f1f5f9;background:#0f172a;border-color:#475569}.mr-baseline-form .mr-form-group input:focus{border-color:#667eea}.mr-baseline-form .mr-form-group input:disabled{color:#cbd5e1;background:#1e293b}.mr-baseline-form .mr-form-group input[value*=Center]:disabled,.mr-baseline-form .mr-form-group input:not([value*="550e"]):disabled{color:#93c5fd;background:#1e3a5f;border-color:#3b82f6}.mr-baseline-form .mr-form-group input[value*="550e"]:disabled{color:#fca5a5;background:#3a1a1a;border-color:#ef4444}.mr-baseline-form .mr-checkbox-label-inline{color:#e2e8f0}.mr-baseline-form .mr-form-actions{border-top-color:#334155}.mr-baseline-form .mr-btn-primary{background:#667eea}.mr-baseline-form .mr-btn-primary:hover{background:#5a67d8}}@media print{.mr-baseline-form{box-shadow:none!important;background:#fff!important;border-color:#ddd!important}.mr-baseline-form .mr-btn{display:none!important}.mr-baseline-form .mr-form-group input{background:#f5f5f5!important;border-color:#ddd!important}.mr-baseline-form .mr-form-actions{display:none!important}}.mr-vitals-form{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:24px}.mr-vitals-form h3{color:#1a1a2e;border-bottom:1px solid #e2e8f0;margin:0 0 20px;padding-bottom:12px;font-size:18px;font-weight:600}.mr-vitals-form .mr-form-row{flex-wrap:wrap;gap:20px;margin-bottom:20px;display:flex}.mr-vitals-form .mr-form-group{flex:1;min-width:200px}.mr-vitals-form .mr-form-group label{color:#1a1a2e;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.mr-vitals-form .mr-form-group input{border:1px solid #cbd5e1;border-radius:4px;width:100%;padding:8px 12px;font-size:14px}.mr-vitals-form .mr-form-group input:focus{border-color:#06c;outline:none}.mr-vitals-form .mr-form-group input:disabled{color:#64748b;background:#f8fafc}.mr-vitals-form .mr-form-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;display:flex}@media (width<=768px){.mr-vitals-form .mr-form-row{flex-direction:column;gap:16px}.mr-vitals-form .mr-form-actions{flex-direction:column}.mr-vitals-form .mr-btn{text-align:center;width:100%}}.mr-others-form{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:24px}.mr-others-form h3{color:#1a1a2e;border-bottom:1px solid #e2e8f0;margin:0 0 20px;padding-bottom:12px;font-size:18px;font-weight:600}.mr-others-form .mr-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:16px}.mr-others-form .mr-section-title{color:#1a1a2e;border-bottom:1px solid #e2e8f0;margin:0 0 16px;padding-bottom:8px;font-size:15px;font-weight:600}.mr-others-form .mr-form-row{flex-wrap:wrap;gap:20px;margin-bottom:16px;display:flex}.mr-others-form .mr-form-group{flex:1;min-width:200px}.mr-others-form .mr-form-group label{color:#1a1a2e;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.mr-others-form .mr-form-group input,.mr-others-form .mr-form-group textarea{background:#fff;border:1px solid #cbd5e1;border-radius:4px;width:100%;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.mr-others-form .mr-form-group input:focus,.mr-others-form .mr-form-group textarea:focus{border-color:#06c;outline:none;box-shadow:0 0 0 3px #0066cc1a}.mr-others-form .mr-form-group textarea{resize:vertical;min-height:60px}.mr-others-form .mr-form-group textarea.mr-textarea{min-height:80px}.mr-others-form .mr-checkbox-label-inline{cursor:pointer;color:#1a1a2e;align-items:center;gap:10px;font-size:14px;display:flex}.mr-others-form .mr-checkbox-label-inline input[type=checkbox]{cursor:pointer;accent-color:#06c;width:20px;height:20px;margin:0}.mr-others-form .mr-checkbox-label-inline span{font-weight:500}.mr-others-form .mr-section:last-of-type{background:#fff;border-color:#e2e8f0}.mr-others-form .mr-section:last-of-type .mr-section-title{color:#1a1a2e;border-bottom-color:#e2e8f0}.mr-others-form .mr-form-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;display:flex}.mr-others-form .mr-checkbox-label-inline input[type=checkbox]{transition:all .2s}.mr-others-form .mr-checkbox-label-inline input[type=checkbox]:checked{transform:scale(1.1)}.mr-others-form .mr-section:last-of-type .mr-form-row:last-child{animation:.3s slideDown}@media (width<=768px){.mr-others-form{padding:16px}.mr-others-form .mr-form-row{flex-direction:column;gap:12px}.mr-others-form .mr-form-actions{flex-direction:column}.mr-others-form .mr-btn{text-align:center;width:100%}.mr-others-form .mr-section{padding:12px}.mr-others-form .mr-section:last-of-type{background:#fff}}@media (width<=480px){.mr-others-form .mr-form-group{min-width:100%}.mr-others-form .mr-checkbox-label-inline{font-size:13px}}.mr-medical-services-form{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:24px}.mr-medical-services-form h3{color:#1a1a2e;border-bottom:1px solid #e2e8f0;margin:0 0 20px;padding-bottom:12px;font-size:18px;font-weight:600}.mr-medical-services-form .mr-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:16px}.mr-medical-services-form .mr-section-title{color:#1a1a2e;border-bottom:1px solid #e2e8f0;margin:0 0 16px;padding-bottom:8px;font-size:15px;font-weight:600}.mr-medical-services-form .mr-sub-section{margin-bottom:16px}.mr-medical-services-form .mr-sub-section:last-child{margin-bottom:0}.mr-medical-services-form .mr-sub-section-label{color:#475569;margin-bottom:8px;padding-left:4px;font-size:13px;font-weight:600;display:block}.mr-medical-services-form .mr-checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-bottom:12px;display:grid}.mr-medical-services-form .mr-checkbox-label{cursor:pointer;color:#334155;border-radius:4px;align-items:center;gap:8px;padding:4px 8px;font-size:14px;transition:background-color .2s;display:flex}.mr-medical-services-form .mr-checkbox-label:hover{background-color:#f8fafc}.mr-medical-services-form .mr-checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#06c;flex-shrink:0;width:18px;height:18px}.mr-medical-services-form .mr-form-row{flex-wrap:wrap;gap:20px;margin-bottom:16px;display:flex}.mr-medical-services-form .mr-form-group{flex:1;min-width:200px}.mr-medical-services-form .mr-form-group label{color:#1a1a2e;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.mr-medical-services-form .mr-form-group input{background:#fff;border:1px solid #cbd5e1;border-radius:4px;width:100%;padding:8px 12px;font-size:14px;transition:border-color .2s}.mr-medical-services-form .mr-form-group input:focus{border-color:#06c;outline:none;box-shadow:0 0 0 3px #0066cc1a}.mr-medical-services-form .mr-form-group textarea.mr-textarea{resize:vertical;background:#fff;border:1px solid #cbd5e1;border-radius:4px;width:100%;min-height:100px;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.mr-medical-services-form .mr-form-group textarea.mr-textarea:focus{border-color:#06c;outline:none;box-shadow:0 0 0 3px #0066cc1a}.mr-medical-services-form .mr-form-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;display:flex}@media (width<=768px){.mr-medical-services-form{padding:16px}.mr-medical-services-form .mr-checkbox-grid{grid-template-columns:1fr 1fr}.mr-medical-services-form .mr-form-row{flex-direction:column;gap:12px}.mr-medical-services-form .mr-form-actions{flex-direction:column}.mr-medical-services-form .mr-btn{text-align:center;width:100%}.mr-medical-services-form .mr-section{padding:12px}.mr-custom-input-wrapper{flex-direction:column}.mr-custom-input-wrapper input,.mr-btn-add{width:100%}.mr-medical-services-form .mr-form-group textarea.mr-textarea{min-height:80px}}@media (width<=480px){.mr-medical-services-form .mr-checkbox-grid{grid-template-columns:1fr}}.mr-social-services-form{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:24px}.mr-social-services-form h3{color:#1a1a2e;border-bottom:1px solid #e2e8f0;margin:0 0 20px;padding-bottom:12px;font-size:18px;font-weight:600}.mr-social-services-form .mr-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:16px}.mr-social-services-form .mr-section-title{color:#1a1a2e;border-bottom:1px solid #e2e8f0;margin:0 0 16px;padding-bottom:8px;font-size:15px;font-weight:600}.mr-social-services-form .mr-checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-bottom:12px;display:grid}.mr-social-services-form .mr-checkbox-label{cursor:pointer;color:#334155;border-radius:4px;align-items:center;gap:8px;padding:4px 8px;font-size:14px;transition:background-color .2s;display:flex}.mr-social-services-form .mr-checkbox-label:hover{background-color:#f8fafc}.mr-social-services-form .mr-checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#06c;width:18px;height:18px}.mr-social-services-form .mr-form-row{flex-wrap:wrap;gap:20px;margin-bottom:16px;display:flex}.mr-social-services-form .mr-form-group{flex:1;min-width:200px}.mr-social-services-form .mr-form-group label{color:#1a1a2e;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.mr-social-services-form .mr-form-group input,.mr-social-services-form .mr-form-group textarea{background:#fff;border:1px solid #cbd5e1;border-radius:4px;width:100%;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.mr-social-services-form .mr-form-group input:focus,.mr-social-services-form .mr-form-group textarea:focus{border-color:#06c;outline:none;box-shadow:0 0 0 3px #0066cc1a}.mr-social-services-form .mr-form-group textarea{resize:vertical;min-height:60px}.mr-social-services-form .mr-form-group textarea.mr-textarea{min-height:80px}.mr-custom-input-group{flex:1;min-width:250px}.mr-custom-input-wrapper{align-items:center;gap:8px;display:flex}.mr-custom-input-wrapper input{background:#fff;border:1px solid #cbd5e1;border-radius:4px;flex:1;padding:8px 12px;font-size:14px;transition:border-color .2s}.mr-custom-input-wrapper input:focus{border-color:#06c;outline:none;box-shadow:0 0 0 3px #0066cc1a}.mr-btn-add{color:#fff;cursor:pointer;white-space:nowrap;background:#06c;border:none;border-radius:4px;padding:8px 20px;font-size:14px;font-weight:500;transition:background-color .2s}.mr-btn-add:hover{background:#0052a3}.mr-custom-list{border-top:1px dashed #e2e8f0;margin-top:12px;padding-top:12px}.mr-custom-list-label{color:#475569;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.mr-custom-tags{flex-wrap:wrap;gap:8px;display:flex}.mr-custom-tag{color:#1a1a2e;background:#eef2f6;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:500;display:inline-flex}.mr-custom-tag-remove{color:#475569;cursor:pointer;background:#cbd5e1;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:14px;font-weight:700;line-height:1;transition:all .2s;display:inline-flex}.mr-custom-tag-remove:hover{color:#fff;background:#ef4444}.mr-social-services-form .mr-form-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;display:flex}@media (width<=768px){.mr-social-services-form{padding:16px}.mr-social-services-form .mr-checkbox-grid{grid-template-columns:1fr 1fr}.mr-social-services-form .mr-form-row{flex-direction:column;gap:12px}.mr-social-services-form .mr-form-actions{flex-direction:column}.mr-social-services-form .mr-btn{text-align:center;width:100%}.mr-social-services-form .mr-section{padding:12px}.mr-custom-input-wrapper{flex-direction:column}.mr-custom-input-wrapper input,.mr-btn-add{width:100%}.mr-social-services-form .mr-form-group textarea.mr-textarea{min-height:80px}}@media (width<=480px){.mr-social-services-form .mr-checkbox-grid{grid-template-columns:1fr}}.mr-program-summary{flex-direction:column;gap:2rem;padding:4px;display:flex}.mr-program-summary .mr-section-block{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem 1.75rem}.mr-program-summary .mr-section-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.mr-program-summary .mr-section-header h3{color:#1a1a2e;margin:0;font-size:1.125rem;font-weight:600}.mr-program-summary .mr-section-badge{text-transform:uppercase;letter-spacing:.3px;color:#475569;background:#f1f5f9;border-radius:4px;padding:3px 12px;font-size:.7rem;font-weight:600;display:inline-block}.mr-program-summary .mr-badge-bmi{color:#166534;background:#dcfce7}.mr-program-summary .mr-badge-health{color:#5b21b6;background:#ede9fe}.mr-program-summary .mr-overview-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;padding:.25rem 0;display:grid}.mr-program-summary .mr-overview-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;gap:.15rem;padding:.5rem .75rem;display:flex}.mr-program-summary .mr-overview-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;font-size:.7rem;font-weight:500}.mr-program-summary .mr-overview-value-large{color:#0f172a;font-size:1.5rem;font-weight:700;line-height:1.2}.mr-program-summary .mr-overview-list{flex-direction:column;gap:.75rem;display:flex}.mr-program-summary .mr-overview-item-bar{align-items:center;gap:.75rem;display:flex}.mr-program-summary .mr-overview-label-bar{color:#334155;flex-shrink:0;width:180px;font-size:.8rem;font-weight:500}.mr-program-summary .mr-overview-bar-container{flex:1;align-items:center;gap:.75rem;display:flex}.mr-program-summary .mr-overview-bar{border-radius:4px;align-items:center;min-width:30px;height:26px;padding:0 12px;transition:width .8s;display:flex}.mr-program-summary .mr-overview-value{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.mr-program-summary .mr-overview-bar-blue{background-color:#3b82f6}.mr-program-summary .mr-overview-bar-green{background-color:#10b981}.mr-program-summary .mr-overview-bar-purple{background-color:#8b5cf6}.mr-program-summary .mr-overview-bar-orange{background-color:#f59e0b}.mr-program-summary .mr-overview-bar-red{background-color:#ef4444}.mr-program-summary .mr-latest-bmi-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:24px;margin-bottom:16px;padding:16px 20px;display:flex}.mr-program-summary .mr-latest-bmi-value{flex-direction:column;align-items:center;display:flex}.mr-program-summary .mr-latest-bmi-number{color:#0f172a;font-size:28px;font-weight:700;line-height:1}.mr-program-summary .mr-latest-bmi-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:11px;font-weight:500}.mr-program-summary .mr-latest-bmi-details{flex-direction:column;gap:4px;display:flex}.mr-program-summary .mr-latest-bmi-status{border-radius:20px;width:fit-content;padding:2px 14px;font-size:13px;font-weight:600;display:inline-block}.mr-program-summary .mr-bmi-status-severely-underweight{color:#fff;background:#dc2626}.mr-program-summary .mr-bmi-status-underweight{color:#fff;background:#f59e0b}.mr-program-summary .mr-bmi-status-normal{color:#fff;background:#10b981}.mr-program-summary .mr-bmi-status-overweight{color:#fff;background:#3b82f6}.mr-program-summary .mr-bmi-status-obese{color:#fff;background:#8b5cf6}.mr-program-summary .mr-bmi-status-unknown{color:#475569;background:#e2e8f0}.mr-program-summary .mr-latest-bmi-date{color:#94a3b8;font-size:12px}.mr-program-summary .mr-bmi-distribution{flex-direction:column;gap:.75rem;padding:4px 0;display:flex}.mr-program-summary .mr-bmi-bar-item{align-items:center;gap:.75rem;display:flex}.mr-program-summary .mr-bmi-bar-label{color:#334155;flex-shrink:0;align-items:center;gap:6px;width:150px;font-size:.8rem;font-weight:500;display:flex}.mr-program-summary .mr-bmi-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.mr-program-summary .mr-bmi-bar-item:has(.mr-bmi-bar-severely-underweight) .mr-bmi-status-dot{background-color:#dc2626}.mr-program-summary .mr-bmi-bar-item:has(.mr-bmi-bar-underweight) .mr-bmi-status-dot{background-color:#f59e0b}.mr-program-summary .mr-bmi-bar-item:has(.mr-bmi-bar-normal) .mr-bmi-status-dot{background-color:#10b981}.mr-program-summary .mr-bmi-bar-item:has(.mr-bmi-bar-overweight) .mr-bmi-status-dot{background-color:#3b82f6}.mr-program-summary .mr-bmi-bar-item:has(.mr-bmi-bar-obese) .mr-bmi-status-dot{background-color:#8b5cf6}.mr-program-summary .mr-bmi-bar-container{flex:1;align-items:center;gap:.75rem;display:flex}.mr-program-summary .mr-bmi-bar{border-radius:4px;align-items:center;min-width:20px;height:26px;transition:width .8s;display:flex}.mr-program-summary .mr-bmi-bar-percentage{color:#fff;white-space:nowrap;padding:0 8px;font-size:.7rem;font-weight:600}.mr-program-summary .mr-bmi-bar-severely-underweight{background-color:#dc2626}.mr-program-summary .mr-bmi-bar-underweight{background-color:#f59e0b}.mr-program-summary .mr-bmi-bar-normal{background-color:#10b981}.mr-program-summary .mr-bmi-bar-overweight{background-color:#3b82f6}.mr-program-summary .mr-bmi-bar-obese{background-color:#8b5cf6}.mr-program-summary .mr-bmi-bar-count{color:#1a1a2e;text-align:right;min-width:30px;font-size:.8rem;font-weight:600}.mr-program-summary .mr-two-columns{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.mr-program-summary .mr-health-column h4{color:#1a1a2e;border-bottom:1px solid #f1f5f9;margin:0 0 .75rem;padding-bottom:.5rem;font-size:.875rem;font-weight:600}.mr-program-summary .mr-bullet-list{margin:0;padding:0;list-style:none}.mr-program-summary .mr-bullet-list li{color:#334155;border-bottom:1px solid #fafafa;align-items:center;gap:8px;padding:.4rem .5rem;font-size:.875rem;display:flex}.mr-program-summary .mr-bullet-list li:last-child{border-bottom:none}.mr-program-summary .mr-bullet-dot{background-color:#94a3b8;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.mr-program-summary .mr-no-data{color:#94a3b8;padding:.5rem 0;font-size:.875rem;font-style:italic}.mr-program-summary .mr-empty-state{text-align:center;color:#94a3b8;padding:20px;font-size:.875rem}.mr-program-summary .mr-loading-state{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.mr-program-summary .mr-spinner-small{border:3px solid #f3f3f3;border-top-color:#06c;border-radius:50%;width:30px;height:30px;margin-bottom:12px;animation:1s linear infinite spin}@media (width<=1024px){.mr-program-summary .mr-overview-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}}@media (width<=768px){.mr-program-summary{gap:1.5rem}.mr-program-summary .mr-section-block{padding:1rem 1.25rem}.mr-program-summary .mr-section-header{flex-direction:column;align-items:flex-start;gap:6px}.mr-program-summary .mr-overview-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.mr-program-summary .mr-overview-item{padding:.4rem .6rem}.mr-program-summary .mr-overview-value-large{font-size:1.2rem}.mr-program-summary .mr-overview-label-bar{width:130px;font-size:.75rem}.mr-program-summary .mr-overview-bar{height:22px;padding:0 8px}.mr-program-summary .mr-overview-value{font-size:.7rem}.mr-program-summary .mr-two-columns{grid-template-columns:1fr;gap:1.5rem}.mr-program-summary .mr-bmi-bar-label{width:110px;font-size:.75rem}.mr-program-summary .mr-bmi-bar{height:22px}.mr-program-summary .mr-bmi-bar-percentage{padding:0 6px;font-size:.65rem}.mr-program-summary .mr-latest-bmi-info{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.mr-program-summary .mr-latest-bmi-value{flex-direction:row;align-items:baseline;gap:12px}.mr-program-summary .mr-latest-bmi-number{font-size:24px}}@media (width<=480px){.mr-program-summary .mr-section-block{padding:.75rem 1rem}.mr-program-summary .mr-overview-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.4rem}.mr-program-summary .mr-overview-item{padding:.3rem .5rem}.mr-program-summary .mr-overview-value-large{font-size:1rem}.mr-program-summary .mr-overview-label{font-size:.6rem}.mr-program-summary .mr-overview-label-bar{width:100px;font-size:.7rem}.mr-program-summary .mr-overview-bar{height:20px;padding:0 6px}.mr-program-summary .mr-overview-value{font-size:.65rem}.mr-program-summary .mr-bmi-bar-label{width:85px;font-size:.7rem}.mr-program-summary .mr-bmi-bar{height:20px}.mr-program-summary .mr-bmi-bar-count{min-width:24px;font-size:.7rem}.mr-program-summary .mr-bmi-bar-percentage{padding:0 4px;font-size:.6rem}.mr-program-summary .mr-bullet-list li{padding:.3rem .4rem;font-size:.8rem}.mr-program-summary .mr-latest-bmi-info{padding:12px 14px}.mr-program-summary .mr-latest-bmi-number{font-size:20px}.mr-program-summary .mr-latest-bmi-status{padding:1px 10px;font-size:11px}.mr-program-summary .mr-latest-bmi-date{font-size:10px}}@media (width<=360px){.mr-program-summary .mr-overview-grid{grid-template-columns:1fr 1fr}}.mr-service-delivery{flex-direction:column;gap:2rem;padding:4px;display:flex}.mr-service-delivery .mr-section-block{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem 1.75rem}.mr-service-delivery .mr-section-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.mr-service-delivery .mr-section-header h3{color:#1a1a2e;margin:0;font-size:1.125rem;font-weight:600}.mr-service-delivery .mr-section-badge{text-transform:uppercase;letter-spacing:.3px;color:#475569;background:#f1f5f9;border-radius:4px;padding:3px 12px;font-size:.7rem;font-weight:600;display:inline-block}.mr-service-delivery .mr-badge-material{color:#92400e;background:#fef3c7}.mr-service-delivery .mr-badge-medication{color:#1e40af;background:#dbeafe}.mr-service-delivery .mr-badge-procedure{color:#3730a3;background:#e0e7ff}.mr-service-delivery .mr-overview-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;padding:.25rem 0;display:grid}.mr-service-delivery .mr-overview-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;gap:.15rem;padding:.5rem .75rem;display:flex}.mr-service-delivery .mr-overview-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;font-size:.7rem;font-weight:500}.mr-service-delivery .mr-overview-value-large{color:#0f172a;font-size:1.5rem;font-weight:700;line-height:1.2}.mr-service-delivery .mr-metric-grid{grid-template-columns:1fr;gap:.5rem;display:grid}.mr-service-delivery .mr-metric-item{align-items:center;gap:.75rem;padding:.4rem 0;display:flex}.mr-service-delivery .mr-metric-label{color:#334155;flex-shrink:0;width:180px;font-size:.8rem;font-weight:500}.mr-service-delivery .mr-metric-bar-container{flex:1;align-items:center;display:flex}.mr-service-delivery .mr-metric-bar{border-radius:4px;align-items:center;min-width:30px;height:26px;padding:0 12px;transition:width .8s;display:flex}.mr-service-delivery .mr-metric-value{color:#fff;white-space:nowrap;font-size:.8rem;font-weight:600}.mr-service-delivery .mr-metric-bar-blue{background-color:#3b82f6}.mr-service-delivery .mr-metric-bar-green{background-color:#10b981}.mr-service-delivery .mr-metric-bar-purple{background-color:#8b5cf6}.mr-service-delivery .mr-metric-bar-orange{background-color:#f59e0b}.mr-service-delivery .mr-metric-bar-teal{background-color:#14b8a6}.mr-service-delivery .mr-metric-bar-yellow{background-color:#eab308}.mr-service-delivery .mr-metric-bar-pink{background-color:#ec4899}.mr-service-delivery .mr-metric-bar-indigo{background-color:#6366f1}.mr-service-delivery .mr-medication-list{flex-direction:column;gap:.75rem;padding:4px 0;display:flex}.mr-service-delivery .mr-med-item{align-items:center;gap:.75rem;display:flex}.mr-service-delivery .mr-med-name{color:#334155;word-break:break-word;flex-shrink:0;width:180px;font-size:.8rem;font-weight:500}.mr-service-delivery .mr-med-bar-container{flex:1;align-items:center;gap:.75rem;display:flex}.mr-service-delivery .mr-med-bar{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;align-items:center;min-width:20px;height:26px;padding:0 10px;transition:width .8s;display:flex}.mr-service-delivery .mr-med-count-inner{color:#fff;white-space:nowrap;font-size:.7rem;font-weight:600}.mr-service-delivery .mr-med-count{color:#1a1a2e;text-align:right;min-width:40px;font-size:.8rem;font-weight:600}.mr-service-delivery .mr-procedure-list{flex-direction:column;gap:.5rem;padding:4px 0;display:flex}.mr-service-delivery .mr-procedure-item{border-bottom:1px solid #fafafa;align-items:center;gap:10px;padding:.4rem .5rem;display:flex}.mr-service-delivery .mr-procedure-item:last-child{border-bottom:none}.mr-service-delivery .mr-procedure-dot{background-color:#6366f1;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.mr-service-delivery .mr-procedure-name{color:#334155;font-size:.85rem}.mr-service-delivery .mr-latest-bmi-mini{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding:10px 16px;display:flex}.mr-service-delivery .mr-latest-bmi-mini-label{color:#64748b;font-size:13px;font-weight:500}.mr-service-delivery .mr-latest-bmi-mini-value{color:#0f172a;font-size:16px;font-weight:700}.mr-service-delivery .mr-latest-bmi-mini-status{border-radius:20px;padding:2px 12px;font-size:12px;font-weight:600;display:inline-block}.mr-service-delivery .mr-latest-bmi-mini-date{color:#94a3b8;font-size:12px}.mr-bmi-status-severely-underweight{color:#dc2626;background:#fee2e2}.mr-bmi-status-underweight{color:#d97706;background:#fef3c7}.mr-bmi-status-normal{color:#059669;background:#d1fae5}.mr-bmi-status-overweight{color:#b45309;background:#fde68a}.mr-bmi-status-obese{color:#b91c1c;background:#fca5a5}.mr-bmi-status-unknown{color:#64748b;background:#f1f5f9}.mr-service-delivery .mr-empty-state{text-align:center;color:#94a3b8;padding:20px;font-size:.875rem}.mr-service-delivery .mr-loading-state{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.mr-service-delivery .mr-spinner-small{border:3px solid #f3f3f3;border-top-color:#06c;border-radius:50%;width:30px;height:30px;margin-bottom:12px;animation:1s linear infinite spin}@media (width<=1024px){.mr-service-delivery .mr-overview-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}}@media (width<=768px){.mr-service-delivery{gap:1.5rem}.mr-service-delivery .mr-section-block{padding:1rem 1.25rem}.mr-service-delivery .mr-section-header{flex-direction:column;align-items:flex-start;gap:6px}.mr-service-delivery .mr-overview-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.mr-service-delivery .mr-overview-item{padding:.4rem .6rem}.mr-service-delivery .mr-overview-value-large{font-size:1.2rem}.mr-service-delivery .mr-metric-label{width:130px;font-size:.75rem}.mr-service-delivery .mr-metric-bar{height:22px;padding:0 8px}.mr-service-delivery .mr-metric-value{font-size:.7rem}.mr-service-delivery .mr-med-name{width:130px;font-size:.75rem}.mr-service-delivery .mr-med-bar{height:22px}.mr-service-delivery .mr-med-count-inner{font-size:.65rem}.mr-service-delivery .mr-med-count{min-width:30px;font-size:.7rem}.mr-service-delivery .mr-procedure-name{font-size:.8rem}.mr-service-delivery .mr-latest-bmi-mini{flex-direction:column;align-items:flex-start;gap:6px}}@media (width<=480px){.mr-service-delivery .mr-section-block{padding:.75rem 1rem}.mr-service-delivery .mr-overview-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.4rem}.mr-service-delivery .mr-overview-item{padding:.3rem .5rem}.mr-service-delivery .mr-overview-value-large{font-size:1rem}.mr-service-delivery .mr-overview-label{font-size:.6rem}.mr-service-delivery .mr-metric-label{width:100px;font-size:.7rem}.mr-service-delivery .mr-metric-bar{height:20px;padding:0 6px}.mr-service-delivery .mr-metric-value{font-size:.65rem}.mr-service-delivery .mr-med-name{width:100px;font-size:.7rem}.mr-service-delivery .mr-med-bar{height:20px;padding:0 6px}.mr-service-delivery .mr-med-count-inner{font-size:.6rem}.mr-service-delivery .mr-med-count{min-width:24px;font-size:.65rem}.mr-service-delivery .mr-procedure-item{padding:.3rem}.mr-service-delivery .mr-procedure-name{font-size:.75rem}.mr-service-delivery .mr-latest-bmi-mini{gap:4px;padding:8px 12px}.mr-service-delivery .mr-latest-bmi-mini-label{font-size:11px}.mr-service-delivery .mr-latest-bmi-mini-value{font-size:14px}.mr-service-delivery .mr-latest-bmi-mini-status{padding:1px 10px;font-size:10px}.mr-service-delivery .mr-latest-bmi-mini-date{font-size:10px}}@media (width<=360px){.mr-service-delivery .mr-overview-grid{grid-template-columns:1fr 1fr}.mr-service-delivery .mr-med-name{width:80px;font-size:.65rem}.mr-service-delivery .mr-med-bar{height:18px}.mr-service-delivery .mr-med-count{min-width:20px;font-size:.6rem}.mr-service-delivery .mr-med-count-inner{font-size:.55rem}}.mr-symptom-list,.mr-diagnosis-list{flex-wrap:wrap;gap:8px;padding:8px 0;display:flex}.mr-symptom-tag,.mr-diagnosis-tag{border-radius:20px;padding:4px 14px;font-size:13px;font-weight:500;display:inline-block}.mr-symptom-tag{color:#92400e;background:#fef3c7}.mr-diagnosis-tag{color:#1e40af;background:#dbeafe}.mr-badge-symptom{color:#92400e;background:#fef3c7}.mr-badge-diagnosis{color:#1e40af;background:#dbeafe}.mr-error-state{text-align:center;color:#dc2626;padding:40px 20px}.mr-error-state button{color:#fff;cursor:pointer;background:#06c;border:none;border-radius:6px;margin-top:12px;padding:8px 24px}.mr-all-history{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000f}.mr-all-history .mr-history-header-section{border-bottom:2px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.mr-all-history .mr-history-title-wrapper{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.mr-all-history .mr-history-title-wrapper h3{color:#0f172a;letter-spacing:-.3px;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:700;display:flex}.mr-all-history .mr-history-title-wrapper h3 svg{stroke:#3b82f6;width:22px;height:22px}.mr-all-history .mr-history-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mr-action-btn{color:#475569;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.mr-action-btn:hover{background:#f1f5f9;border-color:#94a3b8}.mr-action-btn svg{stroke:currentColor;width:16px;height:16px}.mr-print-btn{color:#fff;background:#3b82f6;border-color:#3b82f6}.mr-print-btn:hover{background:#2563eb;border-color:#2563eb}.mr-all-history .mr-history-patient{color:#1e293b;background:#f1f5f9;border-radius:20px;padding:4px 14px;font-size:14px;font-weight:600}.mr-all-history .mr-history-id{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:3px 12px;font-size:12px;font-weight:500}.mr-all-history .mr-history-count{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:24px;padding:6px 18px;font-size:14px;font-weight:600}.mr-history-summary-cards{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin-bottom:24px;display:grid}.mr-summary-card{cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;transition:all .25s;display:flex}.mr-summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.mr-summary-card:active{transform:scale(.97)}.mr-summary-card .mr-summary-icon{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.mr-summary-card .mr-summary-icon svg{stroke:currentColor;width:22px;height:22px}.mr-summary-info{flex-direction:column;line-height:1.3;display:flex}.mr-summary-info .mr-summary-count{color:#0f172a;font-size:18px;font-weight:700}.mr-summary-info .mr-summary-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:500}.mr-summary-baseline{color:#1e40af;background:#eff6ff;border-color:#3b82f6}.mr-summary-vitals{color:#166534;background:#f0fdf4;border-color:#22c55e}.mr-summary-medication{color:#5b21b6;background:#f5f3ff;border-color:#8b5cf6}.mr-summary-test{color:#92400e;background:#fffbeb;border-color:#f59e0b}.mr-summary-service{color:#0e7490;background:#ecfeff;border-color:#06b6d4}.mr-summary-education{color:#065f46;background:#ecfdf5;border-color:#10b981}.mr-summary-assessment{color:#9d174d;background:#fdf2f8;border-color:#ec4899}.mr-summary-diagnosis{color:#9d174d;background:#fdf2f8;border-color:#f472b6}.mr-history-controls{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:16px;margin-bottom:24px;padding:16px 20px;display:flex}.mr-search-wrapper{align-items:center;width:100%;display:flex;position:relative}.mr-search-icon{color:#94a3b8;justify-content:center;align-items:center;display:flex;position:absolute;left:14px}.mr-search-icon svg{width:18px;height:18px}.mr-search-input{color:#0f172a;background:#fff;border:2px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 16px 10px 44px;font-size:14px;transition:all .25s}.mr-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.mr-search-input::placeholder{color:#94a3b8}.mr-clear-search{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px 8px;transition:all .2s;display:flex;position:absolute;right:12px}.mr-clear-search:hover{color:#475569;background:#f1f5f9}.mr-clear-search svg{width:16px;height:16px}.mr-date-filter{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:16px;padding:12px 16px;display:flex}.mr-date-filter-group{flex-direction:column;gap:4px;display:flex}.mr-date-filter-group label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:500}.mr-date-input{color:#0f172a;background:#fff;border:2px solid #e2e8f0;border-radius:8px;outline:none;padding:8px 12px;font-size:14px;transition:all .25s}.mr-date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.mr-clear-date-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:8px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s}.mr-clear-date-btn:hover{background:#e2e8f0}.mr-filter-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mr-filter-buttons{flex-wrap:wrap;flex:1;gap:8px;display:flex}.mr-filter-btn{color:#475569;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.mr-filter-btn:hover{background:#f1f5f9;border-color:#94a3b8}.mr-filter-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.mr-filter-btn .mr-filter-count{background:#fff3;border-radius:12px;padding:1px 8px;font-size:11px;font-weight:600}.mr-filter-btn.active .mr-filter-count{background:#ffffff40}.mr-clear-filters-btn{color:#991b1b;cursor:pointer;white-space:nowrap;background:#fee2e2;border:2px solid #fca5a5;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s}.mr-clear-filters-btn:hover{background:#fecaca}.mr-history-timeline{flex-direction:column;gap:0;padding-left:28px;display:flex;position:relative}.mr-timeline-item{gap:20px;display:flex;position:relative}.mr-timeline-marker{flex-direction:column;flex-shrink:0;align-items:center;padding-top:4px;display:flex}.mr-timeline-icon{z-index:2;color:#475569;background:#f8fafc;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.mr-timeline-icon svg{stroke:currentColor;width:20px;height:20px}.mr-timeline-line{background:#e2e8f0;flex:1;width:2px;min-height:20px;margin:4px 0 0}.mr-timeline-item:last-child .mr-timeline-line{display:none}.mr-history-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;margin-bottom:20px;padding:16px 20px;transition:all .25s}.mr-history-card:hover{border-color:#94a3b8;box-shadow:0 4px 16px #0000000f}.mr-history-card-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;display:flex}.mr-history-card-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mr-history-date{color:#0f172a;font-size:14px;font-weight:600}.mr-history-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:20px;padding:3px 14px;font-size:11px;font-weight:600;display:inline-block}.mr-badge-baseline{color:#1e40af;background:#dbeafe}.mr-badge-vitals{color:#166534;background:#dcfce7}.mr-badge-medication{color:#6b21a5;background:#f3e8ff}.mr-badge-test{color:#92400e;background:#fef3c7}.mr-badge-service{color:#3730a3;background:#e0e7ff}.mr-badge-education{color:#065f46;background:#d1fae5}.mr-badge-assessment,.mr-badge-diagnosis{color:#9d174d;background:#fce7f3}.mr-history-by{color:#94a3b8;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.mr-history-by svg{stroke:#94a3b8;width:14px;height:14px}.mr-history-card-body{flex-direction:column;gap:6px;display:flex}.mr-history-card-body .mr-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;min-width:80px;font-size:12px;font-weight:600}.mr-history-card-body .mr-value{color:#1e293b;font-size:14px;line-height:1.6}.mr-history-diagnosis,.mr-history-treatment,.mr-history-notes{gap:8px;padding:4px 0;display:flex}.mr-empty-state{text-align:center;color:#64748b;padding:60px 20px}.mr-empty-icon-wrapper{color:#94a3b8;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.mr-empty-icon-wrapper svg{stroke:#cbd5e1;width:56px;height:56px}.mr-empty-state h4{color:#0f172a;margin:0 0 8px;font-size:20px;font-weight:600}.mr-empty-state p{color:#64748b;max-width:400px;margin:0 auto 12px;font-size:14px}.mr-clear-filter-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;margin-top:8px;padding:8px 24px;font-size:14px;font-weight:500;transition:all .2s}.mr-clear-filter-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.mr-loading-state{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.mr-spinner-wrapper{color:#3b82f6;justify-content:center;align-items:center;display:flex}.mr-spinner-wrapper svg{width:40px;height:40px;animation:.8s linear infinite spin}.mr-loading-state p{color:#94a3b8;font-size:14px;font-weight:500}@media print{body *{visibility:hidden}#history-print-area,#history-print-area *{visibility:visible}#history-print-area{width:100%;padding:20px;position:absolute;top:0;left:0;box-shadow:none!important;background:#fff!important;border:none!important}.mr-history-controls,.mr-history-actions,.mr-action-btn,.mr-print-btn,.mr-clear-search,.mr-clear-filters-btn,.mr-clear-date-btn,.mr-summary-card{display:none!important}.mr-history-card{break-inside:avoid;page-break-inside:avoid;box-shadow:none!important;border:1px solid #ddd!important;margin-bottom:12px!important}.mr-history-card:hover{box-shadow:none!important;border-color:#ddd!important}.mr-timeline-line{background:#ddd!important}.mr-timeline-icon{background:#f5f5f5!important;border-color:#ddd!important}.mr-history-badge{border:1px solid #ddd!important}.mr-history-header-section{border-bottom-color:#ddd!important}.mr-history-count{color:#333!important;background:#f5f5f5!important}.mr-history-summary-cards{display:none!important}.mr-history-date{color:#000!important}.mr-history-by{color:#666!important}.mr-history-card-body .mr-value{color:#333!important}.mr-history-card-body .mr-label{color:#555!important}.mr-empty-state{display:none!important}}@media (width<=1024px){.mr-history-summary-cards{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.mr-all-history .mr-history-header-section{flex-direction:column;align-items:flex-start}.mr-all-history .mr-history-actions{justify-content:flex-start;width:100%}}@media (width<=768px){.mr-all-history{padding:16px}.mr-all-history .mr-history-title-wrapper{flex-direction:column;align-items:flex-start;gap:6px}.mr-history-summary-cards{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}.mr-summary-card{text-align:center;flex-direction:column;align-items:center;padding:10px 12px}.mr-summary-card .mr-summary-icon{width:24px;height:24px}.mr-summary-card .mr-summary-icon svg{width:18px;height:18px}.mr-summary-info .mr-summary-count{font-size:16px}.mr-summary-info .mr-summary-label{font-size:10px}.mr-history-controls{padding:12px 16px}.mr-date-filter{flex-direction:column;align-items:stretch}.mr-date-filter-group,.mr-date-input{width:100%}.mr-filter-row{flex-direction:column;align-items:stretch}.mr-filter-buttons{justify-content:center}.mr-clear-filters-btn{text-align:center;width:100%}.mr-filter-btn{padding:4px 12px;font-size:12px}.mr-history-timeline{padding-left:16px}.mr-timeline-icon{width:32px;height:32px}.mr-timeline-icon svg{width:16px;height:16px}.mr-history-card{margin-bottom:16px;padding:14px 16px}.mr-history-card-header{flex-direction:column;align-items:flex-start}.mr-history-card-left{flex-wrap:wrap}.mr-history-diagnosis,.mr-history-treatment,.mr-history-notes{flex-direction:column;gap:2px}.mr-history-card-body .mr-label{min-width:auto}.mr-empty-state{padding:40px 16px}.mr-empty-icon-wrapper svg{width:40px;height:40px}.mr-action-btn{padding:4px 10px;font-size:12px}.mr-action-btn svg{width:14px;height:14px}}@media (width<=480px){.mr-all-history{padding:12px}.mr-history-summary-cards{grid-template-columns:repeat(3,1fr)}.mr-summary-card{padding:8px 10px}.mr-summary-info .mr-summary-count{font-size:14px}.mr-history-timeline{padding-left:12px}.mr-timeline-icon{width:28px;height:28px}.mr-timeline-icon svg{width:14px;height:14px}.mr-history-card{padding:12px 14px}.mr-history-date{font-size:13px}.mr-history-badge{padding:2px 10px;font-size:10px}.mr-filter-btn{padding:3px 10px;font-size:11px}.mr-all-history .mr-history-actions{flex-wrap:wrap}}@media (prefers-color-scheme:dark){.mr-all-history{background:#1e293b}.mr-all-history .mr-history-header-section{border-bottom-color:#334155}.mr-all-history .mr-history-title-wrapper h3{color:#f1f5f9}.mr-all-history .mr-history-title-wrapper h3 svg{stroke:#60a5fa}.mr-all-history .mr-history-patient{color:#e2e8f0;background:#334155}.mr-all-history .mr-history-id{color:#94a3b8;background:#1e293b;border-color:#475569}.mr-all-history .mr-history-count{color:#e2e8f0;background:#334155}.mr-action-btn{color:#94a3b8;background:#1e293b;border-color:#334155}.mr-action-btn:hover{background:#334155;border-color:#475569}.mr-print-btn{color:#fff;background:#3b82f6;border-color:#3b82f6}.mr-print-btn:hover{background:#2563eb}.mr-summary-card{background:#1e293b;border-color:#334155}.mr-summary-card:hover{box-shadow:0 4px 12px #0000004d}.mr-summary-info .mr-summary-count{color:#f1f5f9}.mr-summary-info .mr-summary-label{color:#94a3b8}.mr-history-controls{background:#1e293b;border-color:#334155}.mr-search-input{color:#f1f5f9;background:#0f172a;border-color:#334155}.mr-search-input:focus{border-color:#3b82f6}.mr-search-input::placeholder{color:#64748b}.mr-date-filter{background:#0f172a;border-color:#334155}.mr-date-filter-group label{color:#94a3b8}.mr-date-input{color:#f1f5f9;background:#0f172a;border-color:#334155}.mr-date-input:focus{border-color:#3b82f6}.mr-clear-date-btn{color:#94a3b8;background:#1e293b;border-color:#334155}.mr-clear-date-btn:hover{background:#334155}.mr-filter-btn{color:#94a3b8;background:#0f172a;border-color:#334155}.mr-filter-btn:hover{background:#1e293b;border-color:#475569}.mr-filter-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.mr-clear-filters-btn{color:#fca5a5;background:#7f1d1d;border-color:#991b1b}.mr-clear-filters-btn:hover{background:#991b1b}.mr-history-card{background:#0f172a;border-color:#334155}.mr-history-card:hover{border-color:#475569}.mr-history-card-header{border-bottom-color:#1e293b}.mr-history-date{color:#f1f5f9}.mr-history-by{color:#64748b}.mr-history-by svg{stroke:#64748b}.mr-history-card-body .mr-value{color:#e2e8f0}.mr-history-card-body .mr-label{color:#94a3b8}.mr-timeline-icon{color:#94a3b8;background:#1e293b;border-color:#334155}.mr-timeline-line{background:#334155}.mr-empty-state h4{color:#f1f5f9}.mr-empty-state p{color:#94a3b8}.mr-empty-icon-wrapper svg{stroke:#475569}.mr-spinner-wrapper{color:#60a5fa}.mr-loading-state p{color:#64748b}}.mr-history-measurement{gap:8px;padding:4px 0;display:flex}.mr-history-measurement .mr-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;min-width:80px;font-size:12px;font-weight:600}.mr-history-measurement .mr-value{color:#1e293b;font-size:14px;line-height:1.6}@media (prefers-color-scheme:dark){.mr-history-measurement .mr-label{color:#94a3b8}.mr-history-measurement .mr-value{color:#e2e8f0}}@media print{.mr-history-measurement .mr-label{color:#555!important}.mr-history-measurement .mr-value{color:#333!important}}.mr-baseline-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.mr-baseline-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.mr-baseline-item{flex-direction:column;gap:2px;display:flex}.mr-baseline-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.mr-baseline-label svg{stroke:#64748b;width:14px;height:14px}.mr-baseline-value{color:#0f172a;padding-left:20px;font-size:14px;font-weight:500}.mr-baseline-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.mr-baseline-recorded-by{color:#94a3b8;font-size:12px}.mr-baseline-first-visit{color:#3b82f6;background:#eff6ff;border-radius:12px;padding:2px 12px;font-size:11px;font-weight:600}@media (prefers-color-scheme:dark){.mr-baseline-card{background:#1e293b;border-color:#334155}.mr-baseline-label{color:#94a3b8}.mr-baseline-label svg{stroke:#94a3b8}.mr-baseline-value{color:#f1f5f9}.mr-baseline-footer{border-top-color:#334155}.mr-baseline-recorded-by{color:#64748b}.mr-baseline-first-visit{color:#60a5fa;background:#1e3a5f}}@media print{.mr-baseline-card{background:#f5f5f5!important;border-color:#ddd!important}.mr-baseline-label{color:#555!important}.mr-baseline-value{color:#000!important}.mr-baseline-footer{border-top-color:#ddd!important}.mr-baseline-recorded-by{color:#666!important}}@media (width<=768px){.mr-baseline-grid{grid-template-columns:1fr;gap:8px}.mr-baseline-value{padding-left:0}.mr-baseline-footer{flex-direction:column;align-items:flex-start;gap:8px}}.mr-visit-badge{color:#3730a3;background:#e0e7ff;border:1px solid #c7d2fe;border-radius:20px;padding:3px 12px;font-size:11px;font-weight:600;display:inline-block}.mr-baseline-footer-right{align-items:center;gap:12px;display:flex}.mr-baseline-visit-count{color:#475569;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.mr-baseline-visit-count svg{stroke:#475569;width:14px;height:14px}@media (prefers-color-scheme:dark){.mr-visit-badge{color:#60a5fa;background:#1e3a5f;border-color:#2563eb}.mr-baseline-visit-count{color:#94a3b8}.mr-baseline-visit-count svg{stroke:#94a3b8}}@media print{.mr-visit-badge{color:#3730a3!important;background:#e0e7ff!important;border-color:#c7d2fe!important}.mr-baseline-visit-count{color:#475569!important}}@media (width<=768px){.mr-baseline-footer{flex-direction:column;align-items:flex-start;gap:8px}.mr-baseline-footer-right{flex-wrap:wrap;gap:8px}.mr-baseline-visit-count{font-size:11px}}.user-profile-container{box-sizing:border-box;background:#f8fafc;width:100%;min-height:100vh;padding:24px}.user-profile-content{width:100%;max-width:1400px;margin:0 auto}.user-profile-loading{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:400px;display:flex}.user-profile-spinner{border:3px solid #e2e8f0;border-top-color:#06c;border-radius:50%;width:50px;height:50px;margin-bottom:16px;animation:.8s linear infinite user-profile-spin}@keyframes user-profile-spin{to{transform:rotate(360deg)}}.user-profile-toast{z-index:1000;background:#fff;border-left:3px solid;border-radius:8px;align-items:center;gap:16px;padding:12px 20px;animation:.3s user-profile-slide-in;display:flex;position:fixed;top:80px;right:24px;box-shadow:0 4px 12px #00000026}.user-profile-toast.success{border-left-color:#10b981}.user-profile-toast.error{border-left-color:#ef4444}.user-profile-toast.info{border-left-color:#17a2b8}.user-profile-toast-content{align-items:center;gap:10px;display:flex}.user-profile-toast-content span:first-child{font-size:18px;font-weight:700}.user-profile-toast-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;padding:0 4px;font-size:20px}.user-profile-toast-close:hover{color:#64748b}@keyframes user-profile-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.user-profile-header{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:24px;width:100%;margin-bottom:24px;padding:30px;display:flex}.user-profile-avatar{background:linear-gradient(135deg,#06c,#0052a3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex;box-shadow:0 4px 12px #06c3}.user-profile-avatar span{color:#fff;font-size:40px;font-weight:600}.user-profile-header-info{flex:1}.user-profile-header-info h1{color:#1a1a2e;margin:0 0 8px;font-size:28px;font-weight:700}.user-profile-role,.user-profile-email{color:#64748b;align-items:center;gap:8px;margin:4px 0;font-size:14px;display:inline-flex}.user-profile-role svg,.user-profile-email svg{stroke:#64748b;width:16px;height:16px}.user-profile-edit-btn{color:#fff;cursor:pointer;background:#06c;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.user-profile-edit-btn:hover{background:#0052a3;transform:translateY(-1px)}.user-profile-tabs{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:4px;width:100%;margin-bottom:24px;padding:4px;display:flex}.user-profile-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.user-profile-tab svg{stroke:#64748b;width:18px;height:18px}.user-profile-tab:hover{color:#06c;background:#f0f7ff}.user-profile-tab:hover svg{stroke:#06c}.user-profile-tab.active{color:#06c;background:#e6f0ff}.user-profile-tab.active svg{stroke:#06c}.user-profile-section{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:30px}.user-profile-info-grid{grid-template-columns:repeat(2,1fr);gap:20px;width:100%;display:grid}.user-profile-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:16px;padding:16px;transition:all .3s;display:flex}.user-profile-info-card:hover{border-color:#06c;box-shadow:0 2px 8px #0066cc1a}.user-profile-info-card.full-width{grid-column:span 2}.user-profile-info-icon{background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 2px 4px #0000000d}.user-profile-info-icon svg{stroke:#06c;width:20px;height:20px}.user-profile-info-content{flex:1}.user-profile-info-content label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.user-profile-info-content span{color:#1e293b;word-break:break-word;font-size:15px;font-weight:500}.user-profile-info-content p{color:#475569;word-break:break-word;margin:0;font-size:14px;line-height:1.6}.user-profile-form{width:100%}.user-profile-form-row{flex-wrap:wrap;gap:20px;width:100%;margin-bottom:20px;display:flex}.user-profile-form-group{flex:1;min-width:200px}.user-profile-form-group.full-width{flex:auto;width:100%}.user-profile-form-group label{color:#1a1a2e;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.user-profile-form-group input,.user-profile-form-group textarea,.user-profile-form-group select{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .3s}.user-profile-form-group input:focus,.user-profile-form-group textarea:focus,.user-profile-form-group select:focus{border-color:#06c;outline:none;box-shadow:0 0 0 3px #0066cc1a}.user-profile-disabled-input{cursor:not-allowed;color:#64748b;background:#f1f5f9}.user-profile-form-group small{color:#64748b;margin-top:6px;font-size:12px;display:block}.user-profile-password-wrapper{gap:8px;display:flex}.user-profile-password-wrapper input{flex:1}.user-profile-password-toggle{cursor:pointer;color:#64748b;white-space:nowrap;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:10px 16px;font-size:12px;transition:all .3s}.user-profile-password-toggle:hover{color:#475569;background:#e2e8f0}.user-profile-form-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;display:flex}.user-profile-save-btn,.user-profile-cancel-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.user-profile-save-btn{color:#fff;background:#06c}.user-profile-save-btn:hover:not(:disabled){background:#0052a3;transform:translateY(-1px)}.user-profile-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.user-profile-cancel-btn{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.user-profile-cancel-btn:hover{background:#e2e8f0;transform:translateY(-1px)}.user-profile-security-container{max-width:600px;margin:0 auto}.user-profile-security-container h3{color:#1a1a2e;margin:0 0 8px;font-size:20px;font-weight:600}.user-profile-security-hint{color:#64748b;margin-bottom:24px;font-size:14px}.user-profile-password-requirements{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:20px;padding:16px}.user-profile-password-requirements h4{color:#1a1a2e;margin:0 0 12px;font-size:14px;font-weight:600}.user-profile-password-requirements ul{flex-wrap:wrap;gap:16px;margin:0;padding:0;list-style:none;display:flex}.user-profile-password-requirements li{color:#94a3b8;align-items:center;gap:6px;font-size:13px;transition:color .3s;display:inline-flex}.user-profile-password-requirements li.valid{color:#10b981}.user-profile-password-requirements li svg{stroke:currentColor;width:14px;height:14px}@media (width<=1024px){.user-profile-container{padding:20px}.user-profile-info-grid{gap:16px}}@media (width<=768px){.user-profile-container{padding:16px}.user-profile-header{text-align:center;flex-direction:column;gap:16px;padding:24px}.user-profile-header-info{text-align:center}.user-profile-header-info h1{font-size:24px}.user-profile-role,.user-profile-email{justify-content:center}.user-profile-info-grid{grid-template-columns:1fr}.user-profile-info-card.full-width{grid-column:span 1}.user-profile-form-row{flex-direction:column;gap:16px}.user-profile-form-actions{flex-direction:column}.user-profile-save-btn,.user-profile-cancel-btn{justify-content:center;width:100%}.user-profile-tabs{flex-direction:column}.user-profile-tab{justify-content:center}.user-profile-section{padding:20px}.user-profile-password-requirements ul{flex-direction:column;gap:8px}.user-profile-password-wrapper{flex-direction:column}.user-profile-password-toggle{width:100%}.user-profile-toast{max-width:calc(100% - 32px);top:70px;left:16px;right:16px}}@media (width<=480px){.user-profile-avatar{width:70px;height:70px}.user-profile-avatar span{font-size:28px}.user-profile-header-info h1{font-size:20px}.user-profile-info-card{text-align:center;flex-direction:column;align-items:center}.user-profile-info-icon{margin:0 auto}.user-profile-info-content{text-align:center}.user-profile-edit-btn{justify-content:center;width:100%}.user-profile-security-container{max-width:100%}.user-profile-form-group{min-width:100%}}@media (prefers-color-scheme:dark){.user-profile-container{background:#0f172a}.user-profile-header,.user-profile-tabs,.user-profile-section{background:#1e293b;border-color:#334155}.user-profile-header-info h1{color:#f1f5f9}.user-profile-role,.user-profile-email{color:#94a3b8}.user-profile-info-card{background:#0f172a;border-color:#334155}.user-profile-info-card:hover{border-color:#06c}.user-profile-info-content span{color:#e2e8f0}.user-profile-info-content p{color:#cbd5e1}.user-profile-tab{color:#94a3b8}.user-profile-tab:hover{background:#334155}.user-profile-tab.active{color:#60a5fa;background:#1e3a5f}.user-profile-form-group label{color:#e2e8f0}.user-profile-form-group input,.user-profile-form-group textarea,.user-profile-form-group select{color:#e2e8f0;background:#0f172a;border-color:#334155}.user-profile-form-group input:focus,.user-profile-form-group textarea:focus,.user-profile-form-group select:focus{border-color:#06c}.user-profile-disabled-input{color:#94a3b8;background:#1e293b}.user-profile-password-requirements{background:#0f172a;border-color:#334155}.user-profile-password-requirements h4{color:#e2e8f0}.user-profile-password-toggle{color:#94a3b8;background:#1e293b;border-color:#334155}.user-profile-password-toggle:hover{color:#cbd5e1;background:#334155}.user-profile-cancel-btn{color:#cbd5e1;background:#1e293b;border-color:#334155}.user-profile-cancel-btn:hover{background:#334155}}.notifications-admin-wrapper{width:100%;padding:0}.na-dashboard-content{background:#fff;width:100%}.na-dashboard-header{border-bottom:2px solid #e0e0e0;margin-bottom:30px;padding-bottom:20px}.na-header-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px;display:flex}.na-header-title h1{color:#1a1a2e;margin:0;font-size:28px}.na-subtitle{color:#666;margin:0;font-size:14px}.na-back-btn{color:#667eea;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:15px;padding:8px 0;font-size:14px;display:inline-flex}.na-back-btn:hover{color:#5a67d8}.na-add-btn{color:#fff;cursor:pointer;background:#06c;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s;display:inline-flex}.na-add-btn:hover{background:#0052a3;transform:translateY(-1px)}.na-table-wrapper{background:#fff;border:1px solid #e0e0e0;overflow-x:auto}.na-data-table{border-collapse:collapse;width:100%;font-size:14px}.na-data-table th,.na-data-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e0e0e0;padding:12px 16px}.na-data-table th{color:#1e293b;background:#f8fafc;font-weight:600}.na-data-table tr:hover{background:#fafbfc}.na-message-cell{color:#475569;white-space:nowrap;text-overflow:ellipsis;max-width:300px;line-height:1.5;overflow:hidden}.na-type-badge{text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-system{color:#475569;background:#f1f5f9}.badge-announcement{color:#06c;background:#e6f0ff}.badge-event{color:#059669;background:#d1fae5}.na-action-buttons{flex-wrap:wrap;gap:8px;display:flex}.na-action-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:all .3s;display:inline-flex}.na-view{color:#10b981}.na-view:hover{background:#d1fae5}.na-edit{color:#f59e0b}.na-edit:hover{background:#fef3c7}.na-delete{color:#ef4444}.na-delete:hover{background:#fee2e2}.na-form-container{box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:100%;padding:30px}.na-form-group{margin-bottom:20px}.na-form-group label{color:#1a1a2e;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.na-form-group input,.na-form-group select,.na-form-group textarea{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:10px 12px;font-size:14px}.na-form-group input:focus,.na-form-group select:focus,.na-form-group textarea:focus{border-color:#06c;outline:none}.na-form-actions{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:12px;margin-top:30px;padding-top:24px;display:flex}.na-btn-primary,.na-btn-secondary{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:500;display:inline-flex}.na-btn-primary{color:#fff;background:#06c}.na-btn-primary:hover{background:#0052a3}.na-btn-secondary{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.na-view-container{max-width:900px;margin:0 auto}.na-view-section{background:#fff;border:1px solid #e0e0e0;margin-bottom:30px;padding:25px}.na-view-info-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.na-view-info-item{flex-direction:column;gap:6px;display:flex}.na-view-info-item.full-width{grid-column:span 2}.na-view-info-item label{color:#94a3b8;text-transform:uppercase;font-size:11px;font-weight:600}.na-view-info-item span,.na-view-info-item p{color:#1e293b;margin:0;font-size:15px}.na-view-actions{border-top:1px solid #e0e0e0;justify-content:center;gap:15px;margin-top:20px;padding-top:20px;display:flex}.na-loading{flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.na-spinner{border:3px solid #e2e8f0;border-top-color:#06c;border-radius:50%;width:50px;height:50px;margin-bottom:16px;animation:.8s linear infinite na-spin}@keyframes na-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.na-empty{text-align:center;color:#94a3b8;padding:40px!important}.na-toast-notification{z-index:1000;background:#fff;border-left:3px solid;border-radius:8px;align-items:center;gap:16px;padding:12px 20px;display:flex;position:fixed;top:80px;right:24px;box-shadow:0 4px 12px #00000026}.na-toast-notification.success{border-left-color:#10b981}.na-toast-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:20px}@media (width<=768px){.na-header-title{flex-direction:column;align-items:flex-start}.na-add-btn{justify-content:center;width:100%}.na-action-buttons{flex-direction:column}.na-action-btn{justify-content:center;width:100%}.na-view-info-grid{grid-template-columns:1fr}.na-view-info-item.full-width{grid-column:span 1}.na-view-actions{flex-direction:column}.na-view-actions button{width:100%}.na-form-container{padding:20px}.na-form-actions{flex-direction:column}.na-btn-primary,.na-btn-secondary{justify-content:center;width:100%}}.na-view-section h3{color:#1a1a2e;border-bottom:2px solid #e0e0e0;margin-bottom:20px;padding-bottom:12px;font-size:18px;font-weight:600}.na-no-readers{text-align:center;color:#94a3b8;background:#f8fafc;border-radius:8px;padding:30px}.na-readers-list{overflow-x:auto}.na-readers-table{border-collapse:collapse;width:100%;font-size:14px}.na-readers-table th,.na-readers-table td{text-align:left;border-bottom:1px solid #e0e0e0;padding:12px 16px}.na-readers-table th{color:#1e293b;background:#f8fafc;font-weight:600}.na-readers-table tr:hover{background:#fafbfc}.na-readers-table tr:last-child td{border-bottom:none}@media (width<=768px){.na-readers-table th,.na-readers-table td{padding:8px 12px;font-size:12px}}button:disabled{opacity:.6;cursor:not-allowed}input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed;background-color:#f5f5f5}.na-action-btn.na-resend{color:#f59e0b;transition:all .2s}.na-action-btn.na-resend:hover:not(:disabled){color:#d97706;background-color:#fef3c7}.na-action-btn.na-resend:disabled{opacity:.5;cursor:not-allowed}.na-btn-resend{color:#fff;cursor:pointer;background-color:#f59e0b;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.na-btn-resend:hover:not(:disabled){background-color:#d97706;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.na-btn-resend:disabled{opacity:.6;cursor:not-allowed;transform:none}.na-resend-option{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #f59e0b;border-radius:8px;margin-top:8px;padding:16px 20px;transition:all .3s}.na-resend-option:hover{box-shadow:0 2px 8px #f59e0b33}.na-resend-checkbox-wrapper{align-items:flex-start;gap:12px;display:flex}.na-resend-checkbox-wrapper input[type=checkbox]{cursor:pointer;accent-color:#f59e0b;flex-shrink:0;width:18px;height:18px;margin-top:2px}.na-resend-checkbox-wrapper input[type=checkbox]:checked{background-color:#f59e0b;border-color:#f59e0b}.na-resend-checkbox-wrapper label{cursor:pointer;color:#333;flex-direction:column;gap:4px;font-size:14px;line-height:1.4;display:flex}.na-resend-checkbox-wrapper label strong{color:#1a1a2e;font-size:14px}.na-resend-hint{color:#6b7280;font-size:12px;font-style:italic;font-weight:400}.na-spinner-small{vertical-align:middle;border:2px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.8s linear infinite na-spin;display:inline-block}.na-btn-resend .na-spinner-small{border-color:#fff #ffffff4d #ffffff4d}.na-view-actions{border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:20px;display:flex}.na-toast-notification{z-index:9999;background:#fff;border-left:4px solid #10b981;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-width:300px;max-width:450px;padding:14px 20px;animation:.3s na-toast-slide-in;display:flex;position:fixed;top:90px;right:20px;box-shadow:0 4px 20px #00000026}.na-toast-notification.error{border-left-color:#ef4444}.na-toast-content{color:#1a1a2e;flex:1;align-items:center;gap:10px;font-size:14px;display:flex}.na-toast-content span:first-child{color:#10b981;font-size:18px;font-weight:700}.na-toast-notification.error .na-toast-content span:first-child{color:#ef4444}.na-toast-close{color:#999;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;transition:color .2s}.na-toast-close:hover{color:#333}@keyframes na-toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.na-resend-option{padding:12px 16px}.na-resend-checkbox-wrapper{flex-direction:column;gap:8px}.na-resend-checkbox-wrapper input[type=checkbox]{width:20px;height:20px}.na-view-actions{flex-direction:column}.na-view-actions button,.na-btn-resend{justify-content:center;width:100%}.na-toast-notification{min-width:auto;max-width:none;top:80px;left:10px;right:10px}}.na-action-btn[title]:hover:after{content:attr(title);color:#fff;white-space:nowrap;z-index:10;background:#1f2937;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0003}.na-action-btn{position:relative}.na-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.na-action-buttons{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.na-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex;position:relative}.na-action-btn:hover:not(:disabled){transform:scale(1.05)}.na-action-btn.na-resend:hover:not(:disabled):after{background:#f59e0b}.ph-container{background:#fff;min-height:100vh;padding:24px}.ph-toast{z-index:1000;background:#fff;border-left:4px solid;border-radius:8px;align-items:center;gap:16px;padding:12px 20px;animation:.3s ph-slide-in;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 4px 12px #00000026}@keyframes ph-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.ph-toast.success{border-left-color:#10b981}.ph-toast.error{border-left-color:#ef4444}.ph-toast.warning{border-left-color:#f59e0b}.ph-toast button{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:18px}.ph-toast button:hover{color:#475569}.ph-refresh-indicator{justify-content:flex-end;align-items:center;gap:12px;margin-bottom:16px;padding:4px 8px;display:flex}.ph-refresh-spinner{border:2px solid #e2e8f0;border-top-color:#06c;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite ph-spin;display:inline-block}.ph-refresh-time{color:#94a3b8;font-size:12px}.ph-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.ph-header-left h1{color:#0f172a;margin:0 0 4px;font-size:24px;font-weight:700}.ph-header-left p{color:#64748b;margin:0;font-size:14px}.ph-header-right{align-items:center;gap:16px;display:flex}.ph-total-count{color:#64748b;background:#f1f5f9;border-radius:20px;padding:6px 14px;font-size:14px;font-weight:500}.ph-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.ph-btn-export{color:#fff;background:#06c}.ph-btn-export:hover{background:#0052a3}.ph-btn-clear{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.ph-btn-clear:hover{background:#e2e8f0}.ph-btn-view{color:#1e40af;background:#dbeafe;padding:4px 8px}.ph-btn-view:hover{background:#bfdbfe}.ph-btn-view svg{stroke:#1e40af}.ph-btn-medical{color:#166534;background:#dcfce7;padding:4px 8px}.ph-btn-medical:hover{background:#bbf7d0}.ph-btn-medical svg{stroke:#166534}.ph-btn-primary{color:#fff;background:#06c}.ph-btn-primary:hover{background:#0052a3}.ph-btn-secondary{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.ph-btn-secondary:hover{background:#e2e8f0}.ph-filters{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;padding:16px;display:flex}.ph-filter-group{flex:1;min-width:150px}.ph-search-input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:8px 12px;font-size:14px;transition:border-color .2s}.ph-search-input:focus{border-color:#06c;outline:none;box-shadow:0 0 0 3px #0066cc1a}.ph-filter-select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:8px 12px;font-size:14px;transition:border-color .2s}.ph-filter-select:focus{border-color:#06c;outline:none;box-shadow:0 0 0 3px #0066cc1a}.ph-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.ph-table{border-collapse:collapse;width:100%}.ph-table thead{background:#f8fafc}.ph-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#64748b;cursor:default;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:12px;font-weight:600}.ph-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.ph-sortable:hover{color:#0f172a}.ph-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:14px}.ph-table tbody tr:hover{background:#f8fafc}.ph-table tbody tr:last-child td{border-bottom:none}.ph-patient-info{align-items:center;gap:10px;display:flex}.ph-patient-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.ph-avatar-placeholder{color:#1e40af;text-transform:uppercase;background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.ph-patient-name{color:#0f172a;font-weight:500}.ph-patient-id{color:#94a3b8;font-size:12px}.ph-gender-badge{border-radius:20px;padding:2px 12px;font-size:12px;font-weight:500;display:inline-block}.ph-gender-male{color:#1e40af;background:#dbeafe}.ph-gender-female{color:#9d174d;background:#fce7f3}.ph-gender-unknown{color:#475569;background:#f1f5f9}.ph-fingerprint-badge{border-radius:20px;padding:2px 12px;font-size:12px;font-weight:500;display:inline-block}.ph-fp-yes{color:#166534;background:#dcfce7}.ph-fp-no{color:#991b1b;background:#fee2e2}.ph-actions{gap:6px;display:flex}.ph-actions .ph-btn{border-radius:4px;padding:4px 8px}.ph-no-data{text-align:center;color:#94a3b8;padding:60px 20px}.ph-no-data-icon{margin-bottom:12px;font-size:48px;display:block}.ph-no-data p{color:#1a1a2e;margin:0 0 4px;font-size:16px}.ph-no-data-sub{color:#94a3b8;font-size:13px}.ph-loading{flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.ph-spinner{border:3px solid #f3f3f3;border-top-color:#06c;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite ph-spin}.ph-loading p{color:#64748b}.ph-error-state{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin:20px;padding:60px 20px}.ph-error-icon{margin-bottom:16px;font-size:48px;display:block}.ph-error-state h3{color:#1a1a2e;margin:0 0 8px;font-size:20px}.ph-error-state p{color:#64748b;margin:0 0 20px;font-size:14px}.ph-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ph-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:750px;max-height:90vh;animation:.3s ph-modal-in;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}@keyframes ph-modal-in{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.ph-modal-header{background:#fafbfc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.ph-modal-header h2{color:#0f172a;margin:0;font-size:20px;font-weight:700}.ph-modal-header h2 .ph-patient-badge{color:#64748b;background:#f1f5f9;border-radius:20px;margin-left:10px;padding:2px 12px;font-size:13px;font-weight:500}.ph-modal-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:28px;transition:all .2s;display:flex}.ph-modal-close:hover{color:#475569;background:#f1f5f9}.ph-modal-body{flex:1;padding:24px;overflow-y:auto}.ph-detail-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ph-detail-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.ph-detail-item label{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-size:11px;font-weight:600}.ph-detail-item span{color:#0f172a;font-size:14px;font-weight:500}.ph-detail-photos{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:16px}.ph-detail-photos label{text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:10px;font-size:12px;font-weight:600;display:block}.ph-photo-grid{flex-wrap:wrap;gap:12px;display:flex}.ph-photo-grid img{object-fit:cover;border:1px solid #e2e8f0;border-radius:8px;width:100px;height:100px;transition:transform .2s}.ph-photo-grid img:hover{transform:scale(1.05)}.ph-medical-records-section{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:16px}.ph-medical-records-section h4{color:#0f172a;align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:600;display:flex}.ph-medical-records-section h4:before{content:"📋";font-size:16px}.ph-medical-records-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.ph-medical-record-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.ph-medical-record-item label{text-transform:uppercase;letter-spacing:.3px;color:#94a3b8;font-size:10px;font-weight:600}.ph-medical-record-item span{color:#0f172a;font-size:14px;font-weight:600}.ph-medical-record-item .ph-status-badge{border-radius:20px;width:fit-content;padding:2px 10px;font-size:12px;font-weight:500;display:inline-block}.ph-medical-record-item .ph-status-normal{color:#166534;background:#dcfce7}.ph-medical-record-item .ph-status-abnormal{color:#991b1b;background:#fee2e2}.ph-medical-record-item .ph-status-unknown{color:#475569;background:#f1f5f9}.ph-modal-footer{background:#fafbfc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}@media (width<=1024px){.ph-filters{gap:8px}.ph-filter-group{min-width:120px}}@media (width<=768px){.ph-container{padding:16px}.ph-header{flex-direction:column;align-items:flex-start;gap:12px}.ph-header-right{justify-content:space-between;width:100%}.ph-filters{flex-direction:column;padding:12px}.ph-filter-group{width:100%;min-width:0}.ph-table-container{overflow-x:auto}.ph-table{min-width:700px}.ph-detail-grid{grid-template-columns:1fr}.ph-modal{border-radius:12px;max-width:100%;max-height:95vh;margin:10px}.ph-photo-grid img{width:80px;height:80px}.ph-medical-records-grid{grid-template-columns:1fr 1fr}.ph-modal-header h2{font-size:18px}.ph-detail-item{padding:8px 10px}}@media (width<=480px){.ph-header-left h1{font-size:20px}.ph-total-count{padding:4px 10px;font-size:12px}.ph-btn{padding:6px 12px;font-size:12px}.ph-table th,.ph-table td{padding:8px 10px;font-size:12px}.ph-patient-avatar{width:28px;height:28px}.ph-avatar-placeholder{width:28px;height:28px;font-size:11px}.ph-photo-grid img{width:60px;height:60px}.ph-medical-records-grid{grid-template-columns:1fr}.ph-modal-body{padding:16px}.ph-modal-header{padding:14px 16px}.ph-modal-footer{flex-direction:column;padding:14px 16px}.ph-modal-footer .ph-btn{justify-content:center;width:100%}}.ph-details-page{background:#fff;min-height:100vh;padding:24px}.ph-details-header{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:16px;display:flex}.ph-details-header h2{color:#0f172a;flex-wrap:wrap;align-items:center;gap:12px;margin:0;font-size:22px;font-weight:700;display:flex}.ph-patient-id-badge{color:#64748b;background:#f1f5f9;border-radius:20px;padding:4px 14px;font-size:14px;font-weight:500}.ph-back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;transition:all .2s;display:inline-flex}.ph-back-btn:hover{color:#0f172a;background:#f1f5f9}.ph-details-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:24px;display:grid}.ph-detail-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.ph-detail-card label{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-size:11px;font-weight:600}.ph-detail-card span{color:#0f172a;font-size:15px;font-weight:500}.ph-details-photos{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;margin-bottom:24px;padding:16px}.ph-details-photos label{text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:12px;font-size:12px;font-weight:600;display:block}.ph-photo-grid-full{flex-wrap:wrap;gap:12px;display:flex}.ph-photo-grid-full img{object-fit:cover;border:1px solid #e2e8f0;border-radius:8px;width:120px;height:120px}.ph-details-actions{border-top:1px solid #e2e8f0;gap:12px;padding-top:20px;display:flex}.ph-records-page-content{padding:4px 0}.ph-records-list-full{flex-direction:column;gap:14px;display:flex}.ph-record-item-full{background:#f8fafc;border:1px solid #f1f5f9;border-left-width:4px;border-radius:10px;padding:18px 20px;transition:all .2s}.ph-record-item-full:hover{background:#f1f5f9}.ph-record-header-full{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.ph-record-date-full{color:#64748b;font-size:14px;font-weight:500}.ph-record-badge-full{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;padding:3px 14px;font-size:12px;font-weight:600;display:inline-block}.ph-record-diagnosis-full,.ph-record-treatment-full,.ph-record-notes-full{color:#334155;margin-bottom:6px;font-size:14px;line-height:1.6}.ph-record-diagnosis-full:last-child,.ph-record-treatment-full:last-child,.ph-record-notes-full:last-child{margin-bottom:0}.ph-record-diagnosis-full strong,.ph-record-treatment-full strong,.ph-record-notes-full strong{color:#1a1a2e}.ph-record-footer-full{color:#94a3b8;border-top:1px solid #e2e8f0;margin-top:10px;padding-top:8px;font-size:12px}.ph-no-records-full{text-align:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:60px 20px}.ph-no-records-icon{margin-bottom:12px;font-size:48px;display:block}.ph-no-records-full p{color:#64748b;margin:0;font-size:16px}.ph-loading-records{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:60px;display:flex}.ph-loading-records .ph-spinner{width:40px;height:40px}@media (width<=768px){.ph-details-header{flex-direction:column;align-items:flex-start;gap:12px}.ph-details-header h2{font-size:18px}.ph-details-grid{grid-template-columns:1fr 1fr}.ph-photo-grid-full img{width:80px;height:80px}.ph-record-item-full{padding:14px 16px}.ph-record-header-full{flex-direction:column;align-items:flex-start}.ph-details-actions{flex-direction:column}.ph-details-actions .ph-btn{justify-content:center;width:100%}}@media (width<=480px){.ph-details-grid{grid-template-columns:1fr}.ph-photo-grid-full img{width:60px;height:60px}.ph-record-item-full{padding:12px 14px}.ph-record-diagnosis-full,.ph-record-treatment-full,.ph-record-notes-full{font-size:13px}.ph-record-badge-full{padding:2px 10px;font-size:10px}.ph-details-page{padding:16px}}.ph-history-summary-cards{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin-bottom:24px;display:grid}.ph-summary-card{cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;transition:all .25s;display:flex}.ph-summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.ph-summary-card .ph-summary-icon{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.ph-summary-card .ph-summary-icon svg{stroke:currentColor;width:22px;height:22px}.ph-summary-info{flex-direction:column;line-height:1.3;display:flex}.ph-summary-info .ph-summary-count{color:#0f172a;font-size:18px;font-weight:700}.ph-summary-info .ph-summary-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:500}.ph-summary-baseline{color:#1e40af;background:#eff6ff;border-color:#3b82f6}.ph-summary-vitals{color:#166534;background:#f0fdf4;border-color:#22c55e}.ph-summary-medication{color:#5b21b6;background:#f5f3ff;border-color:#8b5cf6}.ph-summary-test{color:#92400e;background:#fffbeb;border-color:#f59e0b}.ph-summary-service{color:#0e7490;background:#ecfeff;border-color:#06b6d4}.ph-summary-education{color:#065f46;background:#ecfdf5;border-color:#10b981}.ph-summary-assessment{color:#9d174d;background:#fdf2f8;border-color:#ec4899}.ph-summary-clothing{color:#5b21b6;background:#f5f3ff;border-color:#8b5cf6}.ph-summary-social{color:#92400e;background:#fffbeb;border-color:#f59e0b}.ph-summary-procedure{color:#5b21b6;background:#f5f3ff;border-color:#8b5cf6}.ph-history-controls{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:16px;margin-bottom:24px;padding:16px 20px;display:flex}.ph-search-wrapper{align-items:center;width:100%;display:flex;position:relative}.ph-search-icon{color:#94a3b8;justify-content:center;align-items:center;display:flex;position:absolute;left:14px}.ph-search-icon svg{width:18px;height:18px}.ph-search-input{color:#0f172a;background:#fff;border:2px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 16px 10px 44px;font-size:14px;transition:all .25s}.ph-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.ph-clear-search{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px 8px;transition:all .2s;display:flex;position:absolute;right:12px}.ph-clear-search:hover{color:#475569;background:#f1f5f9}.ph-clear-search svg{width:16px;height:16px}.ph-filter-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ph-filter-buttons{flex-wrap:wrap;flex:1;gap:8px;display:flex}.ph-filter-btn{color:#475569;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.ph-filter-btn:hover{background:#f1f5f9;border-color:#94a3b8}.ph-filter-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.ph-filter-btn .ph-filter-count{background:#fff3;border-radius:12px;padding:1px 8px;font-size:11px;font-weight:600}.ph-filter-btn.active .ph-filter-count{background:#ffffff40}.ph-clear-filters-btn{color:#991b1b;cursor:pointer;white-space:nowrap;background:#fee2e2;border:2px solid #fca5a5;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s}.ph-clear-filters-btn:hover{background:#fecaca}.ph-history-timeline{flex-direction:column;gap:0;padding-left:28px;display:flex;position:relative}.ph-timeline-item{gap:20px;display:flex;position:relative}.ph-timeline-marker{flex-direction:column;flex-shrink:0;align-items:center;padding-top:4px;display:flex}.ph-timeline-icon{z-index:2;color:#475569;background:#f8fafc;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ph-timeline-icon svg{stroke:currentColor;width:20px;height:20px}.ph-timeline-line{background:#e2e8f0;flex:1;width:2px;min-height:20px;margin:4px 0 0}.ph-timeline-item:last-child .ph-timeline-line{display:none}.ph-history-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;margin-bottom:20px;padding:16px 20px;transition:all .25s}.ph-history-card:hover{border-color:#94a3b8;box-shadow:0 4px 16px #0000000f}.ph-history-card-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;display:flex}.ph-history-card-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ph-history-date{color:#0f172a;font-size:14px;font-weight:600}.ph-history-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:20px;padding:3px 14px;font-size:11px;font-weight:600;display:inline-block}.ph-history-by{color:#94a3b8;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.ph-history-by svg{stroke:#94a3b8;width:14px;height:14px}.ph-history-card-body{flex-direction:column;gap:6px;display:flex}.ph-history-card-body .ph-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;min-width:80px;font-size:12px;font-weight:600}.ph-history-card-body .ph-value{color:#1e293b;font-size:14px;line-height:1.6}.ph-history-diagnosis,.ph-history-treatment,.ph-history-notes,.ph-history-services{gap:8px;padding:4px 0;display:flex}.ph-history-services .ph-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;min-width:80px;font-size:12px;font-weight:600}.ph-history-services .ph-value{color:#1e293b;font-size:14px;line-height:1.6}.ph-empty-state{text-align:center;color:#64748b;padding:60px 20px}.ph-empty-icon-wrapper{color:#94a3b8;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.ph-empty-icon-wrapper svg{stroke:#cbd5e1;width:56px;height:56px}.ph-empty-state h4{color:#0f172a;margin:0 0 8px;font-size:20px;font-weight:600}.ph-empty-state p{color:#64748b;max-width:400px;margin:0 auto 12px;font-size:14px}.ph-baseline-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.ph-baseline-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.ph-baseline-item{flex-direction:column;gap:2px;display:flex}.ph-baseline-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.ph-baseline-label svg{stroke:#64748b;width:14px;height:14px}.ph-baseline-value{color:#0f172a;padding-left:20px;font-size:14px;font-weight:500}.ph-baseline-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.ph-baseline-footer-left{align-items:center;display:flex}.ph-baseline-footer-right{align-items:center;gap:12px;display:flex}.ph-baseline-recorded-by{color:#94a3b8;font-size:12px}.ph-baseline-first-visit{color:#3b82f6;background:#eff6ff;border-radius:12px;padding:2px 12px;font-size:11px;font-weight:600}.ph-history-measurement{gap:8px;padding:4px 0;display:flex}.ph-history-measurement .ph-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;min-width:80px;font-size:12px;font-weight:600}.ph-history-measurement .ph-value{color:#1e293b;font-size:14px;line-height:1.6}@media print{.ph-btn,.ph-filter-btn,.ph-clear-filters-btn,.ph-btn-clear-date,.ph-btn-date-filter,.ph-actions,.ph-clear-search{display:none!important}.ph-history-card{break-inside:avoid;border:1px solid #ddd!important}.ph-timeline-item{break-inside:avoid}.ph-filter-row,.ph-timeline-date-filters,.ph-history-controls,.ph-history-summary-cards{display:none!important}.ph-baseline-card{background:#f5f5f5!important;border-color:#ddd!important}.ph-baseline-label{color:#555!important}.ph-baseline-value{color:#000!important}.ph-baseline-footer{border-top-color:#ddd!important}.ph-baseline-recorded-by{color:#666!important}.ph-baseline-first-visit{color:#3b82f6!important;background:#eff6ff!important}}@media (width<=768px){.ph-baseline-grid{grid-template-columns:1fr;gap:8px}.ph-baseline-value{padding-left:0}.ph-baseline-footer{flex-direction:column;align-items:flex-start;gap:8px}.ph-baseline-footer-right{flex-wrap:wrap;gap:8px}}.ph-date-filters-expanded{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:24px;padding:16px 20px;display:flex}.ph-date-filter-group{flex-direction:column;flex:1;gap:4px;min-width:140px;display:flex}.ph-date-filter-group label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.ph-date-input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:8px 12px;font-size:14px;transition:border-color .2s}.ph-date-input:focus{border-color:#06c;outline:none;box-shadow:0 0 0 3px #0066cc1a}.ph-btn-date-filter{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.ph-btn-date-filter:hover{background:#e2e8f0}.ph-btn-date-filter.active{color:#1e40af;background:#dbeafe;border-color:#3b82f6}.ph-btn-clear-date{color:#991b1b;cursor:pointer;white-space:nowrap;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.ph-btn-clear-date:hover{background:#fecaca}.ph-timeline-date-filters{border-top:1px solid #e2e8f0;flex-wrap:wrap;align-items:flex-end;gap:12px;padding-top:12px;display:flex}.ph-timeline-date-group{flex-direction:column;gap:4px;display:flex}.ph-timeline-date-group label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.ph-timeline-date-input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 10px;font-size:13px;transition:border-color .2s}.ph-timeline-date-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.ph-timeline-year-select{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 10px;font-size:13px;transition:border-color .2s}.ph-timeline-year-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.ph-badge-baseline{color:#1e40af;background:#dbeafe}.ph-badge-vitals{color:#166534;background:#dcfce7}.ph-badge-medication{color:#6b21a8;background:#f3e8ff}.ph-badge-test{color:#92400e;background:#fef3c7}.ph-badge-service{color:#0e7490;background:#cffafe}.ph-badge-assessment{color:#9d174d;background:#fce7f3}@media (width<=768px){.ph-date-filters-expanded{flex-direction:column;padding:14px}.ph-date-filter-group{min-width:100%}.ph-timeline-date-filters{flex-direction:column;align-items:stretch}.ph-timeline-date-group{width:100%}.ph-history-summary-cards{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}.ph-summary-card{text-align:center;flex-direction:column;padding:8px 12px}.ph-summary-info .ph-summary-count{font-size:16px}.ph-summary-info .ph-summary-label{font-size:10px}.ph-filter-row{flex-direction:column;align-items:stretch}.ph-filter-buttons{flex-wrap:wrap;justify-content:center}.ph-filter-btn{padding:4px 12px;font-size:12px}.ph-clear-filters-btn{text-align:center}.ph-history-timeline{padding-left:16px}.ph-timeline-item{gap:12px}.ph-timeline-icon{width:32px;height:32px}.ph-timeline-icon svg{width:16px;height:16px}.ph-history-card{margin-bottom:14px;padding:12px 14px}.ph-history-card-header{flex-direction:column;align-items:flex-start}.ph-history-card-left{flex-wrap:wrap}.ph-history-diagnosis,.ph-history-treatment,.ph-history-notes,.ph-history-services,.ph-history-measurement{flex-direction:column;gap:2px}.ph-history-card-body .ph-label,.ph-history-services .ph-label,.ph-history-measurement .ph-label{min-width:auto}}@media (width<=480px){.ph-history-summary-cards{grid-template-columns:repeat(2,1fr)}.ph-filter-buttons{gap:4px}.ph-filter-btn{padding:4px 10px;font-size:11px}.ph-filter-btn .ph-filter-count{padding:0 6px;font-size:10px}.ph-history-card-body .ph-value,.ph-history-services .ph-value,.ph-history-measurement .ph-value,.ph-history-date{font-size:13px}.ph-history-badge{padding:2px 10px;font-size:10px}}.co-clinical-options-container{box-sizing:border-box;background:#fff;width:100%;min-height:calc(100vh - 100px);padding:20px}.co-page-header{border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:20px}.co-page-header h1{color:#1a1a2e;margin-bottom:8px;font-size:28px}.co-page-header p{color:#666;margin-bottom:8px;font-size:14px}.co-connection-status{background:#f0f0f0;border-radius:20px;align-items:center;gap:8px;padding:4px 12px;display:inline-flex}.co-status-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.co-status-dot.online{background:#28a745}.co-status-dot.offline{background:#dc3545}.co-status-text{color:#555;font-size:13px}.co-staff-info{background:#e8f5e9;border-radius:6px;flex-wrap:wrap;align-items:center;gap:16px;margin-top:8px;padding:8px 16px;display:inline-flex}.co-staff-name,.co-staff-id{color:#1a1a2e;font-size:14px;font-weight:500}.co-tab-navigation{border-bottom:2px solid #e0e0e0;margin-bottom:25px}.co-tab-navigation nav{flex-wrap:wrap;gap:0;margin-bottom:-2px;display:flex}.co-tab-button{color:#666;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s}.co-tab-button:hover:not(:disabled){color:#1a1a2e;background:#f8f9fa}.co-tab-button.active{color:#667eea;border-bottom-color:#667eea}.co-tab-button:disabled{opacity:.5;cursor:not-allowed}.co-tab-content{animation:.3s coFadeIn}@keyframes coFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.co-form-container-full{box-sizing:border-box;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:30px}.co-form-section{margin-bottom:30px}.co-section-title{color:#1a1a2e;border-bottom:2px solid #667eea;margin-bottom:20px;padding-bottom:10px;font-size:18px;font-weight:600}.co-form-grid-full{grid-template-columns:repeat(2,1fr);gap:20px;width:100%;margin-bottom:20px;display:grid}.co-form-group.co-full-width{grid-column:1/-1}.co-form-group{flex-direction:column;gap:8px;display:flex}.co-form-group label{color:#333;font-size:13px;font-weight:600}.co-form-group input,.co-form-group textarea,.co-form-group select{box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:6px;width:100%;padding:12px;font-size:14px;transition:all .3s}.co-form-group input:focus,.co-form-group textarea:focus,.co-form-group select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.co-form-group input:disabled,.co-form-group textarea:disabled,.co-form-group select:disabled{opacity:.8;cursor:not-allowed;background:#f5f5f5}.co-form-group select{appearance:auto;cursor:pointer}.co-form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.co-helper-text{color:#999;margin-top:4px;font-size:11px}.co-form-actions{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:15px;padding-top:20px;display:flex}.co-existing-list{border-top:2px solid #e0e0e0;margin-top:30px;padding-top:20px}.co-category-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:15px}.co-category-section h4{color:#1a1a2e;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.co-category-section h4 .count-badge{color:#fff;background:#667eea;border-radius:12px;padding:2px 10px;font-size:12px}.co-tag-list{flex-wrap:wrap;gap:8px;display:flex}.co-tag{color:#1a1a2e;background:#fff;border:1px solid #667eea;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .2s;display:inline-flex}.co-tag:hover{background:#f0f4ff;transform:translateY(-1px);box-shadow:0 2px 8px #667eea26}.co-tag-remove{color:#dc3545;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px;font-weight:700;line-height:1;transition:all .2s}.co-tag-remove:hover{color:#c82333;transform:scale(1.2)}.co-empty-text{color:#999;padding:8px 12px;font-size:13px;font-style:italic}.count-badge{color:#fff;background:#667eea;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:500}.co-btn-primary{cursor:pointer;color:#fff;background:#667eea;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:12px 32px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.co-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.co-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.co-btn-spinner{animation:.8s linear infinite coSpin;display:inline-block}@keyframes coSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.co-btn-spinner{stroke:#fff;width:18px;height:18px}.co-toast-notification{z-index:10000;background:#fff;border-left:4px solid;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-width:280px;max-width:350px;padding:12px 16px;animation:.3s coSlideInRight;display:flex;position:fixed;top:100px;right:30px;box-shadow:0 4px 12px #00000026}.co-toast-notification.success{background:#f0fff4;border-left-color:#28a745}.co-toast-notification.error{background:#fff5f5;border-left-color:#dc3545}.co-toast-notification.warning{background:#fff8e1;border-left-color:#ffc107}.co-toast-content{flex:1;align-items:center;gap:10px;display:flex}.co-toast-close{cursor:pointer;color:#999;background:0 0;border:none;padding:0 4px;font-size:20px}.co-toast-close:hover{color:#333}@keyframes coSlideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.co-dashboard-loading{background:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 100px);display:flex}.co-spinner{border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:1s linear infinite coSpin}.co-spinner-small{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:.8s ease-in-out infinite coSpin;display:inline-block}@media (width<=768px){.co-clinical-options-container{padding:15px}.co-page-header h1{font-size:24px}.co-form-grid-full{grid-template-columns:1fr;gap:15px}.co-form-group.co-full-width{grid-column:1}.co-form-container-full{padding:20px}.co-tab-button{padding:10px 16px;font-size:13px}.co-form-actions{flex-direction:column}.co-btn-primary{justify-content:center;width:100%}.co-toast-notification{min-width:auto;max-width:none;top:70px;left:10px;right:10px}.co-staff-info{flex-direction:column;align-items:flex-start;gap:4px}.co-category-section{padding:12px}.co-tag{padding:4px 10px;font-size:12px}.co-connection-status{padding:3px 10px;font-size:12px}}@media (width<=480px){.co-page-header h1{font-size:20px}.co-tab-navigation nav{flex-wrap:nowrap;overflow-x:auto}.co-tab-button{white-space:nowrap;padding:8px 14px;font-size:12px}.co-form-container-full{padding:15px}.co-form-group input,.co-form-group textarea,.co-form-group select{padding:10px;font-size:13px}.co-btn-primary{padding:10px 20px;font-size:13px}.co-tag-list{gap:6px}.co-tag{padding:3px 8px;font-size:11px}.co-section-title{font-size:16px}.co-status-text{font-size:11px}}@media print{.co-clinical-options-container{padding:10px}.co-btn-primary,.co-toast-notification{display:none!important}.co-form-container-full{background:#fff;border:1px solid #ddd;padding:15px}.co-tab-content{animation:none}.co-page-header{border-bottom-color:#ddd}.co-staff-info{border:1px solid #ddd;background:#f5f5f5!important}.co-tag{border-color:#ddd;background:#f5f5f5!important}.co-tag-remove{display:none!important}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh}body{font-family:Arial,sans-serif;overflow-x:hidden}.App{flex-direction:column;width:100%;min-height:100vh;display:flex;overflow:visible}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:#00b4d8;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#0096b4}