html{scroll-behavior:smooth}body{color:#111827;background:#fff;margin:0;padding:0;font-family:Inter,Arial,Helvetica,sans-serif}button,input,select,textarea{font-family:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(1100px,100% - 48px);margin:0 auto}.section-label{color:#f23b58;letter-spacing:2px;text-transform:uppercase;font-size:11px;font-weight:800;display:inline-block}.section-heading{text-align:center}.section-heading h2{color:#111827;margin:10px 0;font-size:38px;font-weight:800;line-height:1.15}.section-heading h2 span{color:#f23b58}.section-heading p{color:#718096;max-width:650px;margin:0 auto;font-size:15px;line-height:1.7}.left-heading{text-align:left}.left-heading p{margin-left:0}.light-heading h2,.light-heading p{color:#fff}.btn{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 22px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:#f23b58;box-shadow:0 10px 25px #f23b582e}.btn-primary:hover{background:#dc2947;transform:translateY(-1px)}.btn-outline{color:#f23b58;background:#fff;border-color:#f5b5c0}.btn-outline:hover{background:#fff4f6}.btn-white{color:#e52f4d;background:#fff}.btn-white:hover{background:#fff5f7}.btn-transparent{color:#fff;background:0 0;border-color:#ffffff80}.btn-transparent:hover{background:#ffffff1a}.navbar .container,.navbar-container,.nav-container{justify-content:space-between;align-items:center;width:min(1100px,100% - 48px);height:100%;margin:0 auto;display:flex}.brand,.brand-link,.navbar-brand,.footer-brand-link{flex-shrink:0;align-items:center;gap:11px;display:inline-flex}.brand-icon,.logo-icon,.nav-logo-icon{background:#fff0f3;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:21px;line-height:1;display:flex}.brand-text{flex-direction:column;justify-content:center;line-height:1;display:flex}.brand-name,.logo-text,.navbar-brand-name{color:#151923;font-size:16px;font-weight:800;line-height:1.1;display:block}.brand-tagline,.logo-tagline,.navbar-brand-tagline{color:#9aa2ae;letter-spacing:1.2px;text-transform:uppercase;margin-top:4px;font-size:8px;font-weight:700;display:block}.nav-menu{justify-content:flex-end;align-items:center;gap:28px;margin-left:auto;display:flex}.nav-menu a{color:#596474;white-space:nowrap;justify-content:center;align-items:center;min-height:38px;font-size:12px;font-weight:700;transition:color .2s,background .2s;display:inline-flex}.nav-menu a:hover{color:#f23b58}.nav-menu a[href=\#login],.nav-login,.login-nav-button{box-shadow:0 7px 18px #f23b5826;color:#fff!important;background:#f23b58!important;border-radius:9px!important;min-height:40px!important;padding:0 17px!important}.nav-menu a[href=\#login]:hover,.nav-login:hover,.login-nav-button:hover{color:#fff!important;background:#dc2947!important}.mobile-toggle{color:#374151;background:#fff;border:1px solid #e1e6ed;border-radius:9px;width:40px;height:40px;padding:0;font-size:20px;line-height:1;display:none}.navbar{-webkit-backdrop-filter:blur(12px);background:#fffffff7;border-bottom:1px solid #edf0f4;width:100%;height:76px;transform:translateZ(0);box-shadow:0 2px 15px #0f172a0a;z-index:99999!important;position:fixed!important;top:0!important;left:0!important;right:0!important}.app{width:100%;min-height:100vh;padding-top:76px;overflow-x:hidden}.supported-by-section{z-index:10;background:#fff;border-bottom:1px solid #edf0f4;width:100%;padding:16px 0 14px;position:relative;overflow:hidden}.supported-by-heading{color:#f23b58;justify-content:center;align-items:center;gap:14px;margin-bottom:10px;font-size:16px;font-weight:800;display:flex}.supported-line{background:linear-gradient(90deg,#0000,#f7b7c1);width:72px;height:1px}.supported-line:last-child{background:linear-gradient(90deg,#f7b7c1,#0000)}.supported-marquee{width:100%;position:relative;overflow:hidden}.supported-track{will-change:transform;width:max-content;animation:26s linear infinite supportedByScroll;display:flex}.supported-set{flex-shrink:0;align-items:center;gap:28px;padding-right:28px;display:flex}.supported-logo{background:#fff;flex:0 0 170px;justify-content:center;align-items:center;width:170px;height:64px;padding:5px 10px;display:flex}.supported-logo img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:56px;display:block}.supported-logo-vijay img{max-width:150px;max-height:58px}.supported-logo-betul img{max-width:165px;max-height:58px}.supported-logo-h img{width:58px;height:58px}.supported-logo-anikasm img{max-width:165px;max-height:58px}.supported-track:hover{animation-play-state:paused}@keyframes supportedByScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-section{background:radial-gradient(circle at 75% 35%,#fff1f4 0,#0000 32%),#fff;align-items:center;min-height:650px;display:flex;position:relative;overflow:hidden}.hero-bg-circle{pointer-events:none;border-radius:50%;position:absolute}.hero-circle-one{background:#fff0f3;width:430px;height:430px;top:40px;right:-150px}.hero-circle-two{background:#fff8f9;width:260px;height:260px;bottom:-170px;right:280px}.hero-grid{z-index:1;grid-template-columns:1fr .9fr;align-items:center;gap:70px;padding:70px 0;display:grid;position:relative}.hero-content{max-width:590px}.hero-badge{color:#f23b58;background:#fff1f3;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:11px;font-weight:700;display:inline-flex}.pulse-dot{background:#f23b58;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #f23b581a}.hero-content h1{letter-spacing:-3px;color:#10141c;margin:22px 0 18px;font-size:clamp(48px,6vw,72px);line-height:.98}.hero-content h1 span{color:#f23b58}.hero-text{color:#687386;max-width:540px;margin:0;font-size:16px;line-height:1.75}.hero-buttons{gap:12px;margin-top:30px;display:flex}.hero-trust{align-items:center;gap:14px;margin-top:34px;display:flex}.trust-avatars{display:flex}.trust-avatars span{background:#ffe8ed;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin-left:-5px;font-size:16px;display:flex}.trust-avatars span:first-child{margin-left:0}.hero-trust strong{color:#252b36;font-size:12px;display:block}.hero-trust small{color:#98a0ad;margin-top:3px;font-size:11px;display:block}.hero-visual{justify-content:center;align-items:center;min-height:470px;display:flex;position:relative}.hero-card-main{text-align:center;background:linear-gradient(145deg,#fff6f7,#fff);border:1px solid #f3dfe3;border-radius:30px;width:330px;min-height:390px;padding:45px 35px 30px;position:relative;box-shadow:0 30px 70px #232a371a}.blood-drop-large{margin-top:5px;font-size:100px;line-height:1}.hero-heart{font-size:29px;position:absolute;top:105px;right:58px}.hero-card-title{color:#171b24;margin-top:35px;font-size:26px;font-weight:800;line-height:1.15}.hero-card-subtitle{color:#8b94a3;margin-top:10px;font-size:12px}.hero-mini-stats{grid-template-columns:1fr 1fr;gap:10px;margin-top:28px;display:grid}.hero-mini-stats div{background:#fff;border:1px solid #f0e5e7;border-radius:12px;padding:12px}.hero-mini-stats strong{color:#f23b58;font-size:20px;display:block}.hero-mini-stats span{color:#8e96a4;margin-top:2px;font-size:10px;display:block}.floating-card{background:#fff;border:1px solid #edf0f3;border-radius:14px;align-items:center;gap:10px;padding:13px 16px;display:flex;position:absolute;box-shadow:0 15px 40px #1e28371a}.floating-top{top:75px;right:0}.floating-bottom{bottom:45px;left:5px}.floating-icon{background:#fff0f3;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.floating-card strong{color:#202631;font-size:12px;display:block}.floating-card span{color:#99a1ae;margin-top:3px;font-size:10px;display:block}.online-dot{background:#22c55e;border-radius:50%;width:10px;height:10px}.search-section{z-index:2;margin-top:-25px;padding-bottom:80px;position:relative}.search-card{background:#fff;border:1px solid #edf0f4;border-radius:20px;padding:30px;box-shadow:0 20px 55px #1f293714}.search-heading{align-items:center;gap:15px;margin-bottom:25px;display:flex}.search-icon{background:#fff0f3;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;font-size:22px;display:flex}.search-heading h2{margin:4px 0;font-size:23px}.search-heading p{color:#87909e;margin:0;font-size:12px}.search-form{grid-template-columns:1fr 1fr 180px;align-items:end;gap:15px;display:grid}.form-field label{color:#4b5563;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.select-wrapper,.input-wrapper{background:#fff;border:1px solid #dfe5ec;border-radius:9px;align-items:center;gap:8px;height:48px;padding:0 13px;display:flex}.select-wrapper select,.input-wrapper input{color:#374151;background:0 0;border:0;outline:none;width:100%;height:100%;font-size:13px}.search-button{color:#fff;background:#f23b58;border:0;border-radius:9px;height:48px;font-size:13px;font-weight:700}.search-button:hover{background:#dc2947}.search-button span{margin-left:8px}.search-note{color:#9ba3af;margin-top:16px;font-size:10px}.how-section{background:#fff;padding:90px 0}.steps-grid{grid-template-columns:1fr 100px 1fr;align-items:center;max-width:850px;margin:50px auto 0;display:grid}.step-card{text-align:center;padding:25px}.step-number{color:#f23b58;letter-spacing:1px;font-size:11px;font-weight:800}.step-icon{background:#fff1f3;border-radius:18px;justify-content:center;align-items:center;width:65px;height:65px;margin:14px auto;font-size:26px;display:flex}.step-card h3{margin:8px 0;font-size:18px}.step-card p{color:#7c8797;margin:0;font-size:13px;line-height:1.7}.step-line{border-top:1px dashed #f0aab5;height:1px}.blood-section{background:#181c25;padding:90px 0}.blood-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:45px;display:grid}.blood-card{color:#fff;background:#20252f;border:1px solid #303642;border-radius:16px;min-height:145px;padding:20px;transition:all .2s}.blood-card:hover{background:#272d38;border-color:#f23b58;transform:translateY(-3px)}.blood-drop-small{margin-bottom:8px;font-size:30px}.blood-card strong{font-size:25px;display:block}.blood-card span{color:#aeb6c3;margin-top:7px;font-size:10px;display:block}.donor-section{background:#fff;padding:90px 0}.donor-card{background:linear-gradient(135deg,#ef3150,#f44a67);border-radius:28px;grid-template-columns:1fr .7fr;align-items:center;min-height:370px;padding:60px;display:grid;position:relative;overflow:hidden;box-shadow:0 25px 55px #ef31502e}.donor-content{z-index:2;max-width:590px;position:relative}.donor-content .section-label{color:#ffdbe1}.donor-content h2{color:#fff;margin:15px 0;font-size:40px;line-height:1.15}.donor-content h2 span{color:#ffe4e9}.donor-content p{color:#ffe9ed;max-width:540px;font-size:14px;line-height:1.7}.donor-content .btn{margin-top:15px}.donor-visual{justify-content:center;align-items:center;height:280px;display:flex;position:relative}.donor-circle{z-index:2;background:#ffffff24;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:170px;height:170px;font-size:65px;display:flex;position:relative}.donor-ring{border:1px solid #fff3;border-radius:50%;position:absolute}.ring-one{width:250px;height:250px}.ring-two{width:330px;height:330px}.blog-section{background:#fff;padding:90px 0}.section-top{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.view-all{color:#f23b58;flex-shrink:0;font-size:12px;font-weight:700}.blog-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px;display:grid}.blog-card{background:#fff;border:1px solid #e9edf2;border-radius:18px;transition:all .2s;overflow:hidden}.blog-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #1e283714}.blog-image{justify-content:center;align-items:center;height:180px;display:flex;position:relative}.blog-image-1{background:#fff0f3}.blog-image-2{background:#fff5e9}.blog-image-3{background:#eef0ff}.blog-image-icon{font-size:50px}.blog-category{color:#f23b58;background:#fff;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:700;position:absolute;top:13px;left:13px}.blog-body{padding:22px}.blog-date{color:#9ca5b3;font-size:10px}.blog-body h3{margin:10px 0 8px;font-size:17px;line-height:1.3}.blog-body p{color:#778293;margin:0;font-size:12px;line-height:1.7}.blog-body a{color:#f23b58;margin-top:18px;font-size:11px;font-weight:800;display:inline-block}.marketplace-section{background:#f7f8fa;padding:90px 0}.marketplace-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px;display:grid}.market-card{background:#fff;border:1px solid #e6eaf0;border-radius:18px;transition:all .2s;overflow:hidden}.market-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #1e283714}.market-image{background:#f3f5f8;width:100%;height:190px;position:relative;overflow:hidden}.market-image img{object-fit:cover;width:100%;height:100%;display:block}.market-image-placeholder{background:#fff1f3;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.market-image-placeholder span{font-size:55px}.market-approved-badge{color:#16a34a;background:#fff;border:1px solid #bbf7d0;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;position:absolute;top:12px;right:12px;box-shadow:0 5px 15px #00000014}.market-info{padding:20px}.market-category{color:#f23b58;background:#fff0f3;border-radius:999px;margin-bottom:8px;padding:5px 9px;font-size:9px;font-weight:800;display:inline-block}.market-info h3{color:#161b25;margin:3px 0 8px;font-size:17px;line-height:1.3}.market-business{color:#596576;margin-bottom:8px;font-size:11px;font-weight:600}.market-location{color:#7d8795;align-items:center;gap:5px;margin-bottom:10px;font-size:11px;display:flex}.market-info p{color:#7c8796;margin:0;font-size:12px;line-height:1.65}.market-actions{gap:8px;margin-top:16px;display:flex}.market-view-button,.market-whatsapp-button{background:#fff;border:1px solid #dfe5ec;border-radius:8px;flex:1;min-height:38px;font-size:11px;font-weight:700}.market-view-button{color:#4b5563}.market-view-button:hover{color:#f23b58;border-color:#f23b58}.market-whatsapp-button{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.market-whatsapp-button:hover{background:#dcfce7}.marketplace-loading,.marketplace-empty{text-align:center;background:#fff;border:1px solid #e5e9ef;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:230px;margin-top:40px;padding:35px;display:flex}.marketplace-loading p,.marketplace-empty p{color:#7b8695;margin:5px 0 0;font-size:13px}.marketplace-empty h3{margin:8px 0;font-size:18px}.marketplace-empty-icon{font-size:38px}.marketplace-spinner{border:4px solid #fee2e2;border-top-color:#f23b58;border-radius:50%;width:38px;height:38px;animation:.8s linear infinite marketplaceSpin}@keyframes marketplaceSpin{to{transform:rotate(360deg)}}.whatsapp-section{background:#fff;padding:70px 0}.whatsapp-card{background:#f8fafb;border:1px solid #e6ebf0;border-radius:20px;align-items:center;gap:22px;padding:30px;display:flex}.whatsapp-icon{background:#eafbf0;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:55px;height:55px;font-size:25px;display:flex}.whatsapp-content{flex:1}.whatsapp-content h2{margin:7px 0;font-size:25px}.whatsapp-content h2 span{color:#f23b58}.whatsapp-content p{color:#7c8795;margin:0;font-size:12px;line-height:1.6}.whatsapp-button{color:#fff;background:#16a34a;border-radius:9px;padding:13px 18px;font-size:12px;font-weight:700}.contact-section{background:#f7f8fa;padding:90px 0}.contact-grid{grid-template-columns:.85fr 1.15fr;align-items:start;gap:70px;display:grid}.contact-info h2{margin:12px 0;font-size:42px;line-height:1.1}.contact-info h2 span{color:#f23b58}.contact-info>p{color:#768192;max-width:470px;font-size:14px;line-height:1.7}.contact-items{margin-top:30px}.contact-item{align-items:center;gap:14px;margin-bottom:18px;display:flex}.contact-item>div:first-child{background:#fff0f3;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.contact-item small{color:#9ba4b0;margin-bottom:4px;font-size:10px;display:block}.contact-item strong{color:#28303b;font-size:12px;display:block}.contact-form-card{background:#fff;border:1px solid #e5e9ef;border-radius:20px;padding:30px;box-shadow:0 15px 40px #1f29370d}.contact-form-card h3{margin:0 0 22px;font-size:20px}.form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.contact-form-card .form-field{margin-bottom:16px}.contact-form-card input,.contact-form-card textarea{color:#374151;border:1px solid #dfe5ec;border-radius:9px;outline:none;width:100%;padding:13px;font-size:13px}.contact-form-card input:focus,.contact-form-card textarea:focus{border-color:#f3a1af;box-shadow:0 0 0 3px #f23b5812}.contact-form-card textarea{resize:vertical}.full-button{border:0;width:100%}.login-cta-section{background:#fff;padding:70px 0}.login-cta{background:#1b2029;border-radius:22px;justify-content:space-between;align-items:center;gap:30px;padding:45px;display:flex}.login-cta .section-label{color:#ffabb9}.login-cta h2{color:#fff;margin:10px 0;font-size:32px}.login-cta h2 span{color:#f23b58}.login-cta p{color:#aeb6c3;margin:0;font-size:13px}.login-buttons{flex-shrink:0;gap:10px;display:flex}.footer{color:#fff;background:#11151c;padding:60px 0 20px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:45px;display:grid}.footer-brand-link .brand-name{color:#fff}.footer-brand-link .brand-tagline{color:#8f98a7}.footer-brand p{color:#8993a2;max-width:350px;margin-top:18px;font-size:12px;line-height:1.7}.footer-column h4{color:#fff;margin:0 0 17px;font-size:13px}.footer-column a{color:#8993a2;margin-bottom:11px;font-size:11px;display:block}.footer-column a:hover{color:#f23b58}.footer-bottom{color:#707987;border-top:1px solid #292e37;justify-content:space-between;gap:20px;margin-top:45px;padding-top:20px;font-size:10px;display:flex}@media (width<=1000px){.hero-grid{text-align:center;grid-template-columns:1fr}.hero-content,.hero-text{margin:0 auto}.hero-buttons,.hero-trust{justify-content:center}.hero-visual{min-height:420px}.search-form{grid-template-columns:1fr 1fr}.search-button{grid-column:span 2;width:100%}.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.supported-by-section{padding:13px 0 11px}.supported-by-heading{gap:9px;margin-bottom:7px;font-size:13px}.supported-line{width:42px}.supported-set{gap:16px;padding-right:16px}.supported-logo{flex-basis:125px;width:125px;height:50px;padding:4px 7px}.supported-logo img{max-height:44px}.supported-logo-vijay img,.supported-logo-betul img,.supported-logo-anikasm img{max-width:120px;max-height:44px}.supported-logo-h img{width:44px;height:44px}.navbar .container,.navbar-container,.nav-container{width:calc(100% - 30px)}.container{width:min(100% - 30px,1100px)}.navbar{height:68px;position:fixed!important;top:0!important}.app{padding-top:68px}.nav-menu{background:#fff;border-bottom:1px solid #e8ebef;flex-direction:column;align-items:stretch;gap:0;margin-left:0;padding:10px 20px 20px;display:none;position:absolute;top:68px;left:0;right:0;box-shadow:0 15px 30px #00000014}.nav-menu.active{display:flex}.nav-menu a{padding:13px 8px}.mobile-toggle{display:block}.hero-section{min-height:auto}.hero-grid{gap:25px;padding:60px 0}.hero-content h1{letter-spacing:-2px;font-size:48px}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}.hero-visual{min-height:400px}.hero-card-main{width:290px}.floating-top{right:0}.floating-bottom{left:0}.search-form{grid-template-columns:1fr}.search-button{grid-column:auto}.steps-grid{grid-template-columns:1fr}.step-line{display:none}.blood-grid{grid-template-columns:repeat(2,1fr)}.donor-card{grid-template-columns:1fr;padding:40px 25px}.donor-content h2{font-size:31px}.donor-visual{height:220px}.section-top{flex-direction:column;align-items:flex-start}.blog-grid,.marketplace-grid{grid-template-columns:1fr}.whatsapp-card{flex-direction:column;align-items:flex-start}.whatsapp-button{text-align:center;width:100%}.form-row{grid-template-columns:1fr}.login-cta{flex-direction:column;align-items:flex-start;padding:30px}.login-buttons{width:100%}.login-buttons .btn{flex:1}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column}}@media (width<=480px){.hero-content h1{font-size:40px}.section-heading h2{font-size:30px}.search-card{padding:20px}.blood-grid{grid-template-columns:1fr 1fr}.floating-card{padding:10px}.floating-top{top:20px;right:-5px}.floating-bottom{bottom:10px;left:-5px}.footer-grid{grid-template-columns:1fr}}.find-blood-overlay{z-index:100000;-webkit-backdrop-filter:blur(5px);background:#0f172a94;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0;overflow-y:auto}.find-blood-modal{background:#fff;border:1px solid #edf0f4;border-radius:24px;width:min(760px,100%);max-height:calc(100vh - 50px);padding:30px;position:relative;overflow-y:auto;box-shadow:0 30px 90px #0f172a38}.find-blood-close{z-index:5;color:#5f6978;cursor:pointer;background:#fff;border:1px solid #e3e8ef;border-radius:10px;width:38px;height:38px;font-size:25px;line-height:1;position:absolute;top:17px;right:17px}.find-blood-close:hover{color:#f23b58;border-color:#f23b58}.find-blood-close:disabled{opacity:.5;cursor:not-allowed}.find-blood-modal-head{align-items:center;gap:15px;margin-bottom:25px;padding-right:45px;display:flex}.find-blood-modal-icon{background:#fff0f3;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:23px;display:flex}.find-blood-label{color:#f23b58;letter-spacing:1.8px;font-size:9px;font-weight:800;display:block}.find-blood-modal-head h2{color:#161b25;margin:5px 0;font-size:25px}.find-blood-modal-head p{color:#7a8595;margin:0;font-size:12px;line-height:1.5}.find-blood-form{grid-template-columns:1fr 1fr 170px;align-items:end;gap:13px;display:grid}.find-blood-field{min-width:0}.find-blood-field label{color:#4b5563;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.find-blood-input{background:#fff;border:1px solid #dfe5ec;border-radius:10px;align-items:center;gap:9px;height:48px;padding:0 13px;transition:border-color .2s,box-shadow .2s;display:flex}.find-blood-input:focus-within{border-color:#f3a1af;box-shadow:0 0 0 3px #f23b5812}.find-blood-input span{flex-shrink:0}.find-blood-input input,.find-blood-input select{color:#303846;background:0 0;border:0;outline:none;width:100%;min-width:0;height:100%;font-size:13px}.find-blood-input input::placeholder{color:#9aa3af}.find-blood-input select{cursor:pointer}.find-blood-search-btn{color:#fff;cursor:pointer;background:#f23b58;border:0;border-radius:10px;height:48px;font-size:12px;font-weight:800;transition:background .2s,transform .2s;box-shadow:0 9px 22px #f23b5829}.find-blood-search-btn:hover{background:#dc2947}.find-blood-search-btn:active{transform:translateY(1px)}.find-blood-search-btn:disabled{opacity:.65;cursor:wait}.find-blood-error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;margin-top:15px;padding:11px 13px;font-size:12px;font-weight:600;line-height:1.5}.find-blood-results{border-top:1px solid #edf0f4;margin-top:25px;padding-top:22px}.find-blood-results-head{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.find-blood-results-head strong{color:#18202d;font-size:15px;display:block}.find-blood-results-head span{color:#8a94a2;margin-top:4px;font-size:11px;display:block}.find-blood-donor-list{gap:10px;display:grid}.find-blood-donor-card{background:#fbfcfd;border:1px solid #e6eaf0;border-radius:14px;grid-template-columns:45px 1fr auto;align-items:center;gap:13px;padding:13px;transition:border-color .2s,box-shadow .2s;display:grid}.find-blood-donor-card:hover{border-color:#f3c1ca;box-shadow:0 5px 18px #0f172a0d}.find-blood-avatar{color:#f23b58;background:#fff0f3;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:17px;font-weight:800;display:flex}.find-blood-donor-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.find-blood-donor-info{min-width:0}.find-blood-donor-info h3{color:#1a202b;margin:0;font-size:14px}.find-blood-donor-info p{color:#737e8d;margin:5px 0;font-size:11px}.find-blood-group-badge{color:#f23b58;background:#fff0f3;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800}.find-blood-available{color:#16a34a;font-size:10px;font-weight:700}.find-blood-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.find-blood-actions a,.find-blood-actions button{white-space:nowrap;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:34px;padding:0 11px;font-family:inherit;font-size:10px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.find-blood-call-btn{color:#475569;background:#fff;border:1px solid #dfe5ec}.find-blood-call-btn:hover{color:#f23b58;border-color:#f23b58}.find-blood-wa-btn{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.find-blood-wa-btn:hover{background:#dcfce7}.find-blood-request-btn{color:#fff;background:#f23b58;border:1px solid #f23b58;box-shadow:0 5px 14px #f23b5826}.find-blood-request-btn:hover{background:#dc2947;border-color:#dc2947}.find-blood-empty{text-align:center;background:#fafbfc;border:1px dashed #dce3eb;border-radius:15px;padding:35px 20px}.find-blood-empty>div{font-size:34px}.find-blood-empty h3{color:#202733;margin:10px 0 5px;font-size:17px}.find-blood-empty p{color:#7c8796;max-width:480px;margin:0 auto;font-size:11px;line-height:1.7}.find-blood-request-wrapper{width:100%}.find-blood-selected-donor{background:#fff7f8;border:1px solid #f3d2d8;border-radius:13px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 14px;display:flex}.find-blood-selected-donor .find-blood-avatar{width:42px;height:42px;font-size:15px}.find-blood-selected-donor>div:last-child{min-width:0}.find-blood-selected-donor strong{color:#1a202b;margin-bottom:4px;font-size:13px;display:block}.find-blood-selected-donor span{color:#737e8d;font-size:10px;line-height:1.5;display:block}.find-blood-request-form{width:100%}.find-blood-request-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.find-blood-request-form textarea{resize:vertical;color:#303846;box-sizing:border-box;background:#fff;border:1px solid #dfe5ec;border-radius:10px;outline:none;width:100%;min-height:95px;padding:12px 13px;font-family:inherit;font-size:13px;line-height:1.5;transition:border-color .2s,box-shadow .2s}.find-blood-request-form textarea:focus{border-color:#f3a1af;box-shadow:0 0 0 3px #f23b5812}.find-blood-request-form textarea::placeholder{color:#9aa3af}.find-blood-request-form>.find-blood-field{margin-top:13px}.find-blood-request-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:18px;display:flex}.find-blood-cancel-btn,.find-blood-request-submit-btn{cursor:pointer;border-radius:10px;min-height:45px;padding:0 18px;font-family:inherit;font-size:11px;font-weight:800;transition:all .2s}.find-blood-cancel-btn{color:#475569;background:#fff;border:1px solid #dfe5ec}.find-blood-cancel-btn:hover{background:#f8fafc;border-color:#cbd5e1}.find-blood-request-submit-btn{color:#fff;background:#f23b58;border:1px solid #f23b58;box-shadow:0 8px 20px #f23b5826}.find-blood-request-submit-btn:hover{background:#dc2947;border-color:#dc2947}.find-blood-cancel-btn:disabled,.find-blood-request-submit-btn:disabled{opacity:.6;cursor:wait}.find-blood-request-success{text-align:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:16px;padding:35px 20px 20px}.find-blood-success-icon{color:#16a34a;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 13px;font-size:26px;font-weight:900;display:flex}.find-blood-request-success h3{color:#166534;margin:0 0 7px;font-size:18px}.find-blood-request-success p{color:#4b5563;max-width:450px;margin:0 auto 20px;font-size:12px;line-height:1.6}.find-blood-request-success .find-blood-search-btn{width:auto;min-width:180px;padding:0 18px}@media (width<=850px){.find-blood-modal{width:min(720px,100%)}.find-blood-form{grid-template-columns:1fr 1fr}.find-blood-search-btn{grid-column:1/-1}.find-blood-donor-card{grid-template-columns:45px 1fr}.find-blood-actions{grid-column:1/-1}}@media (width<=650px){.find-blood-overlay{align-items:center;padding:12px}.find-blood-modal{border-radius:19px;width:100%;max-height:calc(100vh - 24px);padding:22px 17px}.find-blood-close{width:35px;height:35px;font-size:22px;top:12px;right:12px}.find-blood-modal-head{gap:11px;margin-bottom:20px;padding-right:40px}.find-blood-modal-icon{border-radius:12px;width:46px;height:46px;font-size:20px}.find-blood-modal-head h2{font-size:20px}.find-blood-modal-head p{font-size:10px}.find-blood-form{grid-template-columns:1fr;gap:11px}.find-blood-search-btn{grid-column:auto;width:100%}.find-blood-results{margin-top:20px;padding-top:18px}.find-blood-donor-card{grid-template-columns:42px 1fr;gap:10px;padding:11px}.find-blood-avatar{width:42px;height:42px}.find-blood-donor-info h3{font-size:13px}.find-blood-actions{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.find-blood-actions a,.find-blood-actions button{width:100%;min-height:36px;padding:0 5px;font-size:9px}.find-blood-request-grid{grid-template-columns:1fr;gap:11px}.find-blood-request-form>.find-blood-field{margin-top:11px}.find-blood-selected-donor{margin-bottom:16px;padding:10px 11px}.find-blood-selected-donor .find-blood-avatar{width:39px;height:39px}.find-blood-selected-donor strong{font-size:12px}.find-blood-selected-donor span{font-size:9px}.find-blood-request-form textarea{min-height:85px}.find-blood-request-actions{grid-template-columns:1fr 1.5fr;gap:8px;display:grid}.find-blood-cancel-btn,.find-blood-request-submit-btn{width:100%;min-height:44px;padding:0 8px;font-size:10px}.find-blood-request-success{padding:28px 15px 18px}}@media (width<=400px){.find-blood-overlay{padding:8px}.find-blood-modal{border-radius:17px;max-height:calc(100vh - 16px);padding:19px 13px}.find-blood-modal-head h2{font-size:18px}.find-blood-actions a,.find-blood-actions button{font-size:8px}.find-blood-donor-card{padding:9px}}.login-page{box-sizing:border-box;background:radial-gradient(circle at 0 0,#dc26261f,#0000 35%),radial-gradient(circle at 100% 100%,#b91c1c1a,#0000 35%),#fff7f7;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 20px;display:flex}.login-container{flex-direction:column;align-items:center;width:100%;max-width:460px;display:flex}.login-brand{text-align:center;margin-bottom:25px}.blood-drop{background:#dc2626;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 12px;font-size:32px;display:flex;box-shadow:0 12px 30px #dc262640}.login-brand h1{color:#991b1b;letter-spacing:-.8px;margin:0;font-size:32px;font-weight:800}.login-brand p{color:#6b7280;margin:5px 0 0;font-size:14px}.login-card{box-sizing:border-box;background:#fff;border:1px solid #f1d5d5;border-radius:22px;width:100%;padding:35px;box-shadow:0 20px 60px #7f1d1d1a}.login-card h2{text-align:center;color:#171717;margin:0;font-size:28px}.login-subtitle{text-align:center;color:#737373;margin:8px 0 25px;font-size:14px}.login-type{background:#fafafa;border:1px solid #eee;border-radius:12px;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:25px;padding:5px;display:grid}.login-type button{cursor:pointer;color:#666;background:0 0;border:none;border-radius:9px;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.login-type button.active{color:#fff;background:#dc2626;box-shadow:0 5px 15px #dc262633}.form-group label{color:#262626;margin-bottom:7px;font-size:14px;font-weight:600;display:block}.form-group input{box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:10px;outline:none;width:100%;height:48px;padding:0 14px;font-size:14px;transition:all .2s}.form-group input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.login-options{justify-content:space-between;align-items:center;margin:5px 0 22px;font-size:13px;display:flex}.remember{color:#666;cursor:pointer;align-items:center;gap:7px;display:flex}.remember input{accent-color:#dc2626}.login-options a{color:#dc2626;font-weight:600;text-decoration:none}.login-button{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:11px;width:100%;height:50px;font-size:15px;font-weight:700;transition:all .2s}.login-button:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 10px 22px #dc262633}.register-box{text-align:center;border-top:1px solid #eee;margin-top:25px;padding-top:22px}.register-box p{color:#737373;margin:0 0 7px;font-size:13px}.register-box a{color:#dc2626;font-size:14px;font-weight:700;text-decoration:none}.back-home{color:#991b1b;margin-top:22px;font-size:14px;font-weight:600;text-decoration:none}.back-home:hover{text-decoration:underline}@media (width<=500px){.login-page{padding:25px 15px}.login-card{border-radius:18px;padding:25px 20px}.login-brand h1{font-size:28px}.login-card h2{font-size:24px}}.login-message{border-radius:8px;margin-bottom:16px;padding:11px 13px;font-size:12px;font-weight:600}.login-message.error{color:#d71945;background:#fff0f2;border:1px solid #ffd0d8}.login-message.success{color:#078642;background:#ecfbf2;border:1px solid #c9efd9}.login-button:disabled{opacity:.65;cursor:not-allowed}.donor-register-page{color:#10131a;background:radial-gradient(circle at 100% 0,#ff315714,#0000 32%),#fff;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.donor-register-top{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;width:100%;min-height:82px;padding:0 5%;display:flex;position:sticky;top:0}.register-logo{align-items:center;gap:12px;display:flex}.register-logo-icon{background:#fff0f3;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;font-size:24px;display:flex}.register-logo div:last-child{flex-direction:column;display:flex}.register-logo strong{font-size:18px;font-weight:800;line-height:1.1}.register-logo span{color:#9298a4;letter-spacing:1.5px;text-transform:uppercase;margin-top:4px;font-size:9px;font-weight:700}.register-back-button{color:#252a34;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;order:2;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s}.register-back-button:hover{color:#ff3157;border-color:#ff3157;transform:translateY(-1px)}.donor-register-main{justify-content:center;width:100%;padding:55px 20px 80px;display:flex}.donor-register-card{background:#fff;border:1px solid #f0dfe3;border-radius:24px;width:min(1050px,100%);padding:45px 50px;box-shadow:0 20px 60px #12182812}.register-heading{text-align:center;margin-bottom:38px}.register-label{color:#f52f54;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:800;display:inline-block}.register-heading h1{color:#11141b;margin:0;font-size:clamp(30px,4vw,42px);font-weight:800;line-height:1.15}.register-heading p{color:#697386;margin:12px 0 0;font-size:14px}.register-success{color:#176b35;background:#effbf4;border:1px solid #bce8ca;border-radius:12px;flex-direction:column;gap:7px;margin-bottom:25px;padding:17px 20px;font-size:14px;display:flex}.register-success strong{font-size:15px}.register-success button{color:#16823b;cursor:pointer;background:0 0;border:none;width:fit-content;margin-top:5px;padding:0;font-weight:800}.register-error{color:#d92345;background:#fff1f2;border:1px solid #ffcbd1;border-radius:11px;margin-bottom:25px;padding:14px 17px;font-size:13px;font-weight:600}.donor-register-form{width:100%}.register-section{border-bottom:1px solid #eee;margin-bottom:32px;padding:0 0 32px}.register-section:last-of-type{border-bottom:none;margin-bottom:0}.register-section-title{align-items:center;gap:10px;margin-bottom:23px;display:flex}.register-section-title>div{background:#fff0f3;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.register-section-title h2{color:#161a22;margin:0;font-size:17px;font-weight:800}.register-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 18px;display:grid}.register-field{flex-direction:column;min-width:0;display:flex}.register-field label{color:#202530;margin-bottom:8px;font-size:12px;font-weight:700}.register-field label span{color:#f52f54}.register-field input,.register-field select{color:#252a33;box-sizing:border-box;background:#fff;border:1px solid #dfe3e8;border-radius:10px;outline:none;width:100%;height:47px;padding:0 14px;font-size:13px;transition:border-color .2s,box-shadow .2s,background .2s}.register-field input::placeholder{color:#9aa1ad}.register-field input:focus,.register-field select:focus{border-color:#ff3157;box-shadow:0 0 0 3px #ff315717}.register-field select{cursor:pointer;appearance:auto}.register-field select:disabled{color:#9aa1ad;cursor:not-allowed;background:#f5f6f8}.register-field small{color:#9aa1ad;margin-top:6px;font-size:11px}.register-field.full-width{grid-column:1/-1}.register-checkbox-card{cursor:pointer;background:#fafbfc;border:1px solid #e9eaee;border-radius:11px;align-items:flex-start;gap:12px;margin-top:18px;padding:15px 16px;transition:all .2s;display:flex}.register-checkbox-card:hover{background:#fff8f9;border-color:#ffc1cb}.register-checkbox-card input{accent-color:#f52f54;cursor:pointer;width:17px;height:17px;margin-top:2px}.checkbox-content{flex-direction:column;gap:5px;display:flex}.checkbox-content strong{color:#252a34;font-size:13px}.checkbox-content strong span{color:#f52f54}.checkbox-content small{color:#8a919e;font-size:11px;line-height:1.5}.register-checkbox-card.terms{margin-top:12px}.register-submit-area{text-align:center;padding-top:8px}.register-submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff3157,#ec1740);border:none;border-radius:11px;min-width:280px;height:50px;padding:0 28px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 10px 25px #f52f5438}.register-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 30px #f52f5447}.register-submit-button:active:not(:disabled){transform:translateY(0)}.register-submit-button:disabled{opacity:.65;cursor:not-allowed}.register-submit-area p{color:#7d8490;margin:17px 0 0;font-size:13px}.register-login-link{color:#f52f54;cursor:pointer;background:0 0;border:none;margin-left:5px;padding:0;font-size:13px;font-weight:800}.register-login-link:hover{text-decoration:underline}@media (width<=800px){.donor-register-top{padding:0 22px}.donor-register-card{border-radius:20px;padding:35px 28px}.register-grid{grid-template-columns:1fr}.register-field.full-width{grid-column:auto}}@media (width<=560px){.donor-register-top{min-height:70px;padding:0 15px}.register-logo-icon{border-radius:11px;width:40px;height:40px;font-size:20px}.register-logo strong{font-size:16px}.register-logo span{font-size:8px}.register-back-button{padding:8px 11px;font-size:11px}.donor-register-main{padding:25px 12px 50px}.donor-register-card{border-radius:17px;padding:28px 18px}.register-heading{margin-bottom:30px}.register-heading h1{font-size:29px}.register-heading p{font-size:13px;line-height:1.5}.register-section{margin-bottom:25px;padding-bottom:25px}.register-section-title{margin-bottom:18px}.register-section-title h2{font-size:16px}.register-grid{gap:16px}.register-submit-button{width:100%;min-width:0}}.gallery-section{background:#f8f9fc;width:100%;padding:90px 0;overflow:hidden}.gallery-container{width:min(1400px,100% - 48px);margin:0 auto}.gallery-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:45px;display:flex}.gallery-heading-left{min-width:0}.gallery-label{color:#f43f5e;letter-spacing:3px;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:800;display:inline-block}.gallery-heading h2{color:#111827;margin:0;font-size:clamp(32px,4vw,48px);font-weight:800;line-height:1.1}.gallery-heading h2 span{color:#f43f5e}.gallery-heading p{color:#64748b;max-width:700px;margin:14px 0 0;font-size:15px;line-height:1.7}.gallery-count{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-shrink:0;min-width:100px;padding:16px 22px;box-shadow:0 8px 30px #0f172a0d}.gallery-count strong{color:#f43f5e;font-size:25px;line-height:1;display:block}.gallery-count span{color:#64748b;margin-top:6px;font-size:12px;display:block}.gallery-slider-wrapper{width:100%;position:relative;overflow:hidden}.gallery-slider{width:100%;overflow:hidden}.gallery-track{will-change:transform;gap:22px;width:max-content;animation:35s linear infinite galleryMove;display:flex}.gallery-slider:hover .gallery-track{animation-play-state:paused}@keyframes galleryMove{0%{transform:translate(0)}to{transform:translate(calc(-50% - 11px))}}.gallery-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:18px;flex:0 0 330px;width:330px;transition:transform .25s,box-shadow .25s;overflow:hidden;box-shadow:0 8px 30px #0f172a0f}.gallery-card:hover{transform:translateY(-7px);box-shadow:0 18px 45px #0f172a1f}.gallery-image-wrapper{background:#f1f5f9;width:100%;height:235px;position:relative;overflow:hidden}.gallery-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.gallery-card:hover .gallery-image-wrapper img{transform:scale(1.06)}.gallery-image-overlay{opacity:0;background:#0f172a59;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.gallery-card:hover .gallery-image-overlay{opacity:1}.gallery-image-overlay span{color:#111827;background:#fff;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:700;box-shadow:0 8px 25px #00000026}.gallery-card-content h3{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:17px;font-weight:750;line-height:1.35;overflow:hidden}.gallery-card-content p{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.gallery-bottom{color:#64748b;justify-content:center;align-items:center;gap:9px;margin-top:32px;font-size:13px;display:flex}.gallery-bottom span{font-size:16px}.gallery-bottom p{margin:0}.gallery-loading{background:#fff;border:1px solid #e5e7eb;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.gallery-spinner{border:3px solid #ffe4e9;border-top-color:#f43f5e;border-radius:50%;width:38px;height:38px;animation:.8s linear infinite gallerySpin}.gallery-loading p{color:#64748b;margin:14px 0 0;font-size:14px}@keyframes gallerySpin{to{transform:rotate(360deg)}}.gallery-error{text-align:center;background:#fff;border:1px solid #fecdd3;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:40px;display:flex}.gallery-error-icon{background:#fff1f2;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:15px;font-size:26px;display:flex}.gallery-error h3{color:#111827;margin:0;font-size:18px}.gallery-error p{color:#64748b;margin:8px 0 18px;font-size:14px}.gallery-error button{color:#fff;cursor:pointer;background:#f43f5e;border:0;border-radius:10px;padding:11px 20px;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.gallery-error button:hover{background:#e11d48;transform:translateY(-2px)}.gallery-empty-icon{background:#fff1f2;border-radius:18px;justify-content:center;align-items:center;width:65px;height:65px;margin-bottom:15px;font-size:28px;display:flex}.gallery-empty h3{color:#111827;margin:0;font-size:19px}.gallery-empty p{color:#64748b;max-width:500px;margin:9px 0 0;font-size:14px;line-height:1.6}.gallery-lightbox{z-index:99999;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0f172ae0;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.gallery-lightbox-content{background:#fff;border-radius:18px;width:min(1000px,95vw);max-height:90vh;position:relative;overflow:hidden;box-shadow:0 30px 100px #0000004d}.gallery-lightbox-content img{object-fit:contain;background:#f1f5f9;width:100%;max-height:72vh;display:block}.gallery-lightbox-info{padding:18px 22px 20px}.gallery-lightbox-info h3{color:#111827;margin:0;font-size:20px}.gallery-lightbox-info p{color:#64748b;margin:7px 0 0;font-size:14px;line-height:1.6}.gallery-lightbox-close{z-index:100000;color:#111827;cursor:pointer;background:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:27px;line-height:1;transition:transform .2s;display:flex;position:fixed;top:22px;right:25px;box-shadow:0 8px 30px #0003}.gallery-lightbox-close:hover{transform:rotate(90deg)}@media (width<=1100px){.gallery-card{flex-basis:300px;width:300px}}@media (width<=700px){.gallery-section{padding:65px 0}.gallery-container{width:min(100% - 28px,600px)}.gallery-heading{flex-direction:column;align-items:flex-start;margin-bottom:30px}.gallery-heading h2{font-size:32px}.gallery-heading p{font-size:14px}.gallery-count{min-width:85px;padding:12px 17px}.gallery-card{flex-basis:270px;width:270px}.gallery-image-wrapper{height:195px}.gallery-track{gap:15px;animation-duration:28s}.gallery-bottom{text-align:center}.gallery-bottom p{line-height:1.5}.gallery-lightbox{padding:15px}.gallery-lightbox-content{width:100%}.gallery-lightbox-content img{max-height:65vh}.gallery-lightbox-close{top:12px;right:12px}}@media (width<=420px){.gallery-heading h2{font-size:28px}.gallery-card{flex-basis:245px;width:245px}.gallery-image-wrapper{height:175px}}.jobs-page{color:#101828;background:#f8fafc;min-height:100vh}.jobs-container{width:min(1180px,100% - 40px);margin:0 auto}.jobs-header{z-index:1000;background:#fff;border-bottom:1px solid #eaecf0;position:sticky;top:0}.jobs-header .jobs-container{justify-content:space-between;align-items:center;min-height:76px;display:flex}.jobs-logo{color:#101828;align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.jobs-logo-icon{background:#fff1f3;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:21px;display:flex}.jobs-nav{align-items:center;gap:30px;display:flex}.jobs-nav a{color:#475467;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.jobs-nav a:hover,.jobs-nav a.active{color:#ff3154}.jobs-nav .jobs-login{color:#fff;background:#ff3154;border-radius:9px;padding:11px 20px}.jobs-nav .jobs-login:hover{color:#fff}.jobs-hero{background:radial-gradient(circle at 80% 20%,#ff31541a,#0000 35%),#fff;padding:80px 0 105px}.jobs-hero-content{text-align:center;max-width:760px;margin:0 auto}.jobs-label{color:#ff3154;letter-spacing:1.4px;text-transform:uppercase;font-size:12px;font-weight:800;display:inline-block}.jobs-hero h1{letter-spacing:-2px;margin:12px 0 15px;font-size:clamp(42px,6vw,68px);line-height:1.05}.jobs-hero h1 span{color:#ff3154}.jobs-hero p{color:#667085;max-width:650px;margin:0 auto;font-size:17px;line-height:1.7}.jobs-search-section{z-index:10;margin-top:-55px;position:relative}.jobs-search-card{background:#fff;border:1px solid #eaecf0;border-radius:18px;grid-template-columns:1.5fr 1fr .8fr;gap:18px;padding:25px;display:grid;box-shadow:0 15px 45px #1018281a}.jobs-search-field label{color:#344054;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.jobs-input{background:#fff;border:1px solid #d0d5dd;border-radius:10px;align-items:center;gap:10px;height:50px;padding:0 14px;display:flex}.jobs-input span{font-size:17px}.jobs-input input{color:#101828;background:0 0;border:none;outline:none;width:100%;height:100%;font-size:14px}.jobs-search-field select{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:10px;outline:none;width:100%;height:50px;padding:0 14px;font-size:14px}.jobs-list-section{padding:80px 0}.jobs-section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:30px;display:flex}.jobs-section-heading h2{margin:8px 0 0;font-size:34px;line-height:1.2}.jobs-count{color:#667085;font-size:14px;font-weight:600}.jobs-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.job-card{background:#fff;border:1px solid #eaecf0;border-radius:18px;padding:24px;transition:transform .2s,box-shadow .2s}.job-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px #10182817}.job-card-top{align-items:center;gap:14px;display:flex}.job-company-logo{background:#fff1f3;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:25px;display:flex}.job-main-info h3{margin:0 0 5px;font-size:18px;line-height:1.3}.job-main-info strong{color:#667085;font-size:13px}.job-details{flex-wrap:wrap;gap:8px;margin:22px 0 16px;display:flex}.job-details span{color:#475467;background:#f8fafc;border:1px solid #eaecf0;border-radius:7px;padding:7px 9px;font-size:11px;font-weight:600}.job-description{color:#667085;min-height:64px;margin:0 0 22px;font-size:13px;line-height:1.65}.job-card-bottom{gap:9px;display:flex}.job-view-button,.job-apply-button{cursor:pointer;border-radius:9px;flex:1;min-height:43px;font-size:13px;font-weight:700;transition:all .2s}.job-view-button{color:#ff3154;background:#fff;border:1px solid #ff3154}.job-apply-button{color:#fff;background:#ff3154;border:1px solid #ff3154}.job-view-button:hover,.job-apply-button:hover{transform:translateY(-1px)}.jobs-empty{text-align:center;background:#fff;border:1px solid #eaecf0;border-radius:18px;padding:60px 30px}.jobs-empty-icon{background:#fff1f3;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 15px;font-size:25px;display:flex}.jobs-empty h3{margin:0 0 7px}.jobs-empty p{color:#667085;margin:0}.jobs-employer-section{padding:0 0 80px}.jobs-employer-card{color:#fff;background:#101828;border-radius:22px;justify-content:space-between;align-items:center;gap:30px;padding:45px 50px;display:flex}.jobs-employer-card h2{margin:10px 0;font-size:34px}.jobs-employer-card h2 span{color:#ff6b83}.jobs-employer-card p{color:#d0d5dd;margin:0}.jobs-post-button{color:#fff;background:#ff3154;border-radius:10px;flex-shrink:0;padding:14px 22px;font-weight:700;text-decoration:none}.jobs-footer{background:#fff;border-top:1px solid #eaecf0;padding:25px 0}.jobs-footer-inner{color:#667085;justify-content:space-between;align-items:center;gap:20px;font-size:13px;display:flex}.jobs-footer a{color:#ff3154;font-weight:700;text-decoration:none}@media (width<=900px){.jobs-nav{gap:17px}.jobs-search-card{grid-template-columns:1fr}.jobs-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.jobs-container{width:min(100% - 28px,1180px)}.jobs-header .jobs-container{min-height:65px}.jobs-nav a:nth-child(2),.jobs-nav a:nth-child(4){display:none}.jobs-nav{gap:12px}.jobs-hero{padding:60px 0 90px}.jobs-hero h1{letter-spacing:-1px}.jobs-hero p{font-size:15px}.jobs-list-section{padding:55px 0}.jobs-section-heading{flex-direction:column;align-items:flex-start;gap:10px}.jobs-grid{grid-template-columns:1fr}.jobs-employer-card{flex-direction:column;align-items:flex-start;padding:35px 25px}.jobs-employer-card h2{font-size:28px}.jobs-footer-inner{text-align:center;flex-direction:column}}.jobs-login-page{color:#111827;background:#f7f9fc;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.jobs-login-header{z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;height:72px;display:flex;position:sticky;top:0}.jobs-login-header-inner{justify-content:space-between;align-items:center;width:100%;max-width:1050px;margin:0 auto;padding:0 20px;display:flex}.jobs-login-logo{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.jobs-login-logo-icon{background:#fff0f3;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;font-size:21px;display:flex}.jobs-login-nav{align-items:center;gap:26px;display:flex}.jobs-login-nav button{color:#172033;cursor:pointer;background:0 0;border:none;padding:8px 0;font-size:13px;font-weight:700;transition:all .2s}.jobs-login-nav button:hover,.jobs-login-nav button.active{color:#f42f52}.jobs-login-nav .main-login-btn{color:#fff;background:#f83254;border-radius:9px;padding:11px 22px}.jobs-login-nav .main-login-btn:hover{color:#fff;background:#e91f43}.jobs-login-hero{text-align:center;background:radial-gradient(circle at 75% 20%,#ff527021,#0000 35%),linear-gradient(#fff 0%,#fff8fa 100%);justify-content:center;align-items:center;min-height:310px;padding:55px 20px 70px;display:flex}.jobs-login-hero-content{max-width:750px}.jobs-login-small-title{color:#f83254;letter-spacing:2px;margin-bottom:15px;font-size:12px;font-weight:800}.jobs-login-hero h1{color:#101827;margin:0;font-size:46px;font-weight:800;line-height:1.1}.jobs-login-hero h1 span{color:#f83254}.jobs-login-hero p{color:#64748b;max-width:600px;margin:18px auto 0;font-size:16px;line-height:1.7}.jobs-login-options{margin-top:-35px;padding:0 20px 70px}.jobs-login-container{max-width:1050px;margin:0 auto}.jobs-login-heading{text-align:center;margin-bottom:35px}.jobs-login-heading span{color:#f83254;letter-spacing:1.8px;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.jobs-login-heading h2{color:#101827;margin:0;font-size:31px;font-weight:800}.jobs-login-heading p{color:#718096;margin:10px 0 0;font-size:14px}.jobs-login-cards{grid-template-columns:repeat(2,1fr);gap:25px;display:grid}.jobs-account-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;gap:20px;padding:30px;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 12px 35px #0f172a12}.jobs-account-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px #0f172a1c}.account-icon{background:#fff0f3;border-radius:15px;justify-content:center;align-items:center;width:58px;min-width:58px;height:58px;font-size:27px;display:flex}.account-content{flex:1}.account-label{color:#f83254;letter-spacing:1.4px;margin-bottom:6px;font-size:10px;font-weight:800}.account-content h3{color:#111827;margin:0;font-size:26px;font-weight:800}.account-content p{color:#64748b;margin:10px 0 18px;font-size:13px;line-height:1.65}.account-features{flex-direction:column;gap:8px;margin-bottom:22px;display:flex}.account-features div{color:#475569;font-size:12px;font-weight:600}.account-buttons{flex-direction:column;gap:10px;display:flex}.account-buttons button{cursor:pointer;border-radius:9px;width:100%;height:44px;font-size:13px;font-weight:700;transition:all .2s}.employee-login-btn{color:#fff;background:#f83254;border:none}.employee-login-btn:hover{background:#e51f43}.employee-register-btn{color:#f83254;background:#fff;border:1px solid #f83254}.employee-register-btn:hover{background:#fff1f4}.employer-login-btn{color:#fff;background:#111827;border:none}.employer-login-btn:hover{background:#273244}.employer-register-btn{color:#111827;background:#fff;border:1px solid #111827}.employer-register-btn:hover{background:#f3f4f6}.jobs-login-back{text-align:center;margin-top:30px}.jobs-login-back button{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:700}.jobs-login-back button:hover{color:#f83254}.jobs-login-footer{color:#cbd5e1;background:#111827;padding:22px 20px}.jobs-login-footer-inner{justify-content:space-between;align-items:center;max-width:1050px;margin:0 auto;font-size:12px;display:flex}@media (width<=850px){.jobs-login-nav{gap:14px}.jobs-login-nav button{font-size:12px}.jobs-login-hero h1{font-size:38px}.jobs-login-cards{grid-template-columns:1fr}}@media (width<=600px){.jobs-login-header{height:auto}.jobs-login-header-inner{flex-direction:column;gap:12px;padding:12px 15px}.jobs-login-nav{flex-wrap:wrap;justify-content:center;gap:14px;width:100%}.jobs-login-nav .main-login-btn{padding:9px 17px}.jobs-login-hero{min-height:270px;padding:45px 15px 60px}.jobs-login-hero h1{font-size:32px}.jobs-login-hero p{font-size:14px}.jobs-login-options{padding-left:15px;padding-right:15px}.jobs-account-card{flex-direction:column;gap:15px;padding:22px}.account-icon{width:52px;min-width:52px;height:52px}.jobs-login-heading h2{font-size:26px}.jobs-login-footer-inner{text-align:center;flex-direction:column;gap:8px}}.admin-layout{color:#171717;background:#f6f7fb;min-height:100vh;display:flex}.admin-sidebar{z-index:20;background:#fff;border-right:1px solid #e8e8e8;flex-direction:column;width:260px;min-height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0}.admin-logo{border-bottom:1px solid #eee;align-items:center;gap:12px;height:82px;padding:0 22px;display:flex}.admin-logo-icon{background:#fff0f1;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:23px;display:flex}.admin-logo h2{margin:0;font-size:18px;font-weight:800}.admin-logo span{color:#e11d48;letter-spacing:1.4px;margin-top:2px;font-size:9px;font-weight:800;display:block}.admin-menu-title{color:#999;letter-spacing:1.2px;padding:24px 22px 10px;font-size:10px;font-weight:800}.admin-nav{padding:0 12px}.admin-nav-item{text-align:left;color:#555;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;margin-bottom:4px;padding:12px 14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.admin-nav-item span{text-align:center;width:24px;font-size:17px}.admin-nav-item:hover{color:#d7193f;background:#fff3f4}.admin-nav-item.active{color:#fff;background:#e11d48;box-shadow:0 7px 18px #e11d482e}.settings-title{padding-top:22px}.admin-sidebar-bottom{border-top:1px solid #eee;margin-top:auto;padding:16px}.admin-user-mini{align-items:center;gap:10px;margin-bottom:12px;display:flex}.admin-avatar{color:#fff;background:#e11d48;border-radius:50%;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;font-weight:800;display:flex}.admin-avatar.small{width:40px;min-width:40px;height:40px}.admin-mini-info{min-width:0}.admin-mini-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.admin-mini-info span{color:#999;margin-top:2px;font-size:10px;display:block}.admin-logout{color:#555;cursor:pointer;background:#fff;border:1px solid #eee;border-radius:9px;width:100%;padding:10px;font-size:13px;font-weight:600}.admin-logout:hover{color:#dc2626;background:#fff7f8;border-color:#fecdd3}.admin-main{width:calc(100% - 260px);min-height:100vh;margin-left:260px;padding:0 32px 40px}.admin-topbar{border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;min-height:82px;margin-bottom:28px;display:flex}.admin-topbar h1{margin:0;font-size:26px;font-weight:800}.admin-topbar p{color:#888;margin:5px 0 0;font-size:13px}.admin-topbar-right{align-items:center;gap:22px;display:flex}.admin-status{color:#15803d;align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.admin-status span{background:#22c55e;border-radius:50%;width:8px;height:8px}.admin-profile{align-items:center;gap:9px;display:flex}.admin-profile strong{font-size:12px;display:block}.admin-profile span{color:#999;margin-top:2px;font-size:10px;display:block}.dashboard-stats{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.stat-card{background:#fff;border:1px solid #eee;border-radius:15px;align-items:flex-start;gap:14px;padding:20px;display:flex}.stat-content span{color:#777;font-size:11px;font-weight:600;display:block}.stat-content strong{margin-top:4px;font-size:26px;line-height:1;display:block}.stat-content small{color:#aaa;margin-top:8px;font-size:9px;display:block}.admin-section{margin-top:28px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-heading h2{margin:0;font-size:18px;font-weight:800}.section-heading p{color:#999;margin:4px 0 0;font-size:12px}.quick-actions{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.quick-action{text-align:left;cursor:pointer;background:#fff;border:1px solid #eee;border-radius:14px;padding:20px;transition:all .2s}.quick-action:hover{border-color:#fda4af;transform:translateY(-2px);box-shadow:0 8px 25px #0000000d}.quick-action>span{background:#fff0f1;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:13px;font-size:19px;display:flex}.quick-action strong{font-size:13px;display:block}.quick-action small{color:#999;margin-top:5px;font-size:10px;display:block}.admin-info-card{background:#fff;border:1px solid #eee;border-radius:14px;overflow:hidden}.info-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;min-height:55px;padding:0 20px;display:flex}.info-row:last-child{border-bottom:0}.info-row span{color:#888;font-size:12px}.info-row strong{font-size:12px}.role-badge,.status-badge{border-radius:20px;padding:6px 10px;font-size:10px!important}.role-badge{color:#7e22ce;background:#f3e8ff}.status-badge{color:#15803d;background:#dcfce7}.admin-loading{color:#666;background:#f6f7fb;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.admin-loader{border:4px solid #f3f3f3;border-top-color:#e11d48;border-radius:50%;width:38px;height:38px;margin-bottom:12px;animation:.8s linear infinite admin-spin}@keyframes admin-spin{to{transform:rotate(360deg)}}@media (width<=1100px){.dashboard-stats,.quick-actions{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.admin-sidebar{width:220px}.admin-main{width:calc(100% - 220px);margin-left:220px;padding:0 20px 30px}.admin-topbar-right{gap:10px}.admin-status{display:none}}@media (width<=650px){.admin-sidebar{width:100%;min-height:auto;position:relative}.admin-layout{display:block}.admin-main{width:100%;margin-left:0;padding:0 15px 30px}.admin-topbar{flex-direction:column;align-items:flex-start;gap:15px;padding:20px 0}.admin-topbar-right{width:100%}.dashboard-stats,.quick-actions{grid-template-columns:1fr}.admin-nav{max-height:360px;overflow-y:auto}.admin-sidebar-bottom{align-items:center;gap:12px;display:flex}.admin-user-mini{flex:1;margin-bottom:0}.admin-logout{width:auto;padding:10px 14px}}.donors-page{color:#171717;background:#f6f7fb;min-height:100vh;padding:28px 32px 50px}.donors-header{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.back-dashboard{color:#e11d48;cursor:pointer;background:0 0;border:0;margin-bottom:10px;padding:0;font-size:12px;font-weight:700}.donors-header h1{margin:0;font-size:28px;font-weight:800}.donors-header p{color:#999;margin:5px 0 0;font-size:13px}.refresh-button{cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:9px;padding:11px 17px;font-size:12px;font-weight:700}.refresh-button:hover{color:#e11d48;border-color:#e11d48}.donor-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.donor-stat-card{background:#fff;border:1px solid #ececec;border-radius:14px;align-items:center;gap:13px;padding:18px;display:flex}.donor-stat-icon{background:#fff0f2;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;display:flex}.donor-stat-icon.pending{background:#fff7e8}.donor-stat-icon.approved{background:#ecfdf3}.donor-stat-icon.available{background:#fdf2f8}.donor-stat-card strong{margin-top:3px;font-size:24px;display:block}.donor-filter-card{background:#fff;border:1px solid #ececec;border-radius:14px;margin-bottom:20px;padding:18px}.donor-filters{grid-template-columns:2fr 1fr 1.2fr 1fr auto;align-items:end;gap:12px;display:grid}.donor-filters label{color:#555;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.donor-filters input,.donor-filters select{background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;height:40px;padding:0 11px;font-size:12px}.donor-filters input:focus,.donor-filters select:focus{border-color:#f43f5e}.search-button,.clear-button{cursor:pointer;border-radius:8px;height:40px;padding:0 15px;font-size:11px;font-weight:700}.search-button{color:#fff;background:#e11d48;border:0}.clear-button{color:#666;background:#fff;border:1px solid #ddd}.donor-table-card{background:#fff;border:1px solid #ececec;border-radius:14px;overflow:hidden}.table-heading{border-bottom:1px solid #eee;padding:18px 20px}.table-heading h2{margin:0;font-size:17px}.table-heading span{color:#999;margin-top:4px;font-size:11px;display:block}.table-scroll{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:1050px}th{color:#888;text-align:left;white-space:nowrap;text-transform:uppercase;background:#fafafa;padding:13px 15px;font-size:10px;font-weight:800}td{vertical-align:middle;border-top:1px solid #f0f0f0;padding:13px 15px;font-size:11px}tbody tr:hover{background:#fffafb}.donor-name{align-items:center;gap:9px;min-width:170px;display:flex}.donor-avatar{color:#e11d48;background:#fff0f2;border-radius:50%;justify-content:center;align-items:center;width:35px;min-width:35px;height:35px;font-weight:800;display:flex}.donor-name strong{font-size:12px;display:block}.donor-name span{color:#999;margin-top:3px;font-size:9px;display:block}.blood-badge{color:#e11d48;background:#fff0f2;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:30px;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.contact-cell strong,.location-cell strong{font-size:10px;display:block}.contact-cell span,.location-cell span{color:#999;margin-top:4px;font-size:9px;display:block}.date-cell{white-space:nowrap;color:#777;font-size:10px}.availability{white-space:nowrap;font-size:10px;font-weight:700}.availability.available{color:#16a34a}.availability.unavailable{color:#999}.status-pill{text-transform:capitalize;border-radius:20px;padding:6px 9px;font-size:9px;font-weight:800;display:inline-flex}.status-pill.pending{color:#b45309;background:#fff7e6}.status-pill.approved{color:#15803d;background:#dcfce7}.status-pill.rejected{color:#b91c1c;background:#fee2e2}.action-buttons{gap:5px;display:flex}.action-buttons button{cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:7px;width:30px;height:30px}.action-buttons button:hover{transform:translateY(-1px)}.view-action:hover{border-color:#93c5fd}.edit-action:hover{border-color:#fbbf24}.delete-action:hover{border-color:#fca5a5}.action-buttons button:disabled{opacity:.5;cursor:not-allowed}.donor-loading,.empty-donors{flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.donor-loading p,.empty-donors p{color:#999;font-size:12px}.donor-spinner{border:4px solid #eee;border-top-color:#e11d48;border-radius:50%;width:35px;height:35px;animation:.8s linear infinite donor-spin}@keyframes donor-spin{to{transform:rotate(360deg)}}.empty-donors>div{font-size:35px}.empty-donors h3{margin:10px 0 0;font-size:16px}.modal-overlay{z-index:100;background:#1414148c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.donor-modal,.edit-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 70px #0003}.modal-header p{color:#999;margin:4px 0 0;font-size:10px}.modal-header button{cursor:pointer;background:#f5f5f5;border:0;border-radius:8px;width:32px;height:32px;font-size:20px}.modal-profile{align-items:center;gap:14px;padding:20px;display:flex}.large-donor-avatar{color:#e11d48;background:#fff0f2;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:23px;font-weight:800;display:flex}.modal-profile h3{margin:0;font-size:18px}.modal-profile span{color:#999;margin-top:5px;font-size:11px;display:block}.detail-grid{border-top:1px solid #eee;grid-template-columns:repeat(2,1fr);display:grid}.detail-grid>div{border-bottom:1px solid #eee;padding:13px 20px}.detail-grid>div:nth-child(odd){border-right:1px solid #eee}.detail-grid span{color:#999;font-size:10px;display:block}.detail-grid strong{word-break:break-word;margin-top:4px;font-size:12px;display:block}.modal-status{justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.modal-status>span{color:#777;font-size:11px;font-weight:700}.modal-actions{gap:8px;padding:0 20px 20px;display:flex}.approve-button,.reject-button{cursor:pointer;border:0;border-radius:8px;padding:11px 15px;font-size:11px;font-weight:700}.approve-button{color:#fff;background:#16a34a}.reject-button{color:#b91c1c;background:#fee2e2}.edit-form{padding:20px}.edit-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.edit-grid label{color:#555;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.edit-grid input,.edit-grid select{border:1px solid #ddd;border-radius:8px;outline:none;width:100%;height:40px;padding:0 10px;font-size:12px}.edit-grid input:focus,.edit-grid select:focus{border-color:#e11d48}.availability-check{color:#555;align-items:center;gap:8px;margin-top:16px;font-size:11px;font-weight:600;display:flex}.availability-check input{width:16px;height:16px}.edit-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.cancel-button,.save-button{cursor:pointer;border-radius:8px;padding:10px 16px;font-size:11px;font-weight:700}.cancel-button{background:#fff;border:1px solid #ddd}.save-button{color:#fff;background:#e11d48;border:0}@media (width<=1000px){.donor-stats,.donor-filters{grid-template-columns:repeat(2,1fr)}.filter-search{grid-column:1/-1}}@media (width<=600px){.donors-page{padding:20px 14px 35px}.donors-header{flex-direction:column;align-items:flex-start;gap:15px}.donor-stats,.donor-filters{grid-template-columns:1fr}.filter-search{grid-column:auto}.filter-buttons{width:100%}.search-button,.clear-button{flex:1}.detail-grid{grid-template-columns:1fr}.detail-grid>div:nth-child(odd){border-right:0}.edit-grid{grid-template-columns:1fr}}.approve-action,.reject-action{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.approve-action{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.approve-action:hover{color:#fff;background:#16a34a;border-color:#16a34a}.reject-action{color:#dc2626;background:#fef2f2;border-color:#fecaca}.reject-action:hover{color:#fff;background:#dc2626;border-color:#dc2626}.approve-action:disabled,.reject-action:disabled{opacity:.5;cursor:not-allowed}.admin-gallery-page{color:#111827;box-sizing:border-box;background:#f6f8fc;min-height:100vh;padding:32px}.gallery-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.gallery-breadcrumb{color:#718096;margin-bottom:5px;font-size:13px}.gallery-header h1{margin:0;font-size:30px;font-weight:750;line-height:1.2}.gallery-header p{color:#718096;margin:7px 0 0;font-size:14px}.gallery-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.primary-btn,.secondary-btn,.cancel-btn{cursor:pointer;border:0;border-radius:10px;padding:11px 17px;font-size:13px;font-weight:700;transition:all .2s}.primary-btn{color:#fff;background:#f52f52;box-shadow:0 8px 20px #f52f5229}.primary-btn:hover{background:#df2345;transform:translateY(-1px)}.primary-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.secondary-btn{color:#263247;background:#fff;border:1px solid #dce3ed}.secondary-btn:hover{color:#f52f52;border-color:#f52f52}.cancel-btn{color:#4a5568;background:#fff;border:1px solid #dce3ed}.cancel-btn:hover{background:#f7f8fa}.gallery-alert{border-radius:10px;margin-bottom:20px;padding:12px 15px;font-size:13px}.gallery-alert.error{color:#c53030;background:#fff5f5;border:1px solid #fed7d7}.gallery-alert.success{color:#247a46;background:#effbf3;border:1px solid #c6f0d2}.gallery-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.gallery-stat-card{background:#fff;border:1px solid #e4e9f0;border-radius:14px;align-items:center;gap:15px;padding:20px;display:flex;box-shadow:0 4px 18px #14233c08}.stat-icon{background:#fff0f3;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;display:flex}.stat-icon.pending{background:#fff8e7}.stat-icon.approved{color:#15803d;background:#ecfaf2}.stat-icon.rejected{color:#dc2626;background:#fff0f0}.gallery-stat-card span{color:#718096;margin-bottom:3px;font-size:12px;display:block}.gallery-stat-card strong{font-size:23px;font-weight:750;display:block}.gallery-toolbar{background:#fff;border:1px solid #e4e9f0;border-radius:14px;align-items:center;gap:12px;margin-bottom:22px;padding:13px;display:flex}.gallery-toolbar>input{box-sizing:border-box;color:#1f2937;border:1px solid #dbe2eb;border-radius:9px;outline:none;flex:1;height:44px;padding:0 15px;font-size:13px}.gallery-toolbar>input:focus{border-color:#f52f52;box-shadow:0 0 0 3px #f52f5214}.filter-buttons{gap:7px;display:flex}.filter-buttons button{color:#526071;cursor:pointer;background:#fff;border:1px solid #dce3ed;border-radius:8px;padding:10px 15px;font-size:12px;font-weight:650}.filter-buttons button:hover{color:#f52f52;border-color:#f52f52}.filter-buttons button.active{color:#fff;background:#1f2d45;border-color:#1f2d45}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.gallery-card{background:#fff;border:1px solid #e3e8ef;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #14233c0a}.gallery-card:hover{box-shadow:0 12px 30px #14233c14}.gallery-image{background:#f1f3f7;height:230px;position:relative;overflow:hidden}.gallery-image img{object-fit:cover;width:100%;height:100%;display:block}.status-badge{background:#fff;border-radius:30px;padding:7px 11px;font-size:11px;font-weight:750;position:absolute;top:12px;right:12px;box-shadow:0 5px 15px #0000001a}.status-badge.approved{color:#168346;background:#effbf3}.status-badge.pending{color:#a16207;background:#fff8e7}.status-badge.rejected{color:#c53030;background:#fff0f0}.gallery-card-content{padding:17px}.gallery-card-content h3{margin:0 0 7px;font-size:17px;line-height:1.35}.gallery-card-content p{color:#718096;min-height:38px;margin:0;font-size:13px;line-height:1.5}.gallery-date{color:#9aa5b4;margin-top:12px;font-size:11px}.gallery-actions{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:15px;display:grid}.gallery-actions button{cursor:pointer;background:#f8fafc;border:1px solid #e0e5ec;border-radius:8px;min-height:35px;font-size:11px;font-weight:700;transition:all .2s}.edit-btn{color:#334155}.edit-btn:hover{border-color:#64748b}.approve-btn{color:#15803d;background:#effbf3!important;border-color:#c9edd5!important}.approve-btn:hover{background:#dcf7e5!important}.reject-btn{color:#dc2626;background:#fff2f2!important;border-color:#ffd2d2!important}.reject-btn:hover{background:#ffe5e5!important}.pending-btn{color:#a16207;background:#fff9e9!important;border-color:#f8e2ad!important}.pending-btn:hover{background:#fff1c8!important}.delete-btn{color:#dc2626;background:#fff!important}.delete-btn:hover{background:#fff3f3!important;border-color:#fecaca!important}.gallery-empty{text-align:center;background:#fff;border:1px solid #e4e9f0;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:30px;display:flex}.empty-icon{background:#fff0f3;border-radius:18px;justify-content:center;align-items:center;width:65px;height:65px;margin-bottom:14px;font-size:27px;display:flex}.gallery-empty h3{margin:0 0 6px;font-size:18px}.gallery-empty p{color:#718096;margin:0 0 18px;font-size:13px}.loading-spinner{border:3px solid #fbd1d9;border-top-color:#f52f52;border-radius:50%;width:32px;height:32px;margin-bottom:15px;animation:.8s linear infinite gallerySpin}.gallery-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-sizing:border-box;background:#0f172a9e;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.gallery-modal{background:#fff;border-radius:18px;width:min(620px,100%);max-height:calc(100vh - 50px);overflow-y:auto;box-shadow:0 30px 80px #00000040}.modal-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;padding:21px 23px;display:flex}.modal-header span{color:#f52f52;letter-spacing:2px;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.modal-header h2{margin:0;font-size:20px}.modal-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e1e6ed;border-radius:9px;width:35px;height:35px;font-size:23px}.modal-close:hover{color:#f52f52;border-color:#f52f52}.gallery-modal form{padding:22px}.upload-section{margin-bottom:19px}.upload-section>label,.form-group>label{color:#263247;margin-bottom:8px;font-size:12px;font-weight:750;display:block}.upload-section em,.form-group em{color:#f52f52;font-style:normal}.image-upload-box{box-sizing:border-box;background:#fafbfc;border:1.5px dashed #d5dce6;border-radius:12px;width:100%;height:235px;overflow:hidden}.upload-placeholder{cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.upload-placeholder>span{background:#fff0f3;border-radius:15px;justify-content:center;align-items:center;width:55px;height:55px;margin-bottom:12px;font-size:24px;display:flex}.upload-placeholder strong{font-size:13px}.upload-placeholder small{color:#8a95a5;margin-top:6px;line-height:1.5}.upload-placeholder input,.change-image input{display:none}.preview-wrapper{width:100%;height:100%;position:relative}.preview-wrapper img{object-fit:contain;background:#f5f6f8;width:100%;height:100%}.remove-preview{color:#fff;cursor:pointer;background:#000000a6;border:0;border-radius:50%;width:32px;height:32px;font-size:20px;position:absolute;top:10px;right:10px}.change-image{color:#f52f52;cursor:pointer;margin-top:8px;font-size:12px;font-weight:700;display:inline-block}.form-group{margin-bottom:17px}.form-group input,.form-group textarea{box-sizing:border-box;color:#1f2937;background:#fff;border:1px solid #dbe2eb;border-radius:9px;outline:none;width:100%;padding:12px 13px;font-family:inherit;font-size:13px}.form-group input{height:44px}.form-group textarea{resize:vertical;min-height:90px}.form-group input:focus,.form-group textarea:focus{border-color:#f52f52;box-shadow:0 0 0 3px #f52f5214}.modal-footer{justify-content:flex-end;gap:9px;padding-top:7px;display:flex}@media (width<=1100px){.gallery-grid,.gallery-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.admin-gallery-page{padding:20px}.gallery-header{flex-direction:column}.gallery-header-actions{width:100%}.gallery-toolbar{flex-direction:column;align-items:stretch}.filter-buttons{overflow-x:auto}}@media (width<=600px){.admin-gallery-page{padding:14px}.gallery-stats,.gallery-grid{grid-template-columns:1fr}.gallery-header h1{font-size:25px}.gallery-header-actions{grid-template-columns:1fr;display:grid}.gallery-header-actions button{width:100%}.gallery-modal-overlay{padding:10px}.gallery-modal{max-height:calc(100vh - 20px)}}.admin-jobs-page{color:#172033;background:#f5f7fb;min-height:100vh}.admin-jobs-header{background:#fff;border-bottom:1px solid #e5e9ef}.admin-jobs-header-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1400px;min-height:76px;margin:0 auto;padding:0 28px;display:flex}.admin-jobs-brand{cursor:pointer;align-items:center;gap:12px;display:flex}.admin-jobs-logo{color:#fff;background:#f23b58;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:17px;font-weight:900;display:flex}.admin-jobs-brand>div:last-child{flex-direction:column;display:flex}.admin-jobs-brand strong{color:#172033;font-size:18px;line-height:1.1}.admin-jobs-brand span{color:#f23b58;letter-spacing:1.5px;text-transform:uppercase;margin-top:4px;font-size:8px;font-weight:800}.admin-jobs-header-right{align-items:center;gap:10px;display:flex}.admin-jobs-header-right button{cursor:pointer;border-radius:9px;min-height:40px;padding:0 16px;font-size:12px;font-weight:700}.admin-jobs-dashboard-button{color:#172033;background:#fff;border:1px solid #dbe2ea}.admin-jobs-dashboard-button:hover{background:#f7f9fc}.admin-jobs-logout-button{color:#e52d4d;background:#fff;border:1px solid #f5b8c2}.admin-jobs-logout-button:hover{background:#fff3f5}.admin-jobs-main{max-width:1100px;margin:0 auto;padding:40px 28px 70px}.admin-jobs-heading{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:30px;display:flex}.admin-jobs-label{color:#f23b58;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:900}.admin-jobs-heading h1{color:#10213f;margin:0;font-size:32px;line-height:1.15}.admin-jobs-heading p{color:#64748b;margin:8px 0 0;font-size:13px}.admin-jobs-back-button{color:#172033;cursor:pointer;background:#fff;border:1px solid #dbe2ea;border-radius:9px;flex-shrink:0;min-height:40px;padding:0 16px;font-size:12px;font-weight:700}.admin-jobs-summary-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px;display:grid}.admin-jobs-summary-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e0e6ee;border-radius:14px;align-items:flex-start;gap:14px;min-height:130px;padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.admin-jobs-summary-card:hover{border-color:#cfd8e5;transform:translateY(-2px);box-shadow:0 12px 30px #0f172a12}.admin-jobs-summary-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.employer-icon{background:#fff0f3}.employee-icon{background:#eef6ff}.job-icon{background:#fff7e7}.application-icon{background:#f1efff}.admin-jobs-summary-card>div:nth-child(2){flex-direction:column;display:flex}.admin-jobs-summary-card span{color:#64748b;font-size:11px;font-weight:600}.admin-jobs-summary-card strong{color:#172033;margin-top:5px;font-size:25px;line-height:1}.admin-jobs-summary-card small{color:#94a3b8;margin-top:7px;font-size:10px}.admin-jobs-card-arrow{color:#f23b58;font-size:14px;font-weight:800;position:absolute;bottom:15px;right:15px}.admin-jobs-approval-section{background:#fff;border:1px solid #e0e6ee;border-radius:15px;margin-bottom:24px;padding:24px}.admin-jobs-section-heading{margin-bottom:18px}.admin-jobs-section-heading h2{color:#172033;margin:0;font-size:19px}.admin-jobs-section-heading p{color:#7b8798;margin:5px 0 0;font-size:12px}.admin-jobs-approval-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.admin-jobs-approval-card{text-align:left;cursor:pointer;background:#fbfcfe;border:1px solid #e3e8ef;border-radius:13px;align-items:flex-start;gap:15px;padding:20px;transition:background .2s,border-color .2s,transform .2s;display:flex}.admin-jobs-approval-card:hover{background:#fff;border-color:#f0b4bd;transform:translateY(-2px)}.approval-card-icon{background:#fff0f3;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;display:flex}.approval-card-content h3{color:#172033;margin:0;font-size:15px}.approval-card-content p{color:#6b7789;margin:7px 0;font-size:11px;line-height:1.6}.approval-card-content span{color:#f23b58;font-size:11px;font-weight:800}.admin-jobs-workflow{background:#f7f9ff;border:1px solid #dbe5ff;border-radius:14px;align-items:flex-start;gap:16px;padding:22px;display:flex}.admin-jobs-workflow-icon{background:#eaf0ff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;display:flex}.admin-jobs-workflow h3{color:#172033;margin:0;font-size:15px}.admin-jobs-workflow p{color:#64748b;margin:6px 0 18px;font-size:11px;line-height:1.6}.admin-jobs-workflow-steps{align-items:center;gap:10px;display:flex}.admin-jobs-workflow-steps>div:not(.workflow-arrow){align-items:center;gap:7px;display:flex}.admin-jobs-workflow-steps strong{color:#f23b58;background:#fff;border:1px solid #d6deee;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;display:flex}.admin-jobs-workflow-steps span{color:#526074;font-size:10px;font-weight:700}.workflow-arrow{color:#a1aabd;font-size:14px}.admin-jobs-list-section{background:#fff;border:1px solid #e0e6ee;border-radius:15px;padding:24px}.admin-jobs-list-toolbar{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:15px;padding-bottom:18px;display:flex}.admin-jobs-list-toolbar h2{color:#172033;margin:0;font-size:20px}.admin-jobs-list-toolbar p{color:#7b8798;margin:5px 0 0;font-size:12px}.admin-jobs-list-toolbar button{color:#172033;cursor:pointer;background:#fff;border:1px solid #dbe2ea;border-radius:9px;min-height:38px;padding:0 14px;font-size:11px;font-weight:700}.admin-jobs-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.admin-jobs-empty-icon{background:#fff0f3;border-radius:16px;justify-content:center;align-items:center;width:62px;height:62px;font-size:28px;display:flex}.admin-jobs-empty h3{color:#172033;margin:15px 0 5px;font-size:17px}.admin-jobs-empty p{color:#7b8798;max-width:400px;margin:0;font-size:12px}@media (width<=900px){.admin-jobs-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.admin-jobs-header-inner{padding:0 16px}.admin-jobs-main{padding:28px 16px 50px}.admin-jobs-heading{flex-direction:column;align-items:flex-start}.admin-jobs-heading h1{font-size:27px}.admin-jobs-approval-grid{grid-template-columns:1fr}.admin-jobs-workflow{flex-direction:column}.admin-jobs-workflow-steps{flex-wrap:wrap}.workflow-arrow{display:none}}@media (width<=520px){.admin-jobs-summary-grid{grid-template-columns:1fr}.admin-jobs-header-right{gap:5px}.admin-jobs-dashboard-button,.admin-jobs-logout-button{padding:0 10px!important}.admin-jobs-brand strong{font-size:16px}.admin-jobs-brand span{font-size:7px}}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{color:#111827;background:#f6f7fb;font-family:Arial,Helvetica,sans-serif}.donor-dashboard{background:#f6f7fb;min-height:100vh;display:flex}.donor-sidebar{z-index:100;background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:250px;min-width:250px;height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.donor-brand{border-bottom:1px solid #eee;flex-shrink:0;align-items:center;gap:12px;min-height:88px;padding:18px 20px;display:flex}.donor-brand-icon{background:#fff0f3;border-radius:13px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;font-size:23px;display:flex}.donor-brand h1{color:#111827;margin:0;font-size:19px;font-weight:800;line-height:1.1}.donor-brand span{letter-spacing:1.5px;color:#e11d48;margin-top:5px;font-size:8px;font-weight:800;display:block}.donor-navigation{flex:1;padding:18px 12px;overflow:hidden auto}.donor-navigation::-webkit-scrollbar{width:5px}.donor-navigation::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}.donor-nav-item{color:#5f6673;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;width:100%;min-height:46px;margin-bottom:5px;padding:11px 13px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.donor-nav-item span{text-align:center;width:25px;min-width:25px;font-size:18px}.donor-nav-item:hover{color:#e11d48;background:#fff2f4}.donor-nav-item.active{color:#fff;background:#e11d48;box-shadow:0 7px 18px #e11d4833}.donor-nav-button{appearance:none}.donor-sidebar-bottom{background:#fff;border-top:1px solid #eee;flex-shrink:0;padding:14px}.donor-mini-profile{align-items:center;gap:10px;min-width:0;margin-bottom:12px;display:flex}.donor-avatar{color:#fff;background:#e11d48;border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:15px;font-weight:800;display:flex}.donor-mini-info{min-width:0}.donor-mini-info strong{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.donor-mini-info span{color:#9ca3af;margin-top:3px;font-size:10px;display:block}.donor-logout{color:#dc2626;cursor:pointer;background:#fff5f6;border:1px solid #fecdd3;border-radius:10px;width:100%;min-height:42px;font-size:13px;font-weight:700;transition:all .2s}.donor-logout:hover{color:#fff;background:#e11d48;border-color:#e11d48}.donor-main{width:calc(100% - 250px);min-height:100vh;margin-left:250px;padding:0 32px 40px}.donor-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;min-height:88px;display:flex}.donor-header h2{color:#111827;margin:0;font-size:25px;font-weight:800;line-height:1.2}.donor-header p{color:#9ca3af;margin:5px 0 0;font-size:13px}.donor-header-right{align-items:center;gap:22px;display:flex}.system-status{color:#15803d;align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.system-status span{background:#22c55e;border-radius:50%;width:8px;height:8px}.header-donor{align-items:center;gap:9px;display:flex}.header-avatar{color:#e11d48;background:#fff0f3;border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:14px;font-weight:800;display:flex}.header-donor strong{color:#111827;font-size:12px;display:block}.header-donor small{color:#9ca3af;margin-top:3px;font-size:10px;display:block}.donor-welcome{color:#fff;background:linear-gradient(135deg,#f7255a 0%,#ef2556 55%,#f72c67 100%);border-radius:18px;min-height:215px;margin-top:28px;padding:30px;position:relative;overflow:hidden;box-shadow:0 14px 35px #ef25562e}.welcome-content{z-index:2;max-width:620px;position:relative}.welcome-label{letter-spacing:1.4px;margin-bottom:12px;font-size:10px;font-weight:800;display:block}.welcome-content h1{margin:0;font-size:27px;font-weight:800;line-height:1.15}.welcome-content p{color:#fffffff2;max-width:520px;margin:14px 0 0;font-size:13px;line-height:1.7}.welcome-blood{opacity:.15;font-size:75px;position:absolute;bottom:15px;right:45px;transform:rotate(-8deg)}.donor-stats{grid-template-columns:repeat(4,1fr);gap:15px;margin-top:20px;display:grid}.donor-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:15px;align-items:center;gap:13px;min-width:0;padding:18px;display:flex}.stat-icon{background:#fff0f3;border-radius:13px;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;font-size:21px;display:flex}.donor-stat-card>div:last-child{min-width:0}.donor-stat-card span{color:#8b95a5;font-size:10px;font-weight:600;display:block}.donor-stat-card strong{color:#111827;overflow-wrap:anywhere;margin-top:5px;font-size:20px;font-weight:800;line-height:1.1;display:block}.donor-stat-card small{color:#9ca3af;margin-top:4px;font-size:9px;display:block}.donor-content-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.donor-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.panel-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;gap:15px;min-height:76px;padding:17px 20px;display:flex}.panel-header h3{color:#111827;margin:0;font-size:16px;font-weight:800}.panel-header p{color:#9ca3af;margin:4px 0 0;font-size:10px}.panel-button{color:#e11d48;cursor:pointer;background:#fff0f3;border:0;border-radius:9px;padding:9px 12px;font-size:11px;font-weight:700}.panel-button:hover{color:#fff;background:#e11d48}.profile-details{padding:4px 20px}.profile-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:15px;min-height:48px;display:flex}.profile-row:last-child{border-bottom:0}.profile-row span{color:#9ca3af;font-size:11px}.profile-row strong{color:#111827;text-align:right;overflow-wrap:anywhere;font-size:11px}.available-badge,.unavailable-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:6px 10px;font-size:10px;font-weight:700;display:flex}.available-badge{color:#15803d;background:#dcfce7}.unavailable-badge{color:#6b7280;background:#f3f4f6}.available-badge span,.unavailable-badge span{background:currentColor;border-radius:50%;width:6px;height:6px}.availability-message{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:245px;padding:25px;display:flex}.availability-big-icon{background:#fff0f3;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:12px;font-size:27px;display:flex}.availability-message h3{color:#111827;margin:0;font-size:15px}.availability-message p{color:#9ca3af;max-width:420px;margin:7px auto 16px;font-size:11px;line-height:1.6}.availability-button{color:#fff;cursor:pointer;background:#e11d48;border:0;border-radius:9px;padding:10px 15px;font-size:11px;font-weight:700}.availability-button:hover{background:#be123c}.donor-quick-section{margin-top:25px}.section-title{margin-bottom:14px}.section-title h3{color:#111827;margin:0;font-size:18px;font-weight:800}.section-title p{color:#9ca3af;margin:4px 0 0;font-size:11px}.donor-quick-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.quick-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:14px;min-width:0;padding:18px;transition:all .2s}.quick-card:hover{border-color:#fda4af;transform:translateY(-2px);box-shadow:0 10px 25px #0000000d}.quick-icon{background:#fff0f3;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:12px;font-size:19px;display:flex}.quick-card strong{color:#111827;font-size:12px;display:block}.quick-card>span{color:#9ca3af;margin-top:5px;font-size:9px;line-height:1.5;display:block}.donor-footer{color:#9ca3af;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:15px;margin-top:30px;padding:18px 0;font-size:10px;display:flex}.donor-loading,.donor-error{text-align:center;background:#f6f7fb;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.donor-loader{background:#fff0f3;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;margin-bottom:12px;font-size:22px;display:flex}.donor-loading h2,.donor-error h2{margin:0;font-size:20px}.donor-loading p,.donor-error p{color:#9ca3af;font-size:12px}.donor-error-icon{margin-bottom:10px;font-size:35px}.profile-modal-overlay,.availability-modal-overlay{z-index:1000;background:#1118278c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.profile-modal,.availability-modal{background:#fff;border-radius:18px;width:min(760px,100%);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 25px 70px #0000002e}.profile-modal-header,.availability-modal-header{border-bottom:1px solid #eee;justify-content:space-between;gap:15px;padding:22px;display:flex}.profile-modal-label,.availability-modal-label{color:#e11d48;letter-spacing:1.3px;font-size:9px;font-weight:800}.profile-modal-header h2,.availability-modal-header h2{margin:5px 0 0;font-size:21px}.profile-modal-header p,.availability-modal-header p{color:#9ca3af;margin:5px 0 0;font-size:11px}.profile-modal-close,.availability-modal-close{color:#555;cursor:pointer;background:#f3f4f6;border:0;border-radius:50%;width:35px;min-width:35px;height:35px;font-size:22px}.profile-modal-close:hover,.availability-modal-close:hover{color:#dc2626;background:#fee2e2}.profile-success-message,.availability-success-message{color:#15803d;background:#ecfdf5;border-radius:9px;margin:15px 22px 0;padding:11px 13px;font-size:11px}.profile-error-message,.availability-error-message{color:#dc2626;background:#fff1f2;border-radius:9px;margin:15px 22px 0;padding:11px 13px;font-size:11px}.profile-edit-form{padding:20px 22px}.profile-form-section{margin-bottom:22px}.profile-form-title{align-items:center;gap:10px;margin-bottom:14px;display:flex}.profile-form-title>span{background:#fff0f3;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.profile-form-title h3{margin:0;font-size:14px}.profile-form-title p{color:#9ca3af;margin:3px 0 0;font-size:10px}.profile-form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.profile-form-field label{color:#374151;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.profile-form-field input,.profile-form-field select{color:#111827;background:#fff;border:1px solid #dfe3e8;border-radius:9px;outline:none;width:100%;height:42px;padding:0 12px;font-size:12px}.profile-form-field input:focus,.profile-form-field select:focus{border-color:#e11d48;box-shadow:0 0 0 3px #e11d4814}.profile-modal-actions,.availability-modal-actions{border-top:1px solid #eee;justify-content:flex-end;gap:10px;padding-top:17px;display:flex}.profile-cancel-button,.availability-cancel-button,.profile-save-button,.availability-save-button{cursor:pointer;border-radius:9px;min-height:40px;padding:0 16px;font-size:11px;font-weight:700}.profile-cancel-button,.availability-cancel-button{color:#6b7280;background:#fff;border:1px solid #e5e7eb}.profile-save-button,.availability-save-button{color:#fff;background:#e11d48;border:0}.profile-save-button:hover,.availability-save-button:hover{background:#be123c}.availability-modal{max-width:650px}.availability-modal-body{padding:20px 22px}.availability-choice{cursor:pointer;border:1px solid #e5e7eb;border-radius:13px;align-items:center;gap:13px;margin-bottom:12px;padding:15px;transition:all .2s;display:flex}.availability-choice:hover{border-color:#fda4af}.availability-choice.active{background:#fff7f8;border-color:#e11d48}.availability-choice-icon{background:#fff0f3;border-radius:12px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;font-size:20px;display:flex}.availability-choice-content{flex:1;min-width:0}.availability-choice-content strong{font-size:13px;display:block}.availability-choice-content span{color:#9ca3af;margin-top:4px;font-size:10px;line-height:1.5;display:block}.availability-radio{border:2px solid #d1d5db;border-radius:50%;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;display:flex}.availability-choice.active .availability-radio{border-color:#e11d48}.availability-radio span{background:#e11d48;border-radius:50%;width:10px;height:10px}.availability-modal-actions{padding:15px 22px 20px}@media (width<=1100px){.donor-sidebar{width:220px;min-width:220px}.donor-main{width:calc(100% - 220px);margin-left:220px;padding-left:22px;padding-right:22px}.donor-stats,.donor-quick-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.donor-header-right{gap:10px}.system-status{display:none}.donor-content-grid{grid-template-columns:1fr}.donor-welcome{padding:25px}.welcome-blood{right:25px}}@media (width<=650px){.donor-dashboard{width:100%;display:block}.donor-sidebar{z-index:500;border-bottom:1px solid #e5e7eb;border-right:0;width:100%;min-width:0;height:auto;min-height:auto;position:sticky;top:0;left:0}.donor-brand{height:62px;min-height:62px;padding:8px 14px}.donor-brand-icon{border-radius:10px;width:38px;min-width:38px;height:38px;font-size:19px}.donor-brand h1{font-size:16px}.donor-brand span{margin-top:3px;font-size:7px}.donor-navigation{white-space:nowrap;flex:none;align-items:center;gap:5px;width:100%;height:auto;max-height:none;padding:7px 8px;display:flex;overflow:auto hidden}.donor-navigation::-webkit-scrollbar{height:3px}.donor-nav-item{border-radius:8px;flex-shrink:0;gap:5px;width:auto;min-width:max-content;height:38px;min-height:38px;margin:0;padding:7px 10px;font-size:11px}.donor-nav-item span{width:auto;min-width:auto;font-size:15px}.donor-sidebar-bottom{border-top:1px solid #eee;align-items:center;gap:10px;padding:8px 12px;display:flex}.donor-mini-profile{flex:1;min-width:0;margin:0}.donor-avatar{width:34px;min-width:34px;height:34px;font-size:13px}.donor-mini-info strong{font-size:11px}.donor-mini-info span{font-size:9px}.donor-logout{width:auto;min-width:90px;min-height:36px;padding:0 12px;font-size:11px}.donor-main{width:100%;margin-left:0;padding:0 12px 25px}.donor-header{min-height:72px;padding:13px 0}.donor-header h2{font-size:19px}.donor-header p{margin-top:3px;font-size:10px}.header-donor{display:none}.donor-welcome{border-radius:15px;min-height:205px;margin-top:15px;padding:23px 20px}.welcome-label{letter-spacing:1px;font-size:8px}.welcome-content h1{font-size:24px}.welcome-content p{max-width:290px;font-size:11px;line-height:1.6}.welcome-blood{font-size:55px;bottom:5px;right:15px}.donor-stats{grid-template-columns:1fr;gap:10px;margin-top:14px}.donor-stat-card{border-radius:13px;min-height:82px;padding:14px}.stat-icon{width:44px;min-width:44px;height:44px;font-size:19px}.donor-stat-card strong{font-size:18px}.donor-content-grid{grid-template-columns:1fr;gap:14px;margin-top:14px}.panel-header{padding:14px}.profile-details{padding:4px 14px}.profile-row{min-height:45px}.donor-quick-section{margin-top:18px}.donor-quick-grid{grid-template-columns:1fr;gap:10px}.quick-card{align-items:center;gap:12px;padding:14px;display:flex}.quick-icon{width:40px;min-width:40px;height:40px;margin:0}.quick-card strong{font-size:12px}.quick-card>span{margin-top:3px;font-size:9px}.donor-footer{text-align:center;flex-direction:column;gap:5px;margin-top:20px}.profile-modal-overlay,.availability-modal-overlay{align-items:flex-start;padding:10px}.profile-modal,.availability-modal{border-radius:14px;width:100%;max-height:calc(100vh - 20px)}.profile-modal-header,.availability-modal-header{padding:16px}.profile-modal-header h2,.availability-modal-header h2{font-size:18px}.profile-edit-form{padding:15px}.profile-form-grid{grid-template-columns:1fr;gap:11px}.profile-modal-actions,.availability-modal-actions{padding:12px 15px 15px}.availability-modal-body{padding:15px}.availability-choice{padding:12px}.availability-choice-content span{font-size:9px}}@media (width<=400px){.donor-main,.donor-brand{padding-left:10px;padding-right:10px}.donor-navigation{padding-left:5px;padding-right:5px}.donor-nav-item{padding-left:8px;padding-right:8px;font-size:10px}.donor-welcome{padding:20px 17px}.welcome-content h1{font-size:21px}.donor-header h2{font-size:17px}.donor-logout{min-width:82px;padding:0 9px}}*,:before,:after{box-sizing:border-box}.donor-dashboard,.donor-main,.donor-sidebar,.donor-panel,.donor-stat-card,.quick-card,.profile-modal,.availability-modal{min-width:0}@media (width<=650px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{overflow-x:hidden}.donor-dashboard{width:100%;min-width:0;display:block;overflow-x:hidden}.donor-sidebar{z-index:500;border-bottom:1px solid #e5e7eb;border-right:0;width:100%;min-width:0;max-width:100%;height:auto;min-height:0;position:relative;top:auto;bottom:auto;left:auto;overflow:visible}.donor-brand{width:100%;min-width:0;height:62px;min-height:62px;padding:8px 12px;overflow:hidden}.donor-brand>div:last-child{min-width:0;overflow:hidden}.donor-brand h1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.donor-navigation{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-direction:row;flex:none;align-items:center;gap:5px;width:100%;min-width:0;max-width:100%;height:auto;max-height:none;padding:7px 8px;display:flex;overflow:auto hidden}.donor-navigation::-webkit-scrollbar{height:3px}.donor-nav-item,.donor-nav-button{white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:5px;width:auto;min-width:max-content;max-width:none;height:38px;min-height:38px;margin:0;padding:7px 10px;font-size:11px;line-height:1;display:inline-flex;overflow:visible}.donor-nav-item span{flex:none;width:auto;min-width:0;font-size:15px;line-height:1}.donor-sidebar-bottom{align-items:center;gap:8px;width:100%;min-width:0;min-height:50px;padding:7px 10px;display:flex;overflow:hidden}.donor-mini-profile{flex:auto;width:auto;min-width:0;margin:0;overflow:hidden}.donor-mini-info{flex:auto;min-width:0;overflow:hidden}.donor-mini-info strong{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.donor-logout{white-space:nowrap;flex:none;width:auto;min-width:82px;max-width:105px;height:36px;min-height:36px;padding:0 10px;font-size:11px}.donor-main{width:100%;min-width:0;max-width:100%;margin:0;padding:0 12px 25px;display:block;overflow-x:hidden}.donor-header{gap:8px;width:100%;min-width:0;min-height:72px;padding:13px 0}.donor-header>div:first-child{flex:auto;min-width:0}.donor-header h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.donor-welcome{width:100%;min-width:0;min-height:205px;margin-top:15px;padding:23px 20px}.welcome-content{width:100%;min-width:0;max-width:100%}.welcome-content h1{overflow-wrap:anywhere;max-width:100%}.welcome-content p{overflow-wrap:anywhere;max-width:75%}.donor-stats,.donor-content-grid,.donor-quick-grid{width:100%;min-width:0;max-width:100%}.donor-stat-card{width:100%;min-width:0}.donor-stat-card>div:last-child{min-width:0;overflow:hidden}.donor-stat-card strong{overflow-wrap:anywhere}.donor-panel{width:100%;min-width:0;max-width:100%}.panel-header,.panel-header>div:first-child{min-width:0}.panel-header h3,.panel-header p{overflow-wrap:anywhere}.panel-button{white-space:nowrap;flex:none}.profile-row{gap:10px;width:100%;min-width:0}.profile-row span{flex:none}.profile-row strong{overflow-wrap:anywhere;min-width:0;max-width:65%}.quick-card{width:100%;min-width:0;max-width:100%}.quick-card>div:nth-child(2),.quick-card>span{overflow-wrap:anywhere;min-width:0}.profile-modal-overlay,.availability-modal-overlay{width:100%;max-width:100%;padding:8px;overflow-x:hidden}.profile-modal,.availability-modal{width:100%;min-width:0;max-width:100%}.profile-modal-header,.availability-modal-header,.profile-modal-header>div:first-child,.availability-modal-header>div:first-child{min-width:0}.profile-modal-header h2,.availability-modal-header h2,.profile-modal-header p,.availability-modal-header p{overflow-wrap:anywhere}.profile-form-grid{width:100%;min-width:0}.profile-form-field{min-width:0}.profile-form-field input,.profile-form-field select{max-width:100%}.availability-choice,.availability-choice-content{min-width:0}.availability-choice-content span{overflow-wrap:anywhere}}@media (width<=400px){.donor-main,.donor-brand{padding-left:9px;padding-right:9px}.donor-navigation{padding-left:5px;padding-right:5px}.donor-nav-item,.donor-nav-button{height:36px;min-height:36px;padding-left:8px;padding-right:8px;font-size:10px}.donor-sidebar-bottom{padding-left:8px;padding-right:8px}.donor-logout{min-width:78px;padding-left:8px;padding-right:8px;font-size:10px}.donor-welcome{padding:20px 16px}.welcome-content p{max-width:82%}.panel-header{gap:8px;padding-left:12px;padding-right:12px}.panel-header h3{font-size:14px}.profile-details{padding-left:12px;padding-right:12px}}.blood-requests-page{color:#172033;background:#f5f7fb;min-height:100vh}.blood-requests-header{background:#fff;border-bottom:1px solid #e6e9ef;justify-content:space-between;align-items:center;gap:25px;min-height:90px;padding:18px 34px;display:flex}.blood-requests-header-left{align-items:center;gap:24px;display:flex}.back-dashboard-button{color:#344054;cursor:pointer;background:#fff;border:1px solid #dfe4eb;border-radius:9px;padding:11px 16px;font-size:13px;font-weight:700}.back-dashboard-button:hover{background:#f7f8fa}.blood-page-label{color:#ed174c;letter-spacing:1.5px;margin-bottom:4px;font-size:10px;font-weight:800}.blood-requests-header h1{margin:0;font-size:27px;font-weight:800;line-height:1.15}.blood-requests-header p{color:#8490a1;margin:5px 0 0;font-size:13px}.blood-header-profile{align-items:center;gap:11px;display:flex}.blood-header-avatar{color:#ed174c;background:#ffe4eb;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:800;display:flex}.blood-header-profile strong{font-size:13px;font-weight:800;display:block}.blood-header-profile span{color:#7e8999;margin-top:3px;font-size:11px;display:block}.blood-requests-main{max-width:1250px;margin:0 auto;padding:32px 28px 60px}.matching-info-card{background:#fff;border:1px solid #e5e9ef;border-radius:17px;align-items:center;gap:18px;padding:24px;display:flex;box-shadow:0 8px 25px #1e293b0a}.matching-info-icon{background:#fff0f3;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:55px;height:55px;font-size:26px;display:flex}.matching-info-content{flex:1}.matching-info-content>span{color:#ed174c;letter-spacing:1.4px;font-size:9px;font-weight:800}.matching-info-content h2{margin:5px 0 4px;font-size:18px;font-weight:800}.matching-info-content p{color:#7f8a9a;margin:0;font-size:12px}.matching-profile{gap:10px;display:flex}.matching-profile>div{background:#f8fafc;border:1px solid #edf0f3;border-radius:11px;min-width:100px;padding:10px 13px}.matching-profile span{color:#8a95a5;font-size:9px;display:block}.matching-profile strong{margin-top:4px;font-size:14px;display:block}.blood-request-error{background:#fff4f4;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;margin-top:18px;padding:13px 16px;display:flex}.blood-request-error p{color:#b42318;flex:1;margin:0;font-size:12px;font-weight:600}.blood-request-error button{color:#fff;cursor:pointer;background:#dc2626;border:0;border-radius:7px;padding:8px 13px;font-size:11px;font-weight:700}.blood-request-heading{justify-content:space-between;align-items:center;margin-top:32px;display:flex}.blood-request-heading h2{margin:0;font-size:20px;font-weight:800}.blood-request-heading p{color:#8590a0;margin:4px 0 0;font-size:12px}.refresh-request-button{color:#344054;cursor:pointer;background:#fff;border:1px solid #dfe4eb;border-radius:8px;padding:9px 14px;font-size:11px;font-weight:700}.blood-request-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.blood-request-card{background:#fff;border:1px solid #e4e8ee;border-radius:17px;padding:20px;box-shadow:0 7px 25px #1e293b0b}.request-card-top{justify-content:space-between;align-items:center;display:flex}.request-blood-group{color:#e11d2e;background:#ffe2e6;border-radius:13px;justify-content:center;align-items:center;width:52px;height:52px;font-size:17px;font-weight:900;display:flex}.request-urgent{color:#16803c;background:#ecfdf3;border:1px solid #c9f1d8;border-radius:20px;align-items:center;gap:6px;padding:6px 10px;font-size:10px;font-weight:800;display:flex}.request-urgent span{background:#16a34a;border-radius:50%;width:6px;height:6px}.request-patient{align-items:center;gap:10px;margin-top:18px;display:flex}.patient-icon{background:#f1f4f7;border-radius:10px;justify-content:center;align-items:center;width:39px;height:39px;font-size:17px;display:flex}.request-patient span{color:#8a95a4;font-size:9px;display:block}.request-patient h3{margin:3px 0 0;font-size:16px;font-weight:800}.requester-contact-box{background:#fff7f8;border:1px solid #ffdfe5;border-radius:12px;align-items:center;gap:11px;margin-top:17px;padding:13px 14px;display:flex}.requester-contact-icon{background:#ffe4e9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex}.requester-contact-info{flex:1;min-width:0}.requester-contact-info>span{color:#8993a2;text-transform:uppercase;letter-spacing:.4px;font-size:9px;font-weight:700;display:block}.requester-contact-info strong{color:#202938;margin-top:2px;font-size:13px;font-weight:800;display:block}.requester-mobile{color:#e11d48;margin-top:2px;font-size:13px;font-weight:700;text-decoration:none;display:block}.requester-mobile:hover{text-decoration:underline}.requester-contact-actions{flex-shrink:0;align-items:center;gap:7px;display:flex}.call-requester-button,.whatsapp-requester-button{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;min-height:32px;padding:7px 10px;font-size:10px;font-weight:800;text-decoration:none;display:inline-flex}.call-requester-button{color:#fff;background:#ed174c}.call-requester-button:hover{background:#d91445}.whatsapp-requester-button{color:#16803c;background:#eafaf0;border:1px solid #ccefd9}.whatsapp-requester-button:hover{background:#dcf7e7}.request-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px;display:grid}.request-detail{background:#f8fafc;border:1px solid #edf0f3;border-radius:10px;align-items:flex-start;gap:8px;min-width:0;padding:11px;display:flex}.detail-icon{flex-shrink:0;font-size:14px}.request-detail small{color:#8a95a4;text-transform:uppercase;letter-spacing:.5px;font-size:8px;font-weight:700;display:block}.request-detail strong{color:#283343;word-break:break-word;margin-top:3px;font-size:11px;line-height:1.35;display:block}.request-message{background:#fffaf0;border:1px solid #f7e5bb;border-radius:9px;gap:8px;margin-top:13px;padding:10px 12px;display:flex}.request-message p{color:#6b5a31;margin:0;font-size:11px;line-height:1.45}.request-card-footer{border-top:1px solid #edf0f3;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;display:flex}.request-contact small{color:#8a95a4;text-transform:uppercase;font-size:8px;font-weight:700;display:block}.request-contact strong{color:#283343;margin-top:3px;font-size:13px;display:block}.accept-request-button{color:#fff;cursor:pointer;white-space:nowrap;background:#e11d2e;border:0;border-radius:9px;padding:10px 16px;font-size:11px;font-weight:800;transition:all .2s}.accept-request-button:hover{background:#c91827;transform:translateY(-1px)}.accept-request-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.blood-request-empty{text-align:center;background:#fff;border:1px solid #e5e9ef;border-radius:17px;margin-top:18px;padding:60px 25px}.empty-blood-icon{background:#fff0f2;border-radius:18px;justify-content:center;align-items:center;width:65px;height:65px;margin:0 auto 15px;font-size:29px;display:flex}.blood-request-empty h2{margin:0;font-size:19px;font-weight:800}.blood-request-empty p{color:#7e8999;max-width:470px;margin:8px auto 18px;font-size:12px;line-height:1.6}.blood-request-empty button{color:#fff;cursor:pointer;background:#e11d2e;border:0;border-radius:8px;padding:10px 17px;font-size:11px;font-weight:800}.blood-requests-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.blood-request-loader{background:#fff0f2;border-radius:18px;justify-content:center;align-items:center;width:65px;height:65px;font-size:31px;animation:1.2s infinite bloodPulse;display:flex}.blood-requests-loading h2{margin:18px 0 5px;font-size:19px}.blood-requests-loading p{color:#7e8999;margin:0;font-size:12px}@keyframes bloodPulse{0%{transform:scale(1)}50%{transform:scale(1.07)}to{transform:scale(1)}}@media (width<=950px){.blood-request-grid{grid-template-columns:1fr}.matching-info-card{flex-wrap:wrap}.matching-profile{width:100%}}@media (width<=650px){.blood-requests-header{flex-direction:column;align-items:flex-start;padding:15px 16px}.blood-requests-header-left{gap:13px;width:100%}.blood-requests-header h1{font-size:23px}.blood-header-profile{width:100%}.blood-requests-main{padding:20px 15px 40px}.matching-info-card{padding:17px}.matching-info-content h2{font-size:16px}.matching-profile{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.requester-contact-box{flex-wrap:wrap;align-items:flex-start}.requester-contact-info{flex:1}.requester-contact-actions{width:100%;margin-top:5px}.call-requester-button,.whatsapp-requester-button{flex:1}.request-details{grid-template-columns:1fr}.request-card-footer{flex-direction:column;align-items:stretch}.accept-request-button{width:100%}}@media (width<=420px){.blood-requests-header-left{align-items:flex-start}.back-dashboard-button{padding:9px 11px;font-size:11px}.matching-profile{grid-template-columns:1fr}.requester-contact-box{grid-template-columns:38px 1fr;display:grid}.requester-contact-actions{grid-column:1/-1}}.donation-history-page{color:#172033;background:#f5f7fb;min-height:100vh}.donation-history-header{background:#fff;border-bottom:1px solid #e6e9ef;justify-content:space-between;align-items:center;gap:25px;min-height:90px;padding:18px 34px;display:flex}.donation-history-header-left{align-items:center;gap:24px;display:flex}.history-back-button{color:#344054;cursor:pointer;background:#fff;border:1px solid #dfe4eb;border-radius:9px;padding:11px 16px;font-size:13px;font-weight:700}.history-back-button:hover{background:#f7f8fa}.history-page-label{color:#ed174c;letter-spacing:1.5px;margin-bottom:4px;font-size:10px;font-weight:800}.donation-history-header h1{margin:0;font-size:27px;font-weight:800;line-height:1.15}.donation-history-header p{color:#8490a1;margin:5px 0 0;font-size:13px}.history-header-profile{align-items:center;gap:11px;display:flex}.history-avatar{color:#ed174c;background:#ffe4eb;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:800;display:flex}.history-header-profile strong{font-size:13px;font-weight:800;display:block}.history-header-profile span{color:#7e8999;margin-top:3px;font-size:11px;display:block}.donation-history-main{max-width:1250px;margin:0 auto;padding:32px 28px 60px}.history-summary{background:#fff;border:1px solid #e5e9ef;border-radius:17px;align-items:center;gap:18px;padding:24px;display:flex;box-shadow:0 8px 25px #1e293b0a}.history-summary-icon{background:#fff0f3;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;display:flex}.history-summary-content{flex:1}.history-summary-content>span{color:#ed174c;letter-spacing:1.4px;font-size:9px;font-weight:800}.history-summary-content h2{margin:5px 0 4px;font-size:18px;font-weight:800}.history-summary-content p{color:#7f8a9a;margin:0;font-size:12px}.history-summary-stats{gap:10px;display:flex}.history-summary-stats>div{background:#f8fafc;border:1px solid #edf0f3;border-radius:11px;min-width:110px;padding:11px 14px}.history-summary-stats strong{color:#ed174c;font-size:19px;font-weight:900;display:block}.history-summary-stats span{color:#8a95a4;margin-top:2px;font-size:9px;display:block}.history-error{background:#fff4f4;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;margin-top:18px;padding:13px 16px;display:flex}.history-error p{color:#b42318;flex:1;margin:0;font-size:12px;font-weight:600}.history-error button{color:#fff;cursor:pointer;background:#dc2626;border:0;border-radius:7px;padding:8px 13px;font-size:11px;font-weight:700}.history-section-heading{justify-content:space-between;align-items:center;margin-top:32px;display:flex}.history-section-heading h2{margin:0;font-size:20px;font-weight:800}.history-section-heading p{color:#8590a0;margin:4px 0 0;font-size:12px}.history-refresh-button{color:#344054;cursor:pointer;background:#fff;border:1px solid #dfe4eb;border-radius:8px;padding:9px 14px;font-size:11px;font-weight:700}.history-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.history-card{background:#fff;border:1px solid #e4e8ee;border-radius:17px;padding:20px;box-shadow:0 7px 25px #1e293b0b}.history-card-header{justify-content:space-between;align-items:center;display:flex}.history-card-blood{align-items:center;gap:10px;display:flex}.history-blood-icon{background:#ffe2e6;border-radius:13px;justify-content:center;align-items:center;width:49px;height:49px;font-size:20px;display:flex}.history-card-blood span{color:#8a95a4;font-size:9px;display:block}.history-card-blood strong{color:#e11d2e;margin-top:3px;font-size:17px;font-weight:900;display:block}.history-status{color:#16803c;background:#ecfdf3;border:1px solid #c9f1d8;border-radius:20px;align-items:center;gap:6px;padding:6px 10px;font-size:10px;font-weight:800;display:flex}.history-status span{background:#16a34a;border-radius:50%;width:6px;height:6px}.history-requester{align-items:center;gap:10px;margin-top:18px;display:flex}.history-requester-icon{background:#f1f4f7;border-radius:10px;justify-content:center;align-items:center;width:39px;height:39px;font-size:17px;display:flex}.history-requester span{color:#8a95a4;font-size:9px;display:block}.history-requester h3{margin:3px 0 0;font-size:16px;font-weight:800}.history-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px;display:grid}.history-detail{background:#f8fafc;border:1px solid #edf0f3;border-radius:10px;align-items:flex-start;gap:8px;min-width:0;padding:11px;display:flex}.history-detail>span{flex-shrink:0;font-size:14px}.history-detail small{color:#8a95a4;text-transform:uppercase;letter-spacing:.5px;font-size:8px;font-weight:700;display:block}.history-detail strong{color:#283343;word-break:break-word;margin-top:3px;font-size:11px;line-height:1.35;display:block}.history-contact{background:#fff7f8;border:1px solid #ffdfe5;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:15px;padding:13px 14px;display:flex}.history-contact-info{min-width:0}.history-contact-info>span{color:#8993a2;letter-spacing:.5px;font-size:8px;font-weight:800;display:block}.history-contact-info strong{color:#202938;margin-top:2px;font-size:12px;font-weight:800;display:block}.history-contact-info a{color:#e11d48;margin-top:2px;font-size:12px;font-weight:700;text-decoration:none;display:block}.history-contact-actions{flex-shrink:0;align-items:center;gap:7px;display:flex}.history-call-button,.history-whatsapp-button{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;min-height:31px;padding:7px 10px;font-size:10px;font-weight:800;text-decoration:none;display:inline-flex}.history-call-button{color:#fff;background:#ed174c}.history-call-button:hover{background:#d91445}.history-whatsapp-button{color:#16803c;background:#eafaf0;border:1px solid #ccefd9}.history-whatsapp-button:hover{background:#dcf7e7}.history-message{background:#fffaf0;border:1px solid #f7e5bb;border-radius:9px;gap:8px;margin-top:13px;padding:10px 12px;display:flex}.history-message p{color:#6b5a31;margin:0;font-size:11px;line-height:1.45}.history-empty{text-align:center;background:#fff;border:1px solid #e5e9ef;border-radius:17px;margin-top:18px;padding:60px 25px}.history-empty-icon{background:#fff0f2;border-radius:18px;justify-content:center;align-items:center;width:65px;height:65px;margin:0 auto 15px;font-size:29px;display:flex}.history-empty h2{margin:0;font-size:19px;font-weight:800}.history-empty p{color:#7e8999;max-width:470px;margin:8px auto 18px;font-size:12px;line-height:1.6}.history-empty button{color:#fff;cursor:pointer;background:#e11d2e;border:0;border-radius:8px;padding:10px 17px;font-size:11px;font-weight:800}.donation-history-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.history-loader{background:#fff0f2;border-radius:18px;justify-content:center;align-items:center;width:65px;height:65px;font-size:31px;animation:1.2s infinite historyPulse;display:flex}.donation-history-loading h2{margin:18px 0 5px;font-size:19px}.donation-history-loading p{color:#7e8999;margin:0;font-size:12px}@keyframes historyPulse{0%{transform:scale(1)}50%{transform:scale(1.07)}to{transform:scale(1)}}@media (width<=950px){.history-list{grid-template-columns:1fr}.history-summary{flex-wrap:wrap}.history-summary-stats{width:100%}}@media (width<=650px){.donation-history-header{flex-direction:column;align-items:flex-start;padding:15px 16px}.donation-history-header-left{gap:13px;width:100%}.donation-history-header h1{font-size:23px}.history-header-profile{width:100%}.donation-history-main{padding:20px 15px 40px}.history-summary{padding:17px}.history-summary-content h2{font-size:16px}.history-summary-stats{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.history-summary-stats>div{min-width:0}.history-details{grid-template-columns:1fr}.history-contact{flex-direction:column;align-items:flex-start}.history-contact-actions{width:100%}.history-call-button,.history-whatsapp-button{flex:1}}@media (width<=420px){.donation-history-header-left{align-items:flex-start}.history-back-button{padding:9px 11px;font-size:11px}.history-summary-stats{grid-template-columns:1fr}}.donor-settings-page{color:#172033;background:#f5f7fb;min-height:100vh}.donor-settings-header{background:#fff;border-bottom:1px solid #e6e9ef;justify-content:space-between;align-items:center;gap:25px;min-height:90px;padding:18px 34px;display:flex}.settings-header-left{align-items:center;gap:24px;display:flex}.settings-back-button{color:#344054;cursor:pointer;background:#fff;border:1px solid #dfe4eb;border-radius:9px;padding:11px 16px;font-size:13px;font-weight:700}.settings-back-button:hover{background:#f7f8fa}.settings-page-label{color:#ed174c;letter-spacing:1.5px;margin-bottom:4px;font-size:10px;font-weight:800}.donor-settings-header h1{margin:0;font-size:27px;font-weight:800}.donor-settings-header p{color:#8490a1;margin:5px 0 0;font-size:13px}.settings-header-profile{align-items:center;gap:11px;display:flex}.settings-avatar{color:#ed174c;background:#ffe4eb;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:800;display:flex}.settings-header-profile strong{font-size:13px;font-weight:800;display:block}.settings-header-profile span{color:#7e8999;margin-top:3px;font-size:11px;display:block}.donor-settings-main{max-width:900px;margin:0 auto;padding:35px 28px 60px}.settings-card{background:#fff;border:1px solid #e4e8ee;border-radius:17px;padding:28px;box-shadow:0 8px 25px #1e293b0b}.settings-card-header{border-bottom:1px solid #edf0f3;align-items:center;gap:15px;padding-bottom:22px;display:flex}.settings-card-icon{background:#fff0f3;border-radius:13px;justify-content:center;align-items:center;width:50px;height:50px;font-size:23px;display:flex}.settings-card-header h2{margin:0;font-size:19px;font-weight:800}.settings-card-header p{color:#7e8999;margin:5px 0 0;font-size:12px}.settings-success{color:#16803c;background:#ecfdf3;border:1px solid #ccefd9;border-radius:9px;margin-top:20px;padding:12px 14px;font-size:12px;font-weight:700}.settings-error{color:#b42318;background:#fff4f4;border:1px solid #fecaca;border-radius:9px;margin-top:20px;padding:12px 14px;font-size:12px;font-weight:700}.change-password-form{padding-top:23px}.settings-field{margin-bottom:18px}.settings-field label{color:#344054;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.settings-field input{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #dfe4eb;border-radius:9px;outline:none;width:100%;padding:12px 13px;font-size:13px;transition:all .2s}.settings-field input:focus{border-color:#ed174c;box-shadow:0 0 0 3px #ed174c14}.settings-field input::placeholder{color:#a1aab8}.settings-field small{color:#8a95a4;margin-top:5px;font-size:10px;display:block}.settings-form-footer{border-top:1px solid #edf0f3;justify-content:flex-end;align-items:center;gap:10px;margin-top:24px;padding-top:18px;display:flex}.settings-cancel-button{color:#344054;cursor:pointer;background:#fff;border:1px solid #dfe4eb;border-radius:8px;padding:10px 16px;font-size:11px;font-weight:700}.settings-cancel-button:hover{background:#f7f8fa}.settings-save-button{color:#fff;cursor:pointer;background:#ed174c;border:0;border-radius:8px;padding:10px 17px;font-size:11px;font-weight:800}.settings-save-button:hover{background:#d91445}.settings-save-button:disabled{opacity:.6;cursor:not-allowed}.security-info-card{background:#fff;border:1px solid #e4e8ee;border-radius:14px;gap:13px;margin-top:18px;padding:18px;display:flex}.security-info-icon{background:#f3f6fa;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.security-info-card h3{margin:0;font-size:14px;font-weight:800}.security-info-card p{color:#7e8999;margin:5px 0 0;font-size:11px;line-height:1.55}@media (width<=650px){.donor-settings-header{flex-direction:column;align-items:flex-start;padding:15px 16px}.settings-header-left{gap:13px;width:100%}.donor-settings-header h1{font-size:23px}.settings-header-profile{width:100%}.donor-settings-main{padding:20px 15px 40px}.settings-card{padding:20px}.settings-form-footer{flex-direction:column-reverse}.settings-cancel-button,.settings-save-button{width:100%}.security-info-card{align-items:flex-start}}.donor-marketplace-page{color:#111827;background:#f5f7fb;min-height:100vh}.marketplace-header{background:#fff;border-bottom:1px solid #e7eaf0;justify-content:space-between;align-items:center;gap:30px;min-height:100px;padding:20px 5%;display:flex}.marketplace-header-left{align-items:center;gap:25px;display:flex}.marketplace-back-button{color:#182338;cursor:pointer;background:#fff;border:1px solid #dce1e9;border-radius:9px;padding:11px 18px;font-size:14px;font-weight:600;transition:all .2s}.marketplace-back-button:hover{color:#ed1b45;border-color:#ed1b45}.marketplace-label{color:#ed1b45;letter-spacing:1.5px;margin-bottom:4px;font-size:10px;font-weight:800}.marketplace-header h1{color:#14213d;margin:0;font-size:29px;line-height:1.15}.marketplace-header p{color:#718096;margin:6px 0 0;font-size:14px}.marketplace-header-profile{align-items:center;gap:12px;display:flex}.marketplace-avatar{color:#ed1b45;background:#ffe7ed;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;font-weight:800;display:flex}.marketplace-header-profile strong{color:#182338;font-size:14px;display:block}.marketplace-header-profile span{color:#7a8496;margin-top:3px;font-size:12px;display:block}.donor-marketplace-main{width:min(1100px,90%);margin:0 auto;padding:32px 0 70px}.marketplace-banner{color:#fff;background:linear-gradient(135deg,#ed1747,#f52e5a);border-radius:17px;align-items:center;gap:18px;min-height:105px;padding:22px 25px;display:flex;box-shadow:0 15px 35px #ed1b4524}.marketplace-banner-icon{background:#ffffff26;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:55px;height:55px;font-size:25px;display:flex}.marketplace-banner-content{flex:1}.marketplace-small-title{color:inherit;letter-spacing:1.6px;margin-bottom:6px;font-size:9px;font-weight:800}.marketplace-banner h2{margin:0;font-size:20px}.marketplace-banner p{opacity:.92;margin:5px 0 0;font-size:12px}.marketplace-create-button{color:#ed1747;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:9px;padding:12px 18px;font-size:12px;font-weight:800;transition:all .2s}.marketplace-create-button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0000001f}.marketplace-success,.marketplace-error{border-radius:9px;margin-top:18px;padding:13px 16px;font-size:13px;font-weight:600}.marketplace-success{color:#08783c;background:#ecfdf3;border:1px solid #c9f0da}.marketplace-error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.marketplace-form-card{background:#fff;border:1px solid #e4e8ef;border-radius:17px;margin-top:20px;padding:25px;box-shadow:0 10px 30px #14213d0d}.marketplace-form-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:19px;display:flex}.marketplace-form-header h2{color:#14213d;margin:0;font-size:21px}.marketplace-form-header p{color:#7b8495;margin:5px 0 0;font-size:12px}.marketplace-close-button{color:#667085;cursor:pointer;background:#fff;border:1px solid #dce2eb;border-radius:8px;width:34px;height:34px;font-size:18px}.marketplace-close-button:hover{color:#ed1747;border-color:#ed1747}.marketplace-form{grid-template-columns:1fr 1fr;gap:18px;padding-top:21px;display:grid}.market-form-group{min-width:0}.market-form-full{grid-column:1/-1}.market-form-group label{color:#26334a;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.market-form-group input,.market-form-group select,.market-form-group textarea{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #dbe1ea;border-radius:8px;outline:none;width:100%;padding:11px 12px;font-family:inherit;font-size:13px;transition:all .2s}.market-form-group input,.market-form-group select{height:42px}.market-form-group textarea{resize:vertical;min-height:115px}.market-form-group input:focus,.market-form-group select:focus,.market-form-group textarea:focus{border-color:#ed1747;box-shadow:0 0 0 3px #ed174714}.market-image-upload{width:100%}.market-image-upload input{display:none}.market-image-upload-box{cursor:pointer;background:#fafbfc;border:1.5px dashed #cbd3df;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;min-height:125px;transition:all .2s;display:flex}.market-image-upload-box:hover{background:#fff7f9;border-color:#ed1747}.market-upload-icon{background:#ffe9ef;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:8px;font-size:20px;display:flex}.market-image-upload-box strong{color:#27344a;font-size:13px}.market-image-upload-box small{color:#8a94a6;margin-top:4px;font-size:11px}.market-image-preview{background:#fff;border:1px solid #e0e5ed;border-radius:11px;margin-top:12px;overflow:hidden}.market-image-preview img{object-fit:contain;background:#f6f7f9;width:100%;height:190px;display:block}.market-image-preview-info{justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;display:flex}.market-image-preview-info strong{color:#475467;font-size:12px}.market-image-preview-info button{color:#d71945;cursor:pointer;background:#fff0f2;border:none;border-radius:7px;padding:6px 10px;font-size:11px;font-weight:700}.marketplace-form-actions{border-top:1px solid #edf0f4;grid-column:1/-1;justify-content:flex-end;gap:10px;margin-top:3px;padding-top:18px;display:flex}.marketplace-cancel-button,.marketplace-submit-button{cursor:pointer;border-radius:8px;padding:11px 18px;font-size:12px;font-weight:800}.marketplace-cancel-button{color:#344054;background:#fff;border:1px solid #dce2ea}.marketplace-submit-button{color:#fff;background:#ed1747;border:1px solid #ed1747}.marketplace-submit-button:hover{background:#d91440}.marketplace-submit-button:disabled,.marketplace-cancel-button:disabled{opacity:.55;cursor:not-allowed}.my-marketplace-section{margin-top:35px}.marketplace-section-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:17px;display:flex}.marketplace-section-header h2{color:#14213d;margin:0;font-size:20px}.marketplace-section-header p{color:#7c8798;margin:5px 0 0;font-size:12px}.marketplace-refresh-button{color:#344054;cursor:pointer;background:#fff;border:1px solid #dce2eb;border-radius:8px;padding:10px 15px;font-size:12px;font-weight:700}.marketplace-refresh-button:hover{color:#ed1747;border-color:#ed1747}.marketplace-empty-card{text-align:center;background:#fff;border:1px solid #e2e7ee;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:25px;display:flex}.marketplace-empty-icon{background:#fff0f3;border-radius:14px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:12px;font-size:25px;display:flex}.marketplace-empty-card h3{color:#1c2940;margin:0;font-size:17px}.marketplace-empty-card p{color:#7d8798;margin:6px 0 16px;font-size:12px}.marketplace-empty-button{color:#fff;cursor:pointer;background:#ed1747;border:none;border-radius:8px;padding:11px 17px;font-size:12px;font-weight:800}.marketplace-loading{color:#667085;font-size:13px}.marketplace-posts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.marketplace-post-card{background:#fff;border:1px solid #e1e6ed;border-radius:15px;overflow:hidden;box-shadow:0 8px 25px #14213d0a}.market-post-image{background:#f5f7fa;justify-content:center;align-items:center;height:185px;display:flex;overflow:hidden}.market-post-image img{object-fit:cover;width:100%;height:100%}.market-post-image span{font-size:38px}.market-post-top{justify-content:space-between;align-items:flex-start;gap:15px;padding:17px 17px 0;display:flex}.market-post-category{color:#ed1747;letter-spacing:1px;text-transform:uppercase;font-size:9px;font-weight:800}.market-post-top h3{color:#17233a;margin:5px 0 4px;font-size:17px}.market-business-name{color:#667085;font-size:12px;font-weight:700}.market-post-status{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:6px 9px;font-size:10px;font-weight:700}.market-status-approved{color:#08783c;background:#ecfdf3;border:1px solid #c6efd8}.market-status-rejected{color:#c1123f;background:#fff1f2;border:1px solid #fecdd3}.market-status-pending{color:#9a6700;background:#fff8e6;border:1px solid #f6df9e}.market-post-description{color:#657186;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:14px 0 10px;padding:0 17px;font-size:12px;line-height:1.65;display:-webkit-box;overflow:hidden}.market-post-location{color:#536176;background:#f7f9fb;border:1px solid #edf0f4;border-radius:8px;margin:0 17px;padding:9px 11px;font-size:11px}.market-admin-note{background:#fff8e9;border:1px solid #f5dfaa;border-radius:8px;flex-direction:column;gap:7px;margin:11px 17px 0;padding:10px;display:flex}.market-admin-note strong{color:#8a6100;font-size:10px}.market-admin-note span{color:#806a35;font-size:11px}.market-post-footer{border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:10px;margin:15px 17px 17px;padding-top:13px;display:flex}.market-post-date{color:#98a2b3;font-size:10px}.market-post-actions{gap:7px;display:flex}.market-edit-button,.market-delete-button{cursor:pointer;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:700}.market-edit-button{color:#344054;background:#fff;border:1px solid #dce2ea}.market-delete-button{color:#c1123f;background:#fff1f2;border:1px solid #fecdd3}@media (width<=800px){.marketplace-header{flex-direction:column;align-items:flex-start;padding:18px 5%}.marketplace-header-left{width:100%}.marketplace-header-profile{align-self:flex-end}.marketplace-banner{flex-wrap:wrap;align-items:flex-start}.marketplace-create-button{width:100%}.marketplace-form{grid-template-columns:1fr}.market-form-full,.marketplace-form-actions{grid-column:auto}.marketplace-posts-grid{grid-template-columns:1fr}}@media (width<=520px){.donor-marketplace-main{width:92%;padding-top:20px}.marketplace-header-left{flex-direction:column;align-items:flex-start;gap:15px}.marketplace-back-button{width:100%}.marketplace-header-profile{align-self:flex-start}.marketplace-banner{padding:18px}.marketplace-banner-icon{width:45px;height:45px}.marketplace-banner h2{font-size:18px}.marketplace-form-card{padding:17px}.marketplace-section-header{flex-direction:column;align-items:flex-start}.marketplace-refresh-button{width:100%}.market-post-top{flex-direction:column}.market-post-status{align-self:flex-start}.market-post-footer{flex-direction:column;align-items:flex-start}.market-post-actions{width:100%}.market-edit-button,.market-delete-button{flex:1}}.employee-auth-page{color:#111827;background:#f7f9fc;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.employee-auth-header{background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;height:72px;display:flex}.employee-auth-header-inner{justify-content:space-between;align-items:center;width:100%;max-width:1050px;margin:0 auto;padding:0 20px;display:flex}.employee-auth-logo{cursor:pointer;align-items:center;gap:10px;display:flex}.employee-auth-logo-icon{background:#fff0f3;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:flex}.employee-auth-logo-text{flex-direction:column;display:flex}.employee-auth-logo-text strong{font-size:18px;font-weight:800;line-height:1}.employee-auth-logo-text small{letter-spacing:1px;color:#94a3b8;margin-top:4px;font-size:7px;font-weight:700}.employee-auth-nav{align-items:center;gap:25px;display:flex}.employee-auth-nav button{color:#334155;cursor:pointer;background:0 0;border:none;padding:8px 0;font-size:13px;font-weight:700}.employee-auth-nav button:hover,.employee-auth-nav .employee-nav-active{color:#f83254}.employee-auth-main{grid-template-columns:.85fr 1.15fr;align-items:center;gap:70px;max-width:1050px;min-height:calc(100vh - 145px);margin:0 auto;padding:65px 20px;display:grid}.employee-auth-info{padding-bottom:20px}.employee-auth-badge{color:#f83254;letter-spacing:1px;background:#fff0f3;border-radius:20px;margin-bottom:20px;padding:8px 13px;font-size:10px;font-weight:800;display:inline-flex}.employee-auth-info h1{color:#111827;margin:0;font-size:52px;font-weight:800;line-height:1.05}.employee-auth-info h1 span{color:#f83254}.employee-auth-info>p{color:#64748b;max-width:480px;margin:22px 0 30px;font-size:15px;line-height:1.7}.employee-benefits{flex-direction:column;gap:20px;display:flex}.employee-benefit{align-items:flex-start;gap:13px;display:flex}.benefit-icon{color:#f83254;background:#fff0f3;border-radius:50%;justify-content:center;align-items:center;width:29px;min-width:29px;height:29px;font-size:13px;font-weight:900;display:flex}.employee-benefit div:last-child{flex-direction:column;gap:4px;display:flex}.employee-benefit strong{color:#172033;font-size:13px}.employee-benefit span{color:#64748b;font-size:12px;line-height:1.5}.employee-auth-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:30px;box-shadow:0 18px 50px #0f172a17}.employee-auth-card-header{align-items:center;gap:14px;margin-bottom:25px;display:flex}.employee-auth-card-icon{background:#fff0f3;border-radius:13px;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;font-size:22px;display:flex}.employee-auth-card-header h2{color:#111827;margin:0;font-size:23px;font-weight:800}.employee-auth-card-header p{color:#64748b;margin:5px 0 0;font-size:12px}.employee-auth-message{border-radius:9px;margin-bottom:18px;padding:12px 14px;font-size:12px;font-weight:600;line-height:1.5}.employee-auth-message.error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.employee-auth-message.success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.employee-auth-form{flex-direction:column;gap:17px;display:flex}.employee-form-group{flex-direction:column;gap:7px;display:flex}.employee-form-group label{color:#334155;font-size:11px;font-weight:800}.employee-form-group label span{color:#f83254}.employee-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.employee-input-wrap{background:#fff;border:1px solid #dbe1e8;border-radius:9px;align-items:center;height:45px;padding:0 12px;transition:all .2s;display:flex}.employee-input-wrap:focus-within{border-color:#f83254;box-shadow:0 0 0 3px #f8325414}.employee-input-wrap>span{color:#94a3b8;width:25px;font-size:14px}.employee-input-wrap input,.employee-input-wrap select{color:#1e293b;background:0 0;border:none;outline:none;width:100%;height:100%;font-size:12px}.employee-input-wrap input::placeholder{color:#a0aec0}.employee-input-wrap select{cursor:pointer}.employee-textarea-wrap{background:#fff;border:1px solid #dbe1e8;border-radius:9px;padding:10px 12px}.employee-textarea-wrap:focus-within{border-color:#f83254;box-shadow:0 0 0 3px #f8325414}.employee-textarea-wrap textarea{resize:vertical;color:#1e293b;background:0 0;border:none;outline:none;width:100%;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.5}.employee-textarea-wrap textarea::placeholder{color:#a0aec0}.password-toggle{cursor:pointer;background:0 0;border:none;padding:3px;font-size:14px}.employee-submit-btn{color:#fff;cursor:pointer;background:#f83254;border:none;border-radius:9px;width:100%;height:47px;margin-top:3px;font-size:13px;font-weight:800;transition:all .2s;box-shadow:0 8px 18px #f8325433}.employee-submit-btn:hover{background:#e92549;transform:translateY(-1px)}.employee-submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.employee-switch{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin-top:2px;display:flex}.employee-switch span{color:#64748b;font-size:11px}.employee-switch button{color:#f83254;cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:800}.employee-back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-top:1px solid #edf0f3;width:100%;margin-top:22px;padding-top:18px;font-size:11px;font-weight:700}.employee-back-btn:hover{color:#f83254}.employee-auth-footer{color:#cbd5e1;background:#111827;padding:20px}.employee-auth-footer-inner{justify-content:space-between;align-items:center;max-width:1050px;margin:0 auto;font-size:11px;display:flex}@media (width<=900px){.employee-auth-main{grid-template-columns:1fr;gap:35px;max-width:650px}.employee-auth-info{text-align:center}.employee-auth-info>p{margin-left:auto;margin-right:auto}.employee-benefits{text-align:left;max-width:450px;margin:0 auto}}@media (width<=600px){.employee-auth-header{height:auto}.employee-auth-header-inner{flex-direction:column;gap:12px;padding:12px 15px}.employee-auth-nav{gap:16px}.employee-auth-main{padding:35px 15px}.employee-auth-info h1{font-size:39px}.employee-auth-card{border-radius:15px;padding:22px 18px}.employee-form-row{grid-template-columns:1fr}.employee-auth-footer-inner{text-align:center;flex-direction:column;gap:8px}}.employee-dashboard-page{color:#172033;background:#f5f7fb;min-height:100vh}.employee-dashboard-header{background:#fff;border-bottom:1px solid #e8ebf2;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:12px 5%;display:flex}.employee-dashboard-brand{align-items:center;gap:12px;display:flex}.employee-brand-icon{color:#fff;background:#d92332;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:800;display:flex}.employee-dashboard-brand h2{margin:0;font-size:19px}.employee-dashboard-brand span{color:#7b8495;margin-top:2px;font-size:12px;display:block}.employee-header-right{align-items:center;gap:18px;display:flex}.employee-header-user{align-items:center;gap:10px;display:flex}.employee-small-avatar{color:#d92332;background:#ffe7ea;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-weight:800;display:flex}.employee-header-user strong{font-size:14px;display:block}.employee-header-user span{color:#8a92a2;margin-top:2px;font-size:12px;display:block}.employee-logout-btn{color:#d92332;cursor:pointer;background:#fff;border:1px solid #e1e5ec;border-radius:8px;padding:9px 16px;font-weight:700}.employee-logout-btn:hover{background:#fff3f4}.employee-dashboard-main{width:min(1200px,90%);margin:0 auto;padding:35px 0 60px}.employee-welcome-section{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.employee-welcome-label{color:#d92332;letter-spacing:1px;margin:0 0 7px;font-size:12px;font-weight:800}.employee-welcome-section h1{margin:0;font-size:32px;line-height:1.2}.employee-welcome-section p:last-child{color:#7c8494;margin:8px 0 0}.employee-edit-main-btn{color:#fff;cursor:pointer;background:#d92332;border:none;border-radius:9px;padding:12px 18px;font-weight:700}.employee-edit-main-btn:hover{background:#bd1d2a}.employee-alert{border-radius:9px;margin-bottom:20px;padding:13px 16px;font-size:14px;font-weight:600}.employee-success{color:#237a42;background:#e9f8ef;border:1px solid #c8edd6}.employee-error{color:#b4232d;background:#fff0f1;border:1px solid #ffd0d4}.employee-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.employee-stat-card{background:#fff;border:1px solid #e8ebf2;border-radius:13px;align-items:center;gap:13px;padding:18px;display:flex}.employee-stat-icon{background:#fff0f1;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:21px;display:flex}.employee-stat-card span{color:#818999;margin-bottom:4px;font-size:12px;display:block}.employee-stat-card strong{font-size:17px}.employee-dashboard-grid{grid-template-columns:1.35fr .9fr;gap:20px;display:grid}.employee-profile-card,.employee-action-card,.employee-resume-card{background:#fff;border:1px solid #e8ebf2;border-radius:14px}.employee-profile-card{padding:24px}.employee-card-header{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:20px;display:flex}.employee-card-header h2{margin:0;font-size:20px}.employee-card-header p{color:#8a92a2;margin:5px 0 0;font-size:13px}.employee-edit-link{color:#d92332;cursor:pointer;background:0 0;border:none;font-weight:700}.employee-profile-top{align-items:center;gap:16px;padding:24px 0;display:flex}.employee-large-avatar{color:#d92332;background:#ffe7ea;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;font-size:29px;font-weight:800;display:flex}.employee-profile-top h3{margin:0;font-size:21px}.employee-profile-top p{color:#7e8798;margin:5px 0 8px;font-size:14px}.employee-status-badge{color:#237a42;text-transform:capitalize;background:#e9f8ef;border-radius:20px;padding:4px 9px;font-size:11px;font-weight:800;display:inline-block}.employee-info-list{border-top:1px solid #edf0f5}.employee-info-row{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:20px;min-height:53px;display:flex}.employee-info-row span{color:#818999;font-size:13px}.employee-info-row strong{text-align:right;word-break:break-word;max-width:60%;font-size:14px}.employee-skills-section{padding-top:22px}.employee-skills-section h4{margin:0 0 12px;font-size:14px}.employee-skills-list{flex-wrap:wrap;gap:8px;display:flex}.employee-skills-list span{color:#4c5565;background:#f1f3f7;border-radius:7px;padding:7px 11px;font-size:12px;font-weight:600}.employee-empty-text{color:#8b93a1;font-size:13px}.employee-right-column{flex-direction:column;gap:16px;display:flex}.employee-action-card{gap:15px;padding:20px;display:flex}.employee-action-icon{background:#fff0f1;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:21px;display:flex}.employee-action-content h2{margin:0;font-size:18px}.employee-action-content p{color:#7d8696;margin:7px 0 14px;font-size:13px;line-height:1.6}.employee-action-content button{color:#fff;cursor:pointer;background:#d92332;border:none;border-radius:7px;padding:9px 13px;font-size:12px;font-weight:700}.employee-action-content button:hover{background:#bd1d2a}.employee-action-content .employee-secondary-btn{color:#313a4b;background:#f1f3f7}.employee-action-content .employee-secondary-btn:hover{background:#e5e8ee}.employee-resume-card{align-items:center;gap:13px;padding:18px;display:flex}.employee-resume-icon{background:#fff5e6;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.employee-resume-card>div:nth-child(2){flex:1}.employee-resume-card h3{margin:0;font-size:15px}.employee-resume-card p{color:#848c9b;margin:4px 0 0;font-size:11px;line-height:1.5}.employee-resume-card button{color:#d92332;cursor:pointer;background:#fff;border:1px solid #d92332;border-radius:7px;padding:8px 12px;font-size:11px;font-weight:700}.employee-modal{background:#fff;border-radius:16px;width:min(720px,100%);max-height:92vh;overflow-y:auto;box-shadow:0 25px 70px #0000002e}.employee-modal-header{border-bottom:1px solid #edf0f5;justify-content:space-between;gap:20px;padding:22px 24px;display:flex}.employee-modal-header h2{margin:0;font-size:20px}.employee-modal-close{color:#596274;cursor:pointer;background:#f1f3f6;border:none;border-radius:8px;width:34px;height:34px;font-size:22px}.employee-modal form{padding:24px}.employee-form-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.employee-form-group{flex-direction:column;display:flex}.employee-form-group.employee-full{grid-column:1/-1}.employee-form-group label{color:#444d5e;margin-bottom:7px;font-size:12px;font-weight:700}.employee-form-group input,.employee-form-group textarea{box-sizing:border-box;resize:vertical;border:1px solid #dfe3ea;border-radius:8px;outline:none;width:100%;padding:11px 12px;font-family:inherit;font-size:13px}.employee-form-group input:focus,.employee-form-group textarea:focus{border-color:#d92332;box-shadow:0 0 0 3px #d9233214}.employee-form-group input:disabled{color:#7f8796;cursor:not-allowed;background:#f4f5f7}.employee-form-group small{color:#8b93a2;margin-top:5px;font-size:10px}.employee-modal-footer{border-top:1px solid #edf0f5;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:18px;display:flex}.employee-cancel-btn,.employee-save-btn{cursor:pointer;border-radius:8px;padding:11px 18px;font-weight:700}.employee-cancel-btn{color:#515a6a;background:#fff;border:1px solid #dfe3ea}.employee-save-btn{color:#fff;background:#d92332;border:none}.employee-save-btn:hover{background:#bd1d2a}.employee-save-btn:disabled,.employee-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.employee-dashboard-loading{background:#f5f7fb;justify-content:center;align-items:center;min-height:100vh;display:flex}.employee-loading-box{text-align:center;background:#fff;border:1px solid #e8ebf2;border-radius:15px;padding:35px 45px}.employee-loading-box p{color:#697284;margin:15px 0 0;font-size:14px}@keyframes employee-spin{to{transform:rotate(360deg)}}@media (width<=900px){.employee-stats-grid{grid-template-columns:repeat(2,1fr)}.employee-dashboard-grid{grid-template-columns:1fr}}@media (width<=650px){.employee-dashboard-header{padding:10px 4%}.employee-header-user{display:none}.employee-dashboard-main{width:92%;padding-top:25px}.employee-welcome-section{flex-direction:column;align-items:flex-start}.employee-welcome-section h1{font-size:25px}.employee-stats-grid{grid-template-columns:1fr 1fr;gap:10px}.employee-stat-card{padding:13px}.employee-stat-icon{width:38px;height:38px;font-size:17px}.employee-stat-card strong{font-size:14px}.employee-profile-card{padding:18px}.employee-info-row{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:10px 0}.employee-info-row strong{text-align:left;max-width:100%}.employee-form-grid{grid-template-columns:1fr}.employee-form-group.employee-full{grid-column:auto}.employee-modal{max-height:95vh}}@media (width<=430px){.employee-stats-grid{grid-template-columns:1fr}.employee-brand-icon{width:38px;height:38px}.employee-dashboard-brand h2{font-size:16px}.employee-logout-btn{padding:8px 11px;font-size:12px}}.employee-jobs-page{color:#172033;background:#f5f7fb;min-height:100vh}.employee-jobs-header{background:#fff;border-bottom:1px solid #e8ebf2;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:12px 5%;display:flex}.employee-jobs-brand{align-items:center;gap:12px;display:flex}.employee-jobs-brand-icon{color:#fff;background:#d92332;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-weight:800;display:flex}.employee-jobs-brand h2{margin:0;font-size:19px}.employee-jobs-brand span{color:#7c8494;margin-top:2px;font-size:12px;display:block}.employee-jobs-header-actions{align-items:center;gap:10px;display:flex}.employee-back-dashboard-btn,.employee-jobs-logout-btn{cursor:pointer;border-radius:8px;padding:9px 15px;font-weight:700}.employee-back-dashboard-btn{color:#414a5b;background:#fff;border:1px solid #dfe3ea}.employee-jobs-logout-btn{color:#d92332;background:#fff;border:1px solid #e1e5ec}.employee-back-dashboard-btn:hover{background:#f5f6f8}.employee-jobs-logout-btn:hover{background:#fff2f3}.employee-jobs-main{width:min(1200px,90%);margin:0 auto;padding:35px 0 60px}.employee-jobs-title{margin-bottom:25px}.employee-jobs-title p{color:#d92332;letter-spacing:1px;margin:0 0 7px;font-size:12px;font-weight:800}.employee-jobs-title h1{margin:0;font-size:32px}.employee-jobs-title span{color:#7e8797;margin-top:8px;font-size:14px;display:block}.employee-job-search-card{background:#fff;border:1px solid #e7eaf0;border-radius:15px;margin-bottom:30px;padding:23px}.employee-job-search-main{margin-bottom:18px}.employee-job-search-main label,.employee-job-filter-grid label{color:#424b5b;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.employee-search-input-wrap{position:relative}.employee-search-input-wrap span{font-size:17px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.employee-search-input-wrap input{box-sizing:border-box;border:1px solid #dce1e9;border-radius:9px;outline:none;width:100%;padding:13px 13px 13px 42px;font-family:inherit;font-size:14px}.employee-search-input-wrap input:focus,.employee-job-filter-grid input:focus,.employee-job-filter-grid select:focus{border-color:#d92332;box-shadow:0 0 0 3px #d9233212}.employee-job-filter-grid{grid-template-columns:repeat(5,1fr);gap:13px;display:grid}.employee-job-filter-grid input,.employee-job-filter-grid select{box-sizing:border-box;color:#3d4656;background:#fff;border:1px solid #dce1e9;border-radius:8px;outline:none;width:100%;height:42px;padding:0 11px;font-family:inherit;font-size:12px}.employee-job-search-buttons{gap:10px;margin-top:20px;display:flex}.employee-search-btn,.employee-clear-btn{cursor:pointer;border-radius:8px;padding:11px 17px;font-weight:700}.employee-search-btn{color:#fff;background:#d92332;border:none}.employee-search-btn:hover{background:#bd1d2a}.employee-clear-btn{color:#555e6e;background:#fff;border:1px solid #dfe3ea}.employee-clear-btn:hover{background:#f4f5f7}.employee-search-btn:disabled,.employee-clear-btn:disabled{opacity:.6;cursor:not-allowed}.employee-jobs-error{color:#b4232d;background:#fff0f1;border:1px solid #ffd1d5;border-radius:9px;margin-bottom:20px;padding:13px 16px;font-size:13px;font-weight:600}.employee-job-results-header{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.employee-job-results-header h2{margin:0;font-size:21px}.employee-job-results-header p{color:#858e9e;margin:5px 0 0;font-size:13px}.employee-job-grid{grid-template-columns:repeat(2,1fr);gap:17px;display:grid}.employee-job-card{background:#fff;border:1px solid #e7eaf0;border-radius:14px;padding:20px;transition:transform .18s,box-shadow .18s}.employee-job-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #1e283c12}.employee-job-card-top{border-bottom:1px solid #edf0f4;align-items:center;gap:13px;padding-bottom:17px;display:flex}.employee-company-logo{color:#d92332;background:#ffe8eb;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:800;display:flex}.employee-job-card-top h3{margin:0;font-size:18px}.employee-job-card-top p{color:#777f8f;margin:4px 0 0;font-size:13px}.employee-job-info{flex-wrap:wrap;gap:7px;padding:15px 0 10px;display:flex}.employee-job-info span{color:#586172;background:#f4f5f7;border-radius:6px;padding:6px 8px;font-size:11px}.employee-job-skills{flex-wrap:wrap;gap:6px;margin-top:5px;display:flex}.employee-job-skills span{color:#a5232d;background:#f9e9eb;border-radius:5px;padding:5px 8px;font-size:10px;font-weight:700}.employee-job-description{color:#70798a;margin:14px 0 0;font-size:12px;line-height:1.6}.employee-job-card-footer{border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:10px;margin-top:17px;padding-top:14px;display:flex}.employee-job-card-footer small{color:#858e9e;font-size:10px}.employee-job-card-footer strong{color:#555e6e}.employee-job-card-footer button{color:#fff;cursor:pointer;background:#d92332;border:none;border-radius:7px;padding:9px 12px;font-size:11px;font-weight:700}.employee-job-card-footer button:hover{background:#bd1d2a}.employee-jobs-loading{text-align:center;background:#fff;border:1px solid #e7eaf0;border-radius:14px;padding:55px}.employee-jobs-loading p{color:#7d8696;margin-top:14px;font-size:13px}.employee-jobs-spinner{border:4px solid #f0d9dc;border-top-color:#d92332;border-radius:50%;width:34px;height:34px;margin:auto;animation:.8s linear infinite employee-job-spin}@keyframes employee-job-spin{to{transform:rotate(360deg)}}.employee-no-jobs{text-align:center;background:#fff;border:1px solid #e7eaf0;border-radius:14px;padding:60px 20px}.employee-no-jobs-icon{background:#fff0f1;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;margin:auto;font-size:25px;display:flex}.employee-no-jobs h2{margin:17px 0 7px;font-size:20px}.employee-no-jobs p{color:#80899a;margin:0 0 18px;font-size:13px}.employee-no-jobs button{color:#fff;cursor:pointer;background:#d92332;border:none;border-radius:8px;padding:10px 16px;font-weight:700}.employee-job-modal-overlay{z-index:9999;background:#10172499;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.employee-job-modal{background:#fff;border-radius:16px;width:min(760px,100%);max-height:92vh;overflow-y:auto;box-shadow:0 25px 70px #0003}.employee-job-modal-header{border-bottom:1px solid #edf0f4;justify-content:space-between;gap:20px;padding:22px 24px;display:flex}.employee-modal-job-company{align-items:center;gap:13px;display:flex}.employee-modal-logo{width:55px;height:55px}.employee-modal-job-company h2{margin:0;font-size:21px}.employee-modal-job-company p{color:#7e8797;margin:5px 0 0;font-size:13px}.employee-job-modal-close{color:#555e6e;cursor:pointer;background:#f1f3f6;border:none;border-radius:8px;width:35px;height:35px;font-size:22px}.employee-job-modal-body{padding:24px}.employee-modal-info-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.employee-modal-info-grid>div{background:#f7f8fa;border-radius:9px;padding:12px}.employee-modal-info-grid span{color:#80899a;margin-bottom:5px;font-size:10px;display:block}.employee-modal-info-grid strong{color:#353e4f;font-size:12px;display:block}.employee-modal-section{margin-top:24px}.employee-modal-section h3{margin:0 0 9px;font-size:15px}.employee-modal-section p{color:#697385;white-space:pre-line;margin:0;font-size:13px;line-height:1.7}.employee-modal-skills span{color:#a5232d;background:#f9e9eb;border-radius:6px;padding:7px 10px;font-size:11px;font-weight:700}.employee-modal-deadline{color:#765b18;background:#fff7e5;border:1px solid #f2dfb0;border-radius:8px;margin-top:20px;padding:12px;font-size:12px}.employee-job-modal-footer{border-top:1px solid #edf0f4;justify-content:flex-end;gap:10px;padding:18px 24px;display:flex}.employee-modal-close-btn,.employee-apply-btn{cursor:pointer;border-radius:8px;padding:11px 17px;font-weight:700}.employee-modal-close-btn{color:#555e6e;background:#fff;border:1px solid #dfe3ea}.employee-apply-btn{color:#fff;background:#d92332;border:none}.employee-apply-btn:hover{background:#bd1d2a}@media (width<=1000px){.employee-job-filter-grid{grid-template-columns:repeat(3,1fr)}.employee-job-grid{grid-template-columns:1fr}}@media (width<=700px){.employee-jobs-header{padding:10px 4%}.employee-jobs-header-actions{gap:6px}.employee-back-dashboard-btn,.employee-jobs-logout-btn{padding:8px 10px;font-size:11px}.employee-jobs-main{width:92%;padding-top:25px}.employee-jobs-title h1{font-size:26px}.employee-job-filter-grid,.employee-modal-info-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.employee-jobs-brand-icon{width:38px;height:38px}.employee-jobs-brand h2{font-size:16px}.employee-jobs-brand span{font-size:10px}.employee-job-filter-grid{grid-template-columns:1fr}.employee-job-search-buttons{flex-direction:column}.employee-search-btn,.employee-clear-btn{width:100%}.employee-job-card-footer{flex-direction:column;align-items:flex-start}.employee-job-card-footer button{width:100%}.employee-modal-info-grid{grid-template-columns:1fr}.employee-job-modal-footer{flex-direction:column}.employee-modal-close-btn,.employee-apply-btn{width:100%}}.employee-applications-page{color:#172033;background:#f5f7fb;min-height:100vh}.employee-applications-header{background:#fff;border-bottom:1px solid #e8ebf2;justify-content:space-between;align-items:center;min-height:72px;padding:12px 5%;display:flex}.employee-applications-brand{align-items:center;gap:12px;display:flex}.employee-applications-brand-icon{color:#fff;background:#d92332;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-weight:800;display:flex}.employee-applications-brand h2{margin:0;font-size:19px}.employee-applications-brand span{color:#7c8494;margin-top:2px;font-size:12px;display:block}.employee-applications-header-actions{gap:9px;display:flex}.employee-applications-dashboard-btn,.employee-applications-logout-btn{cursor:pointer;border-radius:8px;padding:9px 14px;font-weight:700}.employee-applications-dashboard-btn{color:#414a5b;background:#fff;border:1px solid #dfe3ea}.employee-applications-logout-btn{color:#d92332;background:#fff;border:1px solid #e1e5ec}.employee-applications-main{width:min(1150px,90%);margin:auto;padding:35px 0 60px}.employee-applications-title{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px;display:flex}.employee-applications-title p{color:#d92332;letter-spacing:1px;margin:0 0 7px;font-size:12px;font-weight:800}.employee-applications-title h1{margin:0;font-size:30px}.employee-applications-title span{color:#7d8696;margin-top:8px;font-size:13px;display:block}.employee-find-more-jobs-btn{color:#fff;cursor:pointer;background:#d92332;border:none;border-radius:8px;padding:11px 16px;font-weight:700}.employee-find-more-jobs-btn:hover{background:#bd1d2a}.employee-applications-error{color:#b4232d;background:#fff0f1;border:1px solid #ffd1d5;border-radius:9px;margin-bottom:20px;padding:13px 15px;font-size:12px;font-weight:600}.employee-application-summary{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:25px;display:grid}.employee-application-summary>div{background:#fff;border:1px solid #e7eaf0;border-radius:12px;padding:17px}.employee-application-summary span{color:#7e8797;font-size:11px;display:block}.employee-application-summary strong{margin-top:6px;font-size:23px;display:block}.employee-applications-list{flex-direction:column;gap:13px;display:flex}.employee-application-card{background:#fff;border:1px solid #e7eaf0;border-radius:13px;justify-content:space-between;align-items:center;gap:20px;padding:18px;display:flex}.employee-application-main{align-items:center;gap:13px;min-width:0;display:flex}.employee-application-company-logo{color:#d92332;background:#ffe8eb;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:800;display:flex}.employee-application-main h2{margin:0;font-size:17px}.employee-application-company{color:#7c8595;margin:4px 0 8px;font-size:12px}.employee-application-meta{flex-wrap:wrap;gap:6px;display:flex}.employee-application-meta span{color:#5d6676;background:#f4f5f7;border-radius:5px;padding:5px 7px;font-size:10px}.employee-application-side{flex-direction:column;align-items:flex-end;gap:7px;min-width:190px;display:flex}.employee-application-status{border-radius:20px;padding:6px 10px;font-size:10px;font-weight:800;display:inline-flex}.application-status-applied{color:#2466a8;background:#e9f2ff}.application-status-viewed{color:#6548a7;background:#eeeaff}.application-status-shortlisted{color:#906a12;background:#fff4d9}.application-status-rejected{color:#b4232d;background:#fff0f1}.application-status-hired{color:#14763b;background:#e8f8ee}.application-status-withdrawn{color:#687180;background:#f0f1f3}.employee-application-side small{color:#8a92a0;font-size:10px}.employee-application-buttons{gap:6px;display:flex}.employee-view-application-btn,.employee-withdraw-btn{cursor:pointer;border-radius:7px;padding:8px 10px;font-size:10px;font-weight:700}.employee-view-application-btn{color:#fff;background:#d92332;border:1px solid #d92332}.employee-withdraw-btn{color:#b4232d;background:#fff;border:1px solid #e1e5ec}.employee-withdraw-btn:disabled{opacity:.5;cursor:not-allowed}.employee-no-applications{text-align:center;background:#fff;border:1px solid #e7eaf0;border-radius:14px;padding:60px 20px}.employee-no-applications-icon{background:#fff0f1;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;margin:auto;font-size:25px;display:flex}.employee-no-applications h2{margin:17px 0 7px;font-size:20px}.employee-no-applications p{color:#7f8898;margin-bottom:18px;font-size:13px}.employee-no-applications button{color:#fff;cursor:pointer;background:#d92332;border:none;border-radius:8px;padding:10px 16px;font-weight:700}.employee-applications-loading{color:#7d8696;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.employee-applications-spinner{border:4px solid #f0d9dc;border-top-color:#d92332;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite employee-app-spin}.employee-applications-loading p{margin-top:13px;font-size:13px}@keyframes employee-app-spin{to{transform:rotate(360deg)}}.employee-application-modal-overlay{z-index:9999;background:#1017249e;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.employee-application-modal{background:#fff;border-radius:15px;width:min(720px,100%);max-height:92vh;overflow-y:auto}.employee-application-modal-header{border-bottom:1px solid #edf0f4;justify-content:space-between;gap:15px;padding:20px 23px;display:flex}.employee-application-modal-title{align-items:center;gap:12px;display:flex}.employee-application-modal-title h2{margin:0;font-size:20px}.employee-application-modal-title p{color:#7c8595;margin:4px 0 0;font-size:12px}.employee-application-modal-close{cursor:pointer;background:#f1f3f6;border:none;border-radius:8px;width:34px;height:34px;font-size:21px}.employee-application-modal-body{padding:22px}.employee-application-status-box{background:#f7f8fa;border-radius:10px;justify-content:space-between;align-items:center;padding:13px;display:flex}.employee-application-status-box span{color:#70798a;font-size:11px}.employee-application-status-box strong{border-radius:20px;padding:6px 10px;font-size:10px}.employee-application-detail-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.employee-application-detail-grid>div{background:#f7f8fa;border-radius:8px;padding:11px}.employee-application-detail-grid span{color:#858e9e;margin-bottom:5px;font-size:9px;display:block}.employee-application-detail-grid strong{color:#3c4555;font-size:11px;display:block}.employee-application-modal-section{margin-top:21px}.employee-application-modal-section h3,.employee-employer-note h3{margin:0 0 8px;font-size:14px}.employee-application-modal-section p,.employee-employer-note p{color:#697385;white-space:pre-line;margin:0;font-size:12px;line-height:1.7}.employee-employer-note{background:#fff8e7;border:1px solid #f2dfb0;border-radius:9px;margin-top:18px;padding:13px}.employee-employer-note h3,.employee-employer-note p{color:#765b18}.employee-application-resume-box{border:1px solid #e6e9ee;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:13px;display:flex}.employee-application-resume-box strong{font-size:12px;display:block}.employee-application-resume-box span{color:#858e9e;margin-top:4px;font-size:10px;display:block}.employee-application-resume-box button{color:#d92332;cursor:pointer;background:#fff;border:1px solid #d92332;border-radius:7px;padding:8px 11px;font-size:10px;font-weight:700}.employee-application-modal-footer{border-top:1px solid #edf0f4;justify-content:flex-end;gap:8px;padding:17px 22px;display:flex}.employee-application-close-btn,.employee-application-withdraw-modal-btn{cursor:pointer;border-radius:8px;padding:10px 15px;font-weight:700}.employee-application-close-btn{color:#555e6e;background:#fff;border:1px solid #dfe3ea}.employee-application-withdraw-modal-btn{color:#b4232d;background:#fff0f1;border:1px solid #ffd1d5}@media (width<=850px){.employee-application-card{flex-direction:column;align-items:flex-start}.employee-application-side{align-items:flex-start;width:100%}.employee-application-summary,.employee-application-detail-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.employee-applications-header{padding:10px 4%}.employee-applications-main{width:92%;padding-top:25px}.employee-applications-title{flex-direction:column;align-items:flex-start}.employee-find-more-jobs-btn{width:100%}.employee-application-summary{grid-template-columns:1fr 1fr}.employee-application-main{align-items:flex-start}.employee-application-meta{flex-direction:column}.employee-application-detail-grid{grid-template-columns:1fr}.employee-application-resume-box{flex-direction:column;align-items:flex-start}.employee-application-resume-box button{width:100%}.employee-application-modal-footer{flex-direction:column}.employee-application-close-btn,.employee-application-withdraw-modal-btn{width:100%}}.employer-auth-page{color:#172033;background:#f5f7fb;min-height:100vh}.employer-auth-header{background:#fff;border-bottom:1px solid #e7eaf0;justify-content:space-between;align-items:center;min-height:72px;padding:10px 5%;display:flex}.employer-auth-brand{align-items:center;gap:12px;display:flex}.employer-auth-logo{color:#fff;background:#d92332;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-weight:800;display:flex}.employer-auth-brand h2{margin:0;font-size:19px}.employer-auth-brand span{color:#7d8696;margin-top:2px;font-size:12px;display:block}.employer-auth-back-btn{color:#3f4858;cursor:pointer;background:#fff;border:1px solid #dfe3ea;border-radius:8px;padding:9px 14px;font-weight:700}.employer-auth-main{justify-content:center;min-height:calc(100vh - 72px);padding:40px 20px 60px;display:flex}.employer-auth-card{background:#fff;border:1px solid #e5e8ee;border-radius:16px;width:min(620px,100%);padding:30px;box-shadow:0 10px 30px #1e283c0f}.employer-auth-top{text-align:center}.employer-auth-icon{background:#fff0f2;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 13px;font-size:25px;display:flex}.employer-auth-top p{color:#d92332;letter-spacing:1px;margin:0 0 7px;font-size:11px;font-weight:800}.employer-auth-top h1{margin:0;font-size:27px}.employer-auth-top span{color:#7b8494;margin-top:8px;font-size:12px;line-height:1.6;display:block}.employer-auth-tabs{background:#f1f3f6;border-radius:9px;grid-template-columns:1fr 1fr;gap:5px;margin:25px 0 20px;padding:4px;display:grid}.employer-auth-tabs button{color:#6e7787;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:10px;font-weight:700}.employer-auth-tabs button.active{color:#d92332;background:#fff;box-shadow:0 2px 7px #1e283c14}.employer-auth-error,.employer-auth-success{border-radius:8px;margin-bottom:16px;padding:11px 13px;font-size:12px;font-weight:600}.employer-auth-error{color:#b4232d;background:#fff0f1;border:1px solid #ffd1d5}.employer-auth-success{color:#16733a;background:#eaf8ef;border:1px solid #bce8ca}.employer-auth-form{flex-direction:column;gap:15px;display:flex}.employer-auth-field{flex-direction:column;gap:6px;display:flex}.employer-auth-field label{color:#414a5b;font-size:11px;font-weight:700}.employer-auth-field input,.employer-auth-field textarea{box-sizing:border-box;color:#1d2636;background:#fff;border:1px solid #dce1e9;border-radius:8px;outline:none;width:100%;padding:11px 12px;font-family:inherit;font-size:12px;transition:all .2s}.employer-auth-field input{height:43px}.employer-auth-field textarea{resize:vertical;min-height:75px}.employer-auth-field input:focus,.employer-auth-field textarea:focus{border-color:#d92332;box-shadow:0 0 0 3px #d9233214}.employer-auth-field input::placeholder,.employer-auth-field textarea::placeholder{color:#a1a8b4}.employer-auth-two-col{grid-template-columns:1fr 1fr;gap:13px;display:grid}.employer-auth-section-title{color:#182235;border-bottom:1px solid #edf0f4;margin-top:7px;padding-bottom:8px;font-size:13px;font-weight:800}.employer-auth-submit{color:#fff;cursor:pointer;background:#d92332;border:none;border-radius:8px;width:100%;margin-top:5px;padding:12px;font-size:12px;font-weight:800;transition:all .2s}.employer-auth-submit:hover{background:#bd1d2a}.employer-auth-submit:disabled{opacity:.65;cursor:not-allowed}.employer-auth-switch{text-align:center;color:#7b8494;border-top:1px solid #edf0f4;margin-top:22px;padding-top:18px;font-size:11px}.employer-auth-switch button{color:#d92332;cursor:pointer;background:0 0;border:none;margin-left:5px;font-weight:800}@media (width<=600px){.employer-auth-header{padding:10px 4%}.employer-auth-main{padding:25px 12px 40px}.employer-auth-card{border-radius:12px;padding:22px 18px}.employer-auth-top h1{font-size:23px}.employer-auth-two-col{grid-template-columns:1fr}}.employer-dashboard-page{color:#14213d;background:#f5f7fb;min-height:100vh}.employer-dashboard-loading{text-align:center;background:#f5f7fb;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.employer-loading-spinner{margin-bottom:15px;font-size:42px}.employer-dashboard-loading h3{margin:0 0 6px;font-size:22px}.employer-dashboard-loading p{color:#718096;margin:0}.employer-dashboard-header{background:#fff;border-bottom:1px solid #e6eaf0}.employer-dashboard-header-inner{justify-content:space-between;align-items:center;gap:20px;width:min(1180px,92%);min-height:76px;margin:0 auto;display:flex}.employer-dashboard-brand{cursor:pointer;align-items:center;gap:12px;display:flex}.employer-dashboard-logo{color:#fff;background:#e52332;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:800;display:flex}.employer-dashboard-brand strong{color:#14213d;font-size:18px;display:block}.employer-dashboard-brand span{color:#718096;margin-top:2px;font-size:12px;display:block}.employer-dashboard-header-right{align-items:center;gap:18px;display:flex}.employer-user-mini{align-items:center;gap:10px;display:flex}.employer-user-avatar{color:#e52332;background:#ffe7ea;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:800;display:flex}.employer-user-mini strong{white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:14px;display:block;overflow:hidden}.employer-user-mini span{color:#718096;margin-top:2px;font-size:12px;display:block}.employer-logout-btn{color:#e52332;cursor:pointer;background:#fff;border:1px solid #e0e5ec;border-radius:8px;padding:10px 16px;font-weight:700}.employer-logout-btn:hover{background:#fff4f5}.employer-dashboard-main{width:min(1180px,92%);margin:0 auto;padding:38px 0 60px}.employer-dashboard-error{color:#c51f2e;background:#fff0f1;border:1px solid #ffc7cc;border-radius:9px;margin-bottom:20px;padding:13px 16px;font-size:14px;font-weight:600}.employer-welcome{justify-content:space-between;align-items:center;gap:30px;margin-bottom:28px;display:flex}.employer-section-label{color:#e52332;letter-spacing:1.2px;margin-bottom:8px;font-size:12px;font-weight:800}.employer-welcome h1{color:#10213f;margin:0;font-size:32px;line-height:1.2}.employer-welcome p{color:#718096;margin:8px 0 0;font-size:15px}.employer-primary-btn{color:#fff;cursor:pointer;background:#e52332;border:0;border-radius:9px;flex-shrink:0;padding:13px 20px;font-size:14px;font-weight:800}.employer-primary-btn:hover{background:#c91d2b}.employer-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.employer-stat-card{background:#fff;border:1px solid #e5e9ef;border-radius:12px;align-items:center;gap:14px;min-height:92px;padding:18px;display:flex}.employer-stat-icon{background:#fff0f2;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:21px;display:flex}.employer-stat-icon.approved{color:#168344;background:#eaf8ef}.employer-stat-icon.pending{background:#fff7e6}.employer-stat-icon.applications{background:#eef3ff}.employer-stat-card span{color:#718096;font-size:12px;display:block}.employer-stat-card strong{color:#111d35;margin-top:4px;font-size:24px;display:block}.employer-dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(330px,.8fr);gap:20px;display:grid}.employer-profile-card{background:#fff;border:1px solid #e4e8ef;border-radius:13px;padding:22px}.employer-card-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;padding-bottom:17px;display:flex}.employer-card-header h2{margin:0;font-size:20px}.employer-card-header p{color:#718096;margin:5px 0 0;font-size:13px}.employer-card-header button{color:#e52332;cursor:pointer;background:0 0;border:0;font-weight:700}.employer-company-top{border-bottom:1px solid #edf0f4;align-items:center;gap:15px;padding:22px 0;display:flex}.employer-company-avatar{color:#e52332;background:#ffe6e9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;font-size:28px;font-weight:800;display:flex}.employer-company-top h3{margin:0;font-size:20px}.employer-company-top p{color:#718096;margin:5px 0 8px;font-size:14px}.employer-active-badge{color:#168344;background:#e9f8ef;border-radius:20px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-block}.employer-profile-details{padding-top:4px}.employer-profile-row{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:20px;min-height:54px;display:flex}.employer-profile-row:last-child{border-bottom:0}.employer-profile-row span{color:#718096;font-size:13px}.employer-profile-row strong{color:#16233c;text-align:right;overflow-wrap:anywhere;max-width:62%;font-size:13px}.employer-actions-column{flex-direction:column;gap:14px;display:flex}.employer-action-card{background:#fff;border:1px solid #e4e8ef;border-radius:12px;align-items:flex-start;gap:14px;padding:18px;display:flex}.employer-action-icon{background:#fff0f2;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.employer-action-content{min-width:0}.employer-action-content h3{color:#16233c;margin:0;font-size:16px}.employer-action-content p{color:#718096;margin:5px 0 11px;font-size:12px;line-height:1.5}.employer-action-content button{color:#fff;cursor:pointer;background:#e52332;border:0;border-radius:7px;padding:8px 12px;font-size:12px;font-weight:700}.employer-action-content button:hover{background:#c91d2b}.employer-approval-notice{background:#f5f8ff;border:1px solid #dce6ff;border-radius:12px;align-items:flex-start;gap:14px;margin-top:20px;padding:18px 20px;display:flex}.employer-approval-icon{background:#e8efff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.employer-approval-notice h3{margin:0 0 5px;font-size:15px}.employer-approval-notice p{color:#63708a;margin:0;font-size:13px;line-height:1.55}@media (width<=900px){.employer-stats-grid{grid-template-columns:repeat(2,1fr)}.employer-dashboard-grid{grid-template-columns:1fr}}@media (width<=600px){.employer-dashboard-header-inner{min-height:68px}.employer-user-mini>div:last-child{display:none}.employer-dashboard-main{padding-top:28px}.employer-welcome{flex-direction:column;align-items:flex-start}.employer-welcome h1{font-size:26px}.employer-primary-btn{width:100%}.employer-stats-grid{grid-template-columns:1fr 1fr;gap:10px}.employer-stat-card{padding:13px}.employer-stat-icon{width:40px;height:40px}.employer-stat-card strong{font-size:20px}.employer-profile-card{padding:16px}.employer-profile-row{align-items:flex-start;padding:13px 0}.employer-profile-row strong{max-width:55%}}.employer-post-job-page{color:#14213d;background:#f5f7fb;min-height:100vh}.employer-post-job-header{background:#fff;border-bottom:1px solid #e5e9ef}.employer-post-job-header-inner{justify-content:space-between;align-items:center;width:min(1180px,92%);min-height:76px;margin:auto;display:flex}.employer-post-job-brand{cursor:pointer;align-items:center;gap:12px;display:flex}.employer-post-job-logo{color:#fff;background:#e52332;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;display:flex}.employer-post-job-brand strong{font-size:18px;display:block}.employer-post-job-brand span{color:#718096;margin-top:2px;font-size:12px;display:block}.employer-post-job-header button{color:#263650;cursor:pointer;background:#fff;border:1px solid #dce2ea;border-radius:8px;padding:10px 15px;font-weight:700}.employer-post-job-main{width:min(980px,92%);margin:auto;padding:38px 0 60px}.employer-post-job-title{margin-bottom:25px}.employer-post-job-label{color:#e52332;letter-spacing:1.2px;font-size:12px;font-weight:800}.employer-post-job-title h1{margin:7px 0 8px;font-size:32px}.employer-post-job-title p{color:#718096;margin:0;line-height:1.6}.employer-post-job-success,.employer-post-job-error{border-radius:9px;margin-bottom:18px;padding:14px 16px;font-size:14px;font-weight:600}.employer-post-job-success{color:#16733a;background:#ebfaf0;border:1px solid #bde8ca}.employer-post-job-error{color:#c51f2e;background:#fff0f1;border:1px solid #ffc8cd}.employer-post-job-form{flex-direction:column;gap:18px;display:flex}.employer-form-section{background:#fff;border:1px solid #e2e7ee;border-radius:13px;padding:24px}.employer-form-section-title{border-bottom:1px solid #edf0f4;margin-bottom:20px;padding-bottom:15px}.employer-form-section-title h2{margin:0;font-size:19px}.employer-form-section-title p{color:#718096;margin:5px 0 0;font-size:13px}.employer-form-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.employer-form-field{flex-direction:column;gap:7px;display:flex}.employer-form-field.full{grid-column:1/-1}.employer-form-field label{color:#34415a;font-size:13px;font-weight:700}.employer-form-field input,.employer-form-field select,.employer-form-field textarea{box-sizing:border-box;color:#16233c;background:#fff;border:1px solid #d9e0e9;border-radius:8px;outline:none;width:100%;padding:12px 13px;font-family:inherit;font-size:13px}.employer-form-field input:focus,.employer-form-field select:focus,.employer-form-field textarea:focus{border-color:#e52332;box-shadow:0 0 0 3px #e5233214}.employer-form-field textarea{resize:vertical}.employer-form-field small{color:#718096;font-size:11px}.employer-post-job-notice{background:#f4f7ff;border:1px solid #d7e2ff;border-radius:11px;gap:13px;padding:17px 19px;display:flex}.employer-post-job-notice>div:first-child{font-size:21px}.employer-post-job-notice strong{font-size:14px}.employer-post-job-notice p{color:#65718a;margin:5px 0 0;font-size:12px;line-height:1.55}.employer-post-job-actions{justify-content:flex-end;gap:10px;display:flex}.employer-cancel-btn,.employer-submit-btn{cursor:pointer;border-radius:8px;padding:13px 18px;font-size:13px;font-weight:800}.employer-cancel-btn{color:#46536b;background:#fff;border:1px solid #dce2ea}.employer-submit-btn{color:#fff;background:#e52332;border:0}.employer-submit-btn:hover{background:#c91d2b}.employer-submit-btn:disabled{opacity:.65;cursor:not-allowed}@media (width<=650px){.employer-post-job-main{padding-top:28px}.employer-post-job-title h1{font-size:26px}.employer-form-grid{grid-template-columns:1fr}.employer-form-field.full{grid-column:auto}.employer-form-section{padding:17px}.employer-post-job-actions{flex-direction:column-reverse}.employer-cancel-btn,.employer-submit-btn{width:100%}}.employer-jobs-page{color:#10213f;background:#f5f7fb;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.employer-jobs-header{background:#fff;border-bottom:1px solid #e4e8ef;width:100%}.employer-jobs-header-inner{justify-content:space-between;align-items:center;width:min(1055px,100% - 40px);min-height:78px;margin:0 auto;display:flex}.employer-jobs-brand{align-items:center;gap:11px;display:flex}.employer-jobs-logo{color:#fff;background:#ed1c2e;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:800;display:flex}.employer-jobs-brand-text{flex-direction:column;gap:2px;display:flex}.employer-jobs-brand-text strong{color:#10213f;font-size:16px;line-height:1.1}.employer-jobs-brand-text small{color:#64748b;font-size:11px}.employer-jobs-header-buttons{align-items:center;gap:8px;display:flex}.employer-jobs-header-buttons button{color:#10213f;cursor:pointer;background:#fff;border:1px solid #d9e0e9;border-radius:8px;height:36px;padding:0 14px;font-size:12px;font-weight:700;transition:all .2s}.employer-jobs-header-buttons button:hover{color:#ed1c2e;border-color:#ed1c2e}.employer-jobs-header-buttons .logout-button{color:#ed1c2e}.employer-jobs-container{width:min(1055px,100% - 40px);margin:0 auto;padding:38px 0 55px}.employer-jobs-heading{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:27px;display:flex}.employer-jobs-label{color:#ed1c2e;letter-spacing:1.4px;margin-bottom:7px;font-size:12px;font-weight:800}.employer-jobs-heading h1{color:#10213f;margin:0;font-size:31px;font-weight:800;line-height:1.2}.employer-jobs-heading p{color:#64748b;margin:7px 0 0;font-size:14px;line-height:1.5}.post-job-button{color:#fff;cursor:pointer;background:#ed1c2e;border:none;border-radius:8px;flex-shrink:0;padding:12px 18px;font-size:12px;font-weight:700;transition:all .2s;box-shadow:0 6px 15px #ed1c2e26}.post-job-button:hover{background:#d91729;transform:translateY(-1px)}.employer-jobs-error{color:#dc2626;box-sizing:border-box;background:#fff1f2;border:1px solid #fecaca;border-radius:9px;width:100%;margin-bottom:18px;padding:12px 15px;font-size:12px;font-weight:600}.employer-jobs-summary{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:28px;display:grid}.job-summary-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #dfe5ed;border-radius:10px;align-items:center;gap:11px;min-height:72px;padding:12px 14px;transition:all .2s;display:flex}.job-summary-card:hover{transform:translateY(-1px);box-shadow:0 7px 20px #10213f0f}.job-summary-card.summary-active{border-color:#ed1c2e;box-shadow:0 4px 12px #ed1c2e14}.summary-icon{background:#fff0f2;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:39px;height:39px;font-size:17px;display:flex}.summary-icon.approved-icon{color:#15803d;background:#eaf9ef}.summary-icon.pending-icon{background:#fff8e6}.summary-icon.rejected-icon{color:#dc2626;background:#fff0f1}.summary-icon.closed-icon{color:#64748b;background:#eef1f5}.job-summary-card>div:last-child{flex-direction:column;gap:3px;display:flex}.job-summary-card span{color:#64748b;font-size:10px}.job-summary-card strong{color:#10213f;font-size:20px;font-weight:800;line-height:1}.employer-jobs-list-section{width:100%}.employer-jobs-list-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.employer-jobs-list-header h2{color:#10213f;margin:0;font-size:20px;font-weight:800}.employer-jobs-list-header p{color:#64748b;margin:4px 0 0;font-size:12px}.refresh-jobs-button{color:#10213f;cursor:pointer;background:#fff;border:1px solid #d9e0e9;border-radius:8px;height:34px;padding:0 13px;font-size:11px;font-weight:700;transition:all .2s}.refresh-jobs-button:hover{color:#ed1c2e;border-color:#ed1c2e}.employer-job-list{flex-direction:column;gap:14px;display:flex}.employer-job-card{box-sizing:border-box;background:#fff;border:1px solid #dfe5ed;border-radius:11px;width:100%;padding:19px 20px;transition:all .2s}.employer-job-card:hover{box-shadow:0 8px 25px #10213f0f}.employer-job-card-top{border-bottom:1px solid #edf0f4;align-items:center;gap:12px;padding-bottom:15px;display:flex}.job-company-icon{color:#ed1c2e;background:#fff0f2;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;font-size:19px;font-weight:800;display:flex}.job-main-info{flex:1;min-width:0}.job-main-info h3{color:#10213f;margin:0 0 3px;font-size:17px;font-weight:800}.job-main-info p{color:#64748b;margin:0;font-size:12px}.job-status-badge{white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;min-height:27px;padding:0 11px;font-size:10px;font-weight:800;display:inline-flex}.status-pending{color:#b77900;background:#fff7df}.status-approved{color:#16803a;background:#eaf9ef}.status-closed{color:#64748b;background:#eef1f5}.employer-job-details{border-bottom:1px solid #edf0f4;grid-template-columns:repeat(3,1fr);gap:17px;padding:15px 0;display:grid}.job-detail-item{flex-direction:column;gap:5px;display:flex}.job-detail-item span{color:#64748b;font-size:10px}.job-detail-item strong{color:#10213f;font-size:12px;font-weight:700;line-height:1.4}.job-extra-info{flex-wrap:wrap;gap:7px;padding:14px 0;display:flex}.job-tag{color:#475569;overflow-wrap:anywhere;background:#f4f6f9;border-radius:6px;max-width:100%;padding:6px 9px;font-size:10px;font-weight:600}.employer-job-card-footer{justify-content:space-between;align-items:center;gap:15px;display:flex}.job-id{color:#94a3b8;font-size:10px}.employer-job-actions{align-items:center;gap:7px;display:flex}.employer-job-actions button{cursor:pointer;border-radius:7px;min-height:32px;padding:0 12px;font-size:11px;font-weight:700;transition:all .2s}.view-job-button{color:#10213f;background:#fff;border:1px solid #d9e0e9}.view-job-button:hover{border-color:#10213f}.edit-job-button{color:#fff;background:#ed1c2e;border:none}.edit-job-button:hover{background:#d91729}.no-jobs-box{box-sizing:border-box;text-align:center;background:#fff;border:1px solid #dfe5ed;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;min-height:270px;padding:40px 25px;display:flex}.no-jobs-icon{background:#fff0f2;border-radius:13px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:13px;font-size:23px;display:flex}.no-jobs-box h3{color:#10213f;margin:0 0 7px;font-size:17px}.no-jobs-box p{color:#64748b;margin:0 0 17px;font-size:12px}.no-jobs-box button{color:#fff;cursor:pointer;background:#ed1c2e;border:none;border-radius:7px;padding:9px 14px;font-size:11px;font-weight:700}.approval-info-box{background:#f2f7ff;border:1px solid #d8e5fb;border-radius:10px;align-items:flex-start;gap:12px;margin-top:20px;padding:15px 17px;display:flex}.approval-info-icon{background:#e5efff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font-size:15px;display:flex}.approval-info-box>div:last-child{flex:1}.approval-info-box strong{color:#10213f;margin-bottom:4px;font-size:13px;display:block}.approval-info-box p{color:#64748b;margin:0;font-size:11px;line-height:1.5}.employer-jobs-loading{text-align:center;background:#fff;border:1px solid #dfe5ed;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;min-height:350px;display:flex}.loading-spinner{background:#fff0f2;border-radius:13px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:12px;font-size:23px;display:flex}.employer-jobs-loading h3{color:#10213f;margin:0 0 6px;font-size:17px}.employer-jobs-loading p{color:#64748b;margin:0;font-size:12px}.job-details-overlay{z-index:9999;box-sizing:border-box;background:#0f172a94;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0;overflow-y:auto}.job-details-modal{box-sizing:border-box;background:#fff;border-radius:14px;width:min(700px,100%);max-height:calc(100vh - 50px);overflow-y:auto;box-shadow:0 25px 70px #0003}.job-modal-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:15px;padding:20px;display:flex}.job-modal-title-area{align-items:center;gap:12px;min-width:0;display:flex}.job-modal-icon{color:#ed1c2e;background:#fff0f2;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:19px;font-weight:800;display:flex}.job-modal-title-area h2{color:#10213f;margin:0 0 3px;font-size:19px;font-weight:800}.job-modal-title-area p{color:#64748b;margin:0;font-size:12px}.close-modal-button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e1e6ed;border-radius:8px;flex-shrink:0;width:34px;height:34px;font-size:21px;line-height:1}.close-modal-button:hover{color:#ed1c2e;background:#fff1f2}.job-modal-status{padding:15px 20px 0}.job-modal-grid{background:#f8fafc;border:1px solid #edf0f4;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:15px;margin:15px 20px;padding:16px;display:grid}.job-modal-grid>div{flex-direction:column;gap:5px;display:flex}.job-modal-grid span{color:#64748b;font-size:10px}.job-modal-grid strong{color:#10213f;font-size:12px;line-height:1.4}.job-modal-section{margin:0 20px 18px}.job-modal-section h3{color:#10213f;margin:0 0 7px;font-size:14px;font-weight:800}.job-modal-section p{color:#475569;white-space:pre-line;margin:0;font-size:12px;line-height:1.65}.modal-skills span{color:#475569;background:#f4f6f9;border-radius:6px;padding:6px 9px;font-size:10px;font-weight:600}.pending-notice,.approved-notice,.rejected-notice,.closed-job-notice{border-radius:8px;margin:0 20px 18px;padding:11px 13px;font-size:11px;line-height:1.5}.pending-notice{color:#9a6700;background:#fff8e6;border:1px solid #f5df9d}.approved-notice{color:#15803d;background:#effbf3;border:1px solid #c7eed3}.rejected-notice{color:#dc2626;background:#fff1f2;border:1px solid #fecaca}.closed-job-notice{color:#64748b;background:#f1f5f9;border:1px solid #dbe2ea}.job-modal-footer{border-top:1px solid #edf0f4;justify-content:flex-end;gap:8px;padding:15px 20px;display:flex}.job-modal-footer button{cursor:pointer;border-radius:7px;min-height:35px;padding:0 13px;font-size:11px;font-weight:700;transition:all .2s}.modal-edit-job-button{color:#fff;background:#ed1c2e;border:none}.modal-edit-job-button:hover{background:#d91729}.modal-close-job-button{color:#dc2626;background:#fff;border:1px solid #fecaca}.modal-close-job-button:hover{background:#fff1f2}.modal-close-job-button:disabled{opacity:.55;cursor:not-allowed}@media (width<=950px){.employer-jobs-summary{grid-template-columns:repeat(3,1fr)}.employer-job-details,.job-modal-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.employer-jobs-header-inner{width:calc(100% - 24px);min-height:68px}.employer-jobs-container{width:calc(100% - 24px);padding-top:27px}.employer-jobs-heading{flex-direction:column;align-items:stretch;gap:17px}.post-job-button{width:100%}.employer-jobs-heading h1{font-size:26px}.employer-jobs-summary{grid-template-columns:repeat(2,1fr)}.employer-job-card-top{align-items:flex-start}.job-status-badge{margin-left:auto}.employer-job-details{grid-template-columns:repeat(2,1fr)}.employer-job-card-footer{flex-direction:column;align-items:flex-start}.employer-job-actions{width:100%}.employer-job-actions button{flex:1}.job-details-overlay{padding:12px}.job-details-modal{max-height:calc(100vh - 24px)}}@media (width<=480px){.employer-jobs-header-inner,.employer-jobs-container{width:calc(100% - 16px)}.employer-jobs-brand-text strong{font-size:14px}.employer-jobs-brand-text small{font-size:9px}.employer-jobs-header-buttons button{padding:0 9px;font-size:10px}.employer-jobs-summary{gap:8px}.job-summary-card{min-height:65px;padding:9px}.summary-icon{width:34px;height:34px;font-size:15px}.job-summary-card strong{font-size:17px}.employer-job-card{padding:15px}.employer-job-card-top{flex-wrap:wrap}.job-status-badge{justify-content:center;width:100%;margin-left:0}.employer-job-details{grid-template-columns:1fr}.employer-job-actions{flex-wrap:wrap}.employer-job-actions button{min-width:100%}.job-modal-grid{grid-template-columns:1fr;margin-left:15px;margin-right:15px}.job-modal-header{padding:15px}.job-modal-status{padding-left:15px;padding-right:15px}.job-modal-section,.pending-notice,.approved-notice,.rejected-notice,.closed-job-notice{margin-left:15px;margin-right:15px}.job-modal-footer{flex-wrap:wrap;padding:12px 15px}.job-modal-footer button{flex:1}}.employer-edit-job-page{color:#10233f;background:#f5f7fb;min-height:100vh}.employer-edit-job-header{background:#fff;border-bottom:1px solid #e3e8ef}.employer-edit-job-header-inner{justify-content:space-between;align-items:center;width:min(1080px,92%);min-height:76px;margin:auto;display:flex}.edit-job-brand{align-items:center;gap:11px;display:flex}.edit-job-logo{color:#fff;background:#e92332;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:800;display:flex}.edit-job-brand strong{font-size:16px;display:block}.edit-job-brand small{color:#71809a;font-size:11px;display:block}.edit-job-dashboard-btn{color:#16345d;cursor:pointer;background:#fff;border:1px solid #dbe1e9;border-radius:8px;padding:9px 15px;font-size:13px;font-weight:600}.employer-edit-job-main{width:min(880px,92%);margin:auto;padding:38px 0 60px}.edit-job-page-heading{margin-bottom:25px}.edit-job-eyebrow{color:#e92332;letter-spacing:1.5px;margin-bottom:7px;font-size:12px;font-weight:800}.edit-job-page-heading h1{color:#10294b;margin:0;font-size:32px}.edit-job-page-heading p{color:#71809a;margin:7px 0 0;font-size:14px}.edit-job-error,.edit-job-success{border-radius:8px;margin-bottom:18px;padding:13px 16px;font-size:13px;font-weight:600}.edit-job-error{color:#c82030;background:#fff0f2;border:1px solid #ffcbd1}.edit-job-success{color:#18834d;background:#eaf9f0;border:1px solid #bce7cc;justify-content:space-between;align-items:center;gap:15px;display:flex}.edit-job-success button{color:#fff;cursor:pointer;background:#18834d;border:0;border-radius:6px;padding:7px 12px}.edit-job-loading{text-align:center;color:#71809a;background:#fff;border:1px solid #e1e6ed;border-radius:12px;padding:70px}.edit-job-form{flex-direction:column;gap:18px;display:flex}.edit-job-section{background:#fff;border:1px solid #e1e6ed;border-radius:12px;padding:22px}.edit-job-section-heading{border-bottom:1px solid #edf0f4;margin-bottom:18px;padding-bottom:14px}.edit-job-section-heading h2{margin:0;font-size:18px}.edit-job-section-heading p{color:#71809a;margin:4px 0 0;font-size:12px}.edit-job-two-col{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px;display:grid}.edit-job-three-col{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}.edit-job-field{flex-direction:column;gap:6px;display:flex}.edit-job-field.full{margin-bottom:16px}.edit-job-field label{color:#203858;font-size:12px;font-weight:600}.edit-job-field input,.edit-job-field select,.edit-job-field textarea{box-sizing:border-box;color:#172c49;background:#fff;border:1px solid #d7dfe9;border-radius:7px;outline:none;width:100%;padding:11px 12px;font-family:inherit;font-size:13px}.edit-job-field textarea{resize:vertical;min-height:130px;line-height:1.5}.edit-job-field input:focus,.edit-job-field select:focus,.edit-job-field textarea:focus{border-color:#e92332;box-shadow:0 0 0 3px #e9233214}.edit-job-actions{justify-content:flex-end;gap:10px;padding-top:5px;display:flex}.edit-job-cancel-btn,.edit-job-save-btn{cursor:pointer;border-radius:8px;padding:11px 19px;font-size:13px;font-weight:700}.edit-job-cancel-btn{color:#52647d;background:#fff;border:1px solid #d7dee8}.edit-job-save-btn{color:#fff;background:#e92332;border:0}.edit-job-save-btn:hover{background:#d91d2b}.edit-job-save-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=700px){.employer-edit-job-main{padding-top:25px}.edit-job-page-heading h1{font-size:27px}.edit-job-two-col,.edit-job-three-col{grid-template-columns:1fr}.edit-job-section{padding:17px}.edit-job-actions{flex-direction:column}.edit-job-cancel-btn,.edit-job-save-btn{width:100%}.edit-job-success{flex-direction:column;align-items:flex-start}}.employer-applications-page{color:#102a43;background:#f5f7fb;min-height:100vh}.employer-applications-header{box-sizing:border-box;background:#fff;border-bottom:1px solid #e4e9f0;justify-content:space-between;align-items:center;height:78px;padding:0 8%;display:flex}.employer-applications-brand{align-items:center;gap:12px;display:flex}.employer-applications-logo{color:#fff;background:#ef233c;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:flex}.employer-brand-name{color:#102a43;font-size:17px;font-weight:800}.employer-brand-subtitle{letter-spacing:.8px;color:#ef233c;margin-top:1px;font-size:9px;font-weight:700}.employer-header-actions{align-items:center;gap:9px;display:flex}.employer-header-button{color:#102a43;cursor:pointer;background:#fff;border:1px solid #d9e1ea;border-radius:7px;height:34px;padding:0 16px;font-size:12px;font-weight:700}.employer-header-button:hover{border-color:#ef233c}.logout-button{color:#ef233c}.employer-applications-main{min-height:calc(100vh - 78px);padding:38px 20px 70px}.employer-applications-container{width:min(900px,100%);margin:0 auto}.applications-page-heading{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:25px;display:flex}.applications-eyebrow{color:#ef233c;letter-spacing:2px;margin-bottom:5px;font-size:11px;font-weight:800}.applications-page-heading h1{color:#102a43;margin:0;font-size:30px;line-height:1.1}.applications-page-heading p{color:#66809d;margin:7px 0 0;font-size:13px}.back-my-jobs-button{color:#102a43;cursor:pointer;background:#fff;border:1px solid #d9e1ea;border-radius:7px;height:36px;padding:0 15px;font-size:12px;font-weight:700}.back-my-jobs-button:hover{color:#ef233c;border-color:#ef233c}.applications-error,.applications-success{border-radius:8px;margin-bottom:16px;padding:12px 15px;font-size:12px;font-weight:600}.applications-error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.applications-success{color:#047857;background:#ecfdf5;border:1px solid #bbf7d0}.applications-summary{grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:24px;display:grid}.application-summary-card{box-sizing:border-box;background:#fff;border:1px solid #dce4ed;border-radius:9px;align-items:center;gap:10px;min-height:67px;padding:10px;display:flex}.active-summary{border-color:#ef233c}.summary-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;font-size:14px;font-weight:800;display:flex}.purple-icon{color:#5b21b6;background:#f0ebff}.pink-icon{color:#db2777;background:#fff0f5}.blue-icon{color:#2563eb;background:#eef6ff}.yellow-icon{color:#d97706;background:#fff8df}.red-icon{color:#dc2626;background:#fff0f1}.summary-label{color:#7890a8;margin-bottom:2px;font-size:9px}.summary-value{color:#102a43;font-size:17px;font-weight:800}.applications-filters{background:#fff;border:1px solid #dce4ed;border-radius:9px;grid-template-columns:1fr 170px 130px;gap:8px;margin-bottom:25px;padding:10px;display:grid}.application-search-box{box-sizing:border-box;border:1px solid #d8e1eb;border-radius:7px;align-items:center;height:36px;padding:0 11px;display:flex}.application-search-box span{margin-right:8px;font-size:13px}.application-search-box input{color:#102a43;background:0 0;border:none;outline:none;width:100%;height:100%;font-size:11px}.application-search-box input::placeholder{color:#9aaabe}.application-status-filter{color:#102a43;background:#fff;border:1px solid #d8e1eb;border-radius:7px;outline:none;height:36px;padding:0 9px;font-size:11px}.refresh-applications-button{color:#102a43;cursor:pointer;background:#fff;border:1px solid #d8e1eb;border-radius:7px;height:36px;font-size:11px;font-weight:700}.refresh-applications-button:hover{color:#ef233c;border-color:#ef233c}.refresh-applications-button:disabled{opacity:.6;cursor:not-allowed}.applications-list-heading{margin-bottom:10px}.applications-list-heading h2{color:#102a43;margin:0;font-size:16px}.applications-list-heading p{color:#7890a8;margin:3px 0 0;font-size:10px}.applications-empty-box{text-align:center;box-sizing:border-box;background:#fff;border:1px dashed #cbd7e5;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:30px;display:flex}.empty-applications-icon{background:#fff0f4;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;font-size:22px;display:flex}.applications-empty-box h3{color:#102a43;margin:0;font-size:15px}.applications-empty-box p{color:#7890a8;margin:6px 0 0;font-size:10px}.applications-spinner{color:#ef233c;margin-bottom:10px;font-size:27px;animation:1s linear infinite employerApplicationSpin}@keyframes employerApplicationSpin{to{transform:rotate(360deg)}}.applications-list{flex-direction:column;gap:12px;display:flex}.employer-application-card{box-sizing:border-box;background:#fff;border:1px solid #dce4ed;border-radius:9px;padding:15px 16px;transition:box-shadow .2s,transform .2s}.employer-application-card:hover{box-shadow:0 8px 24px #102a4312}.application-card-top{border-bottom:1px solid #edf1f5;align-items:center;gap:12px;padding-bottom:13px;display:flex}.candidate-avatar,.modal-avatar{color:#ef233c;background:#fff0f3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;font-size:16px;font-weight:800;display:flex;overflow:hidden}.candidate-avatar img,.modal-avatar img{object-fit:cover;width:100%;height:100%}.candidate-main-info{flex:1;min-width:0}.candidate-main-info h3{color:#102a43;margin:0;font-size:14px}.candidate-main-info p{color:#7890a8;margin:3px 0;font-size:10px}.candidate-main-info p strong{color:#102a43}.candidate-main-info span{color:#7890a8;font-size:9px}.application-status-badge{border-radius:20px;justify-content:center;align-items:center;min-height:24px;padding:0 10px;font-size:9px;font-weight:800;display:inline-flex}.status-applied{color:#a16207;background:#fff4d8}.status-viewed{color:#2563eb;background:#edf5ff}.status-shortlisted{color:#b45309;background:#fff7d6}.status-rejected{color:#dc2626;background:#fff0f1}.candidate-details-grid{border-bottom:1px solid #edf1f5;grid-template-columns:repeat(4,1fr);gap:10px;padding:13px 0;display:grid}.candidate-detail{align-items:flex-start;gap:7px;min-width:0;display:flex}.detail-icon{font-size:11px}.candidate-detail small{color:#91a0b2;margin-bottom:3px;font-size:8px;display:block}.candidate-detail strong{color:#102a43;word-break:break-word;font-size:9px;display:block}.candidate-skills-row{border-bottom:1px solid #edf1f5;align-items:center;gap:9px;padding:11px 0;display:flex}.skills-label{color:#7890a8;font-size:9px}.skill-chip{color:#526a83;text-overflow:ellipsis;white-space:nowrap;background:#f2f5f9;border-radius:5px;max-width:80%;padding:5px 8px;font-size:8px;overflow:hidden}.application-card-footer{justify-content:space-between;align-items:center;gap:15px;padding-top:12px;display:flex}.application-date{color:#7890a8;font-size:9px}.application-card-actions{align-items:center;gap:7px;display:flex}.resume-button,.view-details-button{cursor:pointer;border-radius:6px;min-height:30px;padding:0 11px;font-size:9px;font-weight:700}.resume-button{color:#526a83;background:#fff;border:1px solid #d8e1eb}.view-details-button{color:#102a43;background:#fff;border:1px solid #cbd8e6}.resume-button:hover,.view-details-button:hover{color:#ef233c;border-color:#ef233c}.application-modal-overlay{z-index:9999;box-sizing:border-box;background:#0f172a85;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.application-details-modal{background:#fff;border-radius:12px;flex-direction:column;width:min(680px,100%);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 70px #0f172a33}.application-modal-header{border-bottom:1px solid #e9eef4;justify-content:space-between;align-items:center;gap:15px;padding:17px 19px;display:flex}.modal-candidate-heading{align-items:center;gap:11px;min-width:0;display:flex}.modal-avatar{width:48px;height:48px}.modal-eyebrow{color:#ef233c;letter-spacing:1.5px;margin-bottom:3px;font-size:8px;font-weight:800}.modal-candidate-heading h2{color:#102a43;margin:0;font-size:17px}.modal-candidate-heading p{color:#7890a8;margin:3px 0 0;font-size:9px}.modal-candidate-heading p strong{color:#102a43}.modal-close-button{color:#526a83;cursor:pointer;background:#fff;border:1px solid #dce4ed;border-radius:6px;width:30px;height:30px;font-size:18px}.modal-close-button:hover{color:#ef233c;border-color:#ef233c}.application-modal-body{flex:1;padding:18px 19px;overflow-y:auto}.modal-loading{color:#7890a8;justify-content:center;align-items:center;min-height:200px;font-size:12px;display:flex}.modal-status-row{background:#f7f9fc;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:15px;padding:10px 12px;display:flex}.modal-status-row>span{color:#7890a8;font-size:10px}.modal-section{margin-bottom:17px}.modal-section h3{color:#102a43;margin:0 0 9px;font-size:12px}.modal-info-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.modal-info-grid>div{background:#f8fafc;border:1px solid #edf1f5;border-radius:7px;padding:9px 10px}.modal-info-grid small,.modal-skills-section small{color:#91a0b2;margin-bottom:4px;font-size:8px;display:block}.modal-info-grid strong{color:#102a43;word-break:break-word;font-size:10px;display:block}.modal-skills-section{margin-top:10px}.modal-skills{flex-wrap:wrap;gap:6px;display:flex}.modal-skills span{color:#be123c;background:#fff2f4;border-radius:5px;padding:5px 8px;font-size:8px}.modal-job-box{background:#f8fafc;border:1px solid #edf1f5;border-radius:8px;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.modal-job-box strong{color:#102a43;font-size:11px}.modal-job-box span{color:#7890a8;font-size:9px}.candidate-message-box{color:#526a83;white-space:pre-wrap;background:#f8fafc;border:1px solid #edf1f5;border-radius:8px;padding:11px;font-size:10px;line-height:1.6}.modal-resume-button{color:#102a43;cursor:pointer;background:#fff;border:1px solid #d8e1eb;border-radius:7px;min-height:34px;padding:0 13px;font-size:10px;font-weight:700}.modal-resume-button:hover{color:#ef233c;border-color:#ef233c}.application-modal-footer{background:#fff;border-top:1px solid #e9eef4;padding:12px 19px}.modal-action-error,.modal-action-success{border-radius:6px;margin-bottom:9px;padding:8px 10px;font-size:9px;font-weight:600}.modal-action-error{color:#be123c;background:#fff1f2}.modal-action-success{color:#047857;background:#ecfdf5}.modal-action-buttons{justify-content:flex-end;align-items:center;gap:7px;display:flex}.modal-normal-close-button,.modal-reject-button,.modal-shortlist-button{cursor:pointer;border-radius:6px;min-height:32px;padding:0 13px;font-size:9px;font-weight:800}.modal-normal-close-button{color:#526a83;background:#fff;border:1px solid #d8e1eb}.modal-reject-button{color:#dc2626;background:#fff5f6;border:1px solid #fecdd3}.modal-shortlist-button{color:#b45309;background:#fffaf0;border:1px solid #fde68a}.modal-normal-close-button:hover{border-color:#526a83}.modal-reject-button:hover{background:#fff0f1}.modal-shortlist-button:hover{background:#fff5d8}.modal-normal-close-button:disabled,.modal-reject-button:disabled,.modal-shortlist-button:disabled{opacity:.55;cursor:not-allowed}@media (width<=850px){.employer-applications-header{padding:0 25px}.applications-summary{grid-template-columns:repeat(3,1fr)}.candidate-details-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.employer-applications-header{gap:10px;height:auto;min-height:72px;padding:12px 16px}.employer-brand-name{font-size:14px}.employer-header-button{padding:0 9px;font-size:10px}.employer-applications-main{padding:25px 12px 50px}.applications-page-heading{flex-direction:column;align-items:flex-start;gap:13px}.applications-page-heading h1{font-size:26px}.applications-summary{grid-template-columns:repeat(2,1fr)}.applications-filters{grid-template-columns:1fr}.application-card-top{align-items:flex-start}.application-status-badge{padding:0 7px;font-size:8px}.candidate-details-grid{grid-template-columns:1fr}.application-card-footer{flex-direction:column;align-items:flex-start}.application-card-actions{width:100%}.resume-button,.view-details-button{flex:1}.modal-info-grid{grid-template-columns:1fr}.application-modal-overlay{padding:8px}.application-details-modal{max-height:94vh}}@media (width<=430px){.employer-header-actions{gap:4px}.employer-header-button{padding:0 7px}.applications-summary{grid-template-columns:1fr 1fr}.application-summary-card{min-height:60px}.summary-icon{width:27px;height:27px}.summary-value{font-size:15px}.application-card-actions{flex-direction:column}.resume-button,.view-details-button{width:100%}.modal-action-buttons{flex-wrap:wrap}.modal-normal-close-button,.modal-reject-button,.modal-shortlist-button{flex:1}}.employer-employees-page{color:#102a4c;background:#f4f7fb;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.employee-search-header{background:#fff;border-bottom:1px solid #e1e7ef;width:100%}.employee-search-header-inner{justify-content:space-between;align-items:center;max-width:1500px;min-height:82px;margin:0 auto;padding:0 28px;display:flex}.employee-brand{align-items:center;gap:12px;display:flex}.employee-brand-logo{color:#fff;background:#ed1b2f;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:800;display:flex}.employee-brand-name{color:#102a4c;font-size:17px;font-weight:800;line-height:1.1}.employee-brand-subtitle{color:#718198;letter-spacing:1.6px;margin-top:3px;font-size:8px;font-weight:700}.employee-header-actions{align-items:center;gap:9px;display:flex}.employee-header-dashboard,.employee-header-logout{cursor:pointer;background:#fff;border-radius:7px;height:38px;padding:0 16px;font-size:11px;font-weight:700}.employee-header-dashboard{color:#173756;border:1px solid #d4deea}.employee-header-logout{color:#e51b32;border:1px solid #efbfc4}.employee-header-dashboard:hover{background:#f5f8fb}.employee-header-logout:hover{background:#fff5f6}.employee-search-main{width:100%;max-width:900px;margin:0 auto;padding:40px 22px 70px}.employee-search-title-row{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.employee-page-label{color:#ed1b2f;letter-spacing:2.5px;margin-bottom:6px;font-size:10px;font-weight:900}.employee-search-title-row h1{color:#102a4c;margin:0;font-size:28px;font-weight:800;line-height:1.15}.employee-search-title-row p{color:#607591;margin:6px 0 0;font-size:11px}.employee-back-dashboard{color:#183a5f;cursor:pointer;background:#fff;border:1px solid #d3deea;border-radius:7px;height:36px;padding:0 14px;font-size:10px;font-weight:700}.employee-back-dashboard:hover{background:#f5f8fb}.employee-search-box{background:#fff;border:1px solid #dce4ee;border-radius:10px;width:100%;margin-bottom:27px;padding:20px;box-shadow:0 7px 25px #19304e0f}.employee-search-box-heading{align-items:center;gap:12px;margin-bottom:18px;display:flex}.employee-search-icon{background:#fff0f2;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.employee-search-box-heading h2{color:#102a4c;margin:0;font-size:16px;font-weight:800}.employee-search-box-heading p{color:#697c96;margin:4px 0 0;font-size:9px}.employee-search-fields{grid-template-columns:1.5fr 1fr 1fr;gap:12px;display:grid}.employee-field{flex-direction:column;gap:6px;display:flex}.employee-field-full{grid-column:1/-1}.employee-field label{color:#17395e;font-size:9px;font-weight:800}.employee-field input{color:#183a5f;background:#fff;border:1px solid #d2ddea;border-radius:6px;outline:none;width:100%;height:38px;padding:0 11px;font-family:inherit;font-size:10px}.employee-field input::placeholder{color:#8997a9}.employee-field input:focus{border-color:#ed1b2f;box-shadow:0 0 0 2px #ed1b2f14}.employee-input-wrapper{background:#fff;border:1px solid #d2ddea;border-radius:6px;align-items:center;gap:8px;width:100%;height:38px;padding:0 10px;display:flex}.employee-input-wrapper:focus-within{border-color:#ed1b2f;box-shadow:0 0 0 2px #ed1b2f14}.employee-input-wrapper span{flex-shrink:0;font-size:12px}.employee-input-wrapper input{height:34px;box-shadow:none;border:none;outline:none;flex:1;padding:0}.employee-input-wrapper input:focus{box-shadow:none;border:none}.employee-search-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:14px;display:flex}.employee-clear-btn,.employee-refresh-btn{color:#304b6b;cursor:pointer;background:#fff;border:1px solid #d3deea;border-radius:6px;height:34px;padding:0 14px;font-size:10px;font-weight:700}.employee-clear-btn:hover,.employee-refresh-btn:hover{background:#f5f8fb}.employee-results-section{width:100%}.employee-results-heading{margin-bottom:10px}.employee-results-heading h2{color:#102a4c;margin:0;font-size:16px;font-weight:800}.employee-results-heading p{color:#71829a;margin:4px 0 0;font-size:9px}.employee-card{background:#fff;border:1px solid #dce4ee;border-radius:9px;width:100%;margin-bottom:12px;padding:15px;box-shadow:0 5px 18px #172d4b0b}.employee-card-top{border-bottom:1px solid #e7edf3;align-items:center;gap:11px;padding-bottom:13px;display:flex}.employee-avatar{color:#ed1b2f;background:#fff0f2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:800;display:flex}.employee-basic{flex:1;min-width:0}.employee-basic h3{color:#102a4c;margin:0;font-size:14px;font-weight:800}.employee-basic p{color:#667a94;margin:3px 0 0;font-size:9px}.employee-available{color:#15915c;background:#edf9f3;border-radius:20px;flex-shrink:0;padding:5px 9px;font-size:8px;font-weight:800}.employee-info-grid{border-bottom:1px solid #e7edf3;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 0;display:grid}.employee-info-item{align-items:center;gap:8px;min-width:0;display:flex}.employee-info-icon{background:#f4f7fb;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;display:flex}.employee-info-item>div:last-child{min-width:0}.employee-info-item span{color:#7b8ca1;margin-bottom:3px;font-size:8px;display:block}.employee-info-item strong{color:#183a5f;white-space:nowrap;text-overflow:ellipsis;font-size:8px;font-weight:800;display:block;overflow:hidden}.employee-skills-section{border-bottom:1px solid #e7edf3;align-items:center;gap:10px;padding:11px 0;display:flex}.employee-skills-label{color:#71839a;flex-shrink:0;font-size:9px}.employee-skills{flex-wrap:wrap;gap:5px;display:flex}.employee-skill{color:#ed1b2f;background:#fff1f3;border-radius:5px;padding:4px 7px;font-size:8px;font-weight:800}.employee-no-skills{color:#8996a6;font-size:8px}.employee-card-bottom{justify-content:space-between;align-items:center;gap:10px;padding-top:11px;display:flex}.employee-id{color:#8391a3;font-size:8px}.employee-card-buttons{align-items:center;gap:7px;display:flex}.employee-resume-btn,.employee-details-btn{cursor:pointer;border-radius:5px;height:29px;padding:0 11px;font-size:9px;font-weight:800}.employee-resume-btn{color:#294a70;background:#fff;border:1px solid #d2ddea}.employee-details-btn{color:#102a4c;background:#fff;border:1px solid #cbd7e5}.employee-resume-btn:hover,.employee-details-btn:hover{background:#f5f8fb}.employee-loading{text-align:center;background:#fff;border:1px solid #dce4ee;border-radius:9px;padding:38px 20px}.employee-spinner{border:3px solid #e7edf3;border-top-color:#ed1b2f;border-radius:50%;width:27px;height:27px;margin:0 auto 10px;animation:.8s linear infinite employeeSpin}@keyframes employeeSpin{to{transform:rotate(360deg)}}.employee-loading p{color:#687b94;margin:0;font-size:10px}.employee-error{color:#c92335;background:#fff2f3;border:1px solid #f1c4ca;border-radius:7px;align-items:flex-start;gap:10px;padding:13px;display:flex}.employee-error-icon{font-size:15px}.employee-error strong{font-size:10px}.employee-error p{margin:3px 0 0;font-size:9px}.employee-empty{text-align:center;background:#fff;border:1px solid #dce4ee;border-radius:9px;padding:45px 20px}.employee-empty-icon{margin-bottom:8px;font-size:30px}.employee-empty h3{color:#102a4c;margin:0;font-size:15px}.employee-empty p{color:#75869b;margin:5px 0 0;font-size:10px}.employee-modal-overlay{z-index:9999;background:#0a192d94;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.employee-details-modal{background:#fff;border-radius:12px;width:100%;max-width:680px;max-height:92vh;overflow-y:auto;box-shadow:0 20px 70px #00000040}.employee-modal-header{border-bottom:1px solid #e5ebf1;justify-content:space-between;align-items:flex-start;gap:15px;padding:19px 22px;display:flex}.employee-modal-label{color:#ed1b2f;letter-spacing:1.8px;margin-bottom:5px;font-size:8px;font-weight:900}.employee-modal-header h2{color:#102a4c;margin:0;font-size:20px;font-weight:800}.employee-modal-header p{color:#75869b;margin:4px 0 0;font-size:9px}.employee-modal-close{color:#60738c;cursor:pointer;background:#fff;border:1px solid #d9e1ea;border-radius:6px;flex-shrink:0;width:31px;height:31px;font-size:19px}.employee-modal-close:hover{background:#f5f8fb}.employee-modal-profile{background:#fafbfd;align-items:center;gap:13px;padding:18px 22px;display:flex}.employee-modal-avatar{color:#ed1b2f;background:#fff0f2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;font-weight:900;display:flex}.employee-modal-profile h3{color:#102a4c;margin:0;font-size:16px}.employee-modal-profile p{color:#657993;margin:3px 0 6px;font-size:9px}.employee-modal-status{color:#15915c;font-size:8px;font-weight:800}.employee-detail-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:18px 22px;display:grid}.employee-detail-item{background:#fff;border:1px solid #e0e7ef;border-radius:7px;padding:11px}.employee-detail-item span{color:#71839a;margin-bottom:5px;font-size:8px;display:block}.employee-detail-item strong{color:#193c62;word-break:break-word;font-size:9px;font-weight:800}.employee-detail-block{padding:0 22px 18px}.employee-detail-block h4{color:#102a4c;margin:0 0 9px;font-size:11px}.employee-modal-skills{flex-wrap:wrap;gap:6px;display:flex}.employee-modal-skill{color:#ed1b2f;background:#fff1f3;border-radius:5px;padding:6px 9px;font-size:8px;font-weight:800}.employee-contact-section{background:#fbfcfe;border:1px solid #dfe6ee;border-radius:9px;margin:0 22px 18px;padding:15px}.employee-contact-section h4{color:#102a4c;margin:0 0 10px;font-size:11px}.employee-contact-buttons{flex-wrap:wrap;gap:8px;display:flex}.employee-contact-buttons button{cursor:pointer;border-radius:6px;height:36px;padding:0 13px;font-size:9px;font-weight:800}.employee-contact-call{color:#12659a;background:#f0f8ff;border:1px solid #bcd9ed}.employee-contact-whatsapp{color:#168050;background:#effaf3;border:1px solid #b9dfca}.employee-contact-email{color:#654299;background:#f8f3ff;border:1px solid #d6c8ed}.employee-contact-resume{color:#8b5c18;cursor:pointer;background:#fff9ef;border:1px solid #dfcfb3;border-radius:6px;justify-content:center;align-items:center;height:34px;padding:0 12px;font-size:9px;font-weight:800;display:inline-flex}.employee-contact-call:hover{background:#e7f5ff}.employee-contact-whatsapp:hover{background:#e5f8ec}.employee-contact-email:hover{background:#f2eaff}.employee-contact-resume:hover{background:#fff4df}.employee-modal-loading{color:#687b94;text-align:center;padding:10px;font-size:9px}.employee-modal-footer{border-top:1px solid #e5ebf1;justify-content:flex-end;padding:13px 22px;display:flex}.employee-modal-close-btn{color:#314b6b;cursor:pointer;background:#fff;border:1px solid #d4deea;border-radius:6px;height:34px;padding:0 16px;font-size:9px;font-weight:800}.employee-modal-close-btn:hover{background:#f5f8fb}@media (width<=800px){.employee-search-main{padding:30px 15px 55px}.employee-search-fields{grid-template-columns:1fr 1fr}.employee-field-full{grid-column:1/-1}.employee-info-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.employee-search-header-inner{min-height:70px;padding:0 14px}.employee-brand-logo{width:34px;height:34px}.employee-brand-name{font-size:14px}.employee-brand-subtitle{font-size:7px}.employee-header-actions{gap:5px}.employee-header-dashboard,.employee-header-logout{height:34px;padding:0 9px;font-size:9px}.employee-search-main{padding:25px 12px 45px}.employee-search-title-row{flex-direction:column;align-items:flex-start}.employee-search-title-row h1{font-size:23px}.employee-back-dashboard{align-self:flex-start}.employee-search-box{padding:15px}.employee-search-fields{grid-template-columns:1fr}.employee-field-full{grid-column:auto}.employee-search-actions{justify-content:flex-start}.employee-card{padding:13px}.employee-card-top{align-items:flex-start}.employee-available{font-size:7px}.employee-info-grid{grid-template-columns:1fr}.employee-card-bottom{flex-direction:column;align-items:flex-start}.employee-card-buttons{width:100%}.employee-resume-btn,.employee-details-btn{flex:1}.employee-modal-overlay{padding:10px}.employee-details-modal{max-height:95vh}.employee-modal-header,.employee-modal-profile{padding:15px}.employee-detail-grid{grid-template-columns:1fr;padding:15px}.employee-detail-block{padding:0 15px 15px}.employee-contact-section{margin:0 15px 15px}.employee-modal-footer{padding:12px 15px}.employee-contact-buttons button{flex:1;min-width:115px}}*{box-sizing:border-box}.employer-contact-history-page{color:#102a4c;background:#f4f7fb;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.contact-history-header{background:#fff;border-bottom:1px solid #e1e7ef}.contact-history-header-inner{justify-content:space-between;align-items:center;max-width:1500px;min-height:82px;margin:0 auto;padding:0 28px;display:flex}.contact-history-brand{align-items:center;gap:12px;display:flex}.contact-history-logo{color:#fff;background:#ed1b2f;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:800;display:flex}.contact-history-brand-name{color:#102a4c;font-size:17px;font-weight:800}.contact-history-brand-subtitle{color:#718198;letter-spacing:1.6px;margin-top:3px;font-size:8px;font-weight:700}.contact-history-header-actions{gap:9px;display:flex}.contact-history-dashboard-btn,.contact-history-logout-btn{cursor:pointer;background:#fff;border-radius:7px;height:38px;padding:0 16px;font-size:11px;font-weight:700}.contact-history-dashboard-btn{color:#173756;border:1px solid #d4deea}.contact-history-logout-btn{color:#e51b32;border:1px solid #efbfc4}.contact-history-dashboard-btn:hover{background:#f5f8fb}.contact-history-logout-btn:hover{background:#fff5f6}.contact-history-main{max-width:900px;margin:0 auto;padding:40px 22px 70px}.contact-history-title-row{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.contact-history-label{color:#ed1b2f;letter-spacing:2.5px;margin-bottom:6px;font-size:10px;font-weight:900}.contact-history-title-row h1{color:#102a4c;margin:0;font-size:28px;font-weight:800}.contact-history-title-row p{color:#607591;margin:6px 0 0;font-size:11px}.contact-history-title-actions{gap:7px;display:flex}.contact-history-search-btn,.contact-history-back-btn{cursor:pointer;color:#173756;background:#fff;border:1px solid #d4deea;border-radius:7px;height:36px;padding:0 12px;font-size:9px;font-weight:700}.contact-history-summary{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.contact-summary-card{background:#fff;border:1px solid #dce4ee;border-radius:8px;align-items:center;gap:10px;padding:13px;display:flex;box-shadow:0 4px 15px #172d4b0a}.contact-summary-icon{background:#fff1f3;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.contact-summary-card span{color:#73849a;margin-bottom:3px;font-size:8px;display:block}.contact-summary-card strong{color:#102a4c;font-size:17px}.contact-history-section{width:100%}.contact-history-section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.contact-history-section-header h2{color:#102a4c;margin:0;font-size:16px}.contact-history-section-header p{color:#71839a;margin:4px 0 0;font-size:9px}.contact-history-refresh-btn{color:#294a70;cursor:pointer;background:#fff;border:1px solid #d4deea;border-radius:6px;height:32px;padding:0 12px;font-size:9px;font-weight:700}.contact-candidate-card{background:#fff;border:1px solid #dce4ee;border-radius:9px;margin-bottom:12px;padding:15px;box-shadow:0 5px 18px #172d4b0b}.contact-candidate-header{border-bottom:1px solid #e7edf3;align-items:center;gap:11px;padding-bottom:12px;display:flex}.contact-candidate-avatar{color:#ed1b2f;background:#fff0f2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:900;display:flex}.contact-candidate-info{flex:1;min-width:0}.contact-candidate-info h3{color:#102a4c;margin:0;font-size:14px}.contact-candidate-info p{color:#657993;margin:3px 0 0;font-size:9px}.contact-candidate-id{color:#60738d;background:#f4f7fb;border-radius:5px;padding:5px 8px;font-size:8px;font-weight:700}.contact-candidate-details{border-bottom:1px solid #e7edf3;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 0;display:grid}.contact-candidate-details div{min-width:0}.contact-candidate-details span{color:#7a8ba0;margin-bottom:4px;font-size:8px;display:block}.contact-candidate-details strong{color:#193c62;white-space:nowrap;text-overflow:ellipsis;font-size:9px;display:block;overflow:hidden}.contact-activity-section{border-bottom:1px solid #e7edf3;padding:12px 0}.contact-activity-title{color:#102a4c;margin-bottom:8px;font-size:10px;font-weight:800}.contact-activity-list{flex-direction:column;gap:6px;display:flex}.contact-activity-item{background:#fafbfd;border:1px solid #e6ebf1;border-radius:6px;align-items:center;gap:9px;min-height:38px;padding:7px 9px;display:flex}.contact-activity-icon{background:#fff;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;font-size:11px;display:flex}.contact-activity-info{flex:1;min-width:0}.contact-activity-info strong{color:#254668;font-size:9px;display:block}.contact-activity-info span{color:#7b8ca1;margin-top:2px;font-size:8px;display:block}.contact-activity-resume{color:#8b5c18;cursor:pointer;background:#fff9ef;border:1px solid #dfcfb3;border-radius:5px;height:27px;padding:0 9px;font-size:8px;font-weight:700}.contact-candidate-footer{justify-content:flex-end;gap:7px;padding-top:11px;display:flex}.contact-view-btn,.contact-resume-btn{cursor:pointer;background:#fff;border-radius:5px;height:30px;padding:0 11px;font-size:9px;font-weight:800}.contact-view-btn{color:#102a4c;border:1px solid #cbd7e5}.contact-resume-btn{color:#8b5c18;border:1px solid #dfcfb3}.contact-history-loading{text-align:center;background:#fff;border:1px solid #dce4ee;border-radius:9px;padding:40px}.contact-history-spinner{border:3px solid #e7edf3;border-top-color:#ed1b2f;border-radius:50%;width:28px;height:28px;margin:0 auto 10px;animation:.8s linear infinite contactHistorySpin}@keyframes contactHistorySpin{to{transform:rotate(360deg)}}.contact-history-loading p{color:#687b94;margin:0;font-size:10px}.contact-history-error{color:#c92335;background:#fff2f3;border:1px solid #f1c4ca;border-radius:7px;gap:10px;padding:13px;display:flex}.contact-history-error-icon{font-size:15px}.contact-history-error strong{font-size:10px}.contact-history-error p{margin:3px 0 0;font-size:9px}.contact-history-empty{text-align:center;background:#fff;border:1px solid #dce4ee;border-radius:9px;padding:50px 20px}.contact-history-empty-icon{margin-bottom:8px;font-size:32px}.contact-history-empty h3{color:#102a4c;margin:0;font-size:15px}.contact-history-empty p{color:#74859a;margin:5px 0 14px;font-size:10px}.contact-history-empty-btn{color:#fff;cursor:pointer;background:#ed1b2f;border:none;border-radius:6px;height:34px;padding:0 14px;font-size:9px;font-weight:800}@media (width<=800px){.contact-history-main{padding:30px 15px 55px}.contact-history-summary,.contact-candidate-details{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.contact-history-header-inner{min-height:70px;padding:0 14px}.contact-history-brand-name{font-size:14px}.contact-history-brand-subtitle{font-size:7px}.contact-history-dashboard-btn,.contact-history-logout-btn{height:34px;padding:0 9px;font-size:9px}.contact-history-main{padding:25px 12px 45px}.contact-history-title-row{flex-direction:column;align-items:flex-start}.contact-history-title-row h1{font-size:23px}.contact-history-title-actions{flex-wrap:wrap;width:100%}.contact-history-summary{grid-template-columns:1fr 1fr}.contact-candidate-header{align-items:flex-start}.contact-candidate-id{display:none}.contact-candidate-details{grid-template-columns:1fr}.contact-candidate-footer{justify-content:flex-start}}html,body,#root{width:100%;min-height:100%;margin:0}body{margin:0}