*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--red:#C8102E;--red-dark:#9B0B22;--red-light:#FEF1F3;--red-glow:rgba(200,16,46,.18);--bg:#F2F5FA;--bg3:#F7F9FC;--surface:#FFFFFF;--text:#18213A;--text2:#566080;--text3:#9BA3BC;--nav:#18213A;--nav-border:rgba(255,255,255,.07);--nav-text:rgba(255,255,255,.85);--nav-text-muted:rgba(155,163,188,.8);--border:#DDE2EF;--border2:#EBF0F8;--shadow:0 2px 16px rgba(80,90,130,.09);--shadow-md:0 6px 28px rgba(80,90,130,.12);--shadow-lg:0 10px 44px rgba(80,90,130,.16);--radius:14px;--radius-sm:9px;--font-display:"Plus Jakarta Sans",sans-serif;--font-ui:"Plus Jakarta Sans",sans-serif;--font-body:"Plus Jakarta Sans",sans-serif;--space-page: clamp(14px, 3vw, 36px);--space-section:clamp(28px, 4vw, 52px);--space-card: clamp(12px, 2vw, 28px);--gap-grid: clamp(10px, 1.5vw, 20px);--font-xs: clamp(.62rem, 1.2vw, .72rem);--font-sm: clamp(.72rem, 1.4vw, .82rem);--font-md: clamp(.8rem, 1.6vw, .9rem);--font-lg: clamp(.9rem, 1.8vw, 1rem);--font-xl: clamp(1.1rem, 2.2vw, 1.3rem);--font-2xl: clamp(1.4rem, 3vw, 1.8rem);--font-3xl: clamp(1.8rem, 4vw, 2.6rem)}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#c8cde0;border-radius:3px}#login-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;align-items:stretch;background:#18213a}#login-screen.hidden{display:none}.login-left{width:42%;flex-shrink:0;background:#18213a;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 40px;position:relative;overflow:hidden}.login-left:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;border:1.5px solid rgba(255,255,255,.07);top:-100px;left:-100px}.login-left:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;border:1.5px solid rgba(255,255,255,.05);bottom:-80px;right:-60px}.login-left-content{position:relative;z-index:1;text-align:center}.login-left-icon{width:80px;height:80px;border-radius:22px;margin:0 auto 20px;background:#c8102e;display:flex;align-items:center;justify-content:center;font-size:2.4rem;box-shadow:0 12px 36px #c8102e66;animation:logobeat 2.8s ease-in-out infinite;cursor:default;position:relative}@keyframes logobeat{0%,to{box-shadow:0 12px 36px #c8102e4d}50%{box-shadow:0 12px 50px #c8102e8c}}.login-left-content h1{font-family:var(--font-display);font-size:2.6rem;color:#fff;letter-spacing:.01em;line-height:1}.login-left-content h1 .hs-text{color:var(--red)}.login-left-content p{font-size:.74rem;color:#fff6;margin-top:8px;letter-spacing:.14em;text-transform:uppercase;font-family:var(--font-ui)}.login-left-cards{margin-top:36px;display:flex;flex-direction:column;gap:10px;width:100%}.login-info-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px;text-align:left}.login-info-card .lic-title{font-family:var(--font-ui);font-size:.72rem;font-weight:800;color:var(--red);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.login-info-card p{font-size:.78rem;color:#ffffff8c;line-height:1.5}.blood-drop-anim{position:absolute;left:50%;top:0;width:11px;height:14px;margin-left:-5.5px;pointer-events:none;opacity:0;z-index:20;transform-origin:center center}.blood-drop-anim svg{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(200,16,46,.5))}@keyframes dropFall{0%{opacity:1;transform:translateY(0) scale(1)}65%{opacity:1;transform:translateY(var(--drop-distance,80px)) scale(1)}to{opacity:0;transform:translateY(var(--drop-distance,80px)) scale(0)}}.blood-drop-anim.falling{animation:dropFall .75s cubic-bezier(.25,0,.6,1) forwards}.blood-text{background:linear-gradient(to right,rgba(255,255,255,.5) 0%,rgba(255,255,255,.5) var(--fill-left, 50%),var(--red) var(--fill-left, 50%),var(--red) var(--fill-right, 50%),rgba(255,255,255,.5) var(--fill-right, 50%),rgba(255,255,255,.5) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;--fill-left: 50%;--fill-right: 50%}.blood-splatter{position:absolute;border-radius:50%;background:var(--red);pointer-events:none;opacity:0;z-index:19}@keyframes splatterDot{0%{opacity:.85;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--sx),var(--sy)) scale(.3)}}.blood-splatter.flying{animation:splatterDot .38s ease-out forwards}.login-right{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 48px;background:#fff;overflow-y:auto}.login-form-wrap{width:100%;max-width:380px;animation:loginSlide .45s ease both}@keyframes loginSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.login-form-wrap h2{font-family:var(--font-display);font-size:1.9rem;color:var(--text);margin-bottom:4px;letter-spacing:.01em}.login-form-wrap>p{font-size:.85rem;color:var(--text2);margin-bottom:28px}.login-tabs{display:flex;background:var(--bg3);border:1.5px solid var(--border);border-radius:10px;padding:4px;margin-bottom:22px;gap:4px}.login-tab{flex:1;padding:9px;border:none;background:transparent;color:var(--text2);font-family:var(--font-ui);font-size:.81rem;font-weight:700;border-radius:7px;cursor:pointer;transition:all .2s;letter-spacing:.04em}.login-tab.active{background:linear-gradient(135deg,var(--red-dark),var(--red));color:#fff;box-shadow:0 3px 12px #c8102e4d}.login-tab:not(.active):hover{background:var(--border);color:var(--text)}.login-role-badge{display:flex;align-items:flex-start;gap:11px;background:var(--red-light);border:1.5px solid rgba(200,16,46,.15);border-radius:10px;padding:13px 14px;margin-bottom:20px}.login-role-badge .role-icon{font-size:1.25rem;margin-top:1px;flex-shrink:0}.login-role-badge p{font-size:.76rem;color:var(--text2);line-height:1.5}.login-role-badge p strong{color:var(--text);display:block;margin-bottom:2px;font-family:var(--font-ui);font-size:.8rem}.login-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.login-form-group label{font-family:var(--font-ui);font-size:.7rem;font-weight:700;color:var(--text2);letter-spacing:.09em;text-transform:uppercase}.login-input-wrap{position:relative}.login-input-wrap .input-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:.9rem;color:var(--text3)}.login-form-group input{width:100%;background:var(--bg3);border:1.5px solid var(--border);border-radius:10px;padding:11px 14px 11px 40px;color:var(--text);font-family:var(--font-body);font-size:.9rem;outline:none;transition:border-color .17s,box-shadow .17s,background .17s}.login-form-group input:focus{border-color:var(--red);background:#fff;box-shadow:0 0 0 3px var(--red-glow)}.login-form-group input::placeholder{color:var(--text3)}.login-btn{width:100%;padding:12px;border:none;border-radius:10px;margin-top:4px;background:linear-gradient(135deg,var(--red-dark),var(--red));color:#fff;font-family:var(--font-ui);font-size:.9rem;font-weight:700;cursor:pointer;letter-spacing:.04em;box-shadow:0 4px 18px #c8102e4d;transition:all .2s}.login-btn:hover{transform:translateY(-1px);box-shadow:0 6px 26px #c8102e66}.login-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.login-error{background:#fff1f2;border:1.5px solid #FECACA;border-radius:8px;padding:10px 13px;margin-bottom:14px;color:#dc2626;font-size:.79rem;font-family:var(--font-ui);font-weight:600;display:none}.login-error.show{display:block}.login-signup-link{text-align:center;margin-top:16px;font-size:.82rem;color:var(--text2);font-family:var(--font-ui)}.login-signup-link a{color:var(--red);font-weight:700;text-decoration:none;cursor:pointer}.login-signup-link a:hover{text-decoration:underline}.login-back-btn{display:inline-flex;align-items:center;gap:7px;cursor:pointer;padding:7px 14px 7px 10px;background:var(--red-light);border:1px solid rgba(200,16,46,.2);border-radius:50px;color:var(--red);font-family:var(--font-ui);font-size:.8rem;font-weight:700;transition:background .15s,border-color .15s;-webkit-user-select:none;user-select:none;margin-bottom:20px;align-self:flex-start}.signup-divider{display:flex;align-items:center;gap:12px;margin:18px 0 14px}.signup-divider hr{flex:1;border:none;border-top:1px solid var(--border)}.signup-divider span{font-size:.7rem;color:var(--text3);font-family:var(--font-ui);white-space:nowrap}.signup-btn{width:100%;padding:12px;border-radius:10px;margin-top:2px;background:#fff;color:var(--red);border:1.5px solid var(--red);font-family:var(--font-ui);font-size:.9rem;font-weight:700;cursor:pointer;letter-spacing:.04em;transition:all .2s;white-space:normal;min-height:44px}.signup-btn:hover{background:var(--red-light);transform:translateY(-1px);box-shadow:0 4px 16px var(--red-glow)}.reg-form-grid{display:grid;grid-template-columns:1fr 1fr}.login-divider{display:flex;align-items:center;gap:12px;margin:20px 0 16px}.login-divider hr{flex:1;border:none;border-top:1px solid var(--border)}.login-divider span{font-size:.7rem;color:var(--text3);font-family:var(--font-ui);white-space:nowrap}.login-creds{display:grid;grid-template-columns:1fr 1fr;gap:8px}.login-cred-card{background:var(--bg3);border:1.5px solid var(--border);border-radius:9px;padding:11px 12px;cursor:pointer;transition:all .15s}.login-cred-card:hover{border-color:var(--red);background:var(--red-light)}.login-cred-card .cc-role{font-family:var(--font-ui);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin-bottom:4px}.login-cred-card .cc-name{font-family:var(--font-ui);font-size:.82rem;font-weight:700;color:var(--text)}.login-cred-card .cc-pass{font-size:.74rem;color:var(--text2);margin-top:1px}@media (max-width:900px){.login-left{display:none}.login-right{padding:clamp(16px,4vw,28px) clamp(16px,5vw,40px);justify-content:flex-start}}#app{display:none}#app.visible{display:block}:root{--sidebar-w: 252px;--sidebar-collapsed-w: 66px}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-w);background:var(--nav);border-right:none;display:flex;flex-direction:column;z-index:100;transition:width .28s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 24px #0000002e;overflow:visible}.sidebar.collapsed{width:var(--sidebar-collapsed-w);overflow:visible}.sidebar.collapsed nav{overflow:visible}.sidebar-inner-clip{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.sidebar nav,.sidebar .sidebar-logo,.sidebar .sidebar-stats,.sidebar .sidebar-bottom{overflow-x:hidden}.sidebar-logo{padding:14px 10px 12px;border-bottom:1px solid var(--nav-border);flex-shrink:0;position:relative}.logo-row{display:flex;align-items:center;gap:10px;overflow:hidden}.logo-icon{width:40px;height:40px;border-radius:12px;flex-shrink:0;background:linear-gradient(140deg,var(--red-dark),var(--red));display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 4px 16px var(--red-glow);animation:logobeat2 2.8s ease-in-out infinite}@keyframes logobeat2{0%,to{box-shadow:0 4px 16px var(--red-glow)}50%{box-shadow:0 4px 26px #c8102e5c}}.sidebar-title-wrap{flex:1;overflow:hidden;min-width:0;transition:opacity .2s,max-width .28s;max-width:180px}.sidebar-logo h1{font-family:var(--font-display);font-size:1.4rem;color:#fff;white-space:nowrap}.sidebar-logo h1 span{color:var(--red)}.sidebar.collapsed .sidebar-title-wrap{opacity:0;max-width:0;pointer-events:none}.sidebar.collapsed .sidebar-pill-wrap{opacity:0;max-height:0;pointer-events:none;overflow:hidden}.sidebar-edge-tab{position:absolute;top:50%;right:-14px;transform:translateY(-50%);width:14px;height:48px;border-radius:0 6px 6px 0;background:var(--nav);border:1px solid rgba(255,255,255,.1);border-left:none;color:#9ba3bcbf;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.5rem;z-index:102;transition:background .18s,color .18s,width .18s;box-shadow:3px 0 8px #0000002e;padding:0}.sidebar-edge-tab:hover{background:var(--red);color:#fff;width:18px}.sidebar-edge-tab__icon{display:inline-block;line-height:1;pointer-events:none}.sidebar-toggle{display:none}.sidebar-pill-wrap{margin-top:6px;overflow:hidden;white-space:nowrap;transition:opacity .2s,max-height .28s;max-height:40px}.role-pill{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-ui);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:100px}.role-pill.admin{background:#c8102e33;color:#ff7b8a;border:1px solid rgba(200,16,46,.35)}.role-pill.user{background:#3b82f626;color:#7ab8f5;border:1px solid rgba(59,130,246,.3)}.role-pill.hospital{background:#10b9812e;color:#6ee7b7;border:1px solid rgba(16,185,129,.35)}nav{padding:10px 8px;flex:1;min-height:0;display:flex;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}nav::-webkit-scrollbar{width:3px}nav::-webkit-scrollbar-track{background:transparent}nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.nav-label{font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--nav-text-muted);font-family:var(--font-ui);padding:10px 10px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;transition:opacity .15s;flex-shrink:0}.nav-label-text{transition:opacity .2s}.sidebar.collapsed .nav-label{padding:10px 0 4px;text-align:center}.sidebar.collapsed .nav-label-text{opacity:0;font-size:0}.sidebar.collapsed .nav-label:after{content:"·";font-size:.8rem;color:#fff3}.nav-btn{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:9px;cursor:pointer;border:none;background:transparent;color:var(--nav-text);font-family:var(--font-ui);font-size:.855rem;font-weight:600;transition:background .17s,color .17s,padding .28s;text-align:left;width:100%;white-space:nowrap;overflow:hidden}.nav-btn .icon{font-size:1rem;width:22px;text-align:center;flex-shrink:0}.nav-text{transition:opacity .15s,width .28s;overflow:hidden;white-space:nowrap}.nav-btn:hover{background:#ffffff12;color:#fff}.nav-btn.active{background:#c8102e2e;color:var(--red);box-shadow:inset 3px 0 0 var(--red)}.nav-btn.disabled-nav{opacity:.35;cursor:not-allowed;pointer-events:none}.sidebar.collapsed .nav-btn{padding:10px;justify-content:center;gap:0;border-radius:10px;position:relative}.sidebar.collapsed .nav-text{opacity:0;width:0;pointer-events:none}.sidebar.collapsed .nav-btn.active{box-shadow:none;border-left:3px solid var(--red);background:#c8102e2e}.sidebar.collapsed .nav-btn:after{content:attr(title);position:fixed;left:calc(var(--sidebar-collapsed-w) + 8px);top:auto;background:#0f1829;color:#fff;font-size:.72rem;font-family:var(--font-ui);font-weight:700;padding:5px 10px;border-radius:7px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:9999;box-shadow:0 4px 12px #0000002e}.sidebar.collapsed .nav-btn:hover:after{opacity:1}.sidebar-stats{margin:0 8px 8px;padding:13px;background:#ffffff0f;border-radius:var(--radius);border:1px solid var(--nav-border);overflow:hidden;transition:opacity .2s,padding .28s,height .28s;flex-shrink:0}.sidebar.collapsed .sidebar-stats{opacity:0;padding:0;margin:0;height:0;border:none}.sidebar-stats h4{font-size:.63rem;letter-spacing:.14em;text-transform:uppercase;color:var(--nav-text-muted);font-family:var(--font-ui);margin-bottom:10px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0}.stat-row span{font-size:.76rem;color:var(--nav-text)}.stat-row strong{font-family:var(--font-ui);font-size:.86rem;color:var(--red)}.sidebar-bottom{padding:8px 8px 14px;border-top:1px solid var(--nav-border);margin-top:auto;flex-shrink:0}.user-info-bar{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:9px;background:#ffffff0f;overflow:hidden}.user-info-text{overflow:hidden;flex:1;min-width:0;transition:opacity .2s,width .28s}.sidebar.collapsed .user-info-text{opacity:0;width:0;flex:0;pointer-events:none}.sidebar.collapsed .user-info-bar{justify-content:center;padding:10px;gap:0}.sidebar.collapsed .logout-btn{display:none}.user-avatar{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--red-dark),var(--red));display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-weight:800;font-size:.8rem;color:#fff;flex-shrink:0}.user-info-bar .uname{font-family:var(--font-ui);font-weight:700;font-size:.82rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info-bar .urole{font-size:.68rem;color:var(--nav-text-muted);text-transform:capitalize;white-space:nowrap}.logout-btn{margin-left:auto;background:transparent;border:none;cursor:pointer;color:var(--nav-text-muted);font-size:1rem;transition:color .15s;flex-shrink:0}.logout-btn:hover{color:var(--red)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.active{display:block}.main{margin-left:var(--sidebar-w);min-height:100vh;padding:var(--space-page) var(--space-page);transition:margin-left .28s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed~.sidebar-overlay+.main,#app:has(.sidebar.collapsed) .main{margin-left:var(--sidebar-collapsed-w)}.page-header{margin-bottom:26px;animation:fadeUp .4s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.page-header h2{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2.1rem);color:var(--text)}.page-header h2 span{color:var(--red)}.page-header p{color:var(--text2);margin-top:4px;font-size:var(--font-sm)}.page-header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}#toast{position:fixed;bottom:24px;right:24px;z-index:9999;padding:12px 18px;border-radius:10px;font-family:var(--font-ui);font-size:.81rem;font-weight:600;opacity:0;transform:translateY(8px);transition:all .25s ease;pointer-events:none;box-shadow:var(--shadow-md);max-width:300px}#toast.show{opacity:1;transform:none}#toast.success{background:#edfbf3;color:#15803d;border:1px solid #BBF7D0}#toast.error{background:#fff1f2;color:#dc2626;border:1px solid #FECACA}#toast.warn{background:#fffbeb;color:#d97706;border:1px solid #FDE68A}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:22px;animation:fadeUp .4s ease both;box-shadow:var(--shadow)}.card+.card{margin-top:15px}.card-title{font-family:var(--font-ui);font-weight:700;font-size:.88rem;color:var(--text);margin-bottom:16px;display:flex;align-items:center;gap:9px}.card-title:before{content:"";width:3px;height:14px;background:var(--red);border-radius:2px;flex-shrink:0}.bt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:12px}.bt-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);padding:17px;cursor:pointer;transition:all .2s;box-shadow:var(--shadow)}.bt-card:hover{transform:translateY(-3px);border-color:var(--red);box-shadow:0 8px 24px var(--red-glow)}.bt-badge{font-family:var(--font-display);font-size:2.4rem;font-weight:700;color:var(--red);line-height:1;margin-bottom:7px}.bt-card h4{font-family:var(--font-ui);font-size:.76rem;color:var(--text);margin-bottom:3px;font-weight:700}.bt-card p{font-size:.71rem;color:var(--text2);line-height:1.5}.bt-card .donor-count{font-family:var(--font-ui);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-top:8px;font-weight:700}.bt-card.configured{border-color:#c8102e40}.bt-card.not-configured{opacity:.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group.full,.form-group.full3{grid-column:1/-1}.form-group label{font-family:var(--font-ui);font-size:.7rem;font-weight:700;color:var(--text2);letter-spacing:.07em;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:var(--bg3);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text);font-family:var(--font-body);font-size:.88rem;outline:none;transition:border-color .17s,box-shadow .17s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-glow);background:#fff}.form-group input::placeholder{color:var(--text3)}.form-group textarea{resize:vertical;min-height:72px}.tag-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.tag{background:var(--bg3);border:1.5px solid var(--border);border-radius:100px;padding:3px 11px;font-size:.72rem;font-family:var(--font-ui);color:var(--text2);cursor:pointer;transition:all .13s;font-weight:600}.tag.selected{background:var(--red);color:#fff;border-color:var(--red)}.tag:hover:not(.selected){border-color:var(--red);color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 18px;border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:.83rem;font-weight:700;cursor:pointer;border:none;transition:all .17s;letter-spacing:.03em}.btn-primary{background:linear-gradient(135deg,var(--red-dark),var(--red));color:#fff;box-shadow:0 3px 13px var(--red-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 5px 20px #c8102e47}.btn-outline{background:#fff;color:var(--text2);border:1.5px solid var(--border)}.btn-outline:hover{border-color:var(--red);color:var(--red);background:var(--red-light)}.btn-ghost{background:transparent;color:var(--text2);font-size:.78rem}.btn-ghost:hover{color:var(--red)}.btn-danger{background:#fff1f2;color:#dc2626;border:1.5px solid #FECACA}.btn-danger:hover{background:#ffe4e6}.btn-sm{padding:5px 11px;font-size:.75rem}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.search-bar{display:flex;gap:9px;align-items:center;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:8px 13px;flex:1;max-width:360px;box-shadow:var(--shadow)}.search-bar input{background:transparent;border:none;outline:none;color:var(--text);font-family:var(--font-body);font-size:.86rem;flex:1}.search-bar input::placeholder{color:var(--text3)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}thead th{font-family:var(--font-ui);font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);padding:8px 12px;text-align:left;border-bottom:1.5px solid var(--border);background:var(--bg3)}tbody tr{border-bottom:1px solid var(--border2);transition:background .11s}tbody tr:hover{background:#fdf5f7}tbody tr:last-child{border-bottom:none}td{padding:11px 12px;font-size:.84rem;color:var(--text2)}td.bold{color:var(--text);font-weight:500}.blood-badge{font-family:var(--font-ui);font-weight:800;font-size:.79rem;color:var(--red);background:var(--red-light);border:1px solid rgba(200,16,46,.14);border-radius:6px;padding:2px 9px;display:inline-block}.status-dot{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-family:var(--font-ui);font-weight:600}.status-dot:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-dot.available{color:#15803d}.status-dot.available:before{background:#22c55e}.status-dot.unavailable{color:var(--text3)}.status-dot.unavailable:before{background:#cbd5e1}.lock-badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-ui);font-size:.7rem;font-weight:700;background:#fffbeb;color:#d97706;border:1px solid #FDE68A;border-radius:6px;padding:3px 9px}.info-tab{padding:7px 18px;border-radius:100px;border:1.5px solid var(--border);font-family:var(--font-ui);font-size:.78rem;font-weight:700;cursor:pointer;background:#fff;color:var(--text2);transition:all .17s}.info-tab.active{background:linear-gradient(135deg,var(--red-dark),var(--red));color:#fff;border-color:transparent;box-shadow:0 3px 12px var(--red-glow)}.info-tab:not(.active):hover{border-color:var(--red);color:var(--red)}.info-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow);transition:all .18s}.info-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#c8102e33}.info-card-header{display:flex;align-items:flex-start;gap:11px}.info-card-icon{width:40px;height:40px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.info-card-icon.ambulance{background:#fff7ed;border:1.5px solid #FED7AA}.info-card-icon.hospital{background:#eff6ff;border:1.5px solid #BFDBFE}.info-card-icon.bloodbank{background:#fff1f2;border:1.5px solid #FECDD3}.info-card-name{font-family:var(--font-ui);font-weight:800;font-size:.9rem;color:var(--text);line-height:1.2}.info-card-area{font-size:.74rem;color:var(--text3);margin-top:2px}.info-card-phone{display:flex;align-items:center;gap:7px;background:var(--bg3);border:1px solid var(--border2);border-radius:8px;padding:8px 12px;font-family:var(--font-ui);font-weight:700;font-size:.88rem;color:var(--red)}.info-card-phone a{color:inherit;text-decoration:none}.info-card-phone a:hover{text-decoration:underline}.info-card-meta{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.info-badge-24h{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-ui);font-size:.68rem;font-weight:700;background:#edfbf3;color:#15803d;border:1px solid #BBF7D0;border-radius:5px;padding:2px 7px}.info-card-notes{font-size:.78rem;color:var(--text2);line-height:1.5;border-top:1px solid var(--border2);padding-top:8px}.info-card-actions{display:flex;gap:6px;justify-content:flex-end;border-top:1px solid var(--border2);padding-top:8px;margin-top:auto}.info-map-item{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;cursor:pointer;transition:all .15s}.info-map-item:hover,.info-map-item.active{border-color:var(--red);background:var(--red-light)}.info-map-item-name{font-family:var(--font-ui);font-weight:700;font-size:.83rem;color:var(--text)}.info-map-item-sub{font-size:.73rem;color:var(--text2);margin-top:2px}.info-map-item-phone{font-size:.75rem;font-family:var(--font-ui);color:var(--red);margin-top:4px;font-weight:600}.info-map-no-coords{opacity:.5;cursor:default}.info-map-no-coords:hover{border-color:var(--border);background:#fff}.info-map-layout{display:flex;gap:14px;height:600px}.info-map-sidebar-col{width:280px;flex-shrink:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:2px}.info-map-canvas-col{flex:1;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow)}.leaflet-pane{z-index:10!important}.leaflet-top,.leaflet-bottom{z-index:20!important}.leaflet-popup{z-index:30!important}.lf-popup .leaflet-popup-content-wrapper{border-radius:12px;box-shadow:0 6px 24px #505a822e;padding:0;overflow:hidden}.lf-popup .leaflet-popup-content{margin:0;font-family:Plus Jakarta Sans,sans-serif}.lf-popup .leaflet-popup-tip-container{margin-top:-1px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#12182e66;z-index:500;display:none;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-overlay.open{display:flex}.modal{background:#fff;border:1px solid var(--border);border-radius:18px;padding:26px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:scaleIn .2s ease;box-shadow:var(--shadow-lg)}@keyframes scaleIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.modal-header h3{font-family:var(--font-display);font-size:1.45rem;color:var(--text)}.modal-close{background:var(--bg3);border:1.5px solid var(--border);color:var(--text2);width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .13s}.modal-close:hover{border-color:var(--red);color:var(--red)}.modal-footer{margin-top:18px;display:flex;justify-content:flex-end;gap:9px;padding-top:15px;border-top:1px solid var(--border2)}.accept-any-checkbox{display:flex;align-items:flex-start;gap:9px;margin-top:7px;padding:9px 11px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg3);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s,background .15s}.accept-any-checkbox:hover{border-color:#c8102e59;background:#fff}.accept-any-checkbox.active{border-color:var(--red);background:var(--red-light)}.accept-any-check-wrap{flex-shrink:0;display:flex;align-items:center;margin-top:1px}.accept-any-check-box{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--border2);background:#fff;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s;font-size:10px;color:#fff;flex-shrink:0}.accept-any-checkbox.active .accept-any-check-box{background:var(--red);border-color:var(--red);content:""}.accept-any-check-box:after{content:"";display:none}.accept-any-checkbox.active .accept-any-check-box:after{display:block;width:4px;height:7px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(40deg) translate(-1px,-1px)}.accept-any-text{display:flex;flex-direction:column;gap:1px}.accept-any-title{font-family:var(--font-ui);font-size:.75rem;font-weight:700;color:var(--text)}.accept-any-checkbox.active .accept-any-title{color:var(--red)}.accept-any-sub{font-family:var(--font-ui);font-size:.68rem;color:var(--text2)}.accept-any-checkbox.active .accept-any-sub{color:var(--red-dark)}.section-divider{font-family:var(--font-ui);font-size:.66rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--red);margin:14px 0 11px;display:flex;align-items:center;gap:9px}.section-divider:after{content:"";flex:1;height:1px;background:var(--border2)}.donor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.donor-card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:background .15s;display:flex}.donor-card:hover{background:var(--bg3)}.donor-card-bt-col{width:52px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.donor-card-bt{font-family:var(--font-display);font-size:1.25rem;font-weight:700;line-height:1}.donor-card-name-text{font-family:var(--font-ui);font-weight:700;font-size:.88rem;color:var(--text)}.donor-avail-pill{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:20px;font-size:.68rem;font-weight:600;font-family:var(--font-ui)}.donor-avail-pill.avail{background:#e1f5ee;color:#085041;border:.5px solid #9FE1CB}.donor-avail-pill.unavail{background:var(--bg3);color:var(--text3);border:.5px solid var(--border)}.donor-card-actions{display:flex;gap:6px;border-top:.5px solid var(--border2);padding-top:9px;margin-top:10px;flex-wrap:wrap}.detail-field{background:var(--bg3);border-radius:10px;padding:11px;border:1px solid var(--border2)}.detail-field .dk{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);font-family:var(--font-ui);font-weight:700;margin-bottom:3px}.detail-field .dv{color:var(--text);font-size:.85rem}.dash-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:22px}.dash-stat{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:18px;animation:fadeUp .4s ease both;box-shadow:var(--shadow)}.dash-stat:nth-child(2){animation-delay:.06s}.dash-stat:nth-child(3){animation-delay:.12s}.dash-stat .label{font-size:.66rem;font-family:var(--font-ui);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text3)}.dash-stat .value{font-family:var(--font-display);font-size:2.2rem;color:var(--text);margin:3px 0 1px;line-height:1}.dash-stat .sub{font-size:.73rem;color:var(--text2)}.dash-stat.highlight .value{color:var(--red)}.dash-stat.highlight{border-top:3px solid var(--red)}.bt-chart{display:flex;flex-direction:column;gap:9px}.bt-bar-row{display:flex;align-items:center;gap:11px}.bt-bar-label{font-family:var(--font-ui);font-weight:800;font-size:.76rem;color:var(--red);width:30px;text-align:right}.bt-bar-track{flex:1;background:var(--bg);border-radius:100px;height:8px;overflow:hidden}.bt-bar-fill{height:100%;background:linear-gradient(90deg,var(--red-dark),var(--red));border-radius:100px;transition:width 1s ease}.bt-bar-count{font-size:.71rem;color:var(--text2);font-family:var(--font-ui);width:16px}.view-toggle{display:flex;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow)}.view-toggle button{padding:6px 11px;border:none;background:transparent;color:var(--text3);cursor:pointer;font-size:.9rem;transition:all .13s}.view-toggle button.active{background:var(--red);color:#fff}.filter-bar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:15px;align-items:center}.filter-select{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:7px 11px;color:var(--text2);font-family:var(--font-ui);font-size:.76rem;font-weight:600;outline:none;cursor:pointer;box-shadow:var(--shadow)}.filter-select:focus{border-color:var(--red)}.empty-state{text-align:center;padding:48px 20px}.empty-state .emoji{font-size:2.5rem;margin-bottom:10px}.empty-state h4{font-family:var(--font-ui);color:var(--text2);margin-bottom:4px}.empty-state p{font-size:.8rem;color:var(--text3);margin-bottom:20px}.urgency-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-ui);font-size:.7rem;font-weight:700;border-radius:6px;padding:2px 9px;letter-spacing:.04em}.urgency-Critical{background:#fff1f2;color:#dc2626;border:1px solid #FECACA}.urgency-High{background:#fff7ed;color:#ea580c;border:1px solid #FED7AA}.urgency-Medium{background:#fffbeb;color:#d97706;border:1px solid #FDE68A}.urgency-Low{background:#f0fdf4;color:#15803d;border:1px solid #BBF7D0}.req-status-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-ui);font-size:.7rem;font-weight:700;border-radius:6px;padding:2px 9px}.req-status-Open{background:#eff6ff;color:#2563eb;border:1px solid #BFDBFE}.req-status-Fulfilled{background:#f0fdf4;color:#15803d;border:1px solid #BBF7D0}.req-status-Cancelled{background:#f8fafc;color:#94a3b8;border:1px solid #E2E8F0}.req-status-select{font-family:var(--font-ui);font-size:.72rem;font-weight:700;border-radius:6px;padding:3px 6px;cursor:pointer;outline:none;border:1.5px solid transparent;transition:all .15s}.req-status-select.s-Open{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.req-status-select.s-Fulfilled{background:#f0fdf4;color:#15803d;border-color:#bbf7d0}.req-status-select.s-Cancelled{background:#f8fafc;color:#94a3b8;border-color:#e2e8f0}.req-status-select:focus{box-shadow:0 0 0 3px var(--red-glow);border-color:var(--red)}.req-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);padding:18px;transition:all .2s;box-shadow:var(--shadow)}.req-card:hover{border-color:#c8102e33;transform:translateY(-2px);box-shadow:var(--shadow-md)}.req-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px;gap:8px}.req-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:13px}.spinner{width:30px;height:30px;border:3px solid var(--border);border-top-color:var(--red);border-radius:50%;animation:spin .6s linear infinite;margin:36px auto;display:block}@keyframes spin{to{transform:rotate(360deg)}}.dash-2col-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.info-grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.hamburger{display:none;position:fixed;top:13px;left:13px;z-index:200;background:#fff;border:1.5px solid var(--border);color:var(--text);width:38px;height:38px;border-radius:10px;cursor:pointer;font-size:1.1rem;align-items:center;justify-content:center;box-shadow:var(--shadow)}:root{--fs-xs: clamp(.6rem, .58rem + .1vw, .68rem);--fs-sm: clamp(.72rem, .68rem + .2vw, .82rem);--fs-base: clamp(.82rem, .78rem + .25vw, .92rem);--fs-md: clamp(.88rem, .84rem + .3vw, 1rem);--fs-lg: clamp(1rem, .9rem + .5vw, 1.3rem);--fs-xl: clamp(1.3rem, 1rem + 1.2vw, 2.1rem);--fs-2xl: clamp(1.6rem, 1.2rem + 1.8vw, 2.6rem);--fs-3xl: clamp(2rem, 1.4rem + 2.5vw, 3rem)}body{font-size:var(--fs-base)}.page-header h2{font-size:var(--fs-2xl)}.page-header p{font-size:var(--fs-sm)}.dash-stat .value{font-size:var(--fs-3xl)}.dash-stat .label,.dash-stat .sub{font-size:var(--fs-xs)}.login-left-content h1{font-size:var(--fs-2xl)}.login-form-wrap h2{font-size:var(--fs-xl)}.login-form-wrap>p{font-size:var(--fs-sm)}.sidebar-logo h1{font-size:clamp(1.1rem,1rem + .4vw,1.5rem)}.nav-btn{font-size:clamp(.78rem,.74rem + .2vw,.855rem)}.modal-header h3{font-size:clamp(1.1rem,.9rem + .8vw,1.45rem)}.card-title,td{font-size:var(--fs-sm)}thead th{font-size:var(--fs-xs)}.btn{font-size:clamp(.75rem,.72rem + .2vw,.83rem)}@media (min-width:1400px){.main{padding:clamp(32px,3vw,48px)}.dash-stats{grid-template-columns:repeat(4,1fr)}.donor-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.info-map-layout{height:640px}}@media (max-width:1399px) and (min-width:1025px){.main{padding:clamp(24px,2.5vw,32px)}.dash-stats{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px) and (min-width:769px){.dash-stats{grid-template-columns:repeat(2,1fr)}.donor-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.info-map-layout{height:480px}.info-map-sidebar-col{width:230px}.form-grid{grid-template-columns:1fr 1fr}}@media (max-width:960px) and (min-width:769px){:root{--sidebar-w: var(--sidebar-collapsed-w) }.sidebar{width:var(--sidebar-collapsed-w)}.sidebar-title-wrap{opacity:0;max-width:0;pointer-events:none}.sidebar-pill-wrap{opacity:0;max-height:0;pointer-events:none}.nav-text{opacity:0;width:0;pointer-events:none}.nav-btn{padding:10px;justify-content:center;gap:0}.nav-label-text{opacity:0;font-size:0}.sidebar-stats{opacity:0;height:0;padding:0;margin:0;overflow:hidden;border:none}.user-info-text{opacity:0;max-width:0;pointer-events:none}.user-info-bar{justify-content:center;padding:10px}.logout-btn,.sidebar-toggle,.sidebar-edge-tab{display:none}.dash-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hamburger{display:flex}.sidebar-toggle{display:none}.sidebar-edge-tab{display:none!important}.sidebar{transform:translate(calc(-1 * var(--sidebar-w)));width:var(--sidebar-w)!important;z-index:150}.sidebar.mobile-open{transform:none;box-shadow:4px 0 32px #0000002e}.sidebar.collapsed{width:var(--sidebar-w)!important;overflow:hidden!important}.sidebar.collapsed nav{overflow-y:auto!important}.sidebar.collapsed .sidebar-title-wrap{opacity:1;max-width:180px;pointer-events:auto}.sidebar.collapsed .sidebar-pill-wrap{opacity:1;max-height:40px;pointer-events:auto}.sidebar.collapsed .nav-text{opacity:1;width:auto;pointer-events:auto}.sidebar.collapsed .nav-btn{padding:10px 11px;justify-content:flex-start;gap:10px}.sidebar.collapsed .nav-btn:after{display:none!important;opacity:0!important}.sidebar.collapsed .nav-btn.active{box-shadow:inset 3px 0 0 var(--red);border-left:none;background:#c8102e2e}.sidebar.collapsed .nav-label{text-align:left;padding:10px 10px 4px}.sidebar.collapsed .nav-label-text{opacity:1;font-size:inherit}.sidebar.collapsed .nav-label:after{content:""!important}.sidebar.collapsed .sidebar-stats{opacity:1;padding:13px;margin:0 8px 8px;height:auto;border:1px solid var(--border2)}.sidebar.collapsed .user-info-text{opacity:1;max-width:none;width:auto;flex:1;pointer-events:auto}.sidebar.collapsed .user-info-bar{justify-content:flex-start;padding:10px 11px;gap:10px}.sidebar.collapsed .logout-btn{display:flex}.main{margin-left:0!important;padding:60px 16px 24px}.sidebar-overlay{display:none}.sidebar-overlay.active{display:block}.login-left{display:none}.login-right{padding:28px 20px;width:100%;justify-content:flex-start}.login-form-wrap{max-width:100%}.reg-form-grid{grid-template-columns:1fr}.page-header{margin-bottom:18px}.page-header-row{flex-direction:column;align-items:flex-start;gap:12px}.page-header-row>div:last-child{width:100%;display:flex;gap:8px;flex-wrap:wrap}.page-header-row>div:last-child .btn{flex:1;min-width:120px;justify-content:center}.dash-stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.dash-stat{padding:14px}.dash-2col-grid,.form-grid,.form-grid-3{grid-template-columns:1fr}.form-group.full{grid-column:1}.filter-bar{gap:7px}.filter-bar .search-bar{flex:1 1 100%;max-width:100%}.filter-select{flex:1;min-width:0}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:600px}.donor-grid{grid-template-columns:1fr 1fr}.info-map-layout{flex-direction:column;height:auto}.info-map-sidebar-col{width:100%;max-height:220px;overflow-y:auto}.info-map-canvas-col{height:320px}#info-grid,.info-grid-layout{grid-template-columns:1fr!important}.card{padding:16px}.modal{padding:18px;border-radius:14px;margin:8px;width:calc(100% - 16px);max-height:calc(100vh - 32px)}.modal-overlay{padding:8px;align-items:flex-end}.modal-footer{flex-wrap:wrap;gap:8px}.modal-footer .btn{flex:1;justify-content:center}#req-summary-stats.dash-stats{grid-template-columns:1fr 1fr}#bulk-step-2 .table-wrap{max-height:260px}#toast{left:16px;right:16px;bottom:16px;max-width:none;text-align:center}.login-tabs{gap:3px}.login-tab{font-size:.76rem;padding:8px 6px}}@media (max-width:480px){.main{padding:52px 12px 20px}.login-right{padding:20px 16px}.login-form-wrap h2{font-size:1.5rem}.reg-form-grid,.dash-stats{grid-template-columns:1fr}#req-summary-stats.dash-stats{grid-template-columns:1fr 1fr}.page-header-row>div:last-child .btn{flex:1 1 100%}table{min-width:480px}.donor-grid{grid-template-columns:1fr}.donor-card-actions{flex-wrap:wrap}.donor-card-actions .btn{flex:1;justify-content:center;min-width:80px}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%;justify-content:center}.bt-bar-label{width:24px;font-size:.68rem}.filter-select{width:100%}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .search-bar{max-width:100%}.filter-bar .view-toggle{align-self:flex-end}#info-map-view .info-map-canvas-col{height:260px}#signup-modal .modal{padding:16px}.signup-btn{font-size:.82rem;padding:10px}}@media (max-width:360px){.main{padding:48px 10px 16px}.dash-stat .value{font-size:1.8rem}.hamburger{width:34px;height:34px;top:10px;left:10px}.login-form-group input{padding:9px 12px 9px 36px;font-size:.84rem}.login-btn,.signup-btn{font-size:.8rem;padding:10px}}@media (max-height:500px) and (max-width:900px){.login-right{padding:16px 20px}.login-form-wrap{padding-bottom:16px}.main{padding-top:48px}.modal{max-height:calc(100vh - 16px)}.modal-overlay{align-items:center;padding:8px}.info-map-layout{height:auto}.info-map-canvas-col{height:200px}}@keyframes ldBeat{0%,to{transform:scale(1)}12%{transform:scale(1.08)}24%{transform:scale(.97)}36%{transform:scale(1.05)}60%{transform:scale(1)}}@keyframes ldEcg{0%{stroke-dashoffset:320;opacity:1}75%{stroke-dashoffset:0;opacity:1}90%,to{stroke-dashoffset:0;opacity:0}}@keyframes ldRing1{0%{r:72;opacity:.4;stroke-width:2}to{r:110;opacity:0;stroke-width:.5}}@keyframes ldRing2{0%{r:72;opacity:.25;stroke-width:1.5}to{r:128;opacity:0;stroke-width:.5}}@keyframes ldDot{0%,to{opacity:.25;transform:scale(.75)}50%{opacity:1;transform:scale(1)}}#notif-panel{height:auto;max-height:580px}#notif-panel #notif-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;min-height:0;max-height:240px}#notif-panel #notif-list::-webkit-scrollbar{width:4px}#notif-panel #notif-list::-webkit-scrollbar-track{background:transparent}#notif-panel #notif-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}#notif-panel #notif-list::-webkit-scrollbar-thumb:hover{background:var(--text3)}.notif-empty{flex:1;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;color:var(--text3);font-size:.82rem;font-family:var(--font-ui)}@keyframes notifPop{0%{transform:scale(0)}70%{transform:scale(1.25)}to{transform:scale(1)}}.notif-item{display:flex;gap:12px;padding:13px 16px;border-bottom:1px solid var(--border2);cursor:pointer;transition:background .13s;position:relative;flex-shrink:0}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg3)}.notif-item.unread{background:var(--red-light)}.notif-item.unread:hover{background:#fde8eb}.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--red);flex-shrink:0;margin-top:5px}.notif-item.read .notif-dot{background:transparent}.notif-item-body{flex:1;min-width:0}.notif-item-title{font-family:var(--font-ui);font-weight:700;font-size:.8rem;color:var(--text);margin-bottom:3px}.notif-item.read .notif-item-title{font-weight:600;color:var(--text2)}.notif-item-msg{font-size:.75rem;color:var(--text2);line-height:1.45}.notif-item-time{font-size:.68rem;color:var(--text3);font-family:var(--font-ui);margin-top:4px}.notif-item-del{background:none;border:1.5px solid transparent;cursor:pointer;color:var(--text3);font-size:.72rem;font-family:var(--font-ui);font-weight:700;padding:3px 6px;border-radius:var(--radius-sm);opacity:0;transition:opacity .15s,background .15s,border-color .15s,color .15s,transform .12s;flex-shrink:0;align-self:flex-start;line-height:1}.notif-item:hover .notif-item-del{opacity:1}.notif-item-del:hover{background:#fff1f2;border-color:#fecaca;color:#dc2626;transform:scale(1.05)}@media (max-width: 820px){#notif-panel{top:62px!important;right:8px!important;width:calc(100vw - 16px)!important}}.profile-avatar-lg{width:72px;height:72px;border-radius:18px;flex-shrink:0;background:linear-gradient(135deg,var(--red-dark),var(--red));display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-weight:800;font-size:1.6rem;color:#fff}.profile-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);max-width:560px}.profile-field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}@media (max-width: 520px){.profile-field-row{grid-template-columns:1fr}}#user-otp-form{animation:fadeIn .2s ease}#step-register{padding-right:2px}#otp-code{text-align:center;font-size:1.6rem!important;letter-spacing:.4em!important;font-weight:700!important}.profile-card{max-width:680px}@media (max-width:860px){.profile-card{max-width:100%!important}}@media (max-width: 600px){.profile-field-row{grid-template-columns:1fr}.reg-form-grid{grid-template-columns:1fr!important}#step-register .form-group[style*=grid-column]{grid-column:auto!important}}#profile-donor-badge{margin-top:6px}.login-right{overflow-y:auto}@media (max-width: 768px){html,body{overflow-x:hidden}.hamburger{width:42px;height:42px;top:11px;left:11px;font-size:1.15rem;border-radius:11px}.main{padding:62px 14px 28px}.page-header h2{font-size:clamp(1.5rem,5vw,2rem)}.page-header p{font-size:.82rem}.filter-bar{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center}.filter-bar .search-bar{flex:1 1 100%;max-width:100%;min-width:0}.filter-bar .filter-select{flex:1 1 calc(50% - 8px);min-width:0;font-size:.75rem;padding:7px 8px}.filter-bar .view-toggle{flex-shrink:0;align-self:center}#page-requirements .filter-bar .filter-select{flex:1 1 calc(50% - 8px)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm);background:linear-gradient(to right,#fff,#fff calc(100% - 24px),#c8102e12) local,linear-gradient(to right,rgba(200,16,46,.07),transparent) scroll;background-attachment:local,scroll}table{min-width:540px}.donor-grid{grid-template-columns:1fr;gap:10px}.donor-card-actions{flex-wrap:wrap}.donor-card-actions .btn{flex:1 1 auto;justify-content:center;min-width:90px}.req-grid{grid-template-columns:1fr;gap:10px}.req-card{padding:14px}.req-card-top{flex-wrap:wrap;gap:6px}.dash-2col-grid{grid-template-columns:1fr;gap:12px}.bt-grid{grid-template-columns:repeat(2,1fr);gap:10px}.info-grid-layout{grid-template-columns:1fr!important;gap:10px}.info-card{padding:14px}.info-map-layout{flex-direction:column;height:auto;gap:10px}.info-map-sidebar-col{width:100%;max-height:200px}.info-map-canvas-col{height:300px;border-radius:var(--radius)}.modal-overlay{padding:0;align-items:flex-end}.modal{border-radius:20px 20px 0 0;padding:20px 16px 28px;max-width:100%;width:100%;margin:0;max-height:92vh}.modal-footer{flex-wrap:wrap;gap:8px}.modal-footer .btn{flex:1 1 auto;justify-content:center}.form-grid{grid-template-columns:1fr;gap:11px}.form-group.full{grid-column:1}.page-header-row{align-items:flex-start;gap:10px}.page-header-row>div:last-child{width:100%;display:flex;gap:7px;flex-wrap:wrap}.page-header-row>div:last-child .btn{flex:1 1 auto;min-width:120px;justify-content:center}.card{padding:14px;border-radius:12px}.card+.card{margin-top:10px}.dash-stats{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.dash-stat{padding:13px 12px}.dash-stat .value{font-size:clamp(1.6rem,6vw,2.2rem)}#toast{left:12px;right:12px;bottom:12px;max-width:none;text-align:center;font-size:.83rem}.info-tabs-row{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:7px;padding-bottom:4px;scrollbar-width:none}.info-tabs-row::-webkit-scrollbar{display:none}.info-tab{white-space:nowrap;flex-shrink:0}.sidebar-bottom{padding:8px 8px 20px}}@media (max-width: 480px){.main{padding:58px 10px 24px}.dash-stats{grid-template-columns:1fr;gap:8px}#req-summary-stats.dash-stats{grid-template-columns:1fr 1fr}.bt-grid{grid-template-columns:repeat(2,1fr)}.page-header-row>div:last-child .btn{flex:1 1 100%}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .filter-select{width:100%;flex:1 1 100%}.filter-bar .view-toggle{align-self:flex-end}.modal{padding:18px 14px 28px;border-radius:18px 18px 0 0}.modal:before{content:"";display:block;width:36px;height:4px;background:var(--border);border-radius:2px;margin:-6px auto 14px}.modal-footer{flex-direction:column;gap:8px}.modal-footer .btn{width:100%;justify-content:center}.donor-card-actions{flex-direction:column;gap:6px}.donor-card-actions .btn{width:100%}table{min-width:460px}.profile-card{max-width:100%;border-radius:12px;padding:16px}#notif-panel{top:60px!important;right:0!important;left:0!important;width:100vw!important;max-width:100vw!important;border-radius:0 0 18px 18px!important;border-left:none!important;border-right:none!important}.login-right{padding:20px 14px}.login-form-wrap h2{font-size:1.5rem}.login-tabs .login-tab{font-size:.74rem;padding:8px 5px}.login-creds{grid-template-columns:1fr;gap:7px}.reg-form-grid{grid-template-columns:1fr}}@media (max-width: 360px){.main{padding:54px 8px 20px}.hamburger{width:36px;height:36px;top:9px;left:9px;font-size:1rem}.bt-grid{grid-template-columns:1fr}.dash-stat .value{font-size:1.7rem}.login-form-group input{padding:9px 12px 9px 36px;font-size:.84rem}.login-btn,.signup-btn{font-size:.8rem;padding:10px}.btn{font-size:.78rem;padding:8px 12px}table{min-width:380px}}@media (max-height: 500px) and (max-width: 900px){.login-right{padding:14px 20px}.login-form-wrap{padding-bottom:16px}.main{padding-top:50px}.modal{max-height:calc(100vh - 8px);border-radius:12px}.modal-overlay{align-items:center;padding:4px}.info-map-canvas-col{height:200px}}@media (hover: none) and (pointer: coarse){.btn{min-height:42px}.nav-btn{min-height:44px}.filter-select{min-height:40px;font-size:16px}.form-group input,.form-group select,.form-group textarea{font-size:16px;min-height:44px}.login-form-group input{font-size:16px}.login-btn,.signup-btn{min-height:46px}.info-tab{min-height:38px}.modal-close{width:36px;height:36px}.notif-item-del{min-width:36px;min-height:36px}}.prog-wrap{height:7px;background:var(--border);border-radius:99px;overflow:hidden;min-width:80px}.prog-bar{height:100%;background:var(--red);border-radius:99px;transition:width .5s ease;min-width:3px}.fulfill-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:600;font-family:var(--font-ui);white-space:nowrap}.status-fulfilled{background:#f0fdf4;color:#15803d;border:1px solid #BBF7D0}.status-partial{background:#fffbeb;color:#b45309;border:1px solid #FDE68A}.status-pending{background:#eff6ff;color:#2563eb;border:1px solid #BFDBFE}.status-cancelled{background:#f8fafc;color:#94a3b8;border:1px solid #E2E8F0}.status-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 8px;text-align:center}.status-stat-val{font-family:var(--font-display);font-size:2rem;font-weight:700;line-height:1}.status-stat-label{font-size:.7rem;color:var(--text3);font-family:var(--font-ui);margin-top:4px;text-transform:uppercase;letter-spacing:.04em}.respond-card{background:var(--surface);border:.5px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:background .15s,border-color .15s}.respond-card:hover{background:var(--bg3)}.respond-card-match{border-color:#f7c1c1}.respond-card-head{padding:10px 14px;background:var(--bg3);border-bottom:.5px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:10px}.respond-card-match .respond-card-head{background:#fcebeb;border-bottom-color:#f7c1c1}.respond-card-patient{font-size:.9rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.respond-card-match .respond-card-patient{color:#501313}.respond-card-hospital{font-size:.76rem;color:var(--text2);margin-top:2px}.respond-card-match .respond-card-hospital{color:#791f1f}.respond-card-loc{font-size:.72rem;color:var(--text3);margin-top:1px}.respond-card-bt{font-size:1.4rem;font-weight:600;font-family:var(--font-ui);color:var(--text3);flex-shrink:0;line-height:1}.respond-card-match .respond-card-bt{color:var(--red)}.respond-card-body{flex:1;padding:10px 14px;display:flex;flex-direction:column;gap:8px}.respond-card-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.respond-card-prog{display:flex;flex-direction:column;gap:4px}.respond-card-prog-bar{height:5px;background:var(--border);border-radius:99px;overflow:hidden}.respond-card-prog-fill{height:100%;background:var(--red);border-radius:99px}.respond-card-prog-label{display:flex;justify-content:space-between;font-size:.68rem;color:var(--text3);font-family:var(--font-ui)}.respond-card-footer{display:flex;align-items:center;gap:7px;flex-wrap:wrap;border-top:.5px solid var(--border);padding:8px 14px}.respond-card-match .respond-card-footer{border-top-color:#f7c1c1}.respond-match-tag{font-size:.65rem;font-weight:600;color:#791f1f;background:#fcebeb;border:.5px solid #F7C1C1;border-radius:20px;padding:2px 8px;font-family:var(--font-ui)}.respond-done-badge{font-size:.72rem;font-weight:600;color:#15803d;background:#f0fdf4;border:.5px solid #BBF7D0;border-radius:20px;padding:3px 10px;font-family:var(--font-ui)}.respond-declined-badge{font-size:.72rem;font-weight:600;color:#94a3b8;background:#f8fafc;border:.5px solid #E2E8F0;border-radius:20px;padding:3px 10px;font-family:var(--font-ui)}.warn-banner{background:#fffbeb;border:1px solid #FDE68A;color:#92400e;border-radius:10px;padding:10px 16px;font-size:.82rem;margin-bottom:14px}.warn-banner a{color:var(--red);font-weight:600}@keyframes availPulse{0%{transform:scale(1);opacity:.35}60%{transform:scale(2.4);opacity:0}to{transform:scale(2.4);opacity:0}}#dash-availability-card{transition:background .25s,border-color .25s}#dash-availability-toggle:hover:not(:disabled){filter:brightness(1.08)}#dash-availability-toggle:active:not(:disabled){transform:scale(.97)}.modal-footer{border-top:1px solid var(--border);background:var(--surface);border-radius:0 0 16px 16px}.rw-tabs{display:flex;gap:4px;background:var(--surface);border-bottom:1px solid var(--border);padding:0 20px;position:sticky;top:0;z-index:10}.rw-tab{background:none;border:none;border-bottom:2.5px solid transparent;padding:13px 16px 11px;font-family:var(--font-ui);font-size:.78rem;font-weight:700;color:var(--text3);cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.rw-tab:hover{color:var(--text2)}.rw-tab.active{color:var(--red);border-bottom-color:var(--red)}.rw-content{padding:20px;max-width:700px}.rw-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.rw-divider{height:1px;background:var(--border2)}.rw-divider-indent{margin-left:14px}.rw-pills{display:flex;flex-wrap:wrap;gap:8px}.rw-pill{background:var(--surface);border:1.5px solid var(--border);border-radius:99px;padding:5px 14px;font-family:var(--font-ui);font-size:.75rem;font-weight:700;color:var(--text2);cursor:pointer;transition:all .15s}.rw-pill:hover{border-color:var(--red);color:var(--red)}.rw-pill.active{background:var(--red);border-color:var(--red);color:#fff}.rw-pill-dark.active{background:var(--text);border-color:var(--text);color:#fff}.rw-hero-card{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:16px}.rw-hero-rank{background:var(--red-light);color:var(--red);font-family:var(--font-ui);font-size:1rem;font-weight:800;border-radius:10px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rw-hero-info{flex:1;min-width:0}.rw-hero-name{font-family:var(--font-ui);font-size:.85rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.rw-hero-meta{font-size:.74rem;color:var(--text3);margin-top:2px}.rw-hero-xp{font-family:var(--font-ui);font-size:.95rem;font-weight:800;color:var(--red);flex-shrink:0}.rw-hero-xp span{font-size:.7rem;font-weight:600}.rw-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:.72rem;font-weight:700;flex-shrink:0}.rw-avatar-you{background:var(--red-light);color:var(--red)}.rw-avatar-other{background:var(--bg3);color:var(--text2)}.rw-you-tag{background:var(--red);color:#fff;font-family:var(--font-ui);font-size:.58rem;font-weight:800;padding:1px 6px;border-radius:4px;letter-spacing:.05em;flex-shrink:0}.rw-lb-header{display:flex;align-items:center;padding:0 12px 6px;font-family:var(--font-ui);font-size:.68rem;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.06em}.rw-lb-rank-col{width:28px}.rw-lb-num-col{width:72px;text-align:center}.rw-lb-row{display:flex;align-items:center;gap:10px;padding:10px 12px}.rw-lb-row-me{background:var(--red-light)}.rw-lb-rank{width:28px;font-family:var(--font-ui);font-size:.82rem;font-weight:700;text-align:center;flex-shrink:0}.rw-lb-name-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.rw-lb-name{font-family:var(--font-ui);font-size:.8rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:5px;flex-wrap:wrap;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rw-name-me{color:var(--red)}.rw-lb-sub{font-size:.68rem;color:var(--text3)}.rw-lb-donations{font-family:var(--font-ui);font-size:.8rem;font-weight:700;color:var(--text)}.rw-lb-xp{font-family:var(--font-ui);font-size:.8rem;font-weight:700;color:var(--red)}.rw-lb-list .rw-divider:last-child{display:none}.rw-challenges-list{display:flex;flex-direction:column;gap:10px}.rw-challenge-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.rw-challenge-done{background:#edfbf3;border-color:#15803d40}.rw-challenge-top{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.rw-challenge-icon{width:36px;height:36px;background:var(--red-light);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.rw-icon-done{background:#15803d1f}.rw-challenge-title{flex:1;font-family:var(--font-ui);font-size:.83rem;font-weight:700;color:var(--text);line-height:1.4;padding-top:2px}.rw-title-done{color:#15803d}.rw-xp-badge{font-family:var(--font-ui);font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:99px;flex-shrink:0}.rw-xp-pending{background:#eff6ff;color:#2563eb}.rw-xp-earned{background:#15803d1f;color:#15803d}.rw-challenge-desc{font-size:.78rem;color:var(--text2);margin:0 0 10px;line-height:1.5}.rw-progress-bar{height:6px;background:var(--border);border-radius:99px;overflow:hidden;margin-bottom:6px}.rw-progress-fill{height:100%;background:var(--red);border-radius:99px;transition:width .4s ease}.rw-fill-done{background:#15803d}.rw-challenge-footer{display:flex;justify-content:space-between;font-size:.72rem}.rw-meta-text{color:var(--text3)}.rw-done-text{color:#15803d;font-weight:600}.rw-deadline-text{color:var(--text3)}.rw-badge-summary{font-size:.78rem;color:var(--text2);margin:0 0 18px}.rw-badge-section-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.rw-badge-section-label{font-family:var(--font-ui);font-size:.68rem;font-weight:800;letter-spacing:.08em}.rw-section-earned{color:#15803d}.rw-section-locked{color:var(--text3)}.rw-badge-count{font-family:var(--font-ui);font-size:.68rem;font-weight:700;padding:1px 8px;border-radius:99px}.rw-count-earned{background:#15803d1f;color:#15803d}.rw-count-locked{background:var(--bg3);color:var(--text3)}.rw-badge-row{display:flex;align-items:center;gap:12px;padding:12px 14px}.rw-badge-locked{opacity:.5}.rw-badge-icon-wrap{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rw-badge-icon-earned{background:var(--red-light)}.rw-badge-icon-locked{background:var(--bg3)}.rw-badge-emoji{font-size:1.3rem}.rw-badge-info{flex:1;min-width:0}.rw-badge-name{font-family:var(--font-ui);font-size:.83rem;font-weight:700;color:var(--text);margin-bottom:2px}.rw-badge-desc{font-size:.74rem;color:var(--text2);line-height:1.4}.rw-badge-earned-date{font-size:.7rem;color:#15803d;font-weight:600;margin-top:3px}.rw-badge-status{font-family:var(--font-ui);font-size:.68rem;font-weight:700;padding:3px 10px;border-radius:99px;flex-shrink:0}.rw-status-earned{background:#15803d1f;color:#15803d}.rw-status-locked{background:var(--bg3);color:var(--text3)}.rw-empty{padding:24px;text-align:center;color:var(--text3);font-size:.82rem}.rw-error{text-align:center;padding:60px 20px;color:var(--text2)}.rw-error-icon{font-size:2.5rem;margin-bottom:12px}.rw-error p{font-size:.85rem;margin-bottom:16px}@media (max-width: 600px){.rw-content{padding:14px}.rw-tab{padding:12px 10px 10px;font-size:.72rem}.rw-lb-num-col{width:56px}}.topbar-mobile{display:none;position:fixed;top:10px;left:10px;z-index:200;align-items:center;gap:6px}@media (max-width: 768px){.topbar-mobile{display:flex}}.nav-btn,a.nav-btn{text-decoration:none!important}.mobile-topbar{display:none;position:fixed;top:0;left:0;right:0;height:52px;z-index:300;align-items:center;justify-content:space-between;padding:0 12px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 2px 8px #00000012}.hamburger-topbar{width:38px;height:38px;border-radius:10px;background:var(--bg3);border:1.5px solid var(--border);color:var(--text);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.hamburger-topbar:hover{background:var(--border)}.desktop-bell{position:fixed;top:18px;right:24px;z-index:400}@media (max-width: 768px){.mobile-topbar{display:flex}.hamburger,.desktop-bell{display:none!important}.sidebar{z-index:350!important}.main{padding-top:68px!important}.sidebar-mobile-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-left:auto;flex-shrink:0;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#ffffffb3;font-size:.9rem;cursor:pointer;transition:background .15s}.sidebar-mobile-close:hover{background:#ffffff26}.detail-fields-grid{grid-template-columns:1fr!important}.detail-field .dv{word-break:break-word}.notif-item-body{padding-right:44px!important}#page-messages .panel-right{grid-column:1 / -1}}.sidebar-mobile-close{display:none}@media (max-width: 820px){.mobile-topbar #notif-bell-wrap{position:static!important;top:auto!important;right:auto!important}}@media (max-width: 768px){.mobile-topbar #notif-bell-wrap{position:static!important;top:auto!important;right:auto!important}.mobile-topbar .notif-bell-btn,.mobile-topbar [class*=notif]{position:static!important}.notif-panel{top:56px!important;right:8px!important;left:auto!important;max-width:calc(100vw - 16px)!important}}@media (max-width: 480px){.notif-panel{right:8px!important;left:8px!important;width:auto!important;max-width:none!important}}@media (max-width: 768px){.hp-hero-cta-primary{-webkit-text-fill-color:#fff!important;color:#fff!important;isolation:isolate}.hp-hero-cta-primary *,.hp-nav-signin,.hp-nav-signin *{-webkit-text-fill-color:#fff!important;color:#fff!important}}@media (max-width: 768px){.modal-overlay{padding:20px 16px!important;align-items:center!important}.modal{border-radius:16px!important;padding:18px 14px!important;width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;max-height:76vh!important;margin:0 auto!important;overflow-y:auto!important}.modal:before{display:none!important}.modal-header{flex-wrap:wrap;gap:8px}.modal-header h3{flex:1;min-width:0;font-size:1.05rem!important;white-space:normal;word-break:break-word}.modal-close{flex-shrink:0}.detail-fields-grid,#req-detail-content>div[style*="grid-template-columns: 1fr 1fr"],#detail-content>div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.detail-field .dv{word-break:break-word}.status-stat-card{padding:10px 6px!important}.status-stat-val{font-size:1.4rem!important}#req-detail-content>div:first-child,#detail-content>div:first-child{flex-wrap:wrap}#req-detail-content>div:first-child>div:last-child{text-align:left!important;flex-shrink:1!important}#req-detail-content{max-height:none!important;overflow-y:visible!important}.modal-footer{flex-direction:column!important;gap:8px!important}.modal-footer .btn{width:100%!important;justify-content:center!important}}@media (max-width: 480px){.modal-overlay{padding:16px 12px!important;align-items:center!important}.modal{max-height:80vh!important;border-radius:14px!important;width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important}}@media (max-width: 400px){.hp-nav-signin{padding:6px 10px!important;font-size:.72rem!important;gap:4px!important}.hp-nav-signin .ti{display:none}}.sidebar-stats--in-nav{display:none}.sidebar-stats--outside-nav{display:block}@media (max-width: 768px){.sidebar-stats--in-nav{display:block;margin-top:12px;flex-shrink:0}.sidebar-stats--outside-nav{display:none!important}.sidebar.mobile-open nav{overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding-bottom:8px}}@media (max-width: 768px){.compat-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px}.compat-table{min-width:0!important;width:100%!important;font-size:.7rem!important;table-layout:fixed}.compat-table th,.compat-table td{white-space:normal!important;word-break:break-word;padding:6px!important;vertical-align:top}.compat-table th:first-child,.compat-table td:first-child{width:52px}.compat-table th:not(:first-child),.compat-table td:not(:first-child){width:calc(50% - 26px)}}html[lang=ta] body,html[lang=ta] input,html[lang=ta] textarea,html[lang=ta] select,html[lang=ta] button{font-family:Noto Sans Tamil,Plus Jakarta Sans,sans-serif}html[lang=ta] .sidebar-logo h1,html[lang=ta] h1,html[lang=ta] h2,html[lang=ta] h3{font-family:Noto Sans Tamil,Plus Jakarta Sans,sans-serif;letter-spacing:0}.lang-card-btn{display:block;width:100%;padding:8px 10px;background:#ffffff0d;border:.5px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;text-align:left;transition:background .15s,border-color .15s;margin-bottom:8px}.lang-card-btn:hover{background:#ffffff17;border-color:#ffffff2e}.lang-card-inner{display:flex;flex-direction:column;gap:5px}.lang-card-top{font-size:.62rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#e8ebf459;font-family:var(--font-ui)}.lang-card-row{display:flex;align-items:center;gap:6px}.lang-card-globe{font-size:.85rem;line-height:1;flex-shrink:0}.lang-card-current{font-size:.82rem;font-weight:500;color:#e8ebf4cc;font-family:var(--font-ui);flex:1}.lang-card-next{font-size:.72rem;color:#e8ebf459;font-family:var(--font-ui)}.sidebar.collapsed .lang-card-btn{padding:9px;border-radius:8px;display:flex;align-items:center;justify-content:center}.sidebar.collapsed .lang-card-inner{display:none}.sidebar.collapsed .lang-card-btn:before{content:"🌐";font-size:1rem;line-height:1}@media (max-width: 768px){.sidebar.collapsed .lang-card-btn{padding:8px 10px;display:block}.sidebar.collapsed .lang-card-inner{display:flex}.sidebar.collapsed .lang-card-btn:before{display:none}}html[lang=ta] p,html[lang=ta] .nav-btn,html[lang=ta] label,html[lang=ta] .stat-label,html[lang=ta] td,html[lang=ta] th{line-height:1.6}html[lang=ta] .hero-headline{font-size:clamp(2rem,5vw,3.4rem)}