@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css";:root{--brand-plum: #6e527b;--brand-berry: #943d52;--brand-berry-dark: #7d3345;--brand-lavender-light: #f4effa;--brand-lavender-border: #e8def2;--brand-rose-pill: #fdf2f4;--brand-rose-text: #d44964;--brand-text-dark: #1f1a24;--brand-text-muted: #675c70;--brand-bg-light: #fcfafc;--brand-purple: #8F76A8;--brand-purple-dark: #8267A3;--brand-purple-deep: #5e4a77;--brand-purple-deeper: #4d3c63;--brand-page-bg: #FAF7FB}html,body,#root{margin:0;padding:0;min-height:100vh}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--brand-page-bg);color:var(--brand-text-dark);-webkit-font-smoothing:antialiased}::selection{background:var(--brand-lavender-light);color:var(--brand-berry)}a{text-decoration:none;color:inherit}:root{--brand-plum: #6e527b;--brand-berry: #943d52;--brand-berry-dark: #7d3345;--brand-lavender-light: #f4effa;--brand-lavender-border: #e8def2;--brand-rose-pill: #fdf2f4;--brand-rose-text: #d44964;--brand-text-dark: #1f1a24;--brand-text-muted: #675c70;--brand-bg-light: #fcfafc;--brand-purple: #8f76a8;--brand-purple-dark: #8267a3;--brand-purple-deep: #5e4a77;--brand-purple-deeper: #4d3c63;--brand-page-bg: #faf7fb}.navbar-custom{--nav-crimson: var(--brand-berry);--nav-crimson-dark: var(--brand-berry-dark);--nav-purple: var(--brand-purple);--nav-purple-deep: var(--brand-purple-deep);--nav-rose-text: var(--brand-rose-text);--nav-ink: var(--brand-text-dark);--nav-ink-soft: var(--brand-text-muted);--nav-bg: var(--brand-bg-light);--nav-hover-bg: var(--brand-lavender-light);--nav-border: var(--brand-lavender-border);--nav-radius: 10px;--nav-height: 88px;--nav-font: "Manrope", "Segoe UI", system-ui, sans-serif}.navbar-custom{position:sticky;top:0;z-index:1000;width:100%;background:var(--nav-bg);font-family:var(--nav-font);border-bottom:1px solid transparent;transition:box-shadow .25s ease,border-color .25s ease}.navbar-custom.is-scrolled{border-color:var(--nav-border);box-shadow:0 4px 20px #1a1a1f0f}.container-custom{max-width:1240px;margin:0 auto;padding:0 24px}.navbar-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:var(--nav-height)}.brand-identity{display:flex;align-items:center;gap:12px;min-width:0}.brand-logo{display:flex;align-items:center;justify-content:center;width:56px;height:56px;flex-shrink:0;border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--nav-border);box-shadow:0 6px 16px #943d522e}.brand-name-row{display:flex;align-items:center;gap:6px}.brand-name{font-size:19px;font-weight:800;color:var(--nav-ink);letter-spacing:-.01em;white-space:nowrap}.brand-dot{width:7px;height:7px;border-radius:50%;background:var(--nav-crimson)}.brand-tagline{margin:2px 0 0;font-size:12.5px;font-weight:500;color:var(--nav-ink-soft);white-space:nowrap}.dot-sep{color:var(--nav-crimson);margin:0 1px}.main-nav{display:flex;align-items:center;gap:4px;flex:1;justify-content:center}.nav-link-custom{position:relative;padding:10px 16px;font-size:15px;font-weight:600;color:var(--nav-ink-soft);text-decoration:none;border-radius:var(--nav-radius);transition:color .2s ease,background-color .2s ease}.nav-link-custom:hover{color:var(--nav-crimson-dark);background:var(--nav-hover-bg)}.nav-link-custom.active{color:var(--nav-crimson)}.nav-link-custom.active:after{content:"";position:absolute;left:16px;right:16px;bottom:4px;height:2px;border-radius:2px;background:var(--nav-crimson)}.nav-link-custom.with-badge{display:inline-flex;align-items:center;gap:6px}.nav-badge{font-size:11px;font-weight:700;color:#fff;background:var(--nav-crimson);border-radius:999px;padding:1px 7px}.nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.helpline-btn,.sos-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-size:14.5px;font-weight:700;border-radius:999px;text-decoration:none;white-space:nowrap;transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease}.helpline-btn{color:var(--nav-crimson-dark);background:#fff;border:1.5px solid var(--nav-border)}.helpline-btn:hover{background:var(--nav-hover-bg);border-color:var(--nav-crimson)}.sos-btn{color:#fff;background:linear-gradient(135deg,var(--nav-crimson),var(--nav-crimson-dark));box-shadow:0 6px 16px #943d5247}.sos-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #943d525c}.helpline-btn:focus-visible,.sos-btn:focus-visible,.nav-link-custom:focus-visible{outline:2px solid var(--nav-crimson);outline-offset:2px}.hamburger-btn{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;padding:0;border:none;background:transparent;cursor:pointer;border-radius:8px;flex-shrink:0}.hamburger-btn:focus-visible{outline:2px solid var(--nav-crimson);outline-offset:2px}.hamburger-line{width:22px;height:2.5px;border-radius:2px;background:var(--nav-ink);transition:transform .28s ease,opacity .2s ease}.hamburger-btn.is-open .hamburger-line:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.hamburger-btn.is-open .hamburger-line:nth-child(2){opacity:0}.hamburger-btn.is-open .hamburger-line:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:var(--nav-bg);border-bottom:1px solid var(--nav-border);box-shadow:0 16px 32px #1a1a1f1a;overflow:hidden;max-height:0;opacity:0;transition:max-height .35s ease,opacity .25s ease;z-index:999}.mobile-menu.is-open{max-height:480px;opacity:1}.mobile-nav{display:flex;flex-direction:column;padding:12px 24px 4px}.mobile-nav-link{padding:14px 4px;font-size:16px;font-weight:600;color:var(--nav-ink);text-decoration:none;border-bottom:1px solid var(--nav-border);opacity:0;transform:translateY(-6px);transition:opacity .3s ease,transform .3s ease}.mobile-menu.is-open .mobile-nav-link{opacity:1;transform:translateY(0)}.mobile-nav-link:last-child{border-bottom:none}.mobile-actions{display:flex;gap:10px;padding:16px 24px 24px}.mobile-actions .helpline-btn,.mobile-actions .sos-btn{flex:1;padding:13px 16px}.mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1f59;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:998}.mobile-backdrop.is-open{opacity:1;pointer-events:auto}@media(max-width:960px){.main-nav,.nav-actions{display:none}.hamburger-btn{display:flex}}@media(max-width:560px){.container-custom{padding:0 16px}.navbar-custom{--nav-height: 76px}.brand-name{font-size:17px}.brand-tagline{display:none}.brand-logo{width:46px;height:46px;border-radius:12px}}@media(prefers-reduced-motion:reduce){.navbar-custom,.hamburger-line,.mobile-menu,.mobile-nav-link,.mobile-backdrop,.helpline-btn,.sos-btn{transition:none!important}}.user-menu{position:relative}.user-chip{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;border:1.5px solid var(--nav-border);background:#fff;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.user-chip:hover{border-color:var(--nav-crimson);background:var(--nav-hover-bg)}.user-avatar{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--nav-crimson),var(--nav-crimson-dark));color:#fff;font-size:13px;font-weight:700;flex-shrink:0}.user-name{font-size:14.5px;font-weight:600;color:var(--nav-ink);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:180px;background:#fff;border:1px solid var(--nav-border);border-radius:var(--nav-radius);box-shadow:0 16px 32px #1a1a1f1f;padding:6px;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:1001}.user-dropdown.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.user-dropdown-item{display:block;width:100%;text-align:left;padding:10px 12px;font-size:14px;font-weight:600;color:var(--nav-ink);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background-color .15s ease,color .15s ease}.user-dropdown-item:hover{background:var(--nav-hover-bg);color:var(--nav-crimson-dark)}.user-dropdown-item--danger:hover{background:var(--brand-rose-pill);color:var(--nav-crimson)}.find-donors-card{max-width:896px;margin:0 auto;background:#fff;border-radius:24px;box-shadow:0 1px 2px #0000000d;border:1px solid var(--brand-lavender-border);padding:1.5rem}@media(min-width:640px){.find-donors-card{padding:2rem}}.find-donors-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}@media(min-width:640px){.find-donors-header{flex-direction:row;align-items:center;justify-content:space-between}}.find-donors-title{font-size:1.125rem;font-weight:700;color:var(--brand-text-dark);margin:0}.find-donors-subtitle{font-size:.75rem;color:var(--brand-text-muted);margin:0}.dispatch-mode{display:flex;align-items:center;font-size:.75rem;font-weight:600;color:var(--brand-plum)}.dispatch-mode svg{width:16px;height:16px;margin-right:4px}.blood-groups-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:1.5rem}@media(min-width:640px){.blood-groups-grid{grid-template-columns:repeat(8,1fr)}}.blood-group-btn{padding:12px 8px;border-radius:16px;border:1px solid #e5e7eb;background:#fff;font-weight:600;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s}.blood-group-btn:hover{border-color:#6e527b66;background:#faf7fb}.blood-group-btn.selected{background:#8f76a8;color:#fff;font-weight:700;border-color:#8f76a8;box-shadow:0 0 0 2px #8f76a833}.location-search{display:flex;flex-direction:column;gap:12px}@media(min-width:640px){.location-search{flex-direction:row;align-items:center}}.location-input-wrapper{position:relative;flex:1;width:100%}.location-icon{position:absolute;top:0;bottom:0;left:0;padding-left:16px;display:flex;align-items:center;pointer-events:none;color:var(--brand-plum)}.location-icon svg{width:16px;height:16px}.location-input{width:100%;padding:12px 16px 12px 44px;background:#fdfbfe;border:1px solid var(--brand-lavender-border);border-radius:16px;font-size:.875rem;font-weight:500;color:var(--brand-text-dark);outline:none}.location-input:focus{box-shadow:0 0 0 3px #6e527b26;border-color:#6e527b66}.search-btn{width:100%;padding:12px 32px;background:#5e4a77;color:#fff;font-size:.875rem;font-weight:600;border:none;border-radius:16px;cursor:pointer;box-shadow:0 1px 2px #0000000d;transition:background .2s}@media(min-width:640px){.search-btn{width:auto}}.search-btn:hover{background:#4d3c63}.hero-section{padding-top:2.5rem;padding-bottom:4rem;border-bottom:1px solid rgba(232,222,242,.4);background:radial-gradient(circle at 50% 20%,#f4effab3,#fff0 70%)}.hero-top{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center;margin-bottom:3rem}@media(min-width:1024px){.hero-top{grid-template-columns:1.15fr 1fr;gap:3rem}}.hero-text-col{text-align:center}@media(min-width:1024px){.hero-text-col{text-align:left}}.live-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:var(--brand-lavender-light);border:1px solid var(--brand-lavender-border);font-size:.75rem;font-weight:600;color:var(--brand-text-dark);margin-bottom:1.25rem;flex-wrap:wrap;justify-content:center}.live-dot{width:8px;height:8px;border-radius:50%;background:#8f76a8;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.live-sep{color:var(--brand-text-muted)}.live-label{color:#8f76a8;font-weight:700;letter-spacing:.05em}.hero-brand-name{font-size:2rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .75rem;line-height:1.1;display:inline-flex;flex-wrap:wrap}@media(min-width:640px){.hero-brand-name{font-size:2.5rem}}@media(min-width:1024px){.hero-brand-name{font-size:2.75rem}}.brand-rakt{color:#8f76a8}.brand-sampark{background:linear-gradient(90deg,#a888b8,#c98aa5,#d44964);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero-title{font-size:1.875rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;color:var(--brand-text-dark);margin:0 0 1.25rem}@media(min-width:640px){.hero-title{font-size:2.25rem}}@media(min-width:1024px){.hero-title{font-size:2.5rem}}.hero-highlight{color:#8f76a8}.hero-subtitle{font-size:1rem;color:var(--brand-text-muted);max-width:560px;margin:0 auto 2rem;line-height:1.65}@media(min-width:1024px){.hero-subtitle{margin:0 0 2rem;font-size:1.0625rem}}.hero-ctas{display:flex;flex-direction:column;align-items:center;gap:1rem}@media(min-width:640px){.hero-ctas{flex-direction:row;justify-content:center}}@media(min-width:1024px){.hero-ctas{justify-content:flex-start}}.btn-find-blood,.btn-register-donor{width:100%;padding:14px 28px;border-radius:16px;font-size:.875rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;cursor:pointer}@media(min-width:640px){.btn-find-blood,.btn-register-donor{width:auto}}.btn-find-blood{background:#8f76a8;color:#fff;box-shadow:0 1px 2px #0000000d}.btn-find-blood:hover{background:#8267a3;color:#fff;transform:translateY(-2px)}.btn-find-blood svg{width:16px;height:16px}.btn-register-donor{background:var(--brand-lavender-light);color:var(--brand-plum);border:1px solid var(--brand-lavender-border)}.btn-register-donor:hover{background:#ede3f7;color:var(--brand-plum)}.btn-register-donor svg{width:16px;height:16px}.hero-logo-col{position:relative;display:flex;align-items:center;justify-content:center;padding:1rem}.hero-logo-glow{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:110%;aspect-ratio:1 / 1;max-width:520px;border-radius:50%;background:radial-gradient(circle at 50% 45%,#e8d2f0d9,#f8e1eb80 35%,#faf5fc00 72%);filter:blur(8px);z-index:0}.hero-logo-img{position:relative;z-index:1;width:100%;max-width:460px;height:auto;display:block;border-radius:24px;mix-blend-mode:multiply;filter:drop-shadow(0 10px 40px rgba(143,118,168,.18));animation:floatLogo 6s ease-in-out infinite}@media(min-width:1024px){.hero-logo-img{max-width:520px}}@keyframes floatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}:root{--brm-purple: #8f76a8;--brm-purple-dark: #6e527b;--brm-purple-soft: #f6f1fb;--brm-purple-border: #ebe0f5;--brm-red: #d44964;--brm-red-dark: #a83049;--brm-red-soft: #fdf3f5;--brm-red-border: #f6d9e0;--brm-text: #21172f;--brm-text-muted: #675c70;--brm-text-subtle: #948aa0;--brm-surface: #ffffff;--brm-surface-low: #faf7fb;--brm-surface-high: #f1eaf8;--brm-error: #b3261e;--brm-error-bg: #fdecea;--brm-error-border: #f5c6c3;--brm-success: #1b5e20;--brm-success-bg: #e8f5e9;--brm-success-border: #a5d6a7;--brm-shadow: 0 30px 80px -20px rgba(99, 80, 126, .35);--brm-shadow-btn: 0 6px 18px -6px rgba(212, 73, 100, .5)}.brm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:flex;align-items:center;justify-content:center;padding:1rem;background:#21172f80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:brmFadeIn .2s ease-out}.brm-card{position:relative;width:100%;max-width:720px;max-height:92vh;display:flex;flex-direction:column;background:var(--brm-surface);border-radius:1.25rem;box-shadow:var(--brm-shadow);overflow:hidden;animation:brmRise .28s cubic-bezier(.22,1,.36,1)}@keyframes brmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes brmRise{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.brm-overlay,.brm-card{animation:none}}.brm-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brm-red) 0%,var(--brm-purple) 100%);z-index:1}.brm-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem 1.5rem 1.25rem;border-bottom:1px solid var(--brm-purple-border);background:radial-gradient(600px 60px at 0% 0%,rgba(143,118,168,.06),transparent 70%),#fff}.brm-header-title{display:flex;align-items:center;gap:.875rem;min-width:0}.brm-icon-badge{flex-shrink:0;width:44px;height:44px;border-radius:.875rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brm-red-soft),#fbe4ea);color:var(--brm-red);font-size:1.05rem;box-shadow:inset 0 0 0 1px var(--brm-red-border)}.brm-header h2{font-family:Manrope,sans-serif;font-size:1.125rem;font-weight:700;color:var(--brm-text);margin:0 0 .125rem;letter-spacing:-.01em}.brm-header p{font-size:.8125rem;color:var(--brm-text-muted);margin:0;line-height:1.4}.brm-close{flex-shrink:0;width:36px;height:36px;border:none;background:transparent;border-radius:.625rem;color:var(--brm-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s ease}.brm-close:hover{background:var(--brm-purple-soft);color:var(--brm-red)}.brm-body{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.75rem;scrollbar-width:thin;scrollbar-color:var(--brm-purple-border) transparent;position:relative}.brm-body::-webkit-scrollbar{width:6px}.brm-body::-webkit-scrollbar-track{background:transparent}.brm-body::-webkit-scrollbar-thumb{background:var(--brm-purple-border);border-radius:999px}.brm-body::-webkit-scrollbar-thumb:hover{background:#c9b8dd}.brm-alert{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem .875rem;background:var(--brm-error-bg);color:var(--brm-error);border:1px solid var(--brm-error-border);border-left:3px solid var(--brm-red);border-radius:.625rem;font-size:.8125rem;line-height:1.5;box-shadow:0 6px 18px -10px #b3261e59;animation:brmAlertIn .25s cubic-bezier(.22,1,.36,1)}@keyframes brmAlertIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.brm-alert svg{flex-shrink:0;margin-top:.15rem;font-size:.9rem}.brm-section{display:flex;flex-direction:column;gap:1rem}.brm-section-title{display:flex;align-items:center;gap:.5rem;font-family:Manrope,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brm-purple);margin:0}.brm-section-title svg{font-size:.75rem;color:var(--brm-red)}.brm-row{display:grid;grid-template-columns:repeat(12,1fr);gap:.875rem}.brm-col-2{grid-column:span 2}.brm-col-4{grid-column:span 4}.brm-col-6{grid-column:span 6}.brm-col-8{grid-column:span 8}@media(max-width:560px){.brm-col-2,.brm-col-4,.brm-col-6,.brm-col-8{grid-column:span 12}}.brm-field{display:flex;flex-direction:column;gap:.4rem;min-width:0}.brm-label{font-size:.75rem;font-weight:600;color:#4a454e;letter-spacing:.01em}.brm-required{color:var(--brm-red)}.brm-input{width:100%;height:44px;padding:0 .875rem;font-family:Manrope,sans-serif;font-size:.875rem;font-weight:500;color:var(--brm-text);background:var(--brm-surface-low);border:1.5px solid var(--brm-purple-border);border-radius:.625rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.brm-input::placeholder{color:var(--brm-text-subtle);font-weight:400}.brm-input:hover:not(:focus):not(.brm-input-error){border-color:#ddcdea;background:#fdfbfe}.brm-input:focus{border-color:var(--brm-red);background:#fff;box-shadow:0 0 0 3px #d449641f}.brm-input-error,.brm-input-error:hover,.brm-input-error:focus{border-color:var(--brm-red);background:var(--brm-red-soft);box-shadow:0 0 0 3px #d4496426;animation:brmFieldShake .4s ease-in-out}@keyframes brmFieldShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}.brm-input-error::placeholder{color:#d49aa2}.brm-field-error{font-size:.75rem;color:var(--brm-error);display:inline-flex;align-items:center;gap:.3rem;font-weight:600;animation:brmAlertIn .2s ease-out}.brm-stepper.brm-input-error,.brm-segmented.brm-input-error{border-color:var(--brm-red);background:var(--brm-red-soft);box-shadow:0 0 0 3px #d4496426;animation:brmFieldShake .4s ease-in-out}select.brm-input{cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M2 4l4 4 4-4' fill='none' stroke='%238f76a8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right .875rem center;background-size:.7rem;padding-right:2.25rem}.brm-textarea{height:auto;min-height:76px;padding:.7rem .875rem;resize:vertical;font-family:Manrope,sans-serif;line-height:1.5}.brm-input-wrap{position:relative;width:100%}.brm-input-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--brm-purple);font-size:.85rem;pointer-events:none;transition:color .2s ease}.brm-input-wrap:focus-within .brm-input-icon{color:var(--brm-red)}.brm-input-with-icon{padding-left:2.5rem}.brm-chip-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.5rem}@media(max-width:560px){.brm-chip-grid{grid-template-columns:repeat(4,1fr)}}.brm-chip{height:44px;border:1.5px solid var(--brm-purple-border);border-radius:.625rem;background:#fff;color:var(--brm-text);font-family:Manrope,sans-serif;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease;letter-spacing:.02em}.brm-chip:hover:not(.is-selected){border-color:var(--brm-red);color:var(--brm-red);background:var(--brm-red-soft);transform:translateY(-1px)}.brm-chip.is-selected{background:linear-gradient(135deg,var(--brm-red),#e66885);border-color:var(--brm-red);color:#fff;box-shadow:0 6px 14px -4px #d4496473}.brm-stepper{display:inline-flex;align-items:center;border:1.5px solid var(--brm-purple-border);border-radius:.625rem;height:44px;background:var(--brm-surface-low);overflow:hidden;width:fit-content;min-width:130px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.brm-stepper:focus-within{border-color:var(--brm-red);box-shadow:0 0 0 3px #d449641f}.brm-stepper button{width:44px;height:100%;border:none;background:transparent;color:var(--brm-red);font-size:1.15rem;font-weight:600;cursor:pointer;transition:background .15s ease;line-height:1}.brm-stepper button:hover{background:var(--brm-red-soft)}.brm-stepper span{flex:1;text-align:center;font-family:Manrope,sans-serif;font-size:.95rem;font-weight:700;color:var(--brm-text);padding:0 .5rem;min-width:2.5rem}.brm-segmented{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;padding:.3rem;background:var(--brm-surface-low);border:1.5px solid var(--brm-purple-border);border-radius:.625rem;height:44px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.brm-seg{border:none;background:transparent;border-radius:.45rem;font-family:Manrope,sans-serif;font-size:.8125rem;font-weight:600;color:var(--brm-text-muted);cursor:pointer;transition:all .2s ease}.brm-seg:hover:not(.is-selected){color:var(--brm-red)}.brm-seg.is-selected{background:#fff;color:var(--brm-red);box-shadow:0 1px 3px #63507e1a}.brm-seg.is-selected[aria-pressed=true]:first-child{color:#b91c1c}.brm-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:var(--brm-surface-low);border-top:1px solid var(--brm-purple-border);flex-wrap:wrap}.brm-footer-note{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--brm-text-muted);margin:0;line-height:1.4}.brm-footer-note svg{color:var(--brm-purple);font-size:.85rem}.brm-footer-actions{display:flex;align-items:center;gap:.625rem;margin-left:auto}.brm-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;height:42px;padding:0 1.1rem;border-radius:.625rem;font-family:Manrope,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.01em;cursor:pointer;border:1.5px solid transparent;transition:all .2s ease;white-space:nowrap}.brm-btn:disabled{opacity:.65;cursor:not-allowed}.brm-btn-ghost{background:#fff;color:var(--brm-text-muted);border-color:var(--brm-purple-border)}.brm-btn-ghost:hover:not(:disabled){background:var(--brm-purple-soft);color:var(--brm-text)}.brm-btn-primary{background:linear-gradient(135deg,var(--brm-red),#e66885);color:#fff;box-shadow:var(--brm-shadow-btn)}.brm-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px -8px #d4496499}.brm-btn-primary:active:not(:disabled){transform:translateY(0)}.brm-success{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 1.5rem 3.25rem;text-align:center;animation:brmFadeIn .3s ease-out}.brm-success-badge{position:relative;width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#ffffff 0%,var(--brm-success-bg) 70%);color:var(--brm-success);font-size:2.4rem;box-shadow:0 0 0 8px #1b5e200f,0 18px 40px -12px #1b5e2059;animation:brmPop .5s cubic-bezier(.22,1.4,.36,1)}.brm-success-badge:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px dashed rgba(27,94,32,.25);animation:brmSpin 12s linear infinite}@keyframes brmPop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.06);opacity:1}to{transform:scale(1)}}@keyframes brmSpin{to{transform:rotate(360deg)}}.brm-success h2{font-family:Manrope,sans-serif;font-size:1.35rem;font-weight:800;color:var(--brm-text);margin:.5rem 0 0;letter-spacing:-.015em}.brm-success p{font-size:.9rem;color:var(--brm-text-muted);margin:0;max-width:40ch;line-height:1.55}.brm-success-actions{margin-top:.75rem;display:flex;gap:.6rem}.brm-success-actions .brm-btn{min-width:120px}@media(prefers-reduced-motion:reduce){.brm-success-badge,.brm-success-badge:after,.brm-input-error,.brm-stepper.brm-input-error,.brm-segmented.brm-input-error{animation:none}}@media(max-width:560px){.brm-overlay{padding:0;align-items:flex-end}.brm-card{max-width:100%;max-height:94vh;border-radius:1.25rem 1.25rem 0 0}.brm-header,.brm-body,.brm-footer{padding-left:1.125rem;padding-right:1.125rem}.brm-footer{flex-direction:column-reverse;align-items:stretch}.brm-footer-actions{width:100%;margin-left:0}.brm-btn{flex:1}}.about-us-section{padding:3rem 0;background:#fff;border-bottom:1px solid rgba(232,222,242,.4)}.about-header{display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.about-title-row{display:flex;align-items:center;gap:10px}.about-icon{color:var(--brand-plum)}.about-icon svg{width:20px;height:20px}.about-title{font-size:1.25rem;font-weight:700;color:var(--brand-text-dark);margin:0}.about-content{display:flex;flex-direction:column;align-items:center}.about-description{max-width:620px;text-align:center;font-size:.9rem;line-height:1.75;color:var(--brand-text-muted);margin:0 0 2.25rem}.about-features-grid{width:100%;display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.about-features-grid{grid-template-columns:repeat(3,1fr)}}.about-feature-card{background:#fff;border:1px solid var(--brand-lavender-border);border-radius:24px;padding:1.5rem;box-shadow:0 1px 2px #0000000d;transition:border-color .2s,transform .2s;display:flex;flex-direction:column;align-items:center;text-align:center}.about-feature-card:hover{border-color:#6e527b4d;transform:translateY(-2px)}.about-feature-icon{width:56px;height:56px;border-radius:16px;background:#f8f3fb;border:1px solid var(--brand-lavender-border);display:flex;align-items:center;justify-content:center;color:var(--brand-plum);font-size:1.15rem;margin-bottom:.9rem;flex-shrink:0}.about-feature-title{font-size:1rem;font-weight:700;color:var(--brand-text-dark);margin:0 0 6px}.about-feature-desc{font-size:.8rem;color:var(--brand-text-muted);line-height:1.6;margin:0}.stats-section{padding:3rem 0;background:var(--brand-page-bg)}.stats-card{background:#f8f3fb;border:1px solid var(--brand-lavender-border);border-radius:24px;padding:1.5rem}@media(min-width:640px){.stats-card{padding:2rem}}.stats-grid{display:grid;grid-template-columns:1fr;text-align:center}@media(min-width:640px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.stat-item{padding:1rem}@media(min-width:640px){.stat-item{padding:0 1rem}}.stat-item:not(:last-child){border-bottom:1px solid var(--brand-lavender-border)}@media(min-width:640px){.stat-item:not(:last-child){border-bottom:none;border-right:1px solid var(--brand-lavender-border)}}.stat-value{font-size:1.875rem;font-weight:800;color:#8f76a8;letter-spacing:-.02em;margin:0}@media(min-width:640px){.stat-value{font-size:2.25rem}}.stat-label{font-size:.75rem;font-weight:500;color:var(--brand-text-muted);margin:4px 0 0}@media(min-width:640px){.stat-label{font-size:.875rem}}.stat-skeleton{background:linear-gradient(90deg,#00000014 25%,#00000026 37%,#00000014 63%);background-size:400% 100%;animation:stat-skeleton-shimmer 1.4s ease infinite;border-radius:4px;margin:0 auto}.stat-skeleton-value{width:60px;height:2rem;margin-bottom:.5rem}.stat-skeleton-label{width:90px;height:1rem}@keyframes stat-skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.how-it-works-section{padding:4rem 0;background:#fff}.hiw-header{display:flex;flex-direction:column;margin-bottom:3rem}@media(min-width:640px){.hiw-header{flex-direction:row;align-items:flex-end;justify-content:space-between}}.hiw-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:#8f76a8;font-weight:700}.hiw-title{font-size:1.5rem;font-weight:700;color:var(--brand-text-dark);margin:4px 0 0}@media(min-width:640px){.hiw-title{font-size:1.875rem}}.hiw-subtitle{font-size:.875rem;color:var(--brand-text-muted);font-weight:500;margin:8px 0 0}@media(min-width:640px){.hiw-subtitle{margin:0}}.hiw-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.hiw-grid{grid-template-columns:repeat(3,1fr)}}.hiw-card{background:var(--brand-bg-light);border-radius:24px;padding:1.75rem;border:1px solid var(--brand-lavender-border);transition:box-shadow .2s}.hiw-card:hover{box-shadow:0 4px 12px #00000014}.hiw-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.hiw-number{width:40px;height:40px;border-radius:16px;background:var(--brand-lavender-light);color:var(--brand-plum);font-weight:700;font-size:.875rem;display:flex;align-items:center;justify-content:center}.hiw-icon{color:var(--brand-plum)}.hiw-icon svg{width:24px;height:24px}.hiw-card-title{font-size:1rem;font-weight:700;color:var(--brand-text-dark);margin:0 0 8px}.hiw-card-desc{font-size:.75rem;color:var(--brand-text-muted);line-height:1.65;margin:0}@media(min-width:640px){.hiw-card-desc{font-size:.875rem}}:root{--brand-lavender: #8F76A8;--brand-lavender-hover: #8267A3;--brand-lavender-light: #f4effa;--brand-lavender-lighter: #ede3f7;--brand-lavender-border: #d9cbe8;--brand-plum: #6b4f8a;--brand-text-dark: #1e1b24;--brand-text-muted: #6b6478;--brand-bg: #FAF7FB;--brand-white: #ffffff;--emerald: #059669}.partners-section{padding:4rem 0 5rem;background-color:var(--brand-bg);border-bottom:1px solid rgba(217,203,232,.4);position:relative;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}.partners-container{max-width:80rem;margin:0 auto;padding:0 1rem}.partners-header{text-align:center;max-width:48rem;margin:0 auto 4rem}.partners-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;border-radius:9999px;background-color:var(--brand-lavender-light);color:var(--brand-lavender);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--brand-lavender-border);margin-bottom:1rem}.badge-dot{width:.5rem;height:.5rem;border-radius:50%;background-color:var(--brand-lavender);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.partners-title{font-size:2rem;font-weight:800;color:var(--brand-text-dark);letter-spacing:-.025em;line-height:1.15;margin:0 0 .75rem}.partners-subtitle{font-size:1rem;color:var(--brand-text-muted);max-width:36rem;margin:0 auto;line-height:1.65}.partners-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}.partners-image-col{display:flex;flex-direction:column;align-items:center}.partners-image-wrapper{width:100%;max-width:28rem;position:relative;margin:0 auto}.partners-image-aura{position:absolute;top:-1rem;right:-1rem;bottom:-1rem;left:-1rem;background:linear-gradient(to top right,var(--brand-lavender-light),var(--brand-lavender-lighter));border-radius:1.5rem;filter:blur(1.5rem);opacity:.6;pointer-events:none}.partners-image-card{position:relative;background-color:var(--brand-white);border:1px solid var(--brand-lavender-border);border-radius:1.5rem;padding:2rem 1.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000000a}.partners-org-image{display:block;width:100%;max-width:15rem;height:auto;aspect-ratio:1111 / 1600;object-fit:contain;margin:0}.partners-org-name{font-size:1.25rem;font-weight:800;color:var(--brand-text-dark);letter-spacing:-.025em;margin:0 0 .25rem}.partners-org-tagline{font-size:.75rem;font-weight:600;color:var(--brand-lavender);text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem}.partners-facts{width:100%;padding-top:1rem;border-top:1px solid rgba(217,203,232,.6);display:flex;align-items:center;justify-content:space-around;text-align:center}.fact-item{display:flex;flex-direction:column;align-items:center}.fact-value{font-size:1.125rem;font-weight:700;color:var(--brand-text-dark);line-height:1.2}.fact-active{color:var(--emerald)}.fact-label{font-size:.6875rem;color:var(--brand-text-muted);line-height:1.3}.fact-divider{height:1.5rem;width:1px;background-color:#d9cbe899}.partners-info-col{display:flex;flex-direction:column;align-items:flex-start}.partners-location-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:var(--brand-lavender);background-color:var(--brand-lavender-light);padding:.25rem .75rem;border-radius:9999px;margin-bottom:.75rem}.location-dot{width:.375rem;height:.375rem;border-radius:50%;background-color:var(--emerald)}.partners-org-title{font-size:1.5rem;font-weight:800;color:var(--brand-text-dark);letter-spacing:-.025em;line-height:1.2;margin:0 0 1rem}.org-title-highlight{color:var(--brand-lavender)}.partners-description{font-size:.9375rem;color:var(--brand-text-muted);line-height:1.7;margin:0 0 1.5rem}.partners-initiatives{width:100%;margin-bottom:2rem}.initiatives-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--brand-text-muted);margin:0 0 .75rem}.initiatives-list{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem}.initiative-tag{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:9999px;background-color:var(--brand-white);border:1px solid var(--brand-lavender-border);font-size:.75rem;font-weight:500;color:var(--brand-text-dark);box-shadow:0 1px 2px #00000008;transition:transform .2s ease,box-shadow .2s ease}.initiative-tag:hover{transform:translateY(-1px);box-shadow:0 2px 6px #8f76a81f}.initiative-tag-special{background-color:var(--brand-lavender-light);border-color:var(--brand-lavender-border);font-weight:600;color:var(--brand-lavender)}.initiative-tag-special i{color:var(--brand-lavender);font-size:.75rem}.partners-actions{display:flex;flex-direction:column;gap:1rem;width:100%;padding-top:1.5rem;border-top:1px solid rgba(217,203,232,.6)}.partners-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:1rem;background-color:var(--brand-lavender);color:var(--brand-white);font-size:.75rem;font-weight:600;text-decoration:none;transition:all .2s ease;box-shadow:0 1px 3px #0000000f;align-self:flex-start}.partners-cta:hover{background-color:var(--brand-lavender-hover);transform:translateY(-2px);box-shadow:0 4px 12px #8f76a84d}.partners-cta i{font-size:.75rem}.partners-socials{display:flex;align-items:center;gap:.625rem}.social-link{width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--brand-white);border:1px solid var(--brand-lavender-border);color:var(--brand-text-muted);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .2s ease;box-shadow:0 1px 2px #00000008}.social-link:hover{background-color:var(--brand-lavender-light);color:var(--brand-plum);transform:translateY(-2px);box-shadow:0 4px 10px #8f76a826}.social-link i{font-size:.875rem}@media(min-width:640px){.partners-container{padding:0 1.5rem}.partners-section{padding:5rem 0}.partners-title{font-size:2.25rem}.partners-description{font-size:1rem}.partners-org-title{font-size:1.75rem}.partners-actions{flex-direction:row;align-items:center;justify-content:space-between}.partners-cta{align-self:auto}}@media(min-width:1024px){.partners-container{padding:0 2rem}.partners-title{font-size:2.5rem}.partners-grid{grid-template-columns:5fr 7fr;gap:4rem}.partners-image-wrapper{max-width:none}.partners-image-col{align-items:flex-start}.partners-org-image{max-width:10rem}.partners-facts{justify-content:space-between}.fact-item{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.badge-dot{animation:none}.partners-cta,.social-link,.initiative-tag{transition:none}}.footer-custom{background:linear-gradient(180deg,#fff,#faf7fb);border-top:1px solid var(--brand-lavender-border);color:var(--brand-text-muted);font-size:.75rem}.footer-inner{padding-top:1.5rem;padding-bottom:1rem}.footer-main{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;padding-bottom:1rem;margin-bottom:.875rem;border-bottom:1px solid rgba(217,203,232,.55)}.footer-brand{display:flex;align-items:center;gap:14px;flex:1 1 320px;max-width:560px;min-width:0}.footer-brand-text{min-width:0}.footer-brand-name{display:block;font-size:1rem;font-weight:700;color:var(--brand-text-dark);line-height:1.3;margin-bottom:2px}.footer-brand-desc{font-size:.75rem;line-height:1.55;max-width:440px;margin:0}.brand-logo{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--nav-border);box-shadow:0 6px 16px #943d522e}.brand-logo-img{width:100%;height:100%;object-fit:cover;display:block}.footer-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem}.footer-nav-link{font-size:.8rem;font-weight:600;color:var(--brand-text-muted);padding:.25rem 0;text-decoration:none;transition:color .2s ease}.footer-nav-link:hover{color:var(--brand-berry);text-decoration:underline;text-underline-offset:4px}.footer-bottom{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.5rem;font-size:.75rem;color:var(--brand-text-muted)}.footer-bottom p{margin:0}.footer-bottom-links{display:flex;gap:1.5rem}.footer-bottom-links a{color:var(--brand-text-muted);transition:color .2s ease}.footer-bottom-links a:hover{color:var(--brand-text-dark)}@media(min-width:640px){.footer-bottom{flex-direction:row;gap:0}}@media(max-width:640px){.footer-inner{padding-top:1.25rem;padding-bottom:.875rem}.footer-main{flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding-bottom:.875rem}.footer-brand{flex-direction:column;flex:0 0 auto;gap:8px;max-width:100%}.footer-brand-desc{max-width:340px;margin:0 auto}.footer-nav{justify-content:center;gap:.25rem 1.25rem}}@media(prefers-reduced-motion:reduce){.footer-nav-link,.footer-bottom-links a{transition:none}}.app{min-height:100vh;display:flex;flex-direction:column}.app-main{flex-grow:1}.container-custom{max-width:1280px;margin:0 auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.container-custom{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.container-custom{padding-left:2rem;padding-right:2rem}}.squiggly-underline{position:relative;display:inline-block}.squiggly-underline:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:7px;background:radial-gradient(circle at 50% 100%,transparent 4px,#e38295 4.5px,#e38295 6.5px,transparent 7px);background-size:14px 7px;background-repeat:repeat-x}:root{--primary: #b7102a;--primary-container: #db313f;--on-primary: #ffffff;--on-primary-container: #fffbff;--secondary: #2b6485;--secondary-container: #a3d8fe;--on-secondary-container: #255f80;--surface: #f8f9fa;--surface-container-lowest: #ffffff;--surface-container-low: #f3f4f5;--surface-container: #edeeef;--surface-container-high: #e7e8e9;--on-surface: #191c1d;--on-surface-variant: #5b403f;--outline: #8f6f6e;--outline-variant: #e4bebc;--error: #ba1a1a;--error-container: #ffdad6;--on-error-container: #93000a;--tertiary-container: #6e776d;--on-tertiary-container: #f6fff3;--success: #2e7d32;--success-container: #c8e6c9;--on-success-container: #1b5e20;--transition-base: all .3s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .12);--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px}body{font-family:Be Vietnam Pro,sans-serif;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);color:var(--on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 1}.login-wrapper{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:.75rem;background:linear-gradient(135deg,#f5f7fa,#e8ecf1)}@media(min-width:480px){.login-wrapper{padding:1rem}}@media(min-width:768px){.login-wrapper{padding:1.5rem}}.login-container{width:100%;display:flex;flex-direction:column;background:var(--surface-container-lowest);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);max-width:1100px;min-height:auto;max-height:none;animation:containerRise .5s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.login-container{animation:none}}@media(min-width:480px){.login-container{border-radius:var(--radius-xl);max-height:95vh;min-height:650px}}@media(min-width:768px){.login-container{flex-direction:row;max-height:90vh;min-height:600px;border-radius:var(--radius-xl)}}.visual-panel{position:relative;display:flex;flex-direction:column;overflow:hidden;width:100%;height:clamp(160px,34vw,240px);flex-shrink:0}@media(min-width:768px){.visual-panel{width:42%;height:auto;flex-shrink:0}}@media(min-width:992px){.visual-panel{width:40%}}.visual-bg-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.4,0,.2,1)}@media(min-width:768px){.visual-panel:hover .visual-bg-image{transform:scale(1.04)}}.visual-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#faf7fb,#f4effa 45%,#f0e8f6)}.visual-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:1rem 1.125rem}@media(min-width:480px){.visual-content{padding:1.25rem 1.5rem}}@media(min-width:768px){.visual-content{padding:1.75rem}}@media(min-width:992px){.visual-content{padding:2.25rem}}@media(min-width:1200px){.visual-content{padding:2.75rem}}.brand-logo{display:flex;align-items:center;gap:.5rem}.brand-logo .icon{display:flex;align-items:center;justify-content:center;width:1.875rem;height:1.875rem;border-radius:50%;background:var(--primary);color:#fff;font-size:1.0625rem;font-variation-settings:"FILL" 1;box-shadow:0 2px 8px #00000040;flex-shrink:0}@media(min-width:768px){.brand-logo .icon{width:2.125rem;height:2.125rem;font-size:1.25rem}}.brand-logo .name{font-family:Manrope,sans-serif;font-size:1.0625rem;font-weight:800;color:#fff;letter-spacing:-.02em;text-shadow:0 1px 6px rgba(0,0,0,.35)}@media(min-width:768px){.brand-logo .name{font-size:1.25rem}}.visual-text{max-width:380px}.visual-text h2{font-family:Manrope,sans-serif;font-size:clamp(1.05rem,3vw,1.5rem);font-weight:700;line-height:1.3;color:#fff;margin-bottom:.375rem;letter-spacing:-.01em;text-shadow:0 1px 8px rgba(0,0,0,.3)}.visual-text p{display:none;font-size:clamp(.8rem,1.2vw,.9rem);line-height:1.6;color:#ffffffe0;text-shadow:0 1px 6px rgba(0,0,0,.25)}@media(min-width:480px){.visual-text p{display:block}}.form-panel{width:100%;display:flex;align-items:flex-start;justify-content:center;padding:1rem;overflow-y:auto;background:var(--surface-container-lowest);flex:1}@media(min-width:480px){.form-panel{padding:1.5rem 1.25rem;align-items:center}}@media(min-width:576px){.form-panel{padding:2rem 1.5rem}}@media(min-width:768px){.form-panel{width:58%;padding:2rem;align-items:center}}@media(min-width:992px){.form-panel{width:60%;padding:2.5rem 3rem}}@media(min-width:1200px){.form-panel{padding:3rem 3.5rem}}@media(max-width:350px){.form-wrapper{max-width:100%;padding:0 .25rem}}.form-header{margin-bottom:1.25rem;text-align:center}@media(min-width:480px){.form-header{text-align:left;margin-bottom:1.5rem}}.form-header h2{font-family:Manrope,sans-serif;font-size:clamp(1.375rem,4vw,2rem);font-weight:700;color:var(--on-surface);margin-bottom:.5rem;white-space:nowrap;letter-spacing:-.01em}.form-header .subtitle{font-size:clamp(.8rem,1.5vw,.9375rem);color:var(--on-surface-variant);line-height:1.5}@media(max-width:360px){.form-header h2{white-space:normal;font-size:1.25rem}}.tab-navigation{display:flex;border-bottom:2px solid var(--surface-container-high);margin-bottom:1.5rem}.tab-button{flex:1;padding:.75rem .5rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-family:Manrope,sans-serif;font-size:.8125rem;font-weight:600;color:var(--on-surface-variant);cursor:pointer;transition:var(--transition-base);letter-spacing:.025em;text-align:center}@media(min-width:576px){.tab-button{font-size:.875rem;padding:.75rem 1rem}}.tab-button:hover{color:var(--on-surface)}.tab-button.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.tab-content{animation:none}}.login-form{display:flex;flex-direction:column}.form-group-spacing{margin-bottom:1.125rem}.form-label-custom{font-family:Manrope,sans-serif;font-size:.8125rem;font-weight:600;color:var(--on-surface);margin-bottom:.375rem;letter-spacing:.025em;display:block}@media(min-width:576px){.form-label-custom{font-size:.875rem;margin-bottom:.5rem}}.input-wrapper{position:relative}.input-icon-left{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--on-surface-variant);font-size:1.125rem;z-index:10;pointer-events:none;opacity:.7}.input-icon-right{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--on-surface-variant);cursor:pointer;background:none;border:none;padding:.25rem;z-index:10;transition:color .2s ease}.input-icon-right:hover{color:var(--on-surface)}.form-control-custom{width:100%;padding:.625rem .875rem .625rem 2.5rem;font-size:.875rem;border:1.5px solid rgba(228,190,188,.4);border-radius:var(--radius-md);background:var(--surface);color:var(--on-surface);transition:var(--transition-base);outline:none;font-family:Be Vietnam Pro,sans-serif;height:44px;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media(min-width:576px){.form-control-custom{padding:.8125rem 1rem .8125rem 2.75rem;font-size:.9375rem;height:48px}}.form-control-custom::placeholder{color:#9ca3af;font-size:.8125rem}@media(min-width:576px){.form-control-custom::placeholder{font-size:.875rem}}.form-control-custom.input-with-right-icon{padding-right:2.75rem}.forgot-password{font-family:Manrope,sans-serif;font-size:.75rem;font-weight:600;color:var(--primary);text-decoration:none;letter-spacing:.025em;transition:var(--transition-base)}@media(min-width:576px){.forgot-password{font-size:.8125rem}}.forgot-password:hover{text-decoration:underline;color:var(--primary-container)}.otp-description{font-size:.8125rem;color:var(--on-surface-variant);margin-bottom:1.25rem;line-height:1.5}@media(min-width:576px){.otp-description{font-size:.875rem;margin-bottom:1.5rem}}.btn-submit{width:100%;padding:.6875rem 1.25rem;background:var(--primary);color:var(--on-primary);border:none;border-radius:var(--radius-full);font-family:Manrope,sans-serif;font-size:.9375rem;font-weight:700;cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px #b7102a33;letter-spacing:.025em;margin-top:.5rem;min-height:48px}@media(min-width:576px){.btn-submit{padding:.75rem 1.5rem;font-size:1rem;box-shadow:0 4px 15px #b7102a40;min-height:52px}}.btn-submit:hover:not(:disabled){background:var(--primary-container);color:var(--on-primary-container);transform:translateY(-2px);box-shadow:0 6px 25px #b7102a59}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.alert-custom{padding:.625rem .75rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.75rem;font-weight:500;display:flex;align-items:flex-start;gap:.5rem;animation:slideIn .3s ease;word-break:break-word;line-height:1.4}@media(min-width:576px){.alert-custom{padding:.75rem 1rem;font-size:.8125rem;margin-bottom:1.25rem;border-radius:var(--radius-md)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-custom.success{background:var(--success-container);color:var(--on-success-container)}.alert-custom.error{background:var(--error-container);color:var(--on-error-container)}.alert-custom.info{background:var(--secondary-container);color:var(--on-secondary-container)}.alert-custom .material-symbols-outlined{flex-shrink:0;font-size:1.125rem;margin-top:.0625rem}.signup-section{text-align:center;margin-top:1.5rem}.signup-text{font-size:.8125rem;color:var(--on-surface-variant)}@media(min-width:576px){.signup-text{font-size:.875rem}}.signup-link{font-family:Manrope,sans-serif;font-size:.8125rem;font-weight:600;color:var(--primary);text-decoration:none;margin-left:.25rem;letter-spacing:.025em}@media(min-width:576px){.signup-link{font-size:.875rem}}.signup-link:hover{text-decoration:underline}@media(min-width:576px){.spinner-border-sm{width:1rem;height:1rem}}.d-flex{display:flex}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.ms-2{margin-left:.5rem}.text-center{text-align:center}.form-panel::-webkit-scrollbar{width:4px}@media(min-width:768px){.form-panel::-webkit-scrollbar{width:5px}}.form-panel::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:var(--radius-full)}.form-panel::-webkit-scrollbar-thumb:hover{background:var(--outline)}@media(max-width:767px)and (orientation:landscape){.login-wrapper{padding:1rem .5rem .5rem;align-items:flex-start}.login-container{border-radius:var(--radius-md);max-height:95vh;min-height:auto}.visual-panel{height:110px}.visual-text p{display:none}.form-panel{padding:1rem .75rem;align-items:flex-start;overflow-y:auto}.form-group-spacing{margin-bottom:.75rem}.form-header{margin-bottom:.875rem}.form-header h2{font-size:1.25rem}.form-wrapper{max-width:100%}}@media(max-width:320px){.login-wrapper{padding:.25rem}.login-container{border-radius:var(--radius-sm)}.visual-panel{height:130px}.form-panel{padding:.75rem .5rem}.form-header h2{font-size:1.125rem}.form-control-custom{font-size:.8125rem;padding:.5rem .75rem .5rem 2.25rem;height:40px}.btn-submit{font-size:.8125rem;min-height:40px;padding:.5rem .75rem}.tab-button{font-size:.75rem;padding:.625rem .375rem}}@media print{body{background:#fff}.visual-panel{display:none}.form-panel{width:100%;padding:1rem}.login-container{box-shadow:none;border:1px solid #ddd;border-radius:0}}:root{--brand-purple: #8f76a8;--brand-purple-dark: #6e527b;--brand-purple-soft: #f4effa;--brand-purple-border: #e8def2;--brand-berry: #d44964;--brand-berry-dark: #a83049;--brand-berry-soft: #fdf2f4;--brand-berry-border: #f7d8de;--surface-white: #ffffff;--surface-page: #faf7fb;--surface-low: #faf7fb;--surface-high: #ede3f7;--text-dark: #1f1a24;--text-muted: #675c70;--text-subtle: #8a7e96;--success-bg: #e6f4ea;--success-fg: #1b5e20;--error-bg: #fdeaea;--error-fg: #93000a;--info-bg: #e8eefb;--info-fg: #1a3f7a;--warning-bg: #fff4e5;--warning-fg: #b45309;--radius-sm: .625rem;--radius-md: .875rem;--radius-lg: 1.25rem;--radius-xl: 1.75rem;--radius-full: 9999px;--shadow-md: 0 4px 16px rgba(143, 118, 168, .08);--shadow-lg: 0 16px 44px -14px rgba(143, 118, 168, .24);--shadow-btn: 0 6px 20px -4px rgba(212, 73, 100, .38);--transition-base: all .2s cubic-bezier(.4, 0, .2, 1)}html,body{width:100%;height:100%;overflow-x:hidden}body{font-family:Be Vietnam Pro,system-ui,sans-serif;background:var(--surface-page);color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}.register-wrapper{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:.75rem;background:var(--surface-page);overflow:hidden}.register-wrapper:before,.register-wrapper:after{content:"";position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0}.register-wrapper:before{top:-140px;left:-140px;width:360px;height:360px;background:radial-gradient(circle,#eddcfe99,#eddcfe00 70%)}.register-wrapper:after{bottom:-160px;right:-140px;width:400px;height:400px;background:radial-gradient(circle,#d449641a,#d4496400 70%)}@media(min-width:768px){.register-wrapper{padding:1.5rem}.register-wrapper:before{width:540px;height:540px;top:-180px;left:-180px}.register-wrapper:after{width:620px;height:620px;bottom:-220px;right:-180px}}.register-container{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;background:var(--surface-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--brand-purple-border);max-width:460px;animation:containerRise .45s cubic-bezier(.4,0,.2,1)}@keyframes containerRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.register-container{animation:none}}@media(min-width:768px){.register-container{flex-direction:row;max-width:1080px;border-radius:var(--radius-xl);max-height:92vh;min-height:620px}}.visual-panel{display:none}@media(min-width:768px){.visual-panel{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;width:42%;flex-shrink:0;padding:2.5rem 2rem;background:linear-gradient(160deg,#faf7fb,#f4effa 45%,#f0e8f6)}.visual-panel:before{content:"";position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#8f76a829,#8f76a80d 40%,#8f76a800 70%);z-index:0}.visual-panel:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand-purple) 0%,var(--brand-berry) 100%);opacity:.75;z-index:2}.visual-bg-image{position:relative;width:100%;max-width:340px;height:auto;max-height:55vh;object-fit:contain;display:block;z-index:1;border-radius:20px;filter:drop-shadow(0 16px 36px rgba(143,118,168,.2));animation:gentleFloat 6s ease-in-out infinite}}@media(min-width:992px){.visual-panel{width:45%;padding:3rem 2.5rem}.visual-bg-image{max-width:380px}}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.visual-bg-image{animation:none}}.form-panel{width:100%;display:flex;align-items:center;justify-content:center;padding:1.75rem 1.25rem;overflow-y:auto;background:var(--surface-white);flex:1}@media(min-width:480px){.form-panel{padding:2rem 1.75rem}}@media(min-width:768px){.form-panel{width:58%;padding:2.5rem 3rem;max-height:92vh}}@media(min-width:992px){.form-panel{width:55%;padding:3rem 3.5rem}}.form-wrapper{width:100%;max-width:420px;margin:0 auto}.form-panel::-webkit-scrollbar{width:5px}.form-panel::-webkit-scrollbar-track{background:transparent}.form-panel::-webkit-scrollbar-thumb{background:var(--brand-purple-border);border-radius:var(--radius-full)}.form-panel::-webkit-scrollbar-thumb:hover{background:var(--brand-purple)}.back-home{display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;padding:.4rem .75rem .4rem .5rem;font-size:.8125rem;font-weight:600;color:var(--text-muted);text-decoration:none;border-radius:var(--radius-full);transition:var(--transition-base);margin-bottom:1.5rem}.back-home svg{font-size:.7rem;transition:transform .2s}.back-home:hover{color:var(--brand-berry);background:var(--brand-berry-soft)}.back-home:hover svg{transform:translate(-2px)}.form-header{margin-bottom:1rem;text-align:center}.form-header h1{font-family:Manrope,sans-serif;font-size:clamp(1.25rem,4vw,1.7rem);font-weight:800;color:var(--text-dark);letter-spacing:-.025em;line-height:1.2;margin:0 0 .2rem;white-space:nowrap}.heart-icon{color:var(--brand-berry);font-size:.85em;margin-left:.3rem;vertical-align:middle;animation:heartbeat 1.8s ease-in-out infinite}.form-header .subtitle{font-size:clamp(.78rem,2vw,.9rem);color:var(--text-muted);line-height:1.35;margin:0}@media(min-width:480px){.form-header{text-align:left;margin-bottom:1.15rem}}@keyframes heartbeat{0%,to{transform:scale(1)}20%{transform:scale(1.15)}40%{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.heart-icon{animation:none}}.form-group-spacing{margin-bottom:1rem;flex:1;min-width:0}@media(min-width:480px){.form-group-spacing{margin-bottom:1.125rem}}.form-row{display:grid;grid-template-columns:1fr;gap:0}@media(min-width:480px){.form-row{grid-template-columns:1fr 1fr;gap:.75rem}}.form-label-custom{font-family:Manrope,sans-serif;font-size:.75rem;font-weight:700;color:var(--text-dark);margin-bottom:.375rem;display:block;letter-spacing:.02em;text-transform:uppercase;opacity:.85}.label-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.5rem}.label-hint{font-size:.75rem;color:var(--text-subtle)}.label-icon{color:var(--brand-berry);margin-right:.35rem;font-size:.75rem}.phone-input-group{display:flex;gap:.5rem;flex-direction:column}@media(min-width:400px){.phone-input-group{flex-direction:row;align-items:stretch}}.input-wrapper{position:relative;flex:1;min-width:0;width:100%}.input-icon-left{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:var(--brand-purple);font-size:.9rem;z-index:2;pointer-events:none;opacity:.75;transition:opacity .2s,color .2s}.input-wrapper:focus-within .input-icon-left{opacity:1;color:var(--brand-berry)}.form-control-custom{width:100%;padding:.75rem .875rem .75rem 2.6rem;font-size:.875rem;font-family:Be Vietnam Pro,sans-serif;font-weight:500;color:var(--text-dark);background:var(--surface-low);border:1.5px solid var(--brand-purple-border);border-radius:var(--radius-md);height:48px;transition:var(--transition-base);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control-custom::placeholder{color:var(--text-subtle);font-weight:400;opacity:.85}.form-control-custom:hover:not(:disabled):not(:focus){border-color:#d449644d}.form-control-custom:focus{border-color:var(--brand-berry);background:var(--surface-white);box-shadow:0 0 0 4px #d449641f}.form-control-custom:disabled{opacity:.65;cursor:not-allowed;background:var(--surface-high);color:var(--text-muted)}.select-wrapper{position:relative}.form-select-custom{padding-right:2.5rem;cursor:pointer}.form-select-custom::-ms-expand{display:none}.select-caret{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:.75rem;color:var(--text-subtle);pointer-events:none;z-index:2;transition:color .2s}.select-wrapper:focus-within .select-caret{color:var(--brand-berry)}input[type=date].form-control-custom{font-family:Be Vietnam Pro,sans-serif;cursor:pointer}input[type=date].form-control-custom::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity .2s}input[type=date].form-control-custom::-webkit-calendar-picker-indicator:hover{opacity:1}.otp-input{letter-spacing:.3em;font-weight:600}.btn-send-otp{padding:.75rem 1.125rem;background:var(--brand-berry-soft);color:var(--brand-berry-dark);border:1.5px solid var(--brand-berry-border);border-radius:var(--radius-md);font-family:Manrope,sans-serif;font-size:.8125rem;font-weight:700;cursor:pointer;transition:var(--transition-base);white-space:nowrap;width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:.375rem}@media(min-width:400px){.btn-send-otp{width:auto;min-width:110px}}.btn-send-otp:hover:not(:disabled){background:var(--brand-berry);color:#fff;border-color:var(--brand-berry)}.btn-send-otp:disabled{opacity:.55;cursor:not-allowed}.btn-send-otp.sent{background:#e8f5e9;color:var(--success-fg);border-color:#a5d6a7}.btn-send-otp.sent:hover:not(:disabled){background:#e8f5e9;color:var(--success-fg)}.otp-timer{font-size:.75rem;color:var(--text-muted);margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.resend-link{color:var(--brand-berry);background:none;border:none;font-family:inherit;font-weight:700;font-size:.75rem;cursor:pointer;padding:0;transition:var(--transition-base)}.resend-link:hover{color:var(--brand-berry-dark);text-decoration:underline;text-underline-offset:2px}.blood-group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:.5rem}.blood-group-chip{padding:.625rem .25rem;border:1.5px solid var(--brand-purple-border);border-radius:var(--radius-md);background:var(--surface-white);color:var(--text-dark);font-family:Manrope,sans-serif;font-size:.8125rem;font-weight:700;cursor:pointer;transition:var(--transition-base);text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center}.blood-group-chip:hover:not(.selected){border-color:var(--brand-berry);background:var(--brand-berry-soft);color:var(--brand-berry-dark)}.blood-group-chip.selected{background:var(--brand-berry);color:#fff;border-color:var(--brand-berry);box-shadow:0 4px 12px -3px #d4496473}.btn-submit{width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--brand-berry) 0%,#e66885 100%);color:#fff;border:none;border-radius:var(--radius-md);font-family:Manrope,sans-serif;font-size:.9375rem;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:var(--shadow-btn);min-height:50px}.btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px -6px #d4496480}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #d4496433}.alert-custom{padding:.875rem 1rem;border-radius:var(--radius-md);margin-bottom:1.25rem;font-size:.8125rem;font-weight:500;display:flex;align-items:flex-start;gap:.625rem;animation:slideIn .3s cubic-bezier(.4,0,.2,1);word-break:break-word;line-height:1.5;border:1px solid transparent}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.alert-custom .alert-icon{flex-shrink:0;font-size:1rem;margin-top:.15rem}.alert-custom.success{background:var(--success-bg);color:var(--success-fg);border-color:#2e7d3233}.alert-custom.error{background:var(--error-bg);color:var(--error-fg);border-color:#ba1a1a33}.alert-custom.info{background:var(--info-bg);color:var(--info-fg);border-color:#1a3f7a33}.alert-custom.warning{background:var(--warning-bg);color:var(--warning-fg);border-color:#b4530933}.terms-text{font-size:.8125rem;color:var(--text-muted);text-align:center;margin-top:1rem;line-height:1.6}.terms-link{color:var(--brand-berry);text-decoration:none;font-weight:700;transition:var(--transition-base);margin-left:.25rem}.terms-link:hover{color:var(--brand-berry-dark);text-decoration:underline;text-underline-offset:2px}.spinner-border-sm{width:.875rem;height:.875rem;border-width:.15em}.mb-0{margin-bottom:0}.me-2{margin-right:.5rem}@media(max-width:359px){.register-wrapper{padding:.375rem}.register-container{border-radius:var(--radius-md)}.form-panel{padding:1.25rem .875rem}.form-header h1{font-size:1.125rem}.form-control-custom{font-size:.8125rem;padding:.625rem .75rem .625rem 2.4rem;height:44px}.input-icon-left{left:.75rem;font-size:.8rem}.blood-group-chip{font-size:.75rem;min-height:40px}.btn-submit{font-size:.875rem;min-height:46px}}@media(max-height:700px)and (orientation:landscape){.register-wrapper{align-items:flex-start;padding-top:1rem}.register-container,.form-panel{max-height:none}}@media print{body{background:#fff}.visual-panel{display:none!important}.form-panel{width:100%;padding:1rem}.register-container{box-shadow:none;border:1px solid #ddd;border-radius:0;max-height:none}}.input-icon-right{position:absolute;right:.55rem;top:50%;transform:translateY(-50%);background:transparent;border:none;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-subtle)}.field-error{font-size:.75rem;color:var(--error-fg);margin-top:.4rem}.field-success{font-size:.75rem;color:var(--success-fg);margin-top:.4rem}:root{--rakt-plum: #6e527b;--rakt-berry: #943d52;--rakt-berry-dark: #7d3345;--rakt-lavender-light: #f4effa;--rakt-lavender-border: #e8def2;--rakt-rose-pill: #fdf2f4;--rakt-rose-text: #d44964;--rakt-text-dark: #1f1a24;--rakt-text-muted: #675c70;--rakt-bg-light: #fcfafc;--rakt-purple: #8F76A8;--rakt-purple-dark: #8267A3;--rakt-purple-deep: #5e4a77;--rakt-purple-deeper: #4d3c63;--rakt-page-bg: #FAF7FB}.rakt-about-page{font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--rakt-page-bg);color:var(--rakt-text-dark);line-height:1.6;overflow-x:hidden}.rakt-about-page *,.rakt-about-page *:before,.rakt-about-page *:after{box-sizing:border-box}.rakt-about-page h1,.rakt-about-page h2,.rakt-about-page h3,.rakt-about-page h4{font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.02em;margin:0}.rakt-about-page p{margin:0}.rakt-container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}.rakt-mb-6{margin-bottom:6px}.rakt-mb-12{margin-bottom:12px}.rakt-mb-18{margin-bottom:18px}.rakt-mb-24{margin-bottom:24px}.rakt-mb-0{margin-bottom:0}.rakt-text-dark{color:var(--rakt-text-dark)!important}.rakt-pill-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:9999px;background:var(--rakt-lavender-light);color:var(--rakt-plum);font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--rakt-lavender-border);margin-bottom:16px;width:fit-content}.rakt-pill-badge i{font-size:.85rem}.rakt-pill-rose{background:var(--rakt-rose-pill);color:var(--rakt-rose-text);border-color:#d4496440}.rakt-pill-cta{background:#ffffff26;color:#fff;border-color:#ffffff40}.rakt-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:10px;background:var(--rakt-purple-dark);color:#fff;font-size:.9rem;font-weight:600;box-shadow:0 4px 14px #8267a347;transition:all .2s ease;cursor:pointer;border:none;text-decoration:none;white-space:nowrap}.rakt-btn-primary:hover{background:var(--rakt-purple-deep);transform:translateY(-1px);box-shadow:0 6px 18px #5e4a7752}.rakt-btn-primary i{font-size:1rem}.rakt-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:10px;background:var(--rakt-lavender-light);color:var(--rakt-plum);font-size:.9rem;font-weight:600;border:1px solid var(--rakt-lavender-border);transition:all .2s ease;cursor:pointer;text-decoration:none;white-space:nowrap}.rakt-btn-secondary:hover{background:#eee5f7;color:var(--rakt-purple-deeper)}.rakt-btn-secondary i{font-size:1rem}.rakt-btn-full{width:100%;max-width:100%}.rakt-hero-section{padding:72px 0 64px;position:relative;background:linear-gradient(180deg,var(--rakt-page-bg) 0%,#ffffff 100%)}.rakt-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.rakt-hero-text,.rakt-hero-image-wrapper{min-width:0}.rakt-hero-title{font-size:clamp(2.3rem,4.2vw,3.4rem);font-weight:800;line-height:1.15;color:var(--rakt-text-dark);margin-bottom:20px}.rakt-accent-plum{color:var(--rakt-plum)}.rakt-accent-berry{color:var(--rakt-berry)}.rakt-hero-subtitle{font-size:1.12rem;color:var(--rakt-text-muted);margin-bottom:28px;line-height:1.68;max-width:580px}.rakt-hero-quote{padding:18px 24px;background:#fff;border-left:4px solid var(--rakt-plum);border-radius:0 12px 12px 0;box-shadow:0 4px 16px #6e527b0d;border-top:1px solid var(--rakt-lavender-border);border-right:1px solid var(--rakt-lavender-border);border-bottom:1px solid var(--rakt-lavender-border);font-style:italic;color:var(--rakt-purple-deep);font-weight:500;font-size:.98rem;margin-bottom:32px}.rakt-hero-actions{display:flex;gap:14px;flex-wrap:wrap}.rakt-image-frame{position:relative;width:100%;overflow:hidden;border-radius:20px;background:var(--rakt-lavender-light);border:1px solid var(--rakt-lavender-border);box-shadow:0 12px 30px #6e527b1f;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.rakt-image-frame:hover{border-color:var(--rakt-purple);transform:translateY(-2px);box-shadow:0 16px 36px #6e527b2e}.rakt-ratio-16-10{aspect-ratio:16 / 10}.rakt-ratio-4-3{aspect-ratio:4 / 3}.rakt-ratio-1-1{aspect-ratio:1 / 1}.rakt-ratio-3-4{aspect-ratio:3 / 4}.rakt-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.rakt-image-portrait{object-position:center top}.rakt-image-frame-lg{border-radius:24px}.rakt-image-contain{object-fit:contain}.rakt-logo-frame{background:#fdf7fb}.rakt-logo-frame-white{background:#fff}.rakt-image-inset{top:7%;right:7%;bottom:7%;left:7%;width:86%;height:86%}.rakt-hero-image-wrapper.rakt-hero-logo{width:100%}.rakt-portrait-col{width:100%;max-width:460px;min-width:0;margin:0 auto;display:flex;flex-direction:column;gap:18px}.rakt-social-row{display:flex;align-items:center;gap:16px}.rakt-social-row:before,.rakt-social-row:after{content:"";flex:1;height:1px}.rakt-social-row:before{background:linear-gradient(to right,transparent,var(--rakt-lavender-border))}.rakt-social-row:after{background:linear-gradient(to left,transparent,var(--rakt-lavender-border))}.rakt-social-links{display:flex;align-items:center;gap:10px}.rakt-social-link{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--rakt-plum);border:1px solid var(--rakt-lavender-border);box-shadow:0 2px 8px #6e527b14;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.rakt-social-link i,.rakt-social-link svg{font-size:1rem;line-height:1}.rakt-social-link:hover{background:var(--rakt-purple-dark);border-color:var(--rakt-purple-dark);color:#fff;transform:translateY(-2px)}.rakt-social-link:focus-visible{outline:2px solid var(--rakt-purple);outline-offset:3px}.rakt-stats-section{padding:30px 0 60px}.rakt-stats-container{background:#fff;border:1px solid var(--rakt-lavender-border);border-radius:20px;padding:36px 40px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;box-shadow:0 10px 28px #6e527b0d}.rakt-stat-item{text-align:center;position:relative}.rakt-stat-item:not(:last-child):after{content:"";position:absolute;right:0;top:15%;height:70%;width:1px;background:var(--rakt-lavender-border)}.rakt-stat-number{font-size:2.2rem;font-weight:800;color:var(--rakt-plum);line-height:1.1;margin-bottom:6px}.rakt-stat-berry{color:var(--rakt-berry)}.rakt-stat-label{font-size:.88rem;font-weight:600;color:var(--rakt-text-muted)}.rakt-content-section{padding:60px 0}.rakt-section-alt-bg{background:var(--rakt-bg-light);border-top:1px solid var(--rakt-lavender-border);border-bottom:1px solid var(--rakt-lavender-border)}.rakt-section-header{text-align:center;max-width:680px;margin:0 auto 52px}.rakt-section-header-wide{max-width:800px;margin-bottom:40px}.rakt-section-title{font-size:clamp(1.75rem,3.5vw,2.2rem);font-weight:800;color:var(--rakt-text-dark);margin-bottom:14px}.rakt-section-subtitle{font-size:1.05rem;color:var(--rakt-text-muted);line-height:1.6}.rakt-subtitle-plum{font-weight:600;color:var(--rakt-plum)}.rakt-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.rakt-mv-grid{align-items:stretch}.rakt-mv-grid>.rakt-value-card{height:100%}.rakt-split-reverse{direction:rtl}.rakt-split-reverse>*{direction:ltr}.rakt-split-text{min-width:0}.rakt-mv-card{padding:40px 32px;border-radius:20px;border:1px solid var(--rakt-lavender-border)}.rakt-value-card{background:#fff;border:1px solid var(--rakt-lavender-border);border-radius:18px;padding:36px 28px;box-shadow:0 6px 20px #6e527b0a;transition:all .25s ease;display:flex;flex-direction:column}.rakt-value-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #6e527b1a;border-color:var(--rakt-purple)}.rakt-value-icon-box{width:58px;height:58px;border-radius:14px;background:var(--rakt-lavender-light);color:var(--rakt-plum);display:flex;align-items:center;justify-content:center;margin-bottom:24px;border:1px solid var(--rakt-lavender-border);font-size:1.5rem}.rakt-value-icon-rose{background:var(--rakt-rose-pill);color:var(--rakt-rose-text);border-color:#d4496433}.rakt-text-block-title{font-size:1.6rem;font-weight:800;color:var(--rakt-text-dark);margin-bottom:14px;line-height:1.25}.rakt-title-large{font-size:2.2rem}.rakt-text-block-p{font-size:1.02rem;color:var(--rakt-text-muted);margin-bottom:20px;line-height:1.7}.rakt-text-block-p:last-child{margin-bottom:0}.rakt-flagship-initiatives{margin-top:20px;display:flex;flex-direction:column;gap:10px}.rakt-flagship-label{font-size:.8rem;font-weight:700;color:var(--rakt-purple-deep);text-transform:uppercase;letter-spacing:.05em}.rakt-flagship-pills{display:flex;flex-wrap:wrap;gap:8px}.rakt-leadership-grid{align-items:flex-start;gap:44px}.rakt-leadership-image-col,.rakt-leadership-text-col{min-width:0}.rakt-bio-card{padding:32px;border-radius:20px;margin-bottom:24px}.rakt-portfolio-heading{font-size:.85rem;font-weight:700;color:var(--rakt-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px}.rakt-portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rakt-portfolio-item{background:#fff;border:1px solid var(--rakt-lavender-border);border-radius:12px;padding:14px 16px}.rakt-portfolio-label{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.rakt-label-rose{color:var(--rakt-rose-text)}.rakt-label-purple{color:var(--rakt-purple-deep)}.rakt-label-berry{color:var(--rakt-berry)}.rakt-label-plum{color:var(--rakt-plum)}.rakt-portfolio-value{font-size:.92rem;font-weight:700;color:var(--rakt-text-dark);margin-top:4px;line-height:1.4}.rakt-cta-banner{margin:50px 0 80px;background:linear-gradient(135deg,var(--rakt-plum) 0%,var(--rakt-purple-deep) 60%,var(--rakt-purple-deeper) 100%);border-radius:24px;padding:56px 48px;color:#fff;position:relative;overflow:hidden;box-shadow:0 18px 40px #6e527b40}.rakt-cta-banner:before{content:"";position:absolute;top:-80px;right:-80px;width:260px;height:260px;background:radial-gradient(circle,rgba(235,135,148,.25) 0%,transparent 70%);border-radius:50%}.rakt-cta-content{position:relative;z-index:2;max-width:660px}.rakt-cta-title{font-size:clamp(1.75rem,4vw,2.2rem);font-weight:800;line-height:1.2;margin-bottom:14px}.rakt-cta-text{font-size:1.05rem;opacity:.9;margin-bottom:28px;line-height:1.6}.rakt-cta-buttons{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.rakt-btn-cta-white{background:#fff;color:var(--rakt-plum);font-weight:700;padding:12px 26px;border-radius:10px;font-size:.95rem;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;text-decoration:none}.rakt-btn-cta-white:hover{background:var(--rakt-lavender-light);transform:translateY(-2px)}.rakt-btn-cta-outline{background:transparent;color:#fff;font-weight:600;padding:12px 24px;border-radius:10px;font-size:.95rem;border:1px solid rgba(255,255,255,.4);display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;text-decoration:none}.rakt-btn-cta-outline:hover{background:#ffffff1f;border-color:#fff}@media(max-width:992px){.rakt-hero-grid,.rakt-split-grid{grid-template-columns:1fr;gap:36px}.rakt-split-reverse{direction:ltr}.rakt-hero-image-wrapper.rakt-hero-logo{max-width:460px;margin:0 auto}.rakt-stats-container{grid-template-columns:repeat(2,1fr)}.rakt-stat-item:nth-child(2):after{display:none}.rakt-leadership-grid{gap:32px}.rakt-portfolio-grid{grid-template-columns:1fr}.rakt-hero-actions{flex-direction:column}.rakt-hero-actions .rakt-btn-primary,.rakt-hero-actions .rakt-btn-secondary{width:100%}}@media(max-width:640px){.rakt-container{padding:0 16px}.rakt-hero-section{padding:48px 0 40px}.rakt-hero-title{font-size:1.85rem}.rakt-hero-subtitle{font-size:1rem}.rakt-hero-quote{padding:14px 18px;font-size:.9rem}.rakt-hero-image-wrapper.rakt-hero-logo{max-width:340px}.rakt-image-frame,.rakt-image-frame-lg{border-radius:16px}.rakt-portrait-col{max-width:360px}.rakt-stats-container{grid-template-columns:1fr;padding:24px}.rakt-stat-item:after{display:none!important}.rakt-stat-number{font-size:1.8rem}.rakt-value-card,.rakt-mv-card{padding:28px 20px}.rakt-bio-card{padding:24px 20px}.rakt-text-block-title{font-size:1.35rem}.rakt-title-large{font-size:1.65rem}.rakt-section-title{font-size:1.6rem}.rakt-cta-banner{padding:36px 24px;margin:30px 0 50px}.rakt-cta-buttons{flex-direction:column;width:100%}.rakt-btn-cta-white,.rakt-btn-cta-outline{width:100%;justify-content:center}.rakt-cta-title{font-size:1.5rem}.rakt-flagship-pills{flex-direction:column;align-items:flex-start}.rakt-pill-badge{font-size:.72rem;padding:5px 12px}}@media(prefers-reduced-motion:reduce){.rakt-value-card,.rakt-image-frame,.rakt-social-link,.rakt-btn-primary,.rakt-btn-secondary,.rakt-btn-cta-white,.rakt-btn-cta-outline{transition:none}.rakt-value-card:hover,.rakt-image-frame:hover,.rakt-social-link:hover,.rakt-btn-primary:hover,.rakt-btn-secondary:hover,.rakt-btn-cta-white:hover,.rakt-btn-cta-outline:hover{transform:none}}.rs-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 20% 15%,#faf7fd 0%,transparent 55%),radial-gradient(circle at 85% 90%,#f4effa 0%,transparent 55%),linear-gradient(160deg,#fff,#f8f5fb,#f4effa);font-family:Manrope,Be Vietnam Pro,-apple-system,sans-serif;opacity:1;transform:translateY(0);transition:opacity .7s cubic-bezier(.65,0,.35,1),transform .7s cubic-bezier(.65,0,.35,1),filter .7s cubic-bezier(.65,0,.35,1);will-change:opacity,transform,filter}.rs-splash-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;transition:opacity .45s ease}.rs-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.45;animation:rs-orb-float 12s ease-in-out infinite}.rs-orb-1{width:340px;height:340px;background:radial-gradient(circle,rgba(226,62,87,.35),transparent 70%);top:-80px;left:-60px;animation-delay:0s}.rs-orb-2{width:420px;height:420px;background:radial-gradient(circle,rgba(143,118,168,.4),transparent 70%);bottom:-120px;right:-100px;animation-delay:3s}.rs-orb-3{width:260px;height:260px;background:radial-gradient(circle,rgba(183,16,42,.25),transparent 70%);top:45%;right:20%;animation-delay:6s}@keyframes rs-orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.08)}66%{transform:translate(-20px,25px) scale(.95)}}.rs-splash-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:2.25rem;padding:2rem;text-align:center;max-width:520px;width:100%;transition:transform .7s cubic-bezier(.4,0,.2,1),opacity .55s ease;will-change:transform,opacity}.rs-drop-stage{position:relative;width:120px;height:120px;display:flex;align-items:flex-end;justify-content:center}.rs-drop{width:44px;height:58px;position:relative;z-index:2;filter:drop-shadow(0 8px 20px rgba(226,62,87,.35));animation:rs-drop-fall 1.1s cubic-bezier(.55,.06,.68,.19) forwards}.rs-splash.impact .rs-drop,.rs-splash.reveal .rs-drop,.rs-splash.exiting .rs-drop,.rs-splash.done .rs-drop{animation:rs-drop-rest 3s ease-in-out infinite;transform:translateY(0) scale(1)}.rs-drop-svg{width:100%;height:100%;display:block}@keyframes rs-drop-fall{0%{transform:translateY(-140px) scaleY(1.3) scaleX(.85);opacity:0}15%{opacity:1}70%{transform:translateY(0) scaleY(1) scaleX(1);opacity:1}80%{transform:translateY(6px) scaleY(.75) scaleX(1.15)}90%{transform:translateY(0) scaleY(1.05) scaleX(.95)}to{transform:translateY(0) scaleY(1) scaleX(1);opacity:1}}@keyframes rs-drop-rest{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.02)}}.rs-ripple{position:absolute;bottom:8px;left:50%;width:60px;height:16px;border-radius:50%;border:2px solid rgba(226,62,87,.55);transform:translate(-50%) scale(0);opacity:0;pointer-events:none}.rs-splash.impact .rs-ripple-1{animation:rs-ripple 1.6s ease-out .05s infinite}.rs-splash.impact .rs-ripple-2{animation:rs-ripple 1.6s ease-out .55s infinite}.rs-splash.impact .rs-ripple-3{animation:rs-ripple 1.6s ease-out 1.05s infinite}.rs-splash.falling .rs-ripple{opacity:0}.rs-splash.exiting .rs-ripple{animation-play-state:paused;opacity:0}@keyframes rs-ripple{0%{transform:translate(-50%) scale(.4);opacity:.9}to{transform:translate(-50%) scale(2.6);opacity:0}}.rs-splash-text{display:flex;flex-direction:column;align-items:center;gap:.85rem;opacity:0;transform:translateY(14px);animation:rs-text-in .7s ease 1.2s forwards}.rs-splash.reveal .rs-splash-text,.rs-splash.exiting .rs-splash-text,.rs-splash.done .rs-splash-text{opacity:1;transform:translateY(0)}@keyframes rs-text-in{to{opacity:1;transform:translateY(0)}}.rs-splash-title{font-size:clamp(1.75rem,6vw,2.75rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;color:#2d2438;margin:0;background:linear-gradient(90deg,#a888b8,#c98aa5,#d44964);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.rs-splash-title-accent{background:linear-gradient(90deg,#a888b8,#c98aa5,#d44964);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.rs-splash-divider{display:flex;align-items:center;gap:.6rem;width:180px;opacity:.9}.rs-divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(143,118,168,.6),transparent)}.rs-divider-dot{width:7px;height:7px;border-radius:50%;background:#e23e57;box-shadow:0 0 0 4px #e23e5726;animation:rs-divider-pulse 1.8s ease-in-out infinite}@keyframes rs-divider-pulse{0%,to{box-shadow:0 0 0 4px #e23e5726}50%{box-shadow:0 0 0 8px #e23e570d}}.rs-splash-tagline{font-size:clamp(.75rem,2.4vw,.9rem);font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#6b4c8a;margin:0}.rs-sep{color:#e23e57;margin:0 .35rem;font-size:1.1em;position:relative;top:-1px}.rs-splash-sub{font-size:clamp(.8rem,2.6vw,.95rem);font-weight:500;color:#7a6b8a;font-style:italic;letter-spacing:.01em;margin:.25rem 0 0;max-width:22ch;line-height:1.5;opacity:.9}.rs-splash-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#8f76a81f;overflow:hidden;z-index:3;transition:opacity .3s ease}.rs-progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#b7102a,#e23e57 45%,#8f76a8);transform-origin:left center;transform:scaleX(0);animation:rs-progress 2.6s cubic-bezier(.65,0,.35,1) forwards;box-shadow:0 0 12px #e23e5780}@keyframes rs-progress{0%{transform:scaleX(0)}60%{transform:scaleX(.72)}to{transform:scaleX(1)}}.rs-splash.exiting{opacity:0;transform:translateY(-100%);filter:blur(6px);pointer-events:none}.rs-splash.exiting .rs-splash-content{transform:translateY(-40px) scale(.96);opacity:0;transition:transform .7s cubic-bezier(.4,0,.2,1),opacity .55s ease}.rs-splash.exiting .rs-splash-bg{opacity:0;transition:opacity .45s ease}.rs-splash.exiting .rs-splash-progress{opacity:0;transition:opacity .3s ease}.rs-splash.done{opacity:0;transform:translateY(-100%);pointer-events:none}@media(max-width:640px){.rs-splash-content{gap:1.75rem;padding:1.5rem}.rs-drop-stage{width:100px;height:100px}.rs-drop{width:38px;height:50px}.rs-orb-1{width:240px;height:240px}.rs-orb-2{width:300px;height:300px}.rs-orb-3{width:180px;height:180px}}@media(max-width:400px){.rs-splash-content{gap:1.5rem;padding:1.25rem}.rs-drop-stage{width:88px;height:88px}.rs-drop{width:34px;height:44px}.rs-splash-divider{width:140px}}@media(max-height:500px)and (orientation:landscape){.rs-splash-content{flex-direction:row;gap:2rem;max-width:720px;align-items:center}.rs-splash-text{text-align:left;align-items:flex-start}.rs-drop-stage{width:90px;height:90px}}@media(prefers-reduced-motion:reduce){.rs-drop,.rs-ripple,.rs-orb,.rs-divider-dot,.rs-progress-fill{animation:none!important}.rs-drop{transform:translateY(0);opacity:1}.rs-splash-text{opacity:1;transform:none}.rs-progress-fill{transform:scaleX(1)}.rs-splash,.rs-splash.exiting,.rs-splash.done,.rs-splash-content,.rs-splash.exiting .rs-splash-content,.rs-splash-bg,.rs-splash.exiting .rs-splash-bg{transition:none!important;transform:none!important;filter:none!important}}:root{--primary: #b7102a;--primary-light: #db313f;--primary-dark: #92001c;--secondary: #2b6485;--secondary-light: #4a8eb5;--surface: #f8f9fa;--surface-card: #ffffff;--surface-dark: #e7e8e9;--surface-low: #f3f4f5;--text-primary: #191c1d;--text-secondary: #5b403f;--text-muted: #8f6f6e;--border-color: #e4bebc;--error: #ba1a1a;--error-container: #ffdad6;--success: #2e7d32;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 20px rgba(0,0,0,.08);--shadow-lg: 0 8px 40px rgba(0,0,0,.12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 260px;--nav-height: 64px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--surface);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0}.dashboard-wrapper{display:flex;min-height:100vh;background:var(--surface)}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh}@media(max-width:768px){.main-content{margin-left:0}}.page-content{padding:24px 32px 100px;max-width:1200px;width:100%;margin:0 auto;flex:1}@media(max-width:768px){.page-content{padding:16px 16px 90px}}@media(max-width:480px){.page-content{padding:12px 12px 80px}}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:32px;margin-top:32px}@media(max-width:1024px){.content-grid{grid-template-columns:1fr;gap:24px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.donations-header{margin-bottom:24px}.donations-header h2{font-family:Manrope,sans-serif;font-size:clamp(22px,2.6vw,28px);font-weight:800;color:var(--text-primary);margin-bottom:6px}.donations-header p{font-size:14.5px;color:var(--text-muted)}.donations-skeleton{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.donation-skel-row{display:flex;align-items:center;gap:16px;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px 20px;box-shadow:var(--shadow-sm)}.skel-avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0}.skel-lines{flex:1;display:flex;flex-direction:column;gap:8px}.skel-line--wide{width:60%;height:14px}.skel-line--narrow{width:35%;height:12px}.skel-pill{width:64px;height:26px;border-radius:var(--radius-full);flex-shrink:0}.skel-avatar,.skel-line--wide,.skel-line--narrow,.skel-pill{background:linear-gradient(90deg,var(--border-color) 25%,rgba(0,0,0,.04) 50%,var(--border-color) 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skel-avatar,.skel-line--wide,.skel-line--narrow,.skel-pill{animation:none}}.donations-coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:32px 16px;color:var(--text-muted)}.donations-coming-soon .material-symbols-outlined{font-size:32px;color:var(--primary);opacity:.5}.donations-coming-soon p{font-size:14px;font-weight:600}.topnav{position:sticky;top:0;z-index:50;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);padding:0 32px;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;transition:var(--transition)}@media(max-width:768px){.topnav{padding:0 16px}}.topnav-left{display:flex;align-items:center;gap:16px;flex:1}.menu-toggle{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:var(--transition)}.menu-toggle:hover{background:var(--surface-low)}@media(max-width:768px){.menu-toggle{display:flex;align-items:center;justify-content:center}}.search-wrapper{position:relative;flex:1;max-width:400px}@media(max-width:768px){.search-wrapper{display:none}}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:20px;pointer-events:none}.search-input{width:100%;padding:8px 40px 8px 44px;border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--surface-card);color:var(--text-primary);font-size:14px;font-family:Be Vietnam Pro,sans-serif;transition:var(--transition);outline:none}.search-input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #2b64851a;background:#fff}.search-input::placeholder{color:var(--text-muted)}.search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.search-clear:hover{background:var(--surface-low);color:var(--text-primary)}.search-clear .material-symbols-outlined{font-size:16px}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001f;max-height:400px;overflow-y:auto;z-index:100}.search-loading,.search-no-results{padding:20px;text-align:center;color:var(--text-muted);font-size:14px}.search-loading{display:flex;align-items:center;justify-content:center;gap:8px}.loading-spinner{width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--secondary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-result-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .2s}.search-result-item:hover{background:var(--surface-low)}.result-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.result-icon.donor{background:#2e7d321a;color:var(--primary)}.result-icon.hospital{background:#2b64851a;color:var(--secondary)}.result-info{flex:1;display:flex;flex-direction:column}.result-name{font-size:14px;font-weight:600;color:var(--text-primary)}.result-details{font-size:12px;color:var(--text-muted)}.result-type{font-size:11px;text-transform:uppercase;color:var(--text-muted);background:var(--surface-low);padding:2px 8px;border-radius:12px}.topnav-right{display:flex;align-items:center;gap:8px}.icon-btn{position:relative;width:40px;height:40px;border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.icon-btn:hover{background:var(--surface-low);color:var(--text-primary)}.icon-btn .material-symbols-outlined{font-size:24px}.notification-wrapper{position:relative}.notification-dot{position:absolute;top:4px;right:4px;min-width:16px;height:16px;background:var(--primary);border-radius:8px;border:2px solid white;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;padding:0 3px}.notifications-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001f;z-index:100;overflow:hidden}.notifications-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-color)}.notifications-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.mark-read-btn{background:none;border:none;color:var(--secondary);cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;border-radius:4px;transition:var(--transition)}.mark-read-btn:hover{background:#2b64851a}.notifications-list{max-height:400px;overflow-y:auto}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;cursor:pointer;transition:background .2s;border-bottom:1px solid var(--border-color)}.notification-item:hover{background:var(--surface-low)}.notification-item.unread{background:#2e7d3208}.notification-icon{width:36px;height:36px;border-radius:50%;background:var(--surface-low);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon .material-symbols-outlined{font-size:18px;color:var(--text-secondary)}.notification-content{flex:1}.notification-title{font-size:13px;font-weight:600;color:var(--text-primary);margin:0 0 2px}.notification-message{font-size:12px;color:var(--text-secondary);margin:0 0 4px;line-height:1.4}.notification-time{font-size:11px;color:var(--text-muted)}.unread-indicator{width:8px;height:8px;background:var(--primary);border-radius:50%;flex-shrink:0;margin-top:6px}.notifications-footer{padding:12px;border-top:1px solid var(--border-color);text-align:center}.view-all-btn{background:none;border:none;color:var(--secondary);cursor:pointer;font-size:13px;font-weight:500;padding:4px 12px;border-radius:4px;transition:var(--transition)}.view-all-btn:hover{background:#2b64851a}.divider{width:1px;height:32px;background:var(--border-color);margin:0 8px}@media(max-width:480px){.divider{margin:0 4px}}.profile-wrapper{position:relative}.profile-btn{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;border:none;background:none;cursor:pointer;border-radius:var(--radius-full);transition:var(--transition)}.profile-btn:hover{background:var(--surface-low)}.profile-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.profile-name{font-size:13px;font-weight:600;color:var(--text-primary)}.profile-arrow{font-size:20px;color:var(--text-muted);transition:transform .2s}.profile-btn:hover .profile-arrow{transform:translateY(2px)}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001f;z-index:100;overflow:hidden}.profile-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border-color);background:var(--surface-low)}.profile-avatar-large{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.profile-info{display:flex;flex-direction:column}.profile-name-large{font-size:14px;font-weight:600;color:var(--text-primary)}.profile-email{font-size:12px;color:var(--text-muted);margin-top:2px}.profile-menu-items{padding:8px}.profile-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:none;border:none;cursor:pointer;color:var(--text-primary);font-size:13px;font-weight:500;border-radius:var(--radius-sm);transition:var(--transition);text-align:left}.profile-menu-item:hover{background:var(--surface-low);color:var(--secondary)}.profile-menu-item .material-symbols-outlined{font-size:20px;color:var(--text-muted)}.profile-menu-item:hover .material-symbols-outlined{color:var(--secondary)}.profile-menu-footer{padding:8px;border-top:1px solid var(--border-color)}.logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background:none;border:none;cursor:pointer;color:#dc3545;font-size:13px;font-weight:500;border-radius:var(--radius-sm);transition:var(--transition)}.logout-btn:hover{background:#dc35451a}.logout-btn .material-symbols-outlined{font-size:20px}@media(max-width:1024px){.profile-name,.profile-arrow{display:none}}@media(max-width:768px){.notifications-dropdown{width:300px;right:-60px}.profile-dropdown{width:240px;right:-20px}}@media(max-width:480px){.profile-btn{padding:4px}.notifications-dropdown{width:280px;right:-100px}}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#faf7fbeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-color);padding:8px 16px;padding-bottom:env(safe-area-inset-bottom,8px);justify-content:space-around;align-items:center;box-shadow:0 -4px 20px #943d5214}@media(max-width:768px){.bottom-nav{display:flex}}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 16px;border-radius:var(--radius-md);text-decoration:none;color:var(--text-muted);transition:var(--transition);min-width:56px;position:relative;cursor:pointer}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-label{font-size:10px;font-weight:600;font-family:Manrope,sans-serif;letter-spacing:.3px}.bottom-nav-item.active:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--primary);border-radius:var(--radius-full)}.bottom-nav-item:focus-visible{outline:2px solid var(--brand-purple-dark);outline-offset:2px}@media(max-width:380px){.bottom-nav{padding:6px 8px}.bottom-nav-item{padding:4px 8px;min-width:44px}.bottom-nav-label{font-size:9px}}.bottom-nav-item .bottom-nav-icon{font-size:22px;transition:var(--transition)}.bottom-nav-item.active .bottom-nav-icon{color:var(--primary)}.bottom-nav-item .bottom-nav-icon{font-size:18px}.dash-hero-section{position:relative;overflow:hidden;padding:32px 36px;border-radius:var(--radius-lg);background:linear-gradient(120deg,#5e4a77,#8267a3 45%,#943d52);box-shadow:var(--shadow-lg);animation:dash-hero-rise .5s cubic-bezier(.4,0,.2,1) both}@keyframes dash-hero-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.dash-hero-section{animation:none}}@media(max-width:768px){.dash-hero-section{padding:24px 20px}}.dash-hero-glow{position:absolute;border-radius:50%;filter:blur(50px);pointer-events:none}.dash-hero-glow--one{width:260px;height:260px;top:-100px;right:-60px;background:#ffffff24}.dash-hero-glow--two{width:200px;height:200px;bottom:-90px;left:10%;background:#ffffff14}.dash-hero-main{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap}@media(max-width:768px){.dash-hero-main{flex-direction:column;align-items:stretch;gap:22px}}.dash-hero-content{flex:1;min-width:260px}.dash-availability-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-size:12.5px;font-weight:700;letter-spacing:.2px;margin-bottom:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dash-availability-pill.is-available{background:#2ea04338;color:#c9f2cf}.dash-availability-pill.is-unavailable{background:#ffffff29;color:#f2e8ee}.dash-availability-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.dash-hero-title{font-family:Manrope,sans-serif;font-size:clamp(24px,3vw,32px);font-weight:800;color:#fff;margin-bottom:8px;letter-spacing:-.01em}.dash-hero-subtitle{font-size:clamp(14.5px,1.4vw,16.5px);color:#ffffffd1;line-height:1.6;max-width:460px;margin-bottom:22px}.dash-hero-ctas{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dash-hero-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:var(--radius-full);font-family:Manrope,sans-serif;font-size:14.5px;font-weight:700;border:none;cursor:pointer;text-decoration:none;transition:var(--transition)}.dash-hero-btn-primary{background:#fff;color:var(--primary-dark);box-shadow:0 6px 18px #0000002e}.dash-hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0000003d}.dash-hero-btn-primary:active{transform:translateY(0)}.dash-hero-btn-ghost{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.3)}.dash-hero-btn-ghost:hover{background:#fff3}.dash-hero-btn:focus-visible{outline:2px solid #ffffff;outline-offset:3px}.dash-hero-stats{display:flex;gap:14px;flex-shrink:0}@media(max-width:480px){.dash-hero-stats{width:100%;gap:10px}}.dash-stat-card{background:#ffffff24;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-md);padding:16px 22px;text-align:center;min-width:128px;transition:var(--transition)}@media(max-width:480px){.dash-stat-card{flex:1;padding:12px 14px;min-width:0}}.dash-stat-card:hover{background:#fff3;transform:translateY(-3px)}.dash-stat-label{display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#ffffffbf;margin-bottom:8px}.dash-blood-badge{display:inline-block;background:#fff;color:var(--primary-dark);padding:4px 18px;border-radius:var(--radius-full);font-family:Manrope,sans-serif;font-size:19px;font-weight:800}.dash-city-value{font-size:16px;font-weight:700;color:#fff}.dash-stat-sub{display:block;font-size:11px;color:#ffffffb3;margin-top:6px}.dash-hero-section--loading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:32px 36px}.dash-hero-skeleton-text{flex:1;display:flex;flex-direction:column;gap:10px}.dash-skel-line,.dash-skel-card{background:linear-gradient(90deg,var(--border-color) 25%,rgba(0,0,0,.04) 50%,var(--border-color) 75%);background-size:200% 100%;animation:dash-shimmer 1.4s ease-in-out infinite;border-radius:8px}.dash-skel-line--title{width:220px;height:28px}.dash-skel-line--subtitle{width:340px;height:16px}.dash-skel-card{width:140px;height:90px;border-radius:var(--radius-md)}@keyframes dash-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.dash-skel-line,.dash-skel-card{animation:none}}.readiness-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px 24px;box-shadow:var(--shadow-sm)}.readiness-header h3{font-family:Manrope,sans-serif;font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.readiness-status{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:12px;margin-bottom:18px}.readiness-status.ready{background:#2ea04314}.readiness-status.waiting{background:#8267a314}.readiness-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;flex-shrink:0}.readiness-status.ready .readiness-icon{background:#2ea043;color:#fff}.readiness-status.waiting .readiness-icon{background:var(--rs-purple, #8267a3);color:#fff}.readiness-headline{font-size:14.5px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.readiness-sub{font-size:13px;color:var(--text-muted);margin:0;line-height:1.5}.availability-toggle{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;color:var(--text-primary);cursor:pointer}.availability-toggle input{position:absolute;opacity:0;pointer-events:none}.toggle-track{position:relative;width:42px;height:24px;background:var(--border-color);border-radius:999px;transition:background-color .2s ease;flex-shrink:0}.toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.availability-toggle input:checked~.toggle-track{background:#2ea043}.availability-toggle input:checked~.toggle-track .toggle-thumb{transform:translate(18px)}.availability-toggle input:focus-visible~.toggle-track{outline:2px solid var(--rs-purple, #8267a3);outline-offset:2px}.profile-details-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px 24px;box-shadow:var(--shadow-sm)}.profile-details-card h3{font-family:Manrope,sans-serif;font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.profile-details-list{display:flex;flex-direction:column;gap:16px}.profile-detail-row{display:flex;align-items:flex-start;gap:12px}.profile-detail-icon{font-size:20px;color:var(--rs-purple, #8267a3);flex-shrink:0;margin-top:2px}.profile-detail-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);margin-bottom:2px}.profile-detail-value{font-size:14px;font-weight:500;color:var(--text-primary);margin:0;line-height:1.5;word-break:break-word}.rs-hero{display:flex;flex-direction:column;gap:2rem}.rs-hero-head{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.rs-hero-head{flex-direction:row;align-items:center;justify-content:space-between}}.rs-hero-text h2{font-family:Manrope,sans-serif;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;letter-spacing:-.02em;color:var(--rs-text, #21172f);margin:0 0 .35rem}.rs-hero-text p{font-size:1rem;color:var(--rs-text-muted, #5a5064);max-width:560px;line-height:1.55;margin:0}.rs-hero-badges{display:flex;gap:.5rem;flex-wrap:wrap}.rs-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .95rem;border-radius:9999px;font-family:Manrope,sans-serif;font-size:.8rem;font-weight:700;border:1px solid transparent;white-space:nowrap}.rs-badge svg{font-size:.75rem}.rs-badge-green{background:#e8f5e9;color:#1b5e20;border-color:#a5d6a7}.rs-badge-red{background:var(--rs-red-soft, #ffe8ec);color:var(--rs-red-text, #d9384e);border-color:var(--rs-red-border, #ffd2d9)}.rs-kpi-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:480px){.rs-kpi-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media(min-width:900px){.rs-kpi-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}}.rs-kpi{position:relative;background:#fff;border:1px solid var(--rs-purple-soft, #ede4f4);border-radius:18px;padding:1.5rem 1.6rem;box-shadow:0 4px 20px #8267a30f;display:flex;flex-direction:column;gap:.6rem;min-width:0;min-height:9.5rem;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.rs-kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;border-radius:18px 0 0 18px;background:currentColor;opacity:.85}.rs-kpi:hover{transform:translateY(-3px);box-shadow:0 12px 30px #8267a324;border-color:#8267a340}.rs-kpi-top{display:flex;align-items:flex-start;gap:.75rem;min-width:0}.rs-kpi-icon{width:42px;height:42px;flex-shrink:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;background:currentColor;color:#fff}.rs-kpi-label{font-family:Manrope,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.01em;color:var(--rs-text-muted, #5a5064);line-height:1.3;min-width:0;white-space:normal;overflow-wrap:break-word;padding-top:.5rem}.rs-kpi-value{font-family:Manrope,sans-serif;font-size:2.5rem;font-weight:800;line-height:1;color:var(--rs-text, #21172f);letter-spacing:-.02em;margin-top:.25rem}.rs-kpi-sub{font-size:.85rem;color:var(--rs-text-subtle, #8e829b);line-height:1.4;white-space:normal;overflow-wrap:break-word}.rs-kpi-purple{color:#8267a3}.rs-kpi-purple .rs-kpi-icon{background:linear-gradient(135deg,#8267a3,#a086bf)}.rs-kpi-green{color:#2e7d32}.rs-kpi-green .rs-kpi-icon{background:linear-gradient(135deg,#2e7d32,#4caf50)}.rs-kpi-red{color:#e23e57}.rs-kpi-red .rs-kpi-icon{background:linear-gradient(135deg,#e23e57,#ef6b81)}.rs-kpi-blue{color:#2b6485}.rs-kpi-blue .rs-kpi-icon{background:linear-gradient(135deg,#2b6485,#4d8db3)}.rs-kpi-pink{color:#c2185b}.rs-kpi-pink .rs-kpi-icon{background:linear-gradient(135deg,#c2185b,#e05a8c)}.rs-kpi-orange{color:#b45309}.rs-kpi-orange .rs-kpi-icon{background:linear-gradient(135deg,#b45309,#ea8a30)}.rs-bg-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:900px){.rs-bg-grid{grid-template-columns:1fr 1fr;gap:1.5rem}}.rs-bg-panel{background:#fff;border:1px solid var(--rs-purple-soft, #ede4f4);border-radius:18px;padding:1.6rem;box-shadow:0 4px 20px #8267a30f;display:flex;flex-direction:column;gap:1.25rem;min-width:0}.rs-bg-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--rs-purple-soft, #ede4f4)}.rs-bg-panel-title{display:flex;align-items:center;gap:.6rem;font-family:Manrope,sans-serif;font-size:1rem;font-weight:700;color:var(--rs-text, #21172f);min-width:0}.rs-bg-panel-title svg{font-size:.9rem;flex-shrink:0}.rs-bg-panel-purple .rs-bg-panel-title svg{color:#8267a3}.rs-bg-panel-red .rs-bg-panel-title svg{color:#e23e57}.rs-bg-panel-total{font-family:Manrope,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.02em;padding:.3rem .75rem;border-radius:9999px;background:var(--rs-purple-softer, #f3edf8);color:#63507e;white-space:nowrap;flex-shrink:0}.rs-bg-panel-red .rs-bg-panel-total{background:var(--rs-red-soft, #ffe8ec);color:var(--rs-red-text, #d9384e)}.rs-bg-empty{font-size:.9rem;color:var(--rs-text-subtle, #8e829b);text-align:center;padding:2rem 0;margin:0}.rs-bg-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:1rem}.rs-bg-chip{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.1rem;border-radius:14px;background:#fbf8fe;border:1px solid var(--rs-purple-soft, #ede4f4);transition:transform .2s ease,border-color .2s ease,background .2s ease;min-width:0}.rs-bg-chip:hover{transform:translateY(-2px);border-color:#8267a359;background:#fff}.rs-bg-panel-red .rs-bg-chip:hover{border-color:#e23e5759}.rs-bg-chip-top{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.rs-bg-code{font-family:Manrope,sans-serif;font-size:1.15rem;font-weight:800;color:#8267a3;letter-spacing:-.01em}.rs-bg-panel-red .rs-bg-code{color:#e23e57}.rs-bg-count{font-family:Manrope,sans-serif;font-size:1.2rem;font-weight:800;color:var(--rs-text, #21172f);line-height:1}.rs-bg-bar{width:100%;height:7px;border-radius:9999px;background:#ede4f4;overflow:hidden}.rs-bg-panel-red .rs-bg-bar{background:#ffe1e6}.rs-bg-bar-fill{display:block;height:100%;border-radius:9999px;background:linear-gradient(90deg,#8267a3,#a086bf);transition:width .5s cubic-bezier(.22,1,.36,1)}.rs-bg-panel-red .rs-bg-bar-fill{background:linear-gradient(90deg,#e23e57,#ef6b81)}.rs-bg-pct{font-size:.75rem;font-weight:600;color:var(--rs-text-subtle, #8e829b)}@media(prefers-reduced-motion:reduce){.rs-kpi,.rs-kpi:hover,.rs-bg-chip,.rs-bg-chip:hover,.rs-bg-bar-fill{transition:none;transform:none}}.rs-kpi-skeleton{pointer-events:none;justify-content:flex-start;min-height:9.5rem}.rs-kpi-skeleton:before{display:none}.rs-skel{background:linear-gradient(90deg,#f1eaf8,#f8f4fd,#f1eaf8 80%);background-size:200% 100%;border-radius:8px;animation:rsSkel 1.4s ease-in-out infinite}.rs-skel-icon{width:42px;height:42px;border-radius:12px}.rs-skel-label{width:60%;height:12px;margin-top:.75rem}.rs-skel-value{width:45%;height:30px;margin-top:.75rem}.rs-skel-sub{width:70%;height:12px;margin-top:.6rem}@keyframes rsSkel{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.rs-skel{animation:none}}.rs-stats-error{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--rs-red-soft, #ffe8ec);color:var(--rs-red-text, #d9384e);border:1px solid var(--rs-red-border, #ffd2d9);border-left:4px solid var(--rs-red, #e23e57);border-radius:12px;font-size:.9rem;font-weight:500;flex-wrap:wrap}.rs-stats-error svg:first-child{font-size:1rem;flex-shrink:0}.rs-stats-error span{flex:1;min-width:0}.rs-stats-error button{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;background:#fff;color:var(--rs-red-text, #d9384e);border:1px solid var(--rs-red-border, #ffd2d9);border-radius:8px;font-family:Manrope,sans-serif;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.rs-stats-error button:hover{background:var(--rs-red, #e23e57);color:#fff;border-color:var(--rs-red, #e23e57)}.rs-stats-error button svg{font-size:.75rem}:root{--rs-purple: #8267a3;--rs-purple-dark: #63507e;--rs-purple-soft: #ede4f4;--rs-purple-softer: #f3edf8;--rs-purple-border: #e6dcf0;--rs-red: #e23e57;--rs-red-dark: #d4314a;--rs-red-soft: #ffe8ec;--rs-red-border: #ffd2d9;--rs-red-text: #d9384e;--rs-bg: #f8f9fa;--rs-surface: #ffffff;--rs-surface-low: #f3f4f5;--rs-surface-high: #e7e8e9;--rs-text: #21172f;--rs-text-muted: #5a5064;--rs-text-subtle: #8e829b;--rs-success: #2e7d32;--rs-success-bg: #e8f5e9;--rs-pending-fg: #8267a3;--rs-pending-bg: #ede4f4;--rs-expired-fg: #8e829b;--rs-expired-bg: #f5f5f7;--rs-radius-md: 12px;--rs-radius-lg: 16px;--rs-radius-xl: 20px;--rs-shadow-sm: 0 4px 20px rgba(130, 103, 163, .06);--rs-shadow-md: 0 4px 20px rgba(0, 0, 0, .04);--rs-transition: all .2s ease}*{box-sizing:border-box}.rs-app{display:flex;min-height:100vh;background:var(--rs-bg);font-family:Be Vietnam Pro,system-ui,-apple-system,sans-serif;color:var(--rs-text)}.rs-sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;display:none;flex-direction:column;padding:1rem;gap:1rem;background:var(--rs-surface);border-right:1px solid var(--rs-purple-border);box-shadow:var(--rs-shadow-md);z-index:40}@media(min-width:768px){.rs-sidebar{display:flex}}.rs-sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:.5rem;margin-bottom:1.25rem}.rs-sidebar-logo{width:44px;height:44px;border-radius:14px;padding:2px;background:var(--rs-purple-soft);border:1px solid rgba(130,103,163,.2);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.rs-sidebar-logo img{width:100%;height:100%;object-fit:cover;border-radius:12px}.rs-sidebar-brand h1{font-family:Manrope,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.02em;color:#3b2c4e;margin:0;line-height:1.1}.rs-sidebar-brand p{font-size:11px;font-weight:600;color:var(--rs-purple);letter-spacing:.15em;text-transform:uppercase;margin:.15rem 0 0}.rs-cta{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--rs-red);color:#fff;border:none;border-radius:var(--rs-radius-md);font-family:Manrope,sans-serif;font-size:.875rem;font-weight:700;cursor:pointer;margin-bottom:1rem;box-shadow:0 2px 6px #e23e5733;transition:var(--rs-transition)}.rs-cta:hover{background:var(--rs-red-dark);transform:translateY(-1px);box-shadow:0 6px 16px #e23e574d}.rs-cta:active{transform:scale(.97)}.rs-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:.5rem}.rs-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--rs-radius-md);color:var(--rs-text-muted);font-family:Manrope,sans-serif;font-size:.875rem;font-weight:600;text-decoration:none;background:transparent;border:1px solid transparent;cursor:pointer;transition:var(--rs-transition);text-align:left}.rs-nav-item:hover{background:var(--rs-purple-softer);color:var(--rs-purple-dark);transform:translate(4px)}.rs-nav-item.active{background:var(--rs-purple-soft);color:var(--rs-purple-dark);border-color:#8267a326}.rs-sidebar-footer{border-top:1px solid var(--rs-purple-border);padding-top:1rem;display:flex;flex-direction:column;gap:.5rem}.rs-main{flex:1;display:flex;flex-direction:column;min-height:100vh}@media(min-width:768px){.rs-main{margin-left:260px}}.rs-topbar{position:sticky;top:0;z-index:50;display:none;justify-content:space-between;align-items:center;height:64px;padding:0 1rem;background:#f8f9fad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(130,103,163,.2)}@media(min-width:768px){.rs-topbar{display:flex;padding:0 4rem}}.rs-search{position:relative;width:100%;max-width:420px}.rs-search .material-symbols-outlined{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--rs-text-subtle);font-size:20px;pointer-events:none}.rs-search input{width:100%;padding:.55rem 1rem .55rem 2.5rem;background:#fff;border:1px solid var(--rs-purple-soft);border-radius:9999px;font-size:.875rem;color:var(--rs-text);outline:none;transition:var(--rs-transition);box-shadow:var(--rs-shadow-sm)}.rs-search input::placeholder{color:var(--rs-text-subtle)}.rs-search input:focus{border-color:var(--rs-purple);box-shadow:0 0 0 3px #8267a326}.rs-topbar-actions{display:flex;align-items:center;gap:.75rem}.rs-icon-btn{position:relative;width:40px;height:40px;border-radius:9999px;border:none;background:transparent;color:var(--rs-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--rs-transition)}.rs-icon-btn:hover{background:var(--rs-surface-low)}.rs-icon-btn:active{transform:scale(.95)}.rs-icon-btn .dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--rs-red);border:2px solid #ffffff}.rs-divider{height:32px;width:1px;background:#8267a333;margin:0 .5rem}.rs-user{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem .25rem .25rem;border-radius:9999px;border:none;background:transparent;cursor:pointer;transition:var(--rs-transition)}.rs-user:hover{background:var(--rs-surface-low)}.rs-user img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid var(--rs-purple-border)}.rs-user span{font-family:Manrope,sans-serif;font-size:.875rem;font-weight:600;color:var(--rs-text);display:none}@media(min-width:1024px){.rs-user span{display:inline}}.rs-content{padding:1rem 1rem 7rem;max-width:1200px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:2rem}@media(min-width:768px){.rs-content{padding:4rem}}.rs-grid-2{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.rs-grid-2{grid-template-columns:2fr 1fr}}.rs-card{background:#fff;border:1px solid rgba(130,103,163,.15);border-radius:var(--rs-radius-lg);padding:1.5rem;box-shadow:var(--rs-shadow-md)}.rs-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.rs-card-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rs-card-icon.red{background:var(--rs-red-soft);color:var(--rs-red-text)}.rs-card-header h3{font-family:Manrope,sans-serif;font-size:1.125rem;font-weight:700;color:var(--rs-text);margin:0;letter-spacing:-.01em}.rs-card-header p{font-size:.75rem;color:var(--rs-text-subtle);margin:.15rem 0 0}.rs-form{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:768px){.rs-form{grid-template-columns:1fr 1fr}}.rs-form-field{display:flex;flex-direction:column;gap:.5rem;min-width:0}.rs-form-field.full{grid-column:1 / -1}.rs-label{font-family:Manrope,sans-serif;font-size:.75rem;font-weight:600;color:var(--rs-text);letter-spacing:.02em}.rs-input{width:100%;padding:.75rem 1rem;background:#fff;border:1px solid rgba(130,103,163,.35);border-radius:var(--rs-radius-md);font-family:Be Vietnam Pro,sans-serif;font-size:.9rem;color:var(--rs-text);outline:none;transition:var(--rs-transition);box-shadow:var(--rs-shadow-sm);-moz-appearance:none;appearance:none;-webkit-appearance:none}.rs-input::placeholder{color:var(--rs-text-subtle)}.rs-input:focus{border-color:var(--rs-purple);box-shadow:0 0 0 3px #8267a326}.rs-input.with-icon{padding-left:2.5rem}.rs-select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M2 4l4 4 4-4' fill='none' stroke='%238267a3' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 1rem center;background-size:.7rem;padding-right:2.5rem;cursor:pointer}.rs-input-wrap{position:relative}.rs-input-wrap .material-symbols-outlined{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--rs-text-subtle);font-size:20px;pointer-events:none;transition:color .2s}.rs-input-wrap:focus-within .material-symbols-outlined{color:var(--rs-purple)}.rs-segmented{display:grid;grid-template-columns:1fr 1fr;gap:1rem;grid-column:1 / -1}.rs-seg{cursor:pointer;display:block}.rs-seg input{position:absolute;opacity:0;pointer-events:none}.rs-seg-inner{padding:1rem;border:1px solid var(--rs-purple-soft);border-radius:var(--rs-radius-md);text-align:center;background:#fff;transition:var(--rs-transition)}.rs-seg-inner .title{display:block;font-family:Manrope,sans-serif;font-size:.875rem;font-weight:700;color:var(--rs-text);margin-bottom:.2rem}.rs-seg-inner .sub{display:block;font-size:.75rem;color:var(--rs-text-subtle)}.rs-seg input:checked+.rs-seg-inner{border-color:var(--rs-purple);background:var(--rs-purple-soft);color:var(--rs-purple-dark)}.rs-seg.critical input:checked+.rs-seg-inner{border-color:var(--rs-red);background:#fff1f3;color:var(--rs-red-text)}.rs-seg:hover .rs-seg-inner{background:var(--rs-purple-softer)}.rs-seg.critical:hover .rs-seg-inner{background:#fff5f6}.rs-form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--rs-purple-soft);margin-top:.5rem}.rs-btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2rem;background:var(--rs-purple);color:#fff;border:none;border-radius:var(--rs-radius-md);font-family:Manrope,sans-serif;font-size:.875rem;font-weight:700;cursor:pointer;transition:var(--rs-transition);box-shadow:0 2px 6px #8267a333}.rs-btn-primary:hover{background:#725494;transform:translateY(-1px);box-shadow:0 6px 16px #8267a34d}.rs-btn-primary:active{transform:scale(.97)}.rs-promo{display:flex;flex-direction:column;background:var(--rs-purple-softer);border:1px solid rgba(130,103,163,.15);border-radius:var(--rs-radius-lg);overflow:hidden;box-shadow:var(--rs-shadow-md)}.rs-promo-image{position:relative;height:190px;overflow:hidden}.rs-promo-image img{width:100%;height:100%;object-fit:cover;display:block}.rs-promo-badge{position:absolute;top:12px;right:12px;padding:.25rem .7rem;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--rs-purple-soft);border-radius:9999px;font-size:.7rem;font-weight:700;color:var(--rs-purple)}.rs-promo-body{padding:1.5rem;background:#fff;flex:1;display:flex;flex-direction:column;justify-content:space-between}.rs-promo-tag{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;color:var(--rs-purple);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem}.rs-promo-tag .dot{width:8px;height:8px;border-radius:50%;background:var(--rs-purple)}.rs-promo-body h4{font-family:Manrope,sans-serif;font-size:1.125rem;font-weight:700;color:var(--rs-text);margin:0 0 .5rem}.rs-promo-body p{font-size:.9rem;color:var(--rs-text-muted);line-height:1.5;margin:0 0 1rem}.rs-promo-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--rs-purple);font-family:Manrope,sans-serif;font-size:.85rem;font-weight:700;text-decoration:none;cursor:pointer;transition:var(--rs-transition);width:fit-content}.rs-promo-link:hover{color:var(--rs-purple-dark)}.rs-promo-link:hover .material-symbols-outlined{transform:translate(4px)}.rs-promo-link .material-symbols-outlined{transition:transform .2s;font-size:18px}.rs-table-card{background:#fff;border:1px solid rgba(130,103,163,.15);border-radius:var(--rs-radius-lg);box-shadow:var(--rs-shadow-md);overflow:hidden}.rs-table-head{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--rs-purple-soft)}.rs-table-head h3{font-family:Manrope,sans-serif;font-size:1.125rem;font-weight:700;color:var(--rs-text);margin:0}.rs-table-head button{border:none;background:transparent;color:var(--rs-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.35rem;border-radius:8px;transition:var(--rs-transition)}.rs-table-head button:hover{background:var(--rs-purple-softer);color:var(--rs-red)}.rs-table-scroll{overflow-x:auto}.rs-table{width:100%;border-collapse:collapse;min-width:640px}.rs-table thead tr{background:var(--rs-surface-low)}.rs-table th{padding:1rem;text-align:left;font-family:Manrope,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rs-text-subtle)}.rs-table th:last-child{text-align:right}.rs-table tbody tr{border-top:1px solid var(--rs-purple-soft);transition:var(--rs-transition)}.rs-table tbody tr:hover{background:#faf5fc}.rs-table td{padding:1rem;font-size:.9rem;color:var(--rs-text-muted)}.rs-table td:first-child{color:var(--rs-text);font-weight:500}.rs-table td:last-child{text-align:right}.rs-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:9999px;font-size:.75rem;font-weight:700;border:1px solid transparent}.rs-pill .bullet{width:8px;height:8px;border-radius:50%;display:inline-block}.rs-pill.blood.red{background:var(--rs-red-soft);color:var(--rs-red-text);border-color:var(--rs-red-border)}.rs-pill.blood.red .bullet{background:var(--rs-red)}.rs-pill.blood.purple{background:var(--rs-purple-softer);color:var(--rs-purple-dark);border-color:var(--rs-purple-soft)}.rs-pill.blood.purple .bullet{background:var(--rs-purple)}.rs-pill.blood.gray{background:var(--rs-expired-bg);color:var(--rs-expired-fg);border-color:#e5e5e8}.rs-pill.blood.gray .bullet{background:#9ca3af}.rs-pill.status.pending{background:var(--rs-pending-bg);color:var(--rs-pending-fg)}.rs-pill.status.fulfilled{background:var(--rs-success-bg);color:var(--rs-success)}.rs-pill.status.expired{background:var(--rs-expired-bg);color:var(--rs-expired-fg)}.rs-pill.status .material-symbols-outlined{font-size:16px}.rs-table-footer{padding:1rem;text-align:center;background:#f3f4f599;border-top:1px solid var(--rs-purple-soft)}.rs-table-footer button{border:none;background:transparent;color:var(--rs-purple);font-family:Manrope,sans-serif;font-size:.85rem;font-weight:700;cursor:pointer;transition:var(--rs-transition)}.rs-table-footer button:hover{text-decoration:underline}.rs-bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;justify-content:space-around;align-items:center;padding:.5rem .75rem calc(.5rem + env(safe-area-inset-bottom,0));background:#f8f9faeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(130,103,163,.25);box-shadow:0 -4px 20px #0000000a;border-radius:16px 16px 0 0}@media(min-width:768px){.rs-bottomnav{display:none}}.rs-bn-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem;border:none;background:transparent;border-radius:9999px;color:var(--rs-text-muted);cursor:pointer;transition:var(--rs-transition);font-family:Manrope,sans-serif;font-size:.65rem;font-weight:600}.rs-bn-item .material-symbols-outlined{font-size:22px}.rs-bn-item:hover{background:#ede4f499}.rs-bn-item.active{background:var(--rs-purple);color:#fff;padding:.5rem 1.35rem}.rs-bn-item.active .material-symbols-outlined{font-variation-settings:"FILL" 1}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.dn-page{padding:1.25rem 1.25rem 7rem;max-width:1280px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}@media(min-width:768px){.dn-page{padding:2.5rem 4rem 3rem}}.dn-header{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.dn-header{flex-direction:row;align-items:flex-end;justify-content:space-between}}.dn-title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.4rem}.dn-title-icon{width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;background:linear-gradient(135deg,#8267a3,#a086bf);color:#fff;box-shadow:0 8px 20px -8px #8267a380}.dn-header-text h1{font-family:Manrope,sans-serif;font-size:clamp(1.5rem,4vw,2rem);font-weight:800;letter-spacing:-.02em;color:#21172f;margin:0}.dn-header-text p{font-size:.95rem;color:#5a5064;margin:0;line-height:1.5;max-width:520px}.dn-header-meta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.dn-count-pill{padding:.4rem .85rem;border-radius:9999px;background:#ede4f4;color:#63507e;font-family:Manrope,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.dn-refresh{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .9rem;border-radius:10px;background:#fff;border:1px solid #ede4f4;color:#5a5064;font-family:Manrope,sans-serif;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.dn-refresh:hover:not(:disabled){background:#faf5fc;color:#8267a3;border-color:#8267a359}.dn-refresh:disabled{opacity:.6;cursor:not-allowed}@keyframes dnSpin{to{transform:rotate(360deg)}}.dn-spin{animation:dnSpin 1s linear infinite}.dn-toolbar{display:flex;flex-direction:column;gap:.75rem}@media(min-width:640px){.dn-toolbar{flex-direction:row;align-items:center}}.dn-search{position:relative;flex:1;min-width:0}.dn-search-icon{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);color:#948aa0;font-size:.9rem;pointer-events:none}.dn-search input{width:100%;padding:.7rem 1rem .7rem 2.5rem;background:#fff;border:1px solid #ede4f4;border-radius:12px;font-family:inherit;font-size:.9rem;color:#21172f;outline:none;transition:border-color .2s ease,box-shadow .2s ease;box-shadow:0 2px 12px #8267a30a}.dn-search input::placeholder{color:#948aa0}.dn-search input:focus{border-color:#8267a3;box-shadow:0 0 0 3px #8267a324}.dn-perpage{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.dn-perpage label{font-size:.8rem;font-weight:600;color:#5a5064}.dn-perpage select{padding:.6rem .85rem;border-radius:10px;border:1px solid #ede4f4;background:#fff;font-family:inherit;font-size:.85rem;color:#21172f;cursor:pointer;outline:none;transition:border-color .2s ease}.dn-perpage select:focus{border-color:#8267a3;box-shadow:0 0 0 3px #8267a324}.dn-error{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#ffe8ec;color:#d9384e;border:1px solid #ffd2d9;border-left:4px solid #e23e57;border-radius:12px;font-size:.9rem;font-weight:500;flex-wrap:wrap}.dn-error svg:first-child{font-size:1rem;flex-shrink:0}.dn-error span{flex:1;min-width:0}.dn-error button{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:#fff;color:#d9384e;border:1px solid #ffd2d9;border-radius:8px;font-family:Manrope,sans-serif;font-size:.8rem;font-weight:700;cursor:pointer}.dn-error button:hover{background:#e23e57;color:#fff;border-color:#e23e57}.dn-empty{text-align:center;padding:3rem 1rem;background:#fff;border:1px solid #ede4f4;border-radius:16px}.dn-empty svg{font-size:2rem;color:#c9b8dd;margin-bottom:.75rem}.dn-empty h3{font-family:Manrope,sans-serif;font-size:1.15rem;font-weight:700;color:#21172f;margin:0 0 .35rem}.dn-empty p{font-size:.9rem;color:#8e829b;margin:0}.dn-table-wrap{display:none;background:#fff;border:1px solid #ede4f4;border-radius:16px;box-shadow:0 4px 20px #8267a30f;overflow:hidden}@media(min-width:900px){.dn-table-wrap{display:block}}.dn-table{width:100%;border-collapse:collapse}.dn-table thead tr{background:#faf7fb}.dn-table th{padding:.9rem 1rem;text-align:left;font-family:Manrope,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#948aa0}.dn-table th:last-child{width:60px}.dn-table tbody tr{border-top:1px solid #ede4f4;transition:background .15s ease;cursor:pointer}.dn-table tbody tr:hover{background:#faf5fc}.dn-table td{padding:.9rem 1rem;font-size:.88rem;color:#5a5064;vertical-align:middle}.dn-location{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dn-donor{display:flex;align-items:center;gap:.75rem;min-width:0}.dn-avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8267a3,#a086bf);color:#fff;font-family:Manrope,sans-serif;font-size:.85rem;font-weight:800;letter-spacing:-.01em}.dn-avatar.lg{width:64px;height:64px;font-size:1.3rem}.dn-donor-info{display:flex;flex-direction:column;min-width:0}.dn-donor-name{font-family:Manrope,sans-serif;font-size:.9rem;font-weight:700;color:#21172f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dn-donor-id{font-size:.72rem;color:#948aa0}.dn-contact{display:flex;flex-direction:column;gap:.2rem;min-width:0}.dn-contact span{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:#5a5064;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dn-contact svg{font-size:.72rem;color:#948aa0;flex-shrink:0}.dn-blood-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:9999px;background:#ffe8ec;color:#d9384e;border:1px solid #ffd2d9;font-family:Manrope,sans-serif;font-size:.78rem;font-weight:800;letter-spacing:.02em;white-space:nowrap}.dn-blood-pill svg{font-size:.7rem}.dn-avail{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:9999px;font-family:Manrope,sans-serif;font-size:.75rem;font-weight:700;white-space:nowrap}.dn-avail svg{font-size:.7rem}.dn-avail.is-available{background:#e8f5e9;color:#1b5e20;border:1px solid #a5d6a7}.dn-avail.is-unavailable{background:#f5f5f7;color:#8e829b;border:1px solid #e5e5e8}.dn-view-btn{width:34px;height:34px;border-radius:10px;border:none;background:transparent;color:#948aa0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.dn-view-btn:hover{background:#ede4f4;color:#8267a3}.dn-cards{display:flex;flex-direction:column;gap:.75rem}@media(min-width:900px){.dn-cards{display:none}}.dn-card{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#fff;border:1px solid #ede4f4;border-radius:14px;text-align:left;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;box-shadow:0 4px 14px #8267a30d;font-family:inherit;color:inherit}.dn-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #8267a31f;border-color:#8267a34d}.dn-card-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.dn-card-rows{display:flex;flex-direction:column;gap:.3rem;padding:.6rem 0;border-top:1px solid #f1eaf8;border-bottom:1px solid #f1eaf8}.dn-card-rows>div{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#5a5064;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dn-card-rows svg{color:#948aa0;font-size:.75rem;flex-shrink:0}.dn-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.dn-card-view{display:inline-flex;align-items:center;gap:.35rem;font-family:Manrope,sans-serif;font-size:.8rem;font-weight:700;color:#8267a3}.dn-card-view svg{font-size:.7rem;transition:transform .2s}.dn-card:hover .dn-card-view svg{transform:translate(3px)}.dn-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;padding-top:.5rem}.dn-page-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border-radius:10px;background:#fff;border:1px solid #ede4f4;color:#5a5064;font-family:Manrope,sans-serif;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s ease}.dn-page-btn:hover:not(:disabled){background:#faf5fc;color:#8267a3;border-color:#8267a359}.dn-page-btn:disabled{opacity:.45;cursor:not-allowed}.dn-page-btn svg{font-size:.7rem}.dn-page-indicator{display:inline-flex;align-items:baseline;gap:.35rem;font-family:Manrope,sans-serif;font-size:.85rem;font-weight:600;color:#5a5064;padding:0 .5rem}.dn-page-current{font-size:1.05rem;font-weight:800;color:#8267a3}.dn-page-sep{color:#c9b8dd}.dn-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;background:#21172f80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:flex-end;animation:dnFadeIn .2s ease-out}@keyframes dnFadeIn{0%{opacity:0}to{opacity:1}}.dn-drawer{width:100%;max-width:480px;height:100%;background:#fff;display:flex;flex-direction:column;box-shadow:-20px 0 60px -20px #21172f59;animation:dnSlideIn .3s cubic-bezier(.22,1,.36,1)}@keyframes dnSlideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:640px){.dn-drawer-overlay{align-items:flex-end}.dn-drawer{max-width:100%;height:auto;max-height:88vh;border-radius:20px 20px 0 0;animation:dnSlideUp .3s cubic-bezier(.22,1,.36,1)}@keyframes dnSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}}.dn-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:1.15rem 1.25rem;border-bottom:1px solid #ede4f4;background:radial-gradient(400px 40px at 0% 0%,rgba(143,118,168,.08),transparent 70%),#fff}.dn-drawer-title{display:flex;align-items:center;gap:.6rem;font-family:Manrope,sans-serif;font-size:.95rem;font-weight:700;color:#21172f}.dn-drawer-title svg{color:#8267a3;font-size:.9rem}.dn-drawer-close{width:34px;height:34px;border:none;border-radius:10px;background:transparent;color:#5a5064;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.dn-drawer-close:hover{background:#f6f1fb;color:#e23e57}.dn-drawer-body{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem;scrollbar-width:thin;scrollbar-color:#ede4f4 transparent}.dn-drawer-body::-webkit-scrollbar{width:6px}.dn-drawer-body::-webkit-scrollbar-thumb{background:#ede4f4;border-radius:9999px}.dn-identity{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.25rem;background:linear-gradient(135deg,#fbf8fe,#f4ecfa);border:1px solid #ede4f4;border-radius:14px}.dn-identity-info{min-width:0;flex:1}.dn-identity-info h2{font-family:Manrope,sans-serif;font-size:1.15rem;font-weight:800;color:#21172f;margin:0 0 .5rem;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dn-identity-pills{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.4rem}.dn-identity-id{font-size:.72rem;color:#948aa0;margin:0}.dn-section{display:flex;flex-direction:column;gap:.6rem}.dn-section-title{display:flex;align-items:center;gap:.5rem;font-family:Manrope,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8267a3;margin:0}.dn-section-title svg{color:#e23e57;font-size:.72rem}.dn-section-body{background:#fff;border:1px solid #ede4f4;border-radius:12px;overflow:hidden}.dn-row{display:flex;align-items:center;gap:.75rem;padding:.75rem .9rem;border-bottom:1px solid #f1eaf8}.dn-row:last-child{border-bottom:none}.dn-row-icon{width:30px;height:30px;border-radius:8px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:#f6f1fb;color:#8267a3;font-size:.75rem}.dn-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.dn-row-label{font-size:.7rem;font-weight:600;color:#948aa0;letter-spacing:.02em;text-transform:uppercase}.dn-row-value{font-size:.9rem;color:#21172f;font-weight:500;word-break:break-word;overflow-wrap:anywhere}.dn-row-copy{width:30px;height:30px;border:none;background:transparent;border-radius:8px;color:#948aa0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.dn-row-copy:hover{background:#ede4f4;color:#8267a3}.dn-skeleton-wrap{display:flex;flex-direction:column;gap:.65rem}.dn-skeleton-row{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:1px solid #ede4f4;border-radius:14px}.dn-skel{background:linear-gradient(90deg,#f1eaf8,#f8f4fd,#f1eaf8 80%);background-size:200% 100%;border-radius:8px;animation:dnSkel 1.4s ease-in-out infinite}.dn-skel-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.dn-skel-avatar.lg{width:64px;height:64px;margin-bottom:1rem}.dn-skel-group{flex:1;display:flex;flex-direction:column;gap:.4rem;min-width:0}.dn-skel-line{height:12px}.dn-skel-line.sm{width:40%;height:10px}.dn-skel-line.md{width:60%;height:14px}.dn-skel-line.lg{width:100%;height:14px}.dn-skel-line.xl{width:70%;height:20px;margin-bottom:.5rem}.dn-skel-pill{width:90px;height:28px;border-radius:9999px}.dn-drawer-skeleton{display:flex;flex-direction:column;gap:.75rem;padding:.5rem 0}@keyframes dnSkel{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.dn-skel,.dn-spin,.dn-drawer,.dn-drawer-overlay{animation:none}}.rq-page{--rq-card: #ffffff;--rq-border: #e8e1f0;--rq-text: #1e1b24;--rq-muted: #6b6478;--rq-lavender: #8f76a8;--rq-lavender-hover: #8267a3;--rq-lavender-light: #f4effa;--rq-lavender-soft: #faf7fd;--rq-emerald: #059669;--rq-emerald-light: #ecfdf5;--rq-rose: #e11d48;--rq-rose-light: #fff1f2;--rq-orange: #ea580c;--rq-orange-light: #fff7ed;--rq-amber: #d97706;--rq-amber-light: #fffbeb;--rq-blue: #2563eb;--rq-blue-light: #eff6ff;width:100%;max-width:80rem;margin:0 auto;padding:1.25rem 1rem 6rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;color:var(--rq-text)}.rq-page *,.rq-page *:before,.rq-page *:after{box-sizing:border-box}.rq-page h1,.rq-page h3,.rq-page p{margin:0}.rq-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem}.rq-title-row{display:flex;align-items:center;gap:.7rem;margin-bottom:.35rem}.rq-title-icon{width:2.5rem;height:2.5rem;border-radius:.8rem;background:var(--rq-lavender-light);color:var(--rq-lavender);border:1px solid var(--rq-border);display:inline-flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.rq-title-row h1{font-size:1.5rem;font-weight:800;letter-spacing:-.025em;line-height:1.2}.rq-header-text p{font-size:.875rem;color:var(--rq-muted);line-height:1.5}.rq-header-meta{display:flex;align-items:center;gap:.6rem}.rq-count-pill{display:inline-flex;align-items:center;padding:.45rem .9rem;border-radius:9999px;background:var(--rq-lavender-light);color:var(--rq-lavender);border:1px solid var(--rq-border);font-size:.8rem;font-weight:700}.rq-refresh{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.75rem;border:1px solid var(--rq-border);background:var(--rq-card);color:var(--rq-text);font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color .2s ease,color .2s ease,transform .2s ease}.rq-refresh:hover:not(:disabled){border-color:var(--rq-lavender);color:var(--rq-lavender);transform:translateY(-1px)}.rq-refresh:disabled{opacity:.65;cursor:not-allowed}.rq-spin{animation:rq-rotate .9s linear infinite}@keyframes rq-rotate{to{transform:rotate(360deg)}}.rq-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1.25rem}.rq-stat{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;background:var(--rq-card);border:1px solid var(--rq-border);border-radius:1rem;min-width:0}.rq-stat-icon{width:2.4rem;height:2.4rem;border-radius:.75rem;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}.rq-stat--lavender .rq-stat-icon{background:var(--rq-lavender-light);color:var(--rq-lavender)}.rq-stat--amber .rq-stat-icon{background:var(--rq-amber-light);color:var(--rq-amber)}.rq-stat--rose .rq-stat-icon{background:var(--rq-rose-light);color:var(--rq-rose)}.rq-stat--emerald .rq-stat-icon{background:var(--rq-emerald-light);color:var(--rq-emerald)}.rq-stat-text{display:flex;flex-direction:column;min-width:0}.rq-stat-value{font-size:1.35rem;font-weight:800;line-height:1.1;letter-spacing:-.02em}.rq-stat-label{font-size:.72rem;font-weight:600;color:var(--rq-muted);margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rq-toolbar{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.85rem}.rq-search{position:relative;flex:1}.rq-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--rq-muted);font-size:.85rem;pointer-events:none}.rq-search input{width:100%;height:2.75rem;padding:0 1rem 0 2.6rem;border:1px solid var(--rq-border);border-radius:.85rem;background:var(--rq-card);font-family:inherit;font-size:.875rem;color:var(--rq-text);transition:border-color .2s ease,box-shadow .2s ease}.rq-search input::placeholder{color:#9a93a6}.rq-search input:focus{outline:none;border-color:var(--rq-lavender);box-shadow:0 0 0 3px #8f76a82e}.rq-perpage{display:flex;align-items:center;gap:.6rem;font-size:.8rem;color:var(--rq-muted);font-weight:600}.rq-perpage select{height:2.75rem;padding:0 .85rem;border:1px solid var(--rq-border);border-radius:.85rem;background:var(--rq-card);font-family:inherit;font-size:.85rem;font-weight:600;color:var(--rq-text);cursor:pointer}.rq-perpage select:focus{outline:none;border-color:var(--rq-lavender);box-shadow:0 0 0 3px #8f76a82e}.rq-tabs{display:flex;gap:.5rem;margin-bottom:1.1rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none}.rq-tabs::-webkit-scrollbar{display:none}.rq-tab{display:inline-flex;align-items:center;gap:.45rem;flex-shrink:0;padding:.5rem .6rem .5rem .95rem;border-radius:9999px;border:1px solid var(--rq-border);background:var(--rq-card);color:var(--rq-muted);font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease}.rq-tab svg{font-size:.75rem}.rq-tab:hover{border-color:var(--rq-lavender);color:var(--rq-lavender)}.rq-tab-count{min-width:1.5rem;padding:.1rem .45rem;border-radius:9999px;background:var(--rq-lavender-light);color:var(--rq-lavender);font-size:.7rem;font-weight:700;text-align:center}.rq-tab.is-active{background:var(--rq-lavender);border-color:var(--rq-lavender);color:#fff;box-shadow:0 2px 10px #8f76a852}.rq-tab.is-active .rq-tab-count{background:#ffffff40;color:#fff}.rq-patient{display:flex;align-items:center;gap:.75rem;min-width:0}.rq-avatar{width:2.6rem;height:2.6rem;border-radius:50%;background:linear-gradient(135deg,var(--rq-lavender-light),#e6dbf3);color:var(--rq-lavender-hover);border:1px solid var(--rq-border);display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;flex-shrink:0}.rq-patient-info{display:flex;flex-direction:column;min-width:0}.rq-patient-name{font-size:.92rem;font-weight:700;color:var(--rq-text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rq-patient-meta{font-size:.75rem;color:var(--rq-muted);line-height:1.4}.rq-uid{margin-top:.15rem;font-size:.68rem;font-weight:600;color:var(--rq-muted);font-family:SF Mono,Fira Code,Consolas,monospace;opacity:.85}.rq-blood-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:9999px;background:var(--rq-rose-light);color:var(--rq-rose);border:1px solid rgba(225,29,72,.15);font-size:.8rem;font-weight:700;white-space:nowrap}.rq-blood-pill svg{font-size:.7rem}.rq-urgency,.rq-status{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:9999px;font-size:.72rem;font-weight:700;white-space:nowrap}.rq-urgency svg{font-size:.7rem}.rq-urgency--critical{background:var(--rq-rose-light);color:var(--rq-rose);border:1px solid rgba(225,29,72,.18)}.rq-urgency--urgent{background:var(--rq-orange-light);color:var(--rq-orange);border:1px solid rgba(234,88,12,.18)}.rq-urgency--moderate{background:var(--rq-amber-light);color:var(--rq-amber);border:1px solid rgba(217,119,6,.18)}.rq-urgency--normal{background:var(--rq-blue-light);color:var(--rq-blue);border:1px solid rgba(37,99,235,.18)}.rq-status-dot{width:.4rem;height:.4rem;border-radius:50%;background:currentColor}.rq-status--pending{background:var(--rq-amber-light);color:var(--rq-amber);border:1px solid rgba(217,119,6,.18)}.rq-status--fulfilled{background:var(--rq-emerald-light);color:var(--rq-emerald);border:1px solid rgba(5,150,105,.18)}.rq-status--cancelled{background:var(--rq-rose-light);color:var(--rq-rose);border:1px solid rgba(225,29,72,.18)}.rq-status--default{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.rq-page a{color:inherit;text-decoration:none}.rq-page a:hover{color:var(--rq-lavender);text-decoration:underline}.rq-table-wrap{display:none;background:var(--rq-card);border:1px solid var(--rq-border);border-radius:1.1rem;overflow-x:auto;box-shadow:0 1px 3px #1e1b2408}.rq-table{width:100%;min-width:52rem;border-collapse:separate;border-spacing:0}.rq-table thead th{padding:.85rem 1rem;text-align:left;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--rq-muted);background:var(--rq-lavender-soft);border-bottom:1px solid var(--rq-border);white-space:nowrap}.rq-table tbody td{padding:.95rem 1rem;vertical-align:middle;border-bottom:1px solid var(--rq-border);font-size:.85rem}.rq-table tbody tr:last-child td{border-bottom:none}.rq-table tbody tr{transition:background .15s ease}.rq-table tbody tr:hover{background:var(--rq-lavender-soft)}.rq-row td:first-child{box-shadow:inset 3px 0 0 transparent}.rq-row--critical td:first-child{box-shadow:inset 3px 0 0 var(--rq-rose)}.rq-row--urgent td:first-child{box-shadow:inset 3px 0 0 var(--rq-orange)}.rq-row--moderate td:first-child{box-shadow:inset 3px 0 0 var(--rq-amber)}.rq-row--normal td:first-child{box-shadow:inset 3px 0 0 var(--rq-blue)}.rq-blood-cell{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.rq-units{font-size:.72rem;font-weight:600;color:var(--rq-muted);padding-left:.2rem}.rq-contact{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:500}.rq-contact span{display:flex;align-items:center;gap:.5rem;min-width:0}.rq-contact svg{color:var(--rq-lavender);font-size:.72rem;width:.85rem;flex-shrink:0}.rq-when{display:flex;flex-direction:column;gap:.1rem;white-space:nowrap}.rq-when-date{font-size:.82rem;font-weight:600}.rq-when-time{font-size:.72rem;color:var(--rq-muted)}.rq-cards{display:flex;flex-direction:column;gap:.75rem}.rq-card{position:relative;background:var(--rq-card);border:1px solid var(--rq-border);border-left-width:4px;border-radius:1rem;padding:1rem;display:flex;flex-direction:column;gap:.85rem;box-shadow:0 1px 3px #1e1b2408}.rq-card--critical{border-left-color:var(--rq-rose)}.rq-card--urgent{border-left-color:var(--rq-orange)}.rq-card--moderate{border-left-color:var(--rq-amber)}.rq-card--normal{border-left-color:var(--rq-blue)}.rq-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.rq-card-rows{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 0;border-top:1px dashed var(--rq-border);border-bottom:1px dashed var(--rq-border)}.rq-card-rows>div{display:flex;align-items:center;gap:.6rem;font-size:.82rem;font-weight:500;min-width:0}.rq-card-rows svg{color:var(--rq-lavender);font-size:.75rem;width:.9rem;flex-shrink:0}.rq-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.rq-card-badges{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.rq-card-when{font-size:.72rem;color:var(--rq-muted);font-weight:500}.rq-pagination{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:1.1rem}.rq-range{font-size:.78rem;color:var(--rq-muted);font-weight:500}.rq-pager{display:flex;align-items:center;gap:.75rem}.rq-page-btn{display:inline-flex;align-items:center;gap:.5rem;height:2.5rem;padding:0 1rem;border-radius:.75rem;border:1px solid var(--rq-border);background:var(--rq-card);color:var(--rq-text);font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.rq-page-btn:hover:not(:disabled){border-color:var(--rq-lavender);color:var(--rq-lavender);background:var(--rq-lavender-soft)}.rq-page-btn:disabled{opacity:.45;cursor:not-allowed}.rq-page-btn svg{font-size:.7rem}.rq-page-indicator{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;color:var(--rq-muted)}.rq-page-current{min-width:2rem;height:2rem;padding:0 .5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.6rem;background:var(--rq-lavender);color:#fff;font-weight:700}.rq-error{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 1rem;background:var(--rq-rose-light);border:1px solid rgba(225,29,72,.2);border-radius:1rem;color:var(--rq-rose);font-size:.875rem;font-weight:600;text-align:center}.rq-error button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.7rem;background:var(--rq-rose);color:#fff;font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity .2s ease}.rq-error button:hover{opacity:.88}.rq-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:3.5rem 1rem;text-align:center;background:var(--rq-card);border:1px dashed var(--rq-border);border-radius:1.1rem;color:var(--rq-muted)}.rq-empty svg{font-size:2.25rem;color:var(--rq-lavender);opacity:.6;margin-bottom:.35rem}.rq-empty h3{font-size:1.05rem;font-weight:700;color:var(--rq-text)}.rq-empty p{font-size:.85rem}.rq-skeleton-wrap{display:flex;flex-direction:column;gap:.75rem}.rq-skeleton-row{display:flex;align-items:center;gap:.85rem;padding:1rem;background:var(--rq-card);border:1px solid var(--rq-border);border-radius:1rem}.rq-skel{background:linear-gradient(90deg,#f1ecf6 25%,#e8e0f0,#f1ecf6 75%);background-size:200% 100%;animation:rq-shimmer 1.4s ease-in-out infinite;border-radius:.5rem}@keyframes rq-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rq-skel-avatar{width:2.6rem;height:2.6rem;border-radius:50%;flex-shrink:0}.rq-skel-group{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.rq-skel-line.lg{height:.85rem;width:55%}.rq-skel-line.sm{height:.65rem;width:35%}.rq-skel-pill{width:4rem;height:1.5rem;border-radius:9999px;flex-shrink:0}.rq-skel-pill+.rq-skel-pill{display:none}@media(min-width:640px){.rq-page{padding:1.75rem 1.5rem 6rem}.rq-header{flex-direction:row;align-items:center;justify-content:space-between}.rq-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.rq-toolbar{flex-direction:row;align-items:center}.rq-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.rq-pagination{flex-direction:row;justify-content:space-between}.rq-skel-pill+.rq-skel-pill{display:block}}@media(min-width:900px){.rq-table-wrap{display:block}.rq-cards{display:none}}@media(min-width:1024px){.rq-page{padding:2rem 2rem 2.5rem}}@media(min-width:1280px){.rq-page{padding:2rem 2.5rem 2.5rem}}@media(prefers-reduced-motion:reduce){.rq-spin,.rq-skel{animation:none}.rq-refresh,.rq-tab,.rq-page-btn,.rq-table tbody tr,.rq-search input{transition:none}.rq-refresh:hover:not(:disabled){transform:none}}