@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 48px;background-color:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:1000;height:70px;position:relative}.navbar .navbar-logo{font-weight:700;font-size:1.2rem;color:#222;display:flex;align-items:center;height:100%;z-index:1001}.navbar .navbar-logo .logo-img{max-height:48px;max-width:160px;object-fit:contain;display:block}.navbar .mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.navbar .mobile-menu-toggle .hamburger-line{width:100%;height:3px;background-color:#d32f2f;border-radius:2px;transition:all .3s ease;transform-origin:center}.navbar .mobile-menu-toggle .hamburger-line.active:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.navbar .mobile-menu-toggle .hamburger-line.active:nth-child(2){opacity:0}.navbar .mobile-menu-toggle .hamburger-line.active:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.navbar .navbar-nav{display:flex;justify-content:center;align-items:center;gap:40px;height:100%}.navbar .navbar-nav a{text-decoration:none;color:#222;font-weight:900;font-size:1rem;padding:24px 0;position:relative;transition:color .3s}.navbar .navbar-nav a.active{color:#d32f2f}.navbar .navbar-nav a.active:after{content:"";position:absolute;bottom:15px;left:0;right:0;height:3px;background-color:#d32f2f}.navbar .navbar-nav a:hover:not(.active){color:#d32f2f}.navbar .navbar-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px}.navbar .navbar-actions a{text-decoration:none;font-weight:900;font-size:1rem;transition:all .3s}.navbar .navbar-actions a.btn-login{color:#d32f2f}.navbar .navbar-actions a.btn-login:hover{color:#c21121}.navbar .navbar-actions a.btn-register,.navbar .navbar-actions a.btn-logout{background-color:#d32f2f;color:#fff;padding:12px 24px;border-radius:25px}.navbar .navbar-actions a.btn-register:hover,.navbar .navbar-actions a.btn-logout:hover{background-color:#c21121}.navbar .navbar-actions .user-info{display:flex;justify-content:center;align-items:center;gap:12px}.navbar .navbar-actions .user-info .user-name{color:#222;font-weight:500;font-size:1rem}.navbar .navbar-actions .user-info .user-avatar{width:30px;height:30px;border-radius:50%;background-color:#d32f2f;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem}.navbar .mobile-nav-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.navbar .mobile-nav-overlay.active{opacity:1;visibility:visible}.navbar .mobile-nav-overlay .mobile-nav{position:absolute;top:0;right:0;width:280px;height:100%;background:#fff;box-shadow:-2px 0 10px #0000001a;transform:translate(100%);transition:transform .3s ease;overflow-y:auto}.navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items{padding:32px 0}.navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items .mobile-nav-item{display:block;padding:12px 32px;text-decoration:none;color:#222;font-weight:500;border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:all .2s ease}.navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items .mobile-nav-item:hover{background-color:#f8f9fa;color:#1976d2}.navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items .mobile-nav-item.active{background-color:#1976d21a;color:#1976d2;font-weight:600}.navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items .mobile-nav-item.btn-login{color:#d32f2f;font-weight:600}.navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items .mobile-nav-item.btn-register{background-color:#d32f2f;color:#fff;margin:12px 32px;padding:12px 16px;border-radius:25px;text-align:center}.navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items .mobile-nav-item.btn-register:hover{background-color:#c21121}.navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items .mobile-nav-divider{height:1px;background:#e9ecef;margin:12px 0}.navbar .mobile-nav-overlay.active .mobile-nav{transform:translate(0)}@media (max-width: 991.98px){.navbar{padding:0 32px}.navbar .desktop-nav{gap:24px}.navbar .desktop-actions{gap:12px}}@media (max-width: 575.98px){.navbar .desktop-nav,.navbar .desktop-actions{display:none}.navbar .mobile-menu-toggle{display:flex}}@media (max-width: 480px){.navbar .mobile-nav-overlay .mobile-nav{width:100%}.navbar .navbar-logo{font-size:1.1rem}}.footer{background:#02314b;color:#fff;font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;padding:32px 0;display:flex;justify-content:space-around;align-items:flex-start}.footer .footer-column{text-align:left}.footer .footer-brand{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:#fff;font-size:1.5rem;color:#1976d2;font-weight:700;margin-bottom:8px;letter-spacing:1px;color:#fff}.footer .footer-title{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:#fff;font-size:1.3rem;color:#1976d2;font-weight:900;margin-bottom:8px;text-transform:uppercase;color:#fff}.footer .footer-item{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:1rem;color:#fff;font-weight:400;margin-bottom:4px;display:flex;align-items:center;gap:4px;background:transparent}.footer .footer-item:last-child{margin-bottom:0}.footer .footer-link{color:#fff;text-decoration:none;font-weight:400;cursor:pointer;background:transparent;border:none;padding:0;font-size:inherit;line-height:inherit}.footer .footer-link:hover{text-decoration:underline}.footer .footer-icon{font-size:1rem;color:#d32f2f}.not-found-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f6f6f6}.not-found-page__content{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:64px 32px;text-align:center}.not-found-page__error-code{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:#1976d2;font-size:120px;color:#1976d2;font-weight:800;margin-bottom:32px}.not-found-page__title{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:#222;font-size:2.25rem;color:#1976d2;margin-bottom:20px}.not-found-page__message{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:1.5rem;color:#6c757d;font-weight:400;margin-bottom:48px;max-width:600px}.not-found-page__button{margin:0;box-sizing:border-box;border:none;outline:none;list-style:none;display:inline-flex;padding:12px 32px;background:#1976d2;color:#fff;font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:600;font-size:1rem;border-radius:8px;cursor:pointer;text-align:center;align-items:center;justify-content:center;transition:background .2s;text-decoration:none}.not-found-page__button:hover{background:#1565c0}@media (max-width: 991.98px){.not-found-page__error-code{font-size:100px}.not-found-page__title{font-size:1.5rem}.not-found-page__message{font-size:1rem}}@media (max-width: 575.98px){.not-found-page__error-code{font-size:80px}.not-found-page__title{font-size:1rem}.not-found-page__message{font-size:.875rem}}.forbidden-page main{padding:40px;text-align:center}.forbidden-page main h1{font-size:36px;color:#1976d2;margin-bottom:16px}.forbidden-page main p{font-size:18px;color:#222}.guest-home-page .hero-section{min-height:70dvh;display:flex;justify-content:flex-start;align-items:center;position:relative;overflow:hidden;color:#fff}.guest-home-page .hero-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1}.guest-home-page .hero-section .hero-container{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:100%;max-width:1200px;margin:0 auto;padding:20px 40px;text-align:left;z-index:2;position:relative;align-items:flex-start}.guest-home-page .hero-section .hero-content{flex:1;max-width:600px;color:#fff;text-align:left}.guest-home-page .hero-section .hero-content .merriweather-title{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:#fff;font-size:2.5rem;color:#1976d2;font-weight:900;line-height:1.2;margin-bottom:20px;letter-spacing:-1px;text-shadow:2px 2px 4px rgba(0,0,0,.5);white-space:nowrap;color:#fff}.guest-home-page .hero-section .hero-content .merriweather-content{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:1.3rem;color:#fff;margin-bottom:48px;line-height:1.6;text-shadow:1px 1px 3px rgba(0,0,0,.3);font-weight:400;text-align:justify}.guest-home-page .hero-section .hero-content .cta-row{display:flex;justify-content:flex-start;align-items:center;gap:20px;margin-top:20px}.guest-home-page .hero-section .hero-content .cta-row .cta-button{margin:0;box-sizing:border-box;border:none;outline:none;list-style:none;text-decoration:none;display:inline-flex;padding:12px 32px;background:#d32f2f;color:#fff;font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;text-align:center;align-items:center;justify-content:center;transition:background .2s;border-radius:25px;font-size:1.2rem;box-shadow:0 4px 8px #0003}.guest-home-page .hero-section .hero-content .cta-row .cta-button:hover{background:#c21121}.guest-home-page .hero-section .hero-content .cta-row .cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0003}.guest-home-page .hero-section .hero-content .cta-row .cta-button:active{transform:translateY(2px);box-shadow:0 2px 4px #0003}.guest-home-page .hero-section .hero-content .cta-row .cta-button.secondary{margin:0;box-sizing:border-box;border:none;outline:none;list-style:none;text-decoration:none;display:inline-flex;padding:12px 32px;background:#fff;color:#fff;font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;text-align:center;align-items:center;justify-content:center;transition:background .2s;color:#d32f2f;border-radius:25px}.guest-home-page .hero-section .hero-content .cta-row .cta-button.secondary:hover{background:#fff}.guest-home-page .hero-section .hero-content .cta-row .cta-button.secondary:hover,.guest-home-page .hero-section .hero-content .cta-row .cta-button.secondary:active{color:#c21121}.guest-home-page .hero-section .hero-content .demo-link{margin-top:20px;text-align:center}.guest-home-page .hero-section .hero-content .demo-link .demo-button{display:inline-block;padding:10px 20px;background:#ffffff1a;color:#fff;text-decoration:none;border-radius:25px;font-size:14px;font-weight:500;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.guest-home-page .hero-section .hero-content .demo-link .demo-button:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 5px 15px #fff3}.guest-home-page .hero-section .hero-image{display:none}@media (max-width: 991.98px){.guest-home-page .hero-section{min-height:80vh}.guest-home-page .hero-section .hero-container{padding:15px}.guest-home-page .hero-section .hero-content{max-width:100%}.guest-home-page .hero-section .hero-content .merriweather-title{font-size:1.8rem;white-space:normal}.guest-home-page .hero-section .hero-content .merriweather-content{font-size:1.1rem}.guest-home-page .hero-section .hero-content .cta-row{flex-direction:column;gap:15px}.guest-home-page .hero-section .hero-content .cta-row .cta-button,.guest-home-page .hero-section .hero-content .cta-row .cta-button.secondary{width:100%;padding:10px 20px;font-size:1.1rem}}.guest-home-page .hospital-info-section{display:flex;justify-content:center;align-items:stretch;gap:48px;background:#fff;padding:64px 40px;max-width:100%;margin:0 auto}.guest-home-page .hospital-info-section .hospital-right{flex:1;max-width:650px;border-radius:0;padding:25px 40px;text-align:left;position:relative;z-index:2}.guest-home-page .hospital-info-section .hospital-left{flex:1;max-width:480px;display:flex;justify-content:center;align-items:stretch;position:relative}.guest-home-page .hospital-info-section .hospital-left .hospital-img-box{width:100%;height:90%;background:#d32f2f;border-radius:30px;display:flex;justify-content:center;align-items:center;overflow:hidden;padding-left:30px;padding-top:25px}.guest-home-page .hospital-info-section .hospital-left .hospital-img-box img{width:100%;height:100%;object-fit:cover;border-radius:20px;display:block}.guest-home-page .hospital-info-section .hospital-title{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:#d32f2f;font-size:1.15rem;color:#1976d2;font-weight:700;margin-bottom:8px;letter-spacing:.5px;text-transform:uppercase;border-bottom:2px solid #d32f2f;padding-bottom:4px;color:#b42f2f}.guest-home-page .hospital-info-section .hospital-name{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:#1976d2;font-size:1.6rem;color:#1976d2;font-weight:900;margin-bottom:18px;letter-spacing:.5px;text-transform:none;color:#02314b}.guest-home-page .hospital-info-section .hospital-desc{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:1.08rem;color:#6c757d;font-weight:400;margin-bottom:18px;line-height:1.6;text-align:justify}.guest-home-page .hospital-info-section .hospital-desc+.guest-home-page .hospital-info-section .hospital-desc{margin-top:16px}.guest-home-page .hospital-info-section .hospital-contact{padding:0;margin:0}.guest-home-page .hospital-info-section .hospital-contact li{display:flex;justify-content:flex-start;align-items:center;font-size:1.05rem;color:#000;margin-bottom:8px}.guest-home-page .hospital-info-section .hospital-contact li .icon{margin-right:8px;font-size:.9em;width:32px;height:32px;background-color:#02314b;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;border:1px solid #1976d2;padding:8px;transition:background-color .3s ease,transform .3s ease}.guest-home-page .hospital-info-section .hospital-contact li .icon.phone,.guest-home-page .hospital-info-section .hospital-contact li .icon.email,.guest-home-page .hospital-info-section .hospital-contact li .icon.address,.guest-home-page .hospital-info-section .hospital-contact li .icon.clock{color:#fff}.guest-home-page .hospital-info-section .hospital-contact li .icon:hover{background-color:#378fe7;transform:scale(1.1)}.guest-home-page .hospital-info-section .hospital-contact li .contact-link{color:#000;text-decoration:none;transition:color .3s ease;cursor:pointer}.guest-home-page .hospital-info-section .hospital-contact li .contact-link:hover{color:#1976d2;text-decoration:underline}.guest-home-page .hospital-info-section .hospital-contact li .contact-link.email-link:hover{color:#d32f2f}.guest-home-page .hospital-info-section .hospital-contact li .contact-link.phone-link:hover{color:#28a745}@media (max-width: 991.98px){.guest-home-page .hospital-info-section{flex-direction:column;padding:32px 8px;gap:32px}.guest-home-page .hospital-info-section .hospital-left,.guest-home-page .hospital-info-section .hospital-right{max-width:100%;flex:1}.guest-home-page .hospital-info-section .hospital-img-box{width:100%;height:300px;background:#d32f2f}}.guest-home-page .hero-img{width:100%;height:60dvh;object-fit:cover;border-radius:0;box-shadow:0 4px 24px #0003;display:block}.guest-home-page .emergency-section{padding:64px 40px;background:#0e4377;max-width:100%;margin:0 auto}.guest-home-page .emergency-section .section-title-wrapper{display:flex;justify-content:center;align-items:center;margin-bottom:48px}.guest-home-page .emergency-section .section-title{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:#fff;font-size:1.5rem;color:#1976d2;font-weight:900;text-align:center;text-transform:uppercase;background:#d32f2f;padding:20px;border-radius:20px;display:inline-block;color:#fff}.guest-home-page .emergency-section .ant-table-wrapper .ant-table{border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #1976d21a}.guest-home-page .emergency-section .ant-table-wrapper .ant-table .ant-table-thead th{background:#f6fbfd!important;color:#1976d2!important;font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:800;font-size:1.1rem;color:#1976d2;font-weight:700;padding:16px;border-bottom:2px solid #e8ecef;text-align:center}.guest-home-page .emergency-section .ant-table-wrapper .ant-table .ant-table-tbody td{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:1rem;color:#222;font-weight:400;padding:16px;border-bottom:1px solid #e8ecef;text-align:center}.guest-home-page .emergency-section .ant-table-wrapper .ant-table .ant-table-tbody tr:nth-child(odd){background:#fff}.guest-home-page .emergency-section .ant-table-wrapper .ant-table .ant-table-tbody tr:nth-child(2n){background:#f9f9f9}.guest-home-page .emergency-section .ant-table-wrapper .ant-table .ant-table-tbody tr:hover td{background:#f6fbfd}.guest-home-page .emergency-section .ant-table-wrapper .ant-table .ant-table-tbody .blood-type-badge{display:inline-block;padding:6px 25px;border-radius:20px;font-weight:700;font-size:20px;text-align:center;min-height:40px;min-width:50px}.guest-home-page .emergency-section .ant-table-wrapper .ant-table .ant-table-tbody .blood-type-badge.positive{background-color:#e3f2fd;color:#1976d2;border:1px solid #bbdefb}.guest-home-page .emergency-section .ant-table-wrapper .ant-table .ant-table-tbody .blood-type-badge.negative{background-color:#ffebee;color:#d32f2f;border:1px solid #ffcdd2}.guest-home-page .emergency-section .ant-table-wrapper .ant-table .ant-table-tbody .low-stock{color:#d32f2f;font-weight:700}.guest-home-page .emergency-section .ant-table-wrapper .ant-table .ant-table-tbody .normal-stock{color:#2e7d32;font-weight:500}.guest-home-page .emergency-section .ant-table-wrapper .ant-table .ant-table-tbody .status-critical{color:#d32f2f;font-weight:700;background:#ffebee;padding:4px 8px;border-radius:12px;font-size:12px}.guest-home-page .emergency-section .ant-table-wrapper .ant-table .ant-table-tbody .status-emergency{color:#f57c00;font-weight:700;background:#fff3e0;padding:4px 8px;border-radius:12px;font-size:12px}.guest-home-page .emergency-section .ant-table-wrapper .ant-table .ant-table-tbody .status-warning{color:#fbc02d;font-weight:700;background:#fffde7;padding:4px 8px;border-radius:12px;font-size:12px}.guest-home-page .emergency-section .ant-table-wrapper .ant-table .ant-table-tbody .status-normal{color:#2e7d32;font-weight:500;background:#e8f5e8;padding:4px 8px;border-radius:12px;font-size:12px}.guest-home-page .emergency-section .ant-table-wrapper .ant-table .ant-table-tbody .emergency-status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:16px;font-weight:600;font-size:12px;border:1px solid;white-space:nowrap;min-width:80px;justify-content:center}.guest-home-page .emergency-section .ant-table-wrapper .ant-table .table-action-button{margin:0;box-sizing:border-box;border:none;outline:none;list-style:none;text-decoration:none;display:inline-flex;background:#1976d2;color:#fff;font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:600;cursor:pointer;text-align:center;align-items:center;justify-content:center;transition:background .2s;padding:8px 20px;font-size:1rem;border-radius:8px;box-shadow:0 2px 6px #0003}.guest-home-page .emergency-section .ant-table-wrapper .ant-table .table-action-button:hover{background:#1565c0}.guest-home-page .emergency-section .ant-table-wrapper .ant-table .table-action-button:active{background:#0e4377}.guest-home-page .emergency-section .ant-table-wrapper .ant-pagination{margin-top:20px;text-align:center;justify-content:end}.guest-home-page .emergency-section .ant-table-wrapper .ant-pagination .ant-pagination-item{border-radius:50%;background:#e3f2fd;border:1px solid #1976d2;margin:0 4px;width:36px;height:36px;line-height:34px;transition:all .3s ease;box-shadow:none}.guest-home-page .emergency-section .ant-table-wrapper .ant-pagination .ant-pagination-item a{color:#1976d2;font-weight:600;font-size:1rem}.guest-home-page .emergency-section .ant-table-wrapper .ant-pagination .ant-pagination-item:hover{background:#1976d2}.guest-home-page .emergency-section .ant-table-wrapper .ant-pagination .ant-pagination-item:hover a{color:#fff}.guest-home-page .emergency-section .ant-table-wrapper .ant-pagination .ant-pagination-item-active{background:#d32f2f;border-color:#d32f2f}.guest-home-page .emergency-section .ant-table-wrapper .ant-pagination .ant-pagination-item-active a{color:#fff}.guest-home-page .emergency-section .ant-table-wrapper .ant-pagination .ant-pagination-item-active:hover{background:#c21121;border-color:#c21121}.guest-home-page .emergency-section .ant-table-wrapper .ant-pagination .ant-pagination-prev .ant-pagination-item-link,.guest-home-page .emergency-section .ant-table-wrapper .ant-pagination .ant-pagination-next .ant-pagination-item-link{border-radius:50%;color:#1976d2;border:1px solid #1976d2;background:#e3f2fd;width:36px;height:36px;line-height:34px;transition:all .3s ease;box-shadow:none}.guest-home-page .emergency-section .ant-table-wrapper .ant-pagination .ant-pagination-prev .ant-pagination-item-link:hover,.guest-home-page .emergency-section .ant-table-wrapper .ant-pagination .ant-pagination-next .ant-pagination-item-link:hover{background:#1976d2;color:#fff}.guest-home-page .emergency-section .ant-table-wrapper .ant-pagination .ant-pagination-disabled .ant-pagination-item-link{color:#6c757d;border-color:#e8ecef;background:#f6f6f6;box-shadow:none}.guest-home-page .emergency-section .ant-table-wrapper .ant-pagination .ant-pagination-disabled .ant-pagination-item-link:hover{background:#f6f6f6;color:#6c757d;box-shadow:none}@media (max-width: 991.98px){.guest-home-page .emergency-section{padding:32px 8px}.guest-home-page .emergency-section .section-title{font-size:1.2rem;padding:8px 16px}}.guest-home-page .news-section{padding:80px 24px;background:#f5f5f5;text-align:center}.guest-home-page .news-section .news-container{max-width:1200px;margin:0 auto;padding:0 20px}.guest-home-page .news-section .news-header{margin-bottom:60px}.guest-home-page .news-section .news-header .news-subtitle-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:16px;gap:20px}.guest-home-page .news-section .news-header .news-subtitle-wrapper .news-line{width:60px;height:2px;background-color:#dc3545}.guest-home-page .news-section .news-header .news-subtitle-wrapper .news-subtitle{font-size:1.5rem;font-weight:600;color:#d32f2f;letter-spacing:2px;margin:0;text-transform:uppercase}.guest-home-page .news-section .news-header .news-title{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:#02314b;font-size:2rem;color:#1976d2;font-weight:900;text-align:center;margin-bottom:0;text-transform:uppercase;color:#02314b}.guest-home-page .news-section .ant-carousel{position:relative}.guest-home-page .news-section .ant-carousel .slick-dots{bottom:-50px;display:flex!important;justify-content:center;list-style:none;padding:0;margin:0}.guest-home-page .news-section .ant-carousel .slick-dots li{margin:0 5px}.guest-home-page .news-section .ant-carousel .slick-dots li button{width:12px;height:12px;border-radius:50%;background-color:#ccc;border:none;cursor:pointer;transition:background-color .3s ease;opacity:1;text-indent:-9999px}.guest-home-page .news-section .ant-carousel .slick-dots li button:hover,.guest-home-page .news-section .ant-carousel .slick-dots li.slick-active button{background-color:#dc3545}.guest-home-page .news-section .ant-carousel .news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:40px}.guest-home-page .news-section .ant-carousel .news-grid .news-card{width:100%;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;text-decoration:none;color:inherit;display:block}.guest-home-page .news-section .ant-carousel .news-grid .news-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026;text-decoration:none;color:inherit}.guest-home-page .news-section .ant-carousel .news-grid .news-card .news-image{height:250px;background-size:cover;background-position:center;background-repeat:no-repeat;display:block;width:100%;background-color:#a8a8a8}.guest-home-page .news-section .ant-carousel .news-grid .news-card .news-content{padding:30px 24px}.guest-home-page .news-section .ant-carousel .news-grid .news-card .news-content .news-date{font-size:14px;color:#666;margin-bottom:12px;font-weight:500;text-transform:uppercase;letter-spacing:1px}.guest-home-page .news-section .ant-carousel .news-grid .news-card .news-content .news-desc{font-size:16px;color:#333;margin-bottom:20px;text-align:left;line-height:1.6;min-height:48px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;max-height:2.8em;font-weight:500}.guest-home-page .news-section .ant-carousel .news-grid .news-card .news-content .news-button{color:#d32f2f;font-weight:600;text-transform:uppercase;padding:8px;font-size:14px;display:inline-block;transition:color .3s ease;text-decoration:none;letter-spacing:1px}.guest-home-page .news-section .ant-carousel .news-grid .news-card .news-content .news-button:hover{color:#c82333}@media (max-width: 1024px){.guest-home-page .news-section{padding:60px 16px}.guest-home-page .news-section .ant-carousel .news-grid{grid-template-columns:repeat(2,1fr);gap:24px}.guest-home-page .news-section .news-header .news-title{font-size:1.8rem}}@media (max-width: 768px){.guest-home-page .news-section{padding:40px 16px}.guest-home-page .news-section .ant-carousel .news-grid{grid-template-columns:1fr;gap:20px}.guest-home-page .news-section .news-header{margin-bottom:40px}.guest-home-page .news-section .news-header .news-title{font-size:1.5rem}.guest-home-page .news-section .news-header .news-subtitle-wrapper .news-line{width:40px}.guest-home-page .news-section .news-header .news-subtitle-wrapper .news-subtitle{font-size:1rem}.guest-home-page .news-section .news-card .news-image{height:200px}.guest-home-page .news-section .news-card .news-content{padding:20px}.guest-home-page .news-section .news-card .news-content .news-desc{min-height:auto}}@media (max-width: 480px){.guest-home-page .news-section{padding:30px 12px}.guest-home-page .news-section .news-container{padding:0 12px}.guest-home-page .news-section .news-header .news-title{font-size:1.3rem}.guest-home-page .news-section .news-card .news-image{height:180px}.guest-home-page .news-section .news-card .news-content{padding:16px}}.guest-home-page .achievement-section{padding:80px 0;background-color:#f8f9fa}.guest-home-page .achievement-section .achievement-container{max-width:1200px;margin:0 auto;padding:0 20px}.guest-home-page .achievement-section .achievement-header{display:flex;align-items:center;justify-content:center;margin-bottom:16px;gap:20px}.guest-home-page .achievement-section .achievement-header .achievement-line{width:60px;height:2px;background-color:#c21121}.guest-home-page .achievement-section .achievement-header .achievement-subtitle{font-size:1.5rem;font-weight:600;color:#d32f2f;letter-spacing:2px;margin:0;text-transform:uppercase}.guest-home-page .achievement-section .achievement-title{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:#1976d2;font-size:2rem;color:#1976d2;font-weight:900;text-align:center;margin-bottom:60px;text-transform:uppercase;color:#02314b}.guest-home-page .achievement-section .achievement-grid .ant-col{display:flex}.guest-home-page .achievement-section .achievement-card{height:100%;border-radius:12px;border:none;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.guest-home-page .achievement-section .achievement-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.guest-home-page .achievement-section .achievement-card .ant-card-body{padding:40px 24px;text-align:center;height:100%;display:flex;flex-direction:column;align-items:center}.guest-home-page .achievement-section .achievement-card.achievement-card-red{border-top:4px solid #dc3545}.guest-home-page .achievement-section .achievement-card.achievement-card-red .achievement-icon-wrapper{background-color:#dc3545}.guest-home-page .achievement-section .achievement-card.achievement-card-red:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#dc3545,#c82333)}.guest-home-page .achievement-section .achievement-card.achievement-card-blue{border-top:4px solid #1e3a8a}.guest-home-page .achievement-section .achievement-card.achievement-card-blue .achievement-icon-wrapper{background-color:#1e3a8a}.guest-home-page .achievement-section .achievement-card.achievement-card-blue:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1e3a8a,#1e40af)}.guest-home-page .achievement-section .achievement-icon-wrapper{width:80px;height:80px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;transition:all .3s ease}.guest-home-page .achievement-section .achievement-icon-wrapper .achievement-icon{font-size:36px;color:#fff}.guest-home-page .achievement-section .achievement-card-title{font-size:1.5rem;font-weight:700;color:#2c3e50;margin-bottom:16px;letter-spacing:1px}.guest-home-page .achievement-section .achievement-card-desc{font-size:1rem;line-height:1.6;color:#6c757d;margin:0;flex-grow:1;display:flex;align-items:center}.guest-home-page .faq-section{padding:64px 40px;background:#02314b;max-width:100%;margin:0 auto}.guest-home-page .faq-section .faq-container{max-width:1200px;margin:0 auto;padding:0 20px}.guest-home-page .faq-section .faq-header{display:flex;justify-content:center;align-items:center;margin-bottom:48px}.guest-home-page .faq-section .faq-title{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:#fff;font-size:1.5rem;color:#1976d2;font-weight:900;text-align:center;text-transform:uppercase;background:#d32f2f;padding:20px;border-radius:20px;display:inline-block;color:#fff}.guest-home-page .faq-section .faq-content .faq-collapse .faq-panel{background:#fff;border:none;border-radius:8px;margin-bottom:16px;box-shadow:0 2px 8px #0000001a}.guest-home-page .faq-section .faq-content .faq-collapse .faq-panel .faq-question{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:1.5rem;color:#222;font-weight:400;font-weight:600;padding:16px 20px}.guest-home-page .faq-section .faq-content .faq-collapse .faq-panel .faq-question .question-number{font-weight:700;margin-right:8px}.guest-home-page .faq-section .faq-content .faq-collapse .faq-panel .faq-question .question-text{flex:1}.guest-home-page .faq-section .faq-content .faq-collapse .faq-panel .faq-expand-icon{font-size:1rem;color:#222;transition:transform .3s ease}.guest-home-page .faq-section .faq-content .faq-collapse .faq-panel .faq-answer{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:1rem;color:#6c757d;font-weight:400;padding:0 20px 16px;line-height:1.6}.guest-home-page .faq-section .faq-content .faq-collapse .faq-panel .faq-answer ul{padding-left:20px;margin:0}.guest-home-page .faq-section .faq-content .faq-collapse .faq-panel .faq-answer ul li{margin-bottom:8px}.guest-home-page .faq-section .faq-content .faq-pagination{margin-top:48px;text-align:center}.guest-home-page .faq-section .faq-content .faq-pagination .ant-pagination{justify-content:end}.guest-home-page .faq-section .faq-content .faq-pagination .ant-pagination .ant-pagination-item{border-radius:50%;margin:0 4px;width:36px;height:36px;line-height:34px;box-shadow:none}.guest-home-page .faq-section .faq-content .faq-pagination .ant-pagination .ant-pagination-item a{color:#1976d2;font-weight:600;font-size:1rem}.guest-home-page .faq-section .faq-content .faq-pagination .ant-pagination .ant-pagination-item:hover{background:#1976d2}.guest-home-page .faq-section .faq-content .faq-pagination .ant-pagination .ant-pagination-item:hover a{color:#fff}.guest-home-page .faq-section .faq-content .faq-pagination .ant-pagination .ant-pagination-item-active{background:#d32f2f;border-color:#d32f2f}.guest-home-page .faq-section .faq-content .faq-pagination .ant-pagination .ant-pagination-item-active a{color:#fff}.guest-home-page .faq-section .faq-content .faq-pagination .ant-pagination .ant-pagination-item-active:hover{background:#c21121;border-color:#c21121}.guest-home-page .faq-section .faq-content .faq-pagination .ant-pagination .ant-pagination-prev .ant-pagination-item-link,.guest-home-page .faq-section .faq-content .faq-pagination .ant-pagination .ant-pagination-next .ant-pagination-item-link{border-radius:50%;background:#f6f6f6;width:36px;height:36px;line-height:34px;transition:all .3s ease;box-shadow:none}.guest-home-page .faq-section .faq-content .faq-pagination .ant-pagination .ant-pagination-prev .ant-pagination-item-link:hover,.guest-home-page .faq-section .faq-content .faq-pagination .ant-pagination .ant-pagination-next .ant-pagination-item-link:hover{background:#1976d2;color:#fff}.guest-home-page .faq-section .faq-content .faq-pagination .ant-pagination .ant-pagination-disabled .ant-pagination-item-link{color:#6c757d;border-color:#e8ecef;background:#f6f6f6;box-shadow:none}.guest-home-page .faq-section .faq-content .faq-pagination .ant-pagination .ant-pagination-disabled .ant-pagination-item-link:hover{background:#f6f6f6;color:#6c757d;box-shadow:none}@media (max-width: 991.98px){.guest-home-page .faq-section{padding:32px 8px}.guest-home-page .faq-section .faq-title{font-size:1.2rem;padding:8px 16px}.guest-home-page .faq-section .faq-content .faq-collapse .faq-panel .faq-question{padding:12px 16px}.guest-home-page .faq-section .faq-content .faq-collapse .faq-panel .faq-answer{padding:0 16px 12px}}.guest-home-page .map-section{padding:0;margin:0;background:transparent}.guest-home-page .map-section .map-container{margin:0;padding:0}.guest-home-page .map-section .map-container iframe{width:100%;height:300px;border:none;border-radius:0;box-shadow:none;display:block}@media (max-width: 991.98px){.guest-home-page .map-section .map-container iframe{height:200px}}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}.scroll-to-top-btn{position:fixed;bottom:40px;right:40px;width:50px;height:50px;background:linear-gradient(135deg,#2b6cb0,#4299e1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 20px #2b6cb04d;transition:all .3s ease}.scroll-to-top-btn:hover{transform:translateY(-5px);box-shadow:0 8px 30px #2b6cb080;background:linear-gradient(135deg,#22548f,#3182ce)}.scroll-to-top-btn svg{color:#fff}@media (max-width: 991.98px){.scroll-to-top-btn{bottom:20px;right:20px;width:40px;height:40px;font-size:1.2rem}}.login-form__container{display:flex;justify-content:center;align-items:center;min-height:unset;background:transparent;width:100%;padding:0 10px}.login-form__box{background:transparent;border-radius:24px;padding:40px 32px 32px;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;position:relative}.login-form__logo{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-size:2.2rem;font-weight:900;margin-bottom:20px;letter-spacing:2px;text-align:center;background:linear-gradient(135deg,#1976d2,#d32f2f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-form__welcome{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:900;margin-bottom:36px;text-align:center;line-height:1.3;letter-spacing:.5px;color:#222}.login-form__google-btn{display:flex;align-items:center;justify-content:center;width:100%;max-width:350px;padding:14px 20px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;box-shadow:0 2px 12px #0000000f;font-weight:600;font-size:16px;cursor:pointer;gap:12px;margin-bottom:28px;transition:all .3s ease;position:relative;overflow:hidden}.login-form__google-btn:hover{box-shadow:0 4px 20px #0000001a;border-color:#d0d0d0;transform:translateY(-1px)}.login-form__google-btn:active{transform:translateY(0)}.login-form__google-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-form__google-icon{display:flex;align-items:center;margin-right:8px}.login-form__divider{display:flex;align-items:center;width:100%;max-width:320px;margin:16px 0 24px;color:#bbb;font-size:13px;gap:8px}.login-form__divider span:first-child,.login-form__divider span:last-child{flex:1;height:1px;background:#eee}.login-form__divider-text{padding:0 8px;white-space:nowrap;color:#bbb;font-weight:400;font-size:13px;letter-spacing:.5px}.login-form__form{width:100%;max-width:320px;display:flex;flex-direction:column;gap:10px}.password-toggle-btn{position:absolute;right:16px;background:none;border:none;cursor:pointer;color:#666;font-size:16px;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;z-index:1}.login-form__label{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-weight:700;font-size:15px;margin-bottom:4px;letter-spacing:.5px}.login-form__input{width:100%;padding:14px 50px 14px 16px;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;outline:none;margin-bottom:12px;transition:all .3s ease;background:#fafafa;font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;color:#222}.login-form__input:focus{border:2px solid #1976d2;background:#fff;box-shadow:0 0 0 3px #1976d21a;transform:translateY(-1px)}.login-form__input::placeholder{color:#999;font-size:15px}.login-form__submit{width:100%;max-width:200px;padding:14px 0;background:linear-gradient(135deg,#d32f2f,#c21121);color:#fff;border:none;border-radius:12px;font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-weight:700;font-size:16px;margin-top:12px;cursor:pointer;letter-spacing:1px;transition:all .3s ease;align-self:center;position:relative;overflow:hidden}.login-form__submit:hover{background:linear-gradient(135deg,#c21121,#d32f2f);transform:translateY(-2px);box-shadow:0 4px 15px #d32f2f4d}.login-form__submit:active{transform:translateY(0)}.login-form__submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-form__register{text-align:center;margin-top:36px;font-size:15px;font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;color:#222}.login-form__success{color:#28a745;font-size:.875rem;margin-top:.25rem;margin-bottom:.5rem;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;padding:8px 12px}.login-form__error{color:#dc3545;font-size:.875rem;margin-top:.25rem;margin-bottom:.5rem}.login-form__forgot-password{text-align:center;margin-top:16px;font-size:14px;font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif}.login-form__forgot-password a{color:#d32f2f;text-decoration:none;font-weight:600}.login-form__forgot-password a:hover{text-decoration:underline}.login-form__register{text-align:center;margin-top:20px;font-size:15px;font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;color:#222}.login-form__register span{font-weight:700;text-decoration:underline;color:#d32f2f;margin-left:4px}@media (max-width: 768px){.login-form__container{padding:0 5px}.login-form__box{max-width:100%;padding:30px 20px 25px}.login-form__logo{font-size:1.8rem;margin-bottom:15px}.login-form__welcome{font-size:1.3rem;margin-bottom:30px}.login-form__form,.login-form__google-btn,.login-form__divider{max-width:100%}.login-form__google-btn{padding:12px 16px;font-size:15px}.login-form__input{padding:12px 14px;font-size:15px}.login-form__submit{padding:12px 0;font-size:15px}}@media (max-width: 576px){.login-form__box{padding:20px 15px}.login-form__logo{font-size:1.6rem;margin-bottom:12px}.login-form__welcome{font-size:1.2rem;margin-bottom:25px;line-height:1.4}.login-form__google-btn{padding:11px 14px;font-size:14px;margin-bottom:20px}.login-form__input{padding:11px 12px;font-size:14px;margin-bottom:10px}.login-form__label{font-size:14px}.login-form__submit{padding:11px 0;font-size:14px;margin-top:8px}.login-form__register{font-size:13px;margin-top:25px}.login-form__forgot-password{font-size:13px;margin-top:12px}}@media (max-width: 480px){.login-form__container{padding:0}.login-form__box{padding:15px 10px;max-width:100%}.login-form__logo{font-size:1.4rem;margin-bottom:10px}.login-form__welcome{font-size:1.1rem;margin-bottom:20px}.login-form__google-btn{padding:10px 12px;font-size:13px;margin-bottom:18px;border-radius:8px}.login-form__input{padding:10px;font-size:14px;border-radius:8px}.login-form__submit{padding:10px 0;font-size:13px;border-radius:8px;max-width:100%}.login-form__divider{margin:12px 0 18px;font-size:12px}.login-form__register{font-size:12px;margin-top:20px}.login-form__forgot-password{font-size:12px;margin-top:10px}}.auth-page{min-height:100vh;display:flex;flex-direction:column}.auth-page__left:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(0,0,0,0.02)"/><circle cx="75" cy="75" r="1" fill="rgba(0,0,0,0.02)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3;pointer-events:none}@media (max-width: 991.98px){.auth-page__container{padding:10px;min-height:calc(100vh - 70px)}.auth-page__content{flex-direction:column;border-radius:24px;min-height:auto;max-width:500px;box-shadow:0 4px 25px #0000001a}.auth-page__content:hover{transform:none}.auth-page__left{border-radius:24px 24px 0 0;min-height:200px;padding:20px 15px 10px;border-right:none;border-bottom:1px solid #f0f0f0}.auth-page__left:before{display:none}.auth-page__right{border-radius:0 0 24px 24px;min-height:auto;padding:20px 15px 30px;border-left:none;border-top:none}.auth-page__image-real{max-width:200px;border-radius:12px;box-shadow:0 2px 15px #00000014}.auth-page__image-real:hover{transform:scale(1.01)}}@media (max-width: 575.98px){.auth-page__container{padding:20px 5px 5px;align-items:flex-start}.auth-page__content{border-radius:16px;width:100%;max-width:none;margin:0}.auth-page__left{border-radius:16px 16px 0 0;min-height:160px;padding:15px 10px 5px}.auth-page__right{border-radius:0 0 16px 16px;padding:15px 10px 20px}.auth-page__image-real{max-width:150px;border-radius:8px}}.register-form__container{display:flex;justify-content:center;align-items:center;min-height:unset;background:transparent;width:100%;padding:0 10px}.register-form__box{background:transparent;border-radius:24px;padding:40px 32px 32px;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;position:relative}.register-form__logo{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-size:2.2rem;font-weight:900;margin-bottom:20px;letter-spacing:2px;text-align:center;background:linear-gradient(135deg,#1976d2,#d32f2f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.register-form__welcome{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-size:1.4rem;font-weight:900;margin-bottom:36px;text-align:center;line-height:1.3;letter-spacing:.5px;color:#222}.register-form__google-btn{display:flex;align-items:center;justify-content:center;width:100%;max-width:370px;padding:14px 20px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;box-shadow:0 2px 12px #0000000f;font-weight:600;font-size:16px;cursor:pointer;gap:12px;margin-bottom:28px;transition:all .3s ease;position:relative;overflow:hidden}.register-form__google-btn:hover{box-shadow:0 4px 20px #0000001a;border-color:#d0d0d0;transform:translateY(-1px)}.register-form__google-btn:active{transform:translateY(0)}.register-form__google-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.register-form__google-icon{display:flex;align-items:center;margin-right:8px}.register-form__divider{display:flex;align-items:center;width:100%;max-width:320px;margin:16px 0 24px;color:#bbb;font-size:13px;gap:8px}.register-form__divider span:first-child,.register-form__divider span:last-child{flex:1;height:1px;background:#eee}.register-form__divider-text{padding:0 8px;white-space:nowrap;color:#bbb;font-weight:400;font-size:14px;letter-spacing:.5px}.register-form__form{width:100%;max-width:370px;display:flex;flex-direction:column;gap:12px}.password-input-container:focus-within .password-toggle-btn{opacity:1;color:#1976d2}.password-input-container:focus-within .register-form__input{box-shadow:0 0 0 3px #1976d21a}.password-toggle-btn{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#888;font-size:18px;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1;border-radius:50%;width:36px;height:36px;opacity:.7}.password-toggle-btn:hover{color:#1976d2;background-color:#1976d214;transform:scale(1.15);opacity:1;box-shadow:0 2px 8px #1976d226}.password-toggle-btn:focus{outline:none;color:#1976d2;background-color:#1976d21f;box-shadow:0 0 0 3px #1976d233;opacity:1}.password-toggle-btn:active{transform:scale(.9);transition:transform .1s ease}.password-toggle-btn svg{transition:all .2s ease}.password-toggle-btn.showing{color:#1976d2;opacity:1}@media (max-width: 480px){.password-toggle-btn{width:32px;height:32px;font-size:16px;right:10px;padding:6px}}.register-form__label{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-weight:700;font-size:15px;margin-bottom:6px;letter-spacing:.5px;color:#222}.register-form__input{width:100%;padding:14px 50px 14px 16px;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;outline:none;margin-bottom:4px;transition:all .3s ease;background:#fafafa;font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;color:#222}.password-input-container .register-form__input{padding-right:55px}.register-form__input:focus{border:2px solid #1976d2;background:#fff;box-shadow:0 0 0 3px #1976d21a;transform:translateY(-1px)}.register-form__input.error{border-color:#dc3545;background:#fff5f5}.register-form__input::placeholder{color:#999;font-size:15px}.register-form__submit{width:100%;max-width:220px;padding:14px 0;background:linear-gradient(135deg,#d32f2f,#c21121);color:#fff;border:none;border-radius:12px;font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-weight:700;font-size:16px;margin-top:16px;cursor:pointer;letter-spacing:1px;transition:all .3s ease;align-self:center;position:relative;overflow:hidden}.register-form__submit:hover{background:linear-gradient(135deg,#c21121,#d32f2f);transform:translateY(-2px);box-shadow:0 4px 15px #d32f2f4d}.register-form__submit:active{transform:translateY(0)}.register-form__submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.register-form__login{text-align:center;margin-top:30px;font-size:15px;font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;color:#222}.register-form__login a{color:#222;text-decoration:none}.register-form__login a span{font-weight:700;text-decoration:underline;color:#d32f2f;margin-left:4px}.register-form__error{color:#dc3545;font-size:.875rem;margin-top:4px;margin-bottom:8px;padding:6px 8px;background:#fff5f5;border-radius:6px;border-left:3px solid #dc3545}@media (max-width: 768px){.register-form__container{padding:0 5px}.register-form__box{max-width:100%;padding:30px 20px 25px}.register-form__logo{font-size:1.8rem;margin-bottom:15px}.register-form__welcome{font-size:1.2rem;margin-bottom:30px}.register-form__form,.register-form__google-btn,.register-form__divider{max-width:100%}.register-form__google-btn{padding:12px 16px;font-size:15px}.register-form__input{padding:12px 14px;font-size:15px}.register-form__submit{padding:12px 0;font-size:15px;max-width:200px}}@media (max-width: 576px){.register-form__box{padding:20px 15px}.register-form__logo{font-size:1.6rem;margin-bottom:12px}.register-form__welcome{font-size:1.1rem;margin-bottom:25px;line-height:1.4}.register-form__google-btn{padding:11px 14px;font-size:14px;margin-bottom:20px}.register-form__input{padding:11px 12px;font-size:14px}.register-form__label{font-size:14px}.register-form__submit{padding:11px 0;font-size:14px;margin-top:12px;max-width:180px}.register-form__login{font-size:13px;margin-top:25px}}@media (max-width: 480px){.register-form__container{padding:0}.register-form__box{padding:15px 10px;max-width:100%}.register-form__logo{font-size:1.4rem;margin-bottom:10px}.register-form__welcome{font-size:1rem;margin-bottom:20px}.register-form__google-btn{padding:10px 12px;font-size:13px;margin-bottom:18px;border-radius:8px}.register-form__input{padding:10px;font-size:14px;border-radius:8px}.register-form__submit{padding:10px 0;font-size:13px;border-radius:8px;max-width:100%;margin-top:10px}.register-form__divider{margin:12px 0 18px;font-size:12px}.register-form__login{font-size:12px;margin-top:20px}.form-group{margin-bottom:6px}}.email-verification-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.email-verification-container .verification-box{background:#fff;border-radius:20px;padding:3rem;box-shadow:0 20px 40px #0000001a;max-width:500px;width:100%;text-align:center}.email-verification-container .verification-box .verification-header{margin-bottom:2rem}.email-verification-container .verification-box .verification-header .verification-title{font-size:2rem;font-weight:700;color:#333;margin:0 0 1rem;letter-spacing:1px}.email-verification-container .verification-box .verification-header .verification-description{color:#666;font-size:1rem;line-height:1.6;margin:0}.email-verification-container .verification-box .verification-header .verification-description strong{color:#007bff;font-weight:600}.email-verification-container .verification-box .error-message{background:#f8d7da;color:#721c24;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem;border:1px solid #f5c6cb}.email-verification-container .verification-box .verification-inputs{display:flex;gap:.75rem;justify-content:center;margin-bottom:2rem}.email-verification-container .verification-box .verification-inputs .verification-input{width:50px;height:60px;border:2px solid #e9ecef;border-radius:12px;text-align:center;font-size:1.5rem;font-weight:600;color:#333;transition:all .3s ease;background:#f8f9fa}.email-verification-container .verification-box .verification-inputs .verification-input:focus{outline:none;border-color:#007bff;background:#fff;box-shadow:0 0 0 3px #007bff1a;transform:translateY(-2px)}.email-verification-container .verification-box .verification-inputs .verification-input:disabled{opacity:.6;cursor:not-allowed}.email-verification-container .verification-box .verification-inputs .verification-input.error{border-color:#dc3545;background:#fff5f5}.email-verification-container .verification-box .verify-button{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:1.5rem;letter-spacing:.5px}.email-verification-container .verification-box .verify-button:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-2px);box-shadow:0 8px 20px #007bff4d}.email-verification-container .verification-box .verify-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.email-verification-container .verification-box .resend-section{margin-bottom:1.5rem}.email-verification-container .verification-box .resend-section .resend-text{color:#666;font-size:.9rem;margin:0}.email-verification-container .verification-box .resend-section .resend-text .resend-button{background:none;border:none;color:#007bff;cursor:pointer;font-weight:600;text-decoration:underline;font-size:.9rem;transition:color .3s ease}.email-verification-container .verification-box .resend-section .resend-text .resend-button:hover:not(:disabled){color:#0056b3}.email-verification-container .verification-box .resend-section .resend-text .resend-button:disabled{color:#999;cursor:not-allowed;text-decoration:none}.email-verification-container .verification-box .back-to-register .back-button{background:none;border:2px solid #6c757d;color:#6c757d;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.email-verification-container .verification-box .back-to-register .back-button:hover{background:#6c757d;color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.email-verification-container{padding:1rem}.email-verification-container .verification-box{padding:2rem}.email-verification-container .verification-box .verification-header .verification-title{font-size:1.5rem}.email-verification-container .verification-box .verification-header .verification-description{font-size:.9rem}.email-verification-container .verification-box .verification-inputs{gap:.5rem}.email-verification-container .verification-box .verification-inputs .verification-input{width:40px;height:50px;font-size:1.2rem}.email-verification-container .verification-box .verify-button{font-size:1rem;padding:.875rem 1.5rem}}@media (max-width: 480px){.email-verification-container .verification-box{padding:1.5rem}.email-verification-container .verification-box .verification-inputs{gap:.25rem}.email-verification-container .verification-box .verification-inputs .verification-input{width:35px;height:45px;font-size:1.1rem}}.email-verification-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.forgot-password-form__container{display:flex;justify-content:center;align-items:center;min-height:unset;background:transparent;width:100%}.forgot-password-form__box{background:transparent;border-radius:24px;padding:40px 32px 32px;width:100%;max-width:370px;display:flex;flex-direction:column;align-items:center}.forgot-password-form__logo{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-size:2rem;font-weight:900;margin-bottom:18px;letter-spacing:2px;text-align:center}.forgot-password-form__title{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-size:1.4rem;font-weight:900;margin-bottom:16px;text-align:center;line-height:1.3;letter-spacing:.5px}.forgot-password-form__description{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:.9rem;color:#666;text-align:center;margin-bottom:32px;line-height:1.4}.forgot-password-form__form{width:100%;max-width:320px;display:flex;flex-direction:column;gap:10px}.forgot-password-form__label{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-weight:700;font-size:15px;margin-bottom:4px;letter-spacing:.5px}.forgot-password-form__input{width:100%;padding:10px 12px;border:1.5px solid #ddd;border-radius:8px;font-size:15px;outline:none;margin-bottom:8px;transition:border .2s;background:#fafafa;font-family:#d32f2f}.forgot-password-form__input:focus{border:1.5px solid #1976d2}.forgot-password-form__input.error{border-color:#dc3545}.forgot-password-form__success{color:#28a745;font-size:.875rem;margin-top:.25rem;margin-bottom:.5rem;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;padding:8px 12px;text-align:center}.forgot-password-form__error{color:#dc3545;font-size:.875rem;margin-top:.25rem;margin-bottom:.5rem}.forgot-password-form__submit{width:100%;padding:12px 0;background:#d32f2f;color:#fff;border:none;border-radius:8px;font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-weight:700;font-size:16px;margin-top:8px;cursor:pointer;letter-spacing:1px;transition:background .2s}.forgot-password-form__submit:hover{background:#c21121}.forgot-password-form__submit:disabled{background:#ccc;cursor:not-allowed}.forgot-password-form__back{text-align:center;margin-top:24px;font-size:15px;font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif}.forgot-password-form__back a{color:#d32f2f;text-decoration:none;font-weight:600}.forgot-password-form__back a:hover{text-decoration:underline}@media (max-width: 700px){.forgot-password-form__box{max-width:100vw;padding:0 8vw}.forgot-password-form__form{max-width:100vw}}@media (max-width: 500px){.forgot-password-form__box{padding:0 2vw}.forgot-password-form__form{max-width:100vw}.forgot-password-form__back{font-size:12px}}.auth-page__container{min-height:calc(100vh - 70px);background:linear-gradient(135deg,#f3f6fb,#e8f2ff);display:flex;align-items:center;justify-content:center;padding:20px;position:relative}.auth-page__container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.auth-page__content{display:flex;background:#fff;border-radius:32px;box-shadow:0 8px 40px #0000001f;width:100%;max-width:900px;min-height:500px;overflow:hidden;transition:all .3s ease;position:relative;z-index:1}.auth-page__content:hover{box-shadow:0 12px 50px #00000026;transform:translateY(-2px)}.auth-page__left{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:32px 0 0 32px;min-height:500px;padding:40px 20px;position:relative}.auth-page__left:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(0,0,0,0.02)"/><circle cx="75" cy="75" r="1" fill="rgba(0,0,0,0.02)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3;pointer-events:none}.auth-page__right{flex:1;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:0 32px 32px 0;min-height:500px;padding:40px 20px;position:relative}.auth-page__image-placeholder{width:220px;height:220px;background:#ccc;border-radius:24px;display:flex;align-items:center;justify-content:center;border:1.5px solid #fff;margin-bottom:18px}.auth-page__image-real{width:85%;max-width:400px;height:auto;object-fit:contain;display:block;margin:0 auto;background:transparent;border-radius:16px;box-shadow:0 4px 20px #0000001a;transition:all .3s ease;position:relative;z-index:2}.auth-page__image-real:hover{transform:scale(1.02);box-shadow:0 8px 30px #00000026}@media (max-width: 1200px){.auth-page__container{padding:15px}.auth-page__content{max-width:800px}.auth-page__image-real{max-width:300px}.auth-page__left,.auth-page__right{padding:30px 15px}}@media (max-width: 992px){.auth-page__content{max-width:700px;min-height:450px}.auth-page__left,.auth-page__right{min-height:450px;padding:25px 15px}}@media (max-width: 768px){.auth-page__container{padding:10px;min-height:calc(100vh - 70px)}.auth-page__content{flex-direction:column;border-radius:24px;min-height:auto;max-width:500px;box-shadow:0 4px 25px #0000001a}.auth-page__content:hover{transform:none}.auth-page__left{border-radius:24px 24px 0 0;min-height:200px;padding:20px 15px 10px;border-right:none;border-bottom:1px solid #f0f0f0}.auth-page__left:before{display:none}.auth-page__right{border-radius:0 0 24px 24px;min-height:auto;padding:20px 15px 30px;border-left:none;border-top:none}.auth-page__image-real{max-width:200px;border-radius:12px;box-shadow:0 2px 15px #00000014}.auth-page__image-real:hover{transform:scale(1.01)}}@media (max-width: 576px){.auth-page__container{padding:20px 5px 5px;align-items:flex-start}.auth-page__content{border-radius:16px;width:100%;max-width:none;margin:0}.auth-page__left{border-radius:16px 16px 0 0;min-height:160px;padding:15px 10px 5px}.auth-page__right{border-radius:0 0 16px 16px;padding:15px 10px 20px}.auth-page__image-real{max-width:150px;border-radius:8px}}@media (max-width: 480px){.auth-page__container{padding:0;min-height:100vh}.auth-page__content{border-radius:0;min-height:100vh;box-shadow:none}.auth-page__left{border-radius:0;min-height:140px;padding:10px;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.auth-page__right{border-radius:0;padding:10px;flex:1}.auth-page__image-real{max-width:120px;border-radius:6px}}.reset-password-form__container{display:flex;justify-content:center;align-items:center;min-height:unset;background:transparent;width:100%}.reset-password-form__box{background:transparent;border-radius:24px;padding:40px 32px 32px;width:100%;max-width:370px;display:flex;flex-direction:column;align-items:center}.reset-password-form__logo{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-size:2rem;font-weight:900;margin-bottom:18px;letter-spacing:2px;text-align:center}.reset-password-form__title{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-size:1.4rem;font-weight:900;margin-bottom:16px;text-align:center;line-height:1.3;letter-spacing:.5px}.reset-password-form__description{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:.9rem;color:#666;text-align:center;margin-bottom:32px;line-height:1.4}.reset-password-form__form{width:100%;max-width:320px;display:flex;flex-direction:column;gap:10px}.form-group{display:flex;flex-direction:column;margin-bottom:8px}.reset-password-form__label{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-weight:700;font-size:15px;margin-bottom:4px;letter-spacing:.5px}.reset-password-form__input{width:100%;padding:10px 40px 10px 12px;border:1.5px solid #ddd;border-radius:8px;font-size:15px;outline:none;margin-bottom:4px;transition:border .2s;background:#fafafa;font-family:#d32f2f}.reset-password-form__input:focus{border:1.5px solid #1976d2}.reset-password-form__input.error{border-color:#dc3545}.reset-password-form__success{color:#28a745;font-size:.875rem;margin-top:.25rem;margin-bottom:.5rem;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;padding:8px 12px;text-align:center}.reset-password-form__error{color:#dc3545;font-size:.875rem;margin-top:.25rem;margin-bottom:.5rem}.reset-password-form__submit{width:100%;padding:12px 0;background:#d32f2f;color:#fff;border:none;border-radius:8px;font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-weight:700;font-size:16px;margin-top:16px;cursor:pointer;letter-spacing:1px;transition:background .2s}.reset-password-form__submit:hover{background:#c21121}.reset-password-form__submit:disabled{background:#ccc;cursor:not-allowed}.reset-password-form__back{text-align:center;margin-top:24px;font-size:15px;font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif}.reset-password-form__back a{color:#d32f2f;text-decoration:none;font-weight:600}.reset-password-form__back a:hover{text-decoration:underline}@media (max-width: 700px){.reset-password-form__box{max-width:100vw;padding:0 8vw}.reset-password-form__form{max-width:100vw}}@media (max-width: 500px){.reset-password-form__box{padding:0 2vw}.reset-password-form__form{max-width:100vw}.reset-password-form__back{font-size:12px}}.google-callback{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif}.google-callback__container{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:48px 32px;text-align:center;max-width:400px;width:90%}.google-callback__content{display:flex;flex-direction:column;align-items:center;gap:16px}.google-callback__spinner{width:48px;height:48px;border:4px solid #f3f3f3;border-top:4px solid #1976d2;border-radius:50%;animation:spin 1s linear infinite}.google-callback__success-icon{width:64px;height:64px;background:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:700}.google-callback__error-icon{width:64px;height:64px;background:#f44336;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:700}.google-callback h2{margin:16px 0 8px;color:#222;font-size:1.5rem;font-weight:600}.google-callback p{margin:0;color:#6c757d;font-size:1rem;line-height:1.5}.google-callback__redirect-info{font-size:.875rem;color:#6c757d;margin-top:16px}@media (max-width: 768px){.google-callback__container{padding:32px 24px;margin:16px}.google-callback h2{font-size:1.125rem}.google-callback p{font-size:.875rem}}.sort-controls .sort-icon{color:#1890ff;font-size:16px}.sort-controls .sort-select .ant-select-selector{border-radius:8px;border:2px solid #e6f7ff}.sort-controls .sort-select .ant-select-selector:hover,.sort-controls .sort-select .ant-select-selector:focus{border-color:#1890ff}.guest-home-page{margin:0;padding:0;box-sizing:border-box;border:none;outline:none;list-style:none;text-decoration:none;font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;color:#222;background:#f6fbfd;width:100%;overflow-x:hidden;background:#f7fafc;min-height:100vh;font-family:Roboto,sans-serif}.guest-home-page .content-section{max-width:1400px;margin:0 auto;padding:48px 16px}.guest-home-page .content-section .page-header{position:relative;height:240px;background:linear-gradient(135deg,rgba(66,153,225,.1) 0%,transparent 50%),linear-gradient(225deg,rgba(44,96,192,.15) 0%,transparent 50%),linear-gradient(45deg,rgba(26,54,93,.2) 0%,transparent 50%),linear-gradient(135deg,#0f1e3d,#2c64b4);background-size:300% 300%,250% 250%,200% 200%,cover;background-position:-50% -50%,0% 0%,50% 50%,center center;background-repeat:no-repeat;margin-bottom:48px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;box-shadow:0 8px 30px #0006}.guest-home-page .content-section .page-header:before{content:none}.guest-home-page .content-section .page-header .header-content{position:relative;z-index:1;max-width:800px;padding:0 24px;text-align:center;justify-content:center}.guest-home-page .content-section .page-header .header-content h1{font-family:Roboto,sans-serif;font-size:2.8rem;font-weight:700;margin-bottom:16px;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(to right,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.1)}.guest-home-page .content-section .page-header .header-content p{font-family:Roboto,sans-serif;font-size:1.2rem;font-weight:400;line-height:1.6;color:#ffffffe6;max-width:600px;margin:0 auto;text-shadow:0 1px 2px rgba(0,0,0,.1)}.guest-home-page .content-section .controls-section{background:#fff;padding:24px;border-radius:16px;margin-bottom:32px;box-shadow:0 2px 8px #0000000d;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.guest-home-page .content-section .controls-section .search-controls{flex:1;min-width:280px}.guest-home-page .content-section .controls-section .search-controls .search-input{border-radius:8px;height:40px}.guest-home-page .content-section .controls-section .search-controls .search-input .ant-input{font-size:1rem}.guest-home-page .content-section .controls-section .search-controls .search-input .search-icon{color:#1890ff}.guest-home-page .content-section .controls-section .filter-controls .ant-select{min-width:200px}.guest-home-page .content-section .controls-section .filter-controls .ant-select .ant-select-selector{border-radius:8px;height:40px;display:flex;align-items:center}.guest-home-page .content-section .controls-section .filter-controls .filter-icon{color:#1890ff;margin-right:8px}.guest-home-page .content-section .category-section{margin-bottom:48px;padding:32px;border-radius:20px;box-shadow:0 2px 10px #0000000d}.guest-home-page .content-section .category-section:nth-child(odd){background:#fff}.guest-home-page .content-section .category-section:nth-child(2n){background:#f8fafc}.guest-home-page .content-section .category-section .category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;border-bottom:3px solid #e2e8f0}.guest-home-page .content-section .category-section .category-header .category-title{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:#1e293b;font-size:2rem;color:#1976d2;font-weight:700;letter-spacing:1px;margin:0;position:relative}.guest-home-page .content-section .category-section .category-header .category-title:after{content:"";position:absolute;bottom:-12px;left:0;width:60px;height:4px;background:linear-gradient(90deg,#2b6cb0,#4299e1);border-radius:2px}.guest-home-page .content-section .category-section .category-header .category-count{background:linear-gradient(135deg,#2b6cb0,#4299e1);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;box-shadow:0 2px 10px #2b6cb033}.guest-home-page .content-section .category-section .document-grid .ant-col{margin-bottom:20px}.guest-home-page .content-section .category-section .document-grid .document-card{border:none;border-radius:20px;overflow:hidden;height:100%;background:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #00000014;cursor:pointer}.guest-home-page .content-section .category-section .document-grid .document-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #00000026}.guest-home-page .content-section .category-section .document-grid .document-card:hover .card-cover img{transform:scale(1.05)}.guest-home-page .content-section .category-section .document-grid .document-card:hover .card-overlay{opacity:1}.guest-home-page .content-section .category-section .document-grid .document-card .card-cover{position:relative;height:150px;overflow:hidden}.guest-home-page .content-section .category-section .document-grid .document-card .card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.guest-home-page .content-section .category-section .document-grid .document-card .card-cover .card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#2b6cb0cc,#4299e1cc);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.guest-home-page .content-section .category-section .document-grid .document-card .card-cover .card-overlay .views-badge{background:#ffffffe6;color:#1e293b;padding:6px 12px;border-radius:20px;font-weight:600;display:flex;align-items:center;gap:6px;font-size:.8rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.guest-home-page .content-section .category-section .document-grid .document-card .ant-card-body{padding:0}.guest-home-page .content-section .category-section .document-grid .document-card .card-content{padding:20px;display:flex;flex-direction:column;height:220px}.guest-home-page .content-section .category-section .document-grid .document-card .card-content .card-meta{display:flex;justify-content:flex-end;align-items:center;margin-bottom:12px}.guest-home-page .content-section .category-section .document-grid .document-card .card-content .card-meta .category-tag{display:flex;align-items:center;gap:6px;color:#2b6cb0;font-weight:600;font-size:.8rem}.guest-home-page .content-section .category-section .document-grid .document-card .card-content .document-title{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:#1e293b;font-size:1.1rem;color:#1976d2;margin-bottom:12px;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.guest-home-page .content-section .category-section .document-grid .document-card .card-content .document-summary{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:.9rem;color:#64748b;font-weight:400;line-height:1.6;flex-grow:1;margin-bottom:12px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;max-height:4.8em}.guest-home-page .content-section .category-section .document-grid .document-card .card-content .read-more-btn{background:linear-gradient(135deg,#2b6cb0,#4299e1);border:none;border-radius:12px;padding:8px 16px;font-weight:600;font-size:.9rem;height:auto;transition:all .3s ease}.guest-home-page .content-section .category-section .document-grid .document-card .card-content .read-more-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2b6cb04d;background:linear-gradient(135deg,#22548f,#3182ce)}.guest-home-page .content-section .category-section .document-grid .document-card .card-content .highlight-text{background:none;font-weight:700;padding:0 2px;border-radius:2px;transition:background .2s}.guest-home-page .content-section .category-section .pagination-wrapper{display:flex;justify-content:center;margin-top:32px}.guest-home-page .content-section .category-section .pagination-wrapper .ant-pagination .ant-pagination-item{border-radius:8px;border:1px solid #e2e8f0;background:#fff;transition:all .3s ease;margin:0 4px}.guest-home-page .content-section .category-section .pagination-wrapper .ant-pagination .ant-pagination-item a{color:#1e293b;font-weight:500;font-family:Roboto,sans-serif}.guest-home-page .content-section .category-section .pagination-wrapper .ant-pagination .ant-pagination-item:hover{border-color:#2b6cb0;background:#f8fafc}.guest-home-page .content-section .category-section .pagination-wrapper .ant-pagination .ant-pagination-item-active{border-radius:8px;background:linear-gradient(135deg,#2b6cb0,#4299e1);border-color:#4299e1}.guest-home-page .content-section .category-section .pagination-wrapper .ant-pagination .ant-pagination-item-active a{color:#fff}.guest-home-page .content-section .category-section .pagination-wrapper .ant-pagination .ant-pagination-item-active:hover{border-color:#4299e1}.guest-home-page .content-section .category-section .pagination-wrapper .ant-pagination .ant-pagination-prev,.guest-home-page .content-section .category-section .pagination-wrapper .ant-pagination .ant-pagination-next{border-radius:8px;border:1px solid #e2e8f0;background:#fff;transition:all .3s ease}.guest-home-page .content-section .category-section .pagination-wrapper .ant-pagination .ant-pagination-prev .ant-pagination-item-link,.guest-home-page .content-section .category-section .pagination-wrapper .ant-pagination .ant-pagination-next .ant-pagination-item-link{color:#1e293b;border-radius:8px}.guest-home-page .content-section .category-section .pagination-wrapper .ant-pagination .ant-pagination-prev:hover,.guest-home-page .content-section .category-section .pagination-wrapper .ant-pagination .ant-pagination-next:hover{border-color:#2b6cb0;background:#f8fafc}.guest-home-page .content-section .category-section .pagination-wrapper .ant-pagination .ant-pagination-disabled .ant-pagination-item-link{color:#94a3b8}.guest-home-page .content-section .no-results{text-align:center;padding:96px;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000d}.guest-home-page .content-section .no-results .no-results-icon{font-size:4rem;margin-bottom:32px;opacity:.6}.guest-home-page .content-section .no-results h3{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:#1e293b;font-size:1.5rem;color:#1976d2;margin-bottom:12px;font-weight:600}.guest-home-page .content-section .no-results p{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:1rem;color:#64748b;font-weight:400;margin:0}@media (max-width: 768px){.guest-home-page .content-section{padding:32px 12px}.guest-home-page .content-section .page-header{padding:40px 20px;margin-bottom:32px}.guest-home-page .content-section .page-header .header-content h1{font-size:2rem}.guest-home-page .content-section .page-header .header-content p{font-size:1.1rem}.guest-home-page .content-section .category-header{flex-direction:column;align-items:flex-start;gap:12px}.guest-home-page .content-section .document-card .card-content{height:auto;min-height:220px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.guest-home-page .document-card{animation:fadeInUp .6s ease-out forwards}.guest-home-page .document-card:nth-child(1){animation-delay:.1s}.guest-home-page .document-card:nth-child(2){animation-delay:.2s}.guest-home-page .document-card:nth-child(3){animation-delay:.3s}.guest-home-page .document-card:nth-child(4){animation-delay:.4s}.guest-home-page .document-card:nth-child(5){animation-delay:.5s}.guest-home-page .document-card:nth-child(6){animation-delay:.6s}.guest-home-page .document-card:nth-child(7){animation-delay:.7s}.guest-home-page .document-card:nth-child(8){animation-delay:.8s}.guest-home-page .document-card:nth-child(9){animation-delay:.9s}.guest-home-page .document-card:nth-child(10){animation-delay:1s}.guest-home-page .document-card:nth-child(11){animation-delay:1.1s}.guest-home-page .document-card:nth-child(12){animation-delay:1.2s}.article-detail-page{background:#f7fafc;min-height:100vh;padding:32px 0}.article-detail-page .article-container{max-width:800px;margin:0 auto;padding:0 24px}.article-detail-page .article-container .back-button{margin-bottom:24px;color:#1890ff;font-weight:500;padding:0;height:auto}.article-detail-page .article-container .back-button:hover{color:#096dd9}.article-detail-page .article-container .article-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000000d}.article-detail-page .article-container .article-card .article-header{text-align:center;padding:32px 24px;background:linear-gradient(135deg,#1a365d,#2c5282);color:#fff;position:relative;overflow:hidden}.article-detail-page .article-container .article-card .article-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.article-detail-page .article-container .article-card .article-header .article-title{position:relative;z-index:1;font-size:2.2rem;font-weight:700;margin-bottom:16px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.article-detail-page .article-container .article-card .article-header .article-tags{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px}.article-detail-page .article-container .article-card .article-header .article-tags .ant-tag{background:#f3f8fd!important;color:#3578e5;border:1px solid #e3eaf3;font-weight:500;font-size:.95rem;padding:3px 14px;border-radius:16px;box-shadow:none;transition:background .2s,color .2s,border .2s;letter-spacing:.01em;display:inline-flex;align-items:center;margin-bottom:2px;margin-right:2px;font-family:inherit;cursor:default}.article-detail-page .article-container .article-card .article-header .article-tags .ant-tag:hover{background:#e6f0fa!important;color:#2456a6;border-color:#d0d8e8}.article-detail-page .article-container .article-card .article-meta{margin-bottom:24px;color:#64748b;font-size:.95rem}.article-detail-page .article-container .article-card .article-meta .anticon{color:#1890ff}.article-detail-page .article-container .article-card .article-image-wrapper{margin:0 -24px 24px;height:400px;overflow:hidden;position:relative}.article-detail-page .article-container .article-card .article-image-wrapper .article-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.article-detail-page .article-container .article-card .article-image-wrapper:hover .article-image{transform:scale(1.02)}.article-detail-page .article-container .article-card .article-content{padding:32px;color:#2d3748;line-height:1.8;font-size:1.1rem}.article-detail-page .article-container .article-card .article-content p{margin-bottom:1.5em}.article-detail-page .article-container .article-card .article-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5em 0}.article-detail-page .article-container .article-card .article-content h2,.article-detail-page .article-container .article-card .article-content h3,.article-detail-page .article-container .article-card .article-content h4{color:#1a365d;margin:1.5em 0 .75em}.article-detail-page .article-container .article-card .article-content h2{font-size:1.8rem;font-weight:700}.article-detail-page .article-container .article-card .article-content h3{font-size:1.5rem;font-weight:600}.article-detail-page .article-container .article-card .article-content h4{font-size:1.3rem;font-weight:500}.article-detail-page .article-container .article-card .article-content ul,.article-detail-page .article-container .article-card .article-content ol{margin:1.5em 0;padding-left:2em}.article-detail-page .article-container .article-card .article-content li{margin-bottom:.5em}.article-detail-page .article-container .article-card .article-content blockquote{border-left:4px solid #4299e1;padding-left:1em;margin:1.5em 0;color:#666;font-style:italic}.article-detail-page .article-container .article-card .article-content code{background:#f1f1f1;padding:.2em .4em;border-radius:4px;font-family:Courier New,monospace}.article-detail-page .article-container .article-card .article-content pre{background:#f1f1f1;padding:1em;border-radius:8px;overflow-x:auto;margin:1.5em 0}.article-detail-page .article-container .article-card .article-content pre code{background:none;padding:0}@media (max-width: 768px){.article-detail-page{padding:16px 0}.article-detail-page .article-container{padding:0 16px}.article-detail-page .article-container .article-card .article-header .article-title{font-size:1.8rem}.article-detail-page .article-container .article-card .article-image-wrapper{height:240px;margin:0 -16px 16px}.article-detail-page .article-container .article-card .article-content{padding:24px 16px;font-size:1rem}.article-detail-page .article-container .article-card .article-content .article-meta{margin-bottom:10px}.article-detail-page .article-container .article-card .article-content .article-meta .article-date{font-size:.85rem}.article-detail-page .article-container .article-card .article-content .article-meta .article-date .date-icon{font-size:.75rem}.article-detail-page .article-container .article-card .article-content h2{font-size:1.6rem}.article-detail-page .article-container .article-card .article-content h3{font-size:1.4rem}.article-detail-page .article-container .article-card .article-content h4{font-size:1.2rem}}@media (max-width: 900px){.article-detail-page .ant-card{max-width:98vw;padding:0 0 12px}.article-detail-page .ant-card-cover img{max-height:180px}.article-detail_page .ant-card-body{padding:18px 8px 8px}}.article-group{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d;margin-bottom:32px}.article-group .group-header{padding:24px;background:linear-gradient(135deg,#1a365d,#2c5282);color:#fff;position:relative;overflow:hidden;text-align:center}.article-group .group-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.article-group .group-header .group-header-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%}.article-group .group-header .group-header-content .group-title{margin:0;font-size:1.5rem;font-weight:600;letter-spacing:.5px;color:#fff}.article-group .group-header .group-header-content .group-count{background:#ffffff26;color:#fff;padding:4px 12px;border-radius:20px;font-size:.9rem;font-weight:500;backdrop-clip:text;-webkit-background-clip:text}.article-group .article-grid{padding:24px}.article-group .article-grid .article-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px}@media (max-width: 768px){.article-group .article-grid .article-list{grid-template-columns:1fr}}.article-group .article-card{height:100%;background:#fff;border-radius:8px;overflow:hidden;transition:all .3s ease;border:1px solid #e2e8f0}.article-group .article-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.article-group .article-card .article-image-container{position:relative;height:200px;overflow:hidden}.article-group .article-card .article-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.article-group .article-card .article-image-container:hover img{transform:scale(1.05)}.article-group .article-card .article-content{padding:20px}.article-group .article-card .article-content .article-meta{margin-bottom:12px}.article-group .article-card .article-content .article-meta .article-date{display:flex;align-items:center;gap:6px;color:#666;font-size:.9rem}.article-group .article-card .article-content .article-meta .article-date .date-icon{font-size:.8rem}.article-group .article-card .article-content .article-title{font-size:1.25rem;font-weight:600;color:#2d3748;margin-bottom:12px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;max-height:2.8em}.article-group .article-card .article-content .article-description{color:#4a5568;font-size:.95rem;line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;max-height:4.8em}.article-group .article-card .article-content .article-tags{display:flex;flex-wrap:wrap;gap:8px}.article-group .article-card .article-content .article-tags .ant-tag{background:#e6f7ff;color:#1890ff;border:none;font-weight:500;font-size:.95rem;padding:4px 12px;border-radius:6px;backdrop-clip:text;-webkit-background-clip:text;transition:all .3s ease}.article-group .article-card .article-content .article-tags .ant-tag:hover{background:#bee3f8}.article-group .pagination-container{display:flex;justify-content:center;margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0}.article-group .pagination-container .article-pagination .ant-pagination-item{border-radius:8px;border:1px solid #e2e8f0;background:#fff;transition:all .3s ease;margin:0 4px}.article-group .pagination-container .article-pagination .ant-pagination-item a{color:#1e293b;font-weight:500;font-family:Roboto,sans-serif}.article-group .pagination-container .article-pagination .ant-pagination-item:hover{border-color:#2b6cb0;background:#f8fafc}.article-group .pagination-container .article-pagination .ant-pagination-item-active{border-radius:8px;background:linear-gradient(135deg,#2b6cb0,#4299e1);border-color:#4299e1}.article-group .pagination-container .article-pagination .ant-pagination-item-active a{color:#fff}.article-group .pagination-container .article-pagination .ant-pagination-item-active:hover{border-color:#4299e1}.article-group .pagination-container .article-pagination .ant-pagination-prev,.article-group .pagination-container .article-pagination .ant-pagination-next{border-radius:8px;border:1px solid #e2e8f0;background:#fff;transition:all .3s ease}.article-group .pagination-container .article-pagination .ant-pagination-prev .ant-pagination-item-link,.article-group .pagination-container .article-pagination .ant-pagination-next .ant-pagination-item-link{color:#1e293b;border-radius:8px}.article-group .pagination-container .article-pagination .ant-pagination-prev:hover,.article-group .pagination-container .article-pagination .ant-pagination-next:hover{border-color:#2b6cb0;background:#f8fafc}.article-group .pagination-container .article-pagination .ant-pagination-disabled .ant-pagination-item-link{color:#94a3b8}.article-group .pagination-container .article-pagination .ant-pagination-total-text{margin-right:16px;color:#64748b}.controls-section{background:#fff;padding:24px;border-radius:16px;margin-bottom:32px;box-shadow:0 2px 8px #0000000d;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.controls-section .search-controls{flex:1;min-width:280px}.controls-section .search-controls .search-input{border-radius:8px;height:40px}.controls-section .search-controls .search-input .ant-input{font-size:1rem}.controls-section .filter-controls .ant-select{min-width:200px}.controls-section .filter-controls .ant-select .ant-select-selector{border-radius:8px;height:40px;display:flex;align-items:center}.controls-section .filter-controls .filter-icon{color:#1890ff;margin-right:8px}@media (max-width: 1200px){.article-group .article-grid .article-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.page-header{height:auto;min-height:200px;padding:40px 20px}.page-header .header-content h1{font-size:2rem}.page-header .header-content p{font-size:1.1rem}.article-group .article-grid .article-list{grid-template-columns:1fr}.article-group .group-header{padding:16px}.article-group .group-header .group-header-content .group-title{font-size:1.3rem}.article-detail-page .article-container{padding:0 16px}.article-detail-page .article-container .article-card .article_header{padding:24px 16px}.article-detail-page .article-container .article-card .article_header .article-title{font-size:1.8rem}.article-detail-page .article-container .article-card .article-content{padding:24px 16px;font-size:1rem}.article-detail-page .article-container .article-card .article-content h2{font-size:1.6rem}.article-detail-page .article-container .article-card .article-content h3{font-size:1.4rem}.article-detail-page .article-container .article-card .article-content h4{font-size:1.2rem}}.error-container .title-icon,.loading-container .title-icon{color:#1890ff;margin-right:8px}.article-card.fade-in{animation:fadeIn .7s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.guest-home-page .ant-pagination-item a{color:#1e293b;font-weight:500;font-family:Roboto,sans-serif}.guest-home-page .ant-pagination-item-active a{color:#fff}.controls-section{display:flex;justify-content:space-between;align-items:center;margin:24px 0;gap:16px;flex-wrap:wrap}@media (max-width: 768px){.controls-section{flex-direction:column;align-items:stretch}}.controls-section .search-controls{flex:1;max-width:400px}@media (max-width: 768px){.controls-section .search-controls{max-width:100%}}.controls-section .search-controls .search-input{border-radius:8px;border:2px solid #e6f7ff}.controls-section .search-controls .search-input:hover,.controls-section .search-controls .search-input:focus{border-color:#1890ff}.controls-section .search-controls .search-input .search-icon{color:#1890ff}.article-group{margin-bottom:48px}.article-group-title{color:#1890ff;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:2rem;font-weight:700;margin-bottom:24px;letter-spacing:1px}.ant-divider{background:#e6f7ff}.ant-row{margin-left:0!important;margin-right:0!important}.article-card{background:#fff;border-radius:18px;box-shadow:0 2px 16px #1890ff14;transition:box-shadow .3s,transform .3s;overflow:hidden;display:flex;flex-direction:column;min-height:340px;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.article-card:hover{box-shadow:0 8px 32px #1890ff2e;transform:scale(1.025)}.article-card .ant-card-cover img{width:100%;height:180px;object-fit:cover;border-top-left-radius:18px;border-top-right-radius:18px;transition:transform .4s}.article-card .ant-card-meta-title{font-size:1.2rem;font-weight:600;color:#1890ff;margin-bottom:8px;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.article-card .ant-card-meta-description{color:#595959;font-size:1rem;margin-bottom:12px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;max-height:2.8em;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.article-card .carousel-meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:0 16px}.article-card .carousel-meta .date-badge,.article-card .carousel-meta .views-badge{display:flex;align-items:center;gap:4px;font-size:.85rem;color:#666}.article-card .carousel-meta .date-badge svg,.article-card .carousel-meta .views-badge svg{font-size:.8rem}.article-card .carousel-meta .views-badge svg{color:#52c41a}@media (max-width: 900px){.article-card{min-height:280px}.article-card .ant-card-cover img{height:140px}}.article-detail-page{background:#e6f7ff;min-height:100vh;padding:32px 0;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.article-detail-page .ant-card{background:#fff;border-radius:20px;box-shadow:0 4px 24px #1890ff1a;padding:0 0 24px;max-width:800px;margin:0 auto}.article-detail-page .ant-card-head-title{font-size:2.2rem;font-weight:700;color:#1890ff;text-align:center;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.article-detail-page .ant-card-cover img{display:block;margin:0 auto;max-height:340px;border-radius:16px;object-fit:cover;box-shadow:0 2px 12px #1890ff1a}.article-detail-page .ant-card-body{padding:32px 24px 16px}.article-detail-page .date-badge,.article-detail-page .date-tag{display:flex;align-items:center;gap:4px;font-size:.85rem;color:#666;margin-bottom:8px}.article-detail-page .date-badge svg,.article-detail-page .date-tag svg{font-size:.8rem}.article-detail-page .article-content{color:#222;font-size:1.1rem;line-height:1.7;margin-bottom:24px;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.article-detail-page .article-tags{margin-top:16px}.article-detail-page .article-tags .ant-tag{background:#e6f7ff;color:#1890ff;border:none;font-weight:500;font-size:1rem;margin-right:8px;margin-bottom:4px;border-radius:8px;padding:4px 14px}.article-detail-page .article-author{color:#595959;font-size:1rem;margin-bottom:12px;font-style:italic;text-align:right}.ant-btn-primary,.read-more-btn{background:#1890ff;border:none;color:#fff;font-weight:600;border-radius:8px;padding:8px 20px;font-size:1rem;transition:background .3s,box-shadow .3s;box-shadow:0 2px 8px #1890ff1a}.ant-btn-primary:hover,.ant-btn-primary:focus,.read-more-btn:hover,.read-more-btn:focus{background:#1765ad;color:#fff;box-shadow:0 4px 16px #1890ff2e}.page-header{position:relative;height:240px;background:linear-gradient(135deg,rgba(66,153,225,.1) 0%,transparent 50%),linear-gradient(225deg,rgba(44,96,192,.15) 0%,transparent 50%),linear-gradient(45deg,rgba(26,54,93,.2) 0%,transparent 50%),linear-gradient(135deg,#0f1e3d,#2c64b4);background-size:300% 300%,250% 250%,200% 200%,cover;background-position:-50% -50%,0% 0%,50% 50%,center center;background-repeat:no-repeat;margin-bottom:48px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;box-shadow:0 8px 30px #0006}.page-header .header-content{position:relative;z-index:1;max-width:800px;padding:0 24px;text-align:center;justify-content:center}.page-header .header-content h1{font-family:Roboto,sans-serif;font-size:2.8rem;font-weight:700;margin-bottom:16px;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(to right,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.1)}.page-header .header-content p{font-family:Roboto,sans-serif;font-size:1.2rem;font-weight:400;line-height:1.6;color:#ffffffe6;max-width:600px;margin:0 auto;text-shadow:0 1px 2px rgba(0,0,0,.1)}.carousel-section{width:100vw;max-width:none;margin:0 0 40px;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.carousel-section .carousel-card{min-height:320px}.carousel-section .carousel-card .ant-card-cover img{width:100vw;height:260px;object-fit:cover}.pagination-section{display:flex;justify-content:center;margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0}.pagination-section .ant-pagination .ant-pagination-item{border-radius:8px;border:1px solid #e2e8f0;background:#fff;transition:all .3s ease;margin:0 4px}.pagination-section .ant-pagination .ant-pagination-item a{color:#1e293b;font-weight:500;font-family:Roboto,sans-serif}.pagination-section .ant-pagination .ant-pagination-item:hover{border-color:#2b6cb0;background:#f8fafc}.pagination-section .ant-pagination .ant-pagination-item-active{border-radius:8px;background:linear-gradient(135deg,#2b6cb0,#4299e1);border-color:#4299e1}.pagination-section .ant-pagination .ant-pagination-item-active a{color:#fff}.pagination-section .ant-pagination .ant-pagination-item-active:hover{border-color:#4299e1}.pagination-section .ant-pagination .ant-pagination-prev,.pagination-section .ant-pagination .ant-pagination-next{border-radius:8px;border:1px solid #e2e8f0;background:#fff;transition:all .3s ease}.pagination-section .ant-pagination .ant-pagination-prev .ant-pagination-item-link,.pagination-section .ant-pagination .ant-pagination-next .ant-pagination-item-link{color:#1e293b;border-radius:8px}.pagination-section .ant-pagination .ant-pagination-prev:hover,.pagination-section .ant-pagination .ant-pagination-next:hover{border-color:#2b6cb0;background:#f8fafc}.pagination-section .ant-pagination .ant-pagination-disabled .ant-pagination-item-link{color:#94a3b8}.pagination-section .ant-pagination .ant-pagination-total-text{margin-right:16px;color:#64748b}.pagination-bar{display:flex;align-items:center;justify-content:flex-end;margin:32px 0 0;gap:24px;width:100%}.pagination-bar .pagination-total{flex:1;color:#888;font-size:1rem;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;text-align:left}.pagination-bar .ant-pagination{flex-shrink:0}.pagination-bar .ant-pagination .ant-pagination-item{border-radius:8px;border:1px solid #e2e8f0;background:#fff;transition:all .3s ease;margin:0 4px}.pagination-bar .ant-pagination .ant-pagination-item a{color:#1e293b;font-weight:500;font-family:Roboto,sans-serif}.pagination-bar .ant-pagination .ant-pagination-item:hover{border-color:#2b6cb0;background:#f8fafc}.pagination-bar .ant-pagination .ant-pagination-item-active{border-radius:8px;background:linear-gradient(135deg,#2b6cb0,#4299e1);border-color:#4299e1}.pagination-bar .ant-pagination .ant-pagination-item-active a{color:#fff}.pagination-bar .ant-pagination .ant-pagination-item-active:hover{border-color:#4299e1}.pagination-bar .ant-pagination .ant-pagination-prev,.pagination-bar .ant-pagination .ant-pagination-next{border-radius:8px;border:1px solid #e2e8f0;background:#fff;transition:all .3s ease}.pagination-bar .ant-pagination .ant-pagination-prev .ant-pagination-item-link,.pagination-bar .ant-pagination .ant-pagination-next .ant-pagination-item-link{color:#1e293b;border-radius:8px}.pagination-bar .ant-pagination .ant-pagination-prev:hover,.pagination-bar .ant-pagination .ant-pagination-next:hover{border-color:#2b6cb0;background:#f8fafc}.pagination-bar .ant-pagination .ant-pagination-disabled .ant-pagination-item-link{color:#94a3b8}.no-news{text-align:center;color:#888;font-size:1.1rem;margin:32px 0}.content-html{color:#2d3748;line-height:1.8;font-size:1.1rem}.content-html p{margin-bottom:1.5em}.content-html img{max-width:100%;height:auto;border-radius:8px;margin:1.5em 0;display:block}.content-html h2,.content-html h3,.content-html h4{color:#1a365d;margin:1.5em 0 .75em}.content-html h2{font-size:1.8rem;font-weight:700}.content-html h3{font-size:1.5rem;font-weight:600}.content-html h4{font-size:1.3rem;font-weight:500}.content-html ul,.content-html ol{margin:1.5em 0;padding-left:2em}.content-html li{margin-bottom:.5em}.content-html blockquote{border-left:4px solid #4299e1;padding-left:1em;margin:1.5em 0;color:#666;font-style:italic}.content-html code{background:#f1f1f1;padding:.2em .4em;border-radius:4px;font-family:Courier New,monospace}.content-html pre{background:#f1f1f1;padding:1em;border-radius:8px;overflow-x:auto;margin:1.5em 0}.content-html pre code{background:none;padding:0}.content-paragraph{margin-bottom:1.5em;line-height:1.8;color:#2d3748}.main-title,.merriweather-title,h1,h2,h3{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:800;font-size:2.25rem;color:#1976d2}.main-desc,.merriweather-content,p,li{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:1rem;color:#6c757d;font-weight:400}.button,.cta-button{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:700;text-transform:uppercase}.guest-home-page{width:100%;overflow-x:hidden}.guest-home-page .donation-guide-section{padding:48px 40px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);max-width:100%;margin:0 auto}.guest-home-page .donation-guide-section .guide-header{margin-bottom:48px;text-align:center}.guest-home-page .donation-guide-section .guide-header .guide-title-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:20px;gap:20px}.guest-home-page .donation-guide-section .guide-header .guide-title-wrapper .guide-line{width:80px;height:3px;background:linear-gradient(90deg,#d32f2f,#c21121);border-radius:2px}.guest-home-page .donation-guide-section .guide-header .guide-title-wrapper .merriweather-title{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:#02314b;font-size:2.5rem;color:#1976d2;font-weight:900;text-align:center;margin:0;text-transform:uppercase;color:#02314b;text-shadow:1px 1px 3px rgba(0,0,0,.1)}.guest-home-page .donation-guide-section .merriweather-content{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:1.2rem;color:#6c757d;font-weight:400;text-align:center;margin-bottom:48px;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.8;color:#222}.guest-home-page .donation-guide-section .guide-step-section{max-width:1200px;margin:0 auto 32px;padding:20px;display:flex;align-items:stretch;gap:32px;border-radius:15px;box-shadow:0 4px 20px #0000000d;transition:transform .3s ease}.guest-home-page .donation-guide-section .guide-step-section.odd{flex-direction:row}.guest-home-page .donation-guide-section .guide-step-section.even{flex-direction:row-reverse}.guest-home-page .donation-guide-section .guide-step-section.light-bg{background:#fff}.guest-home-page .donation-guide-section .guide-step-section.dark-bg{background:#f1f5f9}.guest-home-page .donation-guide-section .guide-step-section:hover{transform:translateY(-5px)}.guest-home-page .donation-guide-section .guide-step-section .step-content{flex:1;padding:32px;display:flex;flex-direction:column;justify-content:center;text-align:left}.guest-home-page .donation-guide-section .guide-step-section .step-content .step-number{width:50px;height:50px;background:linear-gradient(135deg,#1976d2,#4dabf5);color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;margin-bottom:20px;box-shadow:0 2px 6px #2d6cb033;transition:transform .3s ease}.guest-home-page .donation-guide-section .guide-step-section .step-content .step-number:hover{transform:scale(1.1)}.guest-home-page .donation-guide-section .guide-step-section .step-content .step-details .step-title{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:#02314b;font-size:1.6rem;color:#1976d2;font-weight:800;margin-bottom:12px;line-height:1.4;color:#1e3a8a;transition:color .3s ease}.guest-home-page .donation-guide-section .guide-step-section .step-content .step-details .step-title:hover{color:#2b6cb0}.guest-home-page .donation-guide-section .guide-step-section .step-content .step-details .step-content-text{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:1.1rem;color:#6c757d;font-weight:400;line-height:1.8;margin:0;color:#475569}.guest-home-page .donation-guide-section .guide-step-section .step-image{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px}.guest-home-page .donation-guide-section .guide-step-section .step-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.guest-home-page .donation-guide-section .guide-step-section .step-image img:hover{transform:scale(1.05)}@media (max-width: 991.98px){.guest-home-page .donation-guide-section{padding:12px 8px;flex-direction:column;gap:20px}.guest-home-page .donation-guide-section.odd,.guest-home-page .donation-guide-section.even{flex-direction:column}.guest-home-page .donation-guide-section .step-content{padding:20px}.guest-home-page .donation-guide-section .step-content .step-number{width:40px;height:40px;font-size:1.2rem}.guest-home-page .donation-guide-section .step-content .step-details .step-title{font-size:1.3rem}.guest-home-page .donation-guide-section .step-content .step-details .step-content-text{font-size:1rem}.guest-home-page .donation-guide-section .step-image{margin-top:20px}.guest-home-page .donation-guide-section .step-image img{height:250px}}.manager-text-primary{color:#d93e4c!important}.manager-text-secondary{color:#666!important}.manager-bg-primary{background-color:#d93e4c!important}.manager-border-primary{border-color:#d93e4c!important}.manager-font-family{font-family:Inter,sans-serif!important}.manager-page{display:flex;min-height:100vh;background:#fff;font-family:Inter,sans-serif}.manager-page .manager-content{flex:1;margin-left:280px;padding:24px;transition:margin-left .3s ease}@media (max-width: 768px){.manager-page .manager-content{margin-left:0;padding:16px}}@media (max-width: 576px){.manager-page .manager-content{padding:8px}}.manager-page .ant-card{background:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:24px;font-family:Inter,sans-serif}.manager-page .ant-card .ant-card-head-title{color:#20374e;font-family:Inter,sans-serif;font-weight:600}.manager-page .ant-table-wrapper{font-family:Inter,sans-serif}.manager-page .ant-table-wrapper .ant-table-thead>tr>th{background-color:#f8f9fa;color:#20374e;font-weight:600;font-size:14px;border-bottom:1px solid #e8e8e8}.manager-page .ant-table-wrapper .ant-table-tbody>tr>td{color:#20374e;font-size:16px;border-bottom:1px solid rgb(244.75,244.75,244.75)}.manager-page .ant-table-wrapper .ant-table-tbody>tr:hover>td{background-color:#fefefe}.manager-page .ant-statistic .ant-statistic-title{color:#666;font-family:Inter,sans-serif;font-size:14px}.manager-page .ant-statistic .ant-statistic-content{color:#20374e;font-family:Inter,sans-serif;font-weight:600}.manager-page .ant-select{font-family:Inter,sans-serif}.manager-page .ant-select .ant-select-selector{border-color:#e8e8e8}.manager-page .ant-select .ant-select-selector:hover{border-color:#d93e4c}.manager-page .ant-select.ant-select-focused .ant-select-selector{border-color:#d93e4c;box-shadow:0 0 0 2px #d93e4c33}.manager-page .ant-input{font-family:Inter,sans-serif;border-color:#e8e8e8}.manager-page .ant-input:hover{border-color:#d93e4c}.manager-page .ant-input:focus{border-color:#d93e4c;box-shadow:0 0 0 2px #d93e4c33}.manager-page .ant-modal .ant-modal-header{border-bottom:1px solid #e8e8e8}.manager-page .ant-modal .ant-modal-header .ant-modal-title{color:#20374e;font-family:Inter,sans-serif;font-weight:600}.manager-page .ant-modal .ant-modal-body{font-family:Inter,sans-serif}.sidebar-badge{font-size:10px!important;min-width:18px!important;height:18px!important;line-height:18px!important;border-radius:9px!important;box-shadow:0 0 0 1px #fff3 inset!important;font-weight:600!important;animation:pulse 2s infinite}.sidebar-badge.admin-badge{background-color:#52c41a!important;color:#fff!important}.sidebar-badge.doctor-badge{background-color:#1677ff!important;color:#fff!important}.sidebar-badge.manager-badge{background-color:#722ed1!important;color:#fff!important}.sidebar-menu-item{display:flex;align-items:center;justify-content:space-between;width:100%}.sidebar-menu-item .menu-label{flex:1}.sidebar-menu-item .menu-badge{margin-left:8px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.ant-menu-dark .sidebar-badge{box-shadow:0 0 0 1px #ffffff1a inset!important}@media (max-width: 768px){.sidebar-badge{font-size:9px!important;min-width:16px!important;height:16px!important;line-height:16px!important;border-radius:8px!important}}.welcome-banner{background:#d93e4c;border-radius:12px;padding:32px;margin-bottom:32px;box-shadow:0 4px 12px #00000014;font-family:Inter,Roboto,Segoe UI,sans-serif}.welcome-banner .welcome-content{display:flex;justify-content:space-between;align-items:center;gap:20px}.welcome-banner .welcome-content .welcome-text{flex:1}.welcome-banner .welcome-content .welcome-text .greeting{display:flex;justify-content:flex-start;align-items:center;gap:8px;margin-bottom:4px}.welcome-banner .welcome-content .welcome-text .greeting .greeting-icon{font-size:1.2rem;color:#fff}.welcome-banner .welcome-content .welcome-text .greeting .greeting-message{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:#fff;font-size:1.3rem;color:#1976d2;font-weight:600;font-family:Inter,Roboto,Segoe UI,sans-serif;color:#fff}.welcome-banner .welcome-content .welcome-text .welcome-subtitle{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:.95rem;color:#ffffffe6;font-weight:400;margin-left:28px;font-family:Inter,Roboto,Segoe UI,sans-serif}.welcome-banner .welcome-content .welcome-info .date-time{display:flex;justify-content:flex-start;align-items:center;gap:8px;background:#ffffff1a;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.welcome-banner .welcome-content .welcome-info .date-time .time-icon{font-size:1rem;color:#fff}.welcome-banner .welcome-content .welcome-info .date-time .current-date{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:.9rem;color:#fff;font-weight:400;font-weight:500;font-family:Inter,Roboto,Segoe UI,sans-serif}@media (max-width: 991.98px){.welcome-banner{padding:20px}.welcome-banner .welcome-content{flex-direction:column;align-items:flex-start;gap:12px}.welcome-banner .welcome-content .welcome-text .greeting .greeting-message{font-size:1.1rem}.welcome-banner .welcome-content .welcome-text .welcome-subtitle{font-size:.85rem;margin-left:24px}.welcome-banner .welcome-content .welcome-info{align-self:stretch}.welcome-banner .welcome-content .welcome-info .date-time{justify-content:center}}@media (max-width: 575.98px){.welcome-banner{padding:20px;margin-bottom:20px}.welcome-banner .welcome-content .welcome-text .greeting .greeting-message{font-size:1rem}.welcome-banner .welcome-content .welcome-text .welcome-subtitle{font-size:.8rem;margin-left:20px}.welcome-banner .welcome-content .welcome-info .date-time{padding:6px 10px}.welcome-banner .welcome-content .welcome-info .date-time .current-date{font-size:.8rem}}.statistics-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:32px}.statistics-cards .stat-card{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef;transition:all .3s ease;font-family:Inter,Roboto,Segoe UI,sans-serif;position:relative;overflow:hidden}.statistics-cards .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.statistics-cards .stat-card .stat-header{display:flex;justify-content:flex-start;align-items:center;gap:12px;margin-bottom:20px}.statistics-cards .stat-card .stat-header .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:#fff}.statistics-cards .stat-card .stat-header .stat-title{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:1rem;color:#2c3e50;font-weight:400;font-weight:600;font-family:Inter,Roboto,Segoe UI,sans-serif}.statistics-cards .stat-card .stat-content .stat-value{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:#2c3e50;font-size:2.5rem;color:#1976d2;font-weight:700;margin-bottom:8px;font-family:Inter,Roboto,Segoe UI,sans-serif;line-height:1}.statistics-cards .stat-card .stat-content .stat-subtitle{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:.9rem;color:#6c757d;font-weight:400;font-weight:500;font-family:Inter,Roboto,Segoe UI,sans-serif}.statistics-cards .stat-card.primary{border-left:4px solid #d93e4c}.statistics-cards .stat-card.primary .stat-header .stat-icon{background:#d93e4c}.statistics-cards .stat-card.success{border-left:4px solid #4caf50}.statistics-cards .stat-card.success .stat-header .stat-icon{background:#4caf50}.statistics-cards .stat-card.warning{border-left:4px solid #ff9800}.statistics-cards .stat-card.warning .stat-header .stat-icon{background:#ff9800}.statistics-cards .stat-card.emergency{border-left:4px solid #d91022}.statistics-cards .stat-card.emergency .stat-header .stat-icon{background:#d91022}@media (max-width: 991.98px){.statistics-cards{grid-template-columns:repeat(2,1fr);gap:20px}.statistics-cards .stat-card{padding:20px}.statistics-cards .stat-card .stat-header .stat-icon{width:40px;height:40px;font-size:1.3rem}.statistics-cards .stat-card .stat-header .stat-title{font-size:.9rem}.statistics-cards .stat-card .stat-content .stat-value{font-size:2rem}.statistics-cards .stat-card .stat-content .stat-subtitle{font-size:.8rem}}@media (max-width: 575.98px){.statistics-cards{grid-template-columns:1fr;gap:12px}.statistics-cards .stat-card{padding:12px}.statistics-cards .stat-card .stat-header{gap:8px}.statistics-cards .stat-card .stat-header .stat-icon{width:36px;height:36px;font-size:1.1rem}.statistics-cards .stat-card .stat-header .stat-title{font-size:.85rem}.statistics-cards .stat-card .stat-content .stat-value{font-size:1.8rem}.statistics-cards .stat-card .stat-content .stat-subtitle{font-size:.75rem}}.blood-inventory-chart .chart-loading{text-align:center;padding:40px 20px}.blood-inventory-chart .chart-loading p{margin-top:16px;color:#666}.blood-inventory-chart .retry-button{background:#1890ff;color:#fff;border:none;padding:4px 12px;border-radius:4px;cursor:pointer}.blood-inventory-chart .retry-button:hover{background:#40a9ff}.blood-inventory-chart .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.blood-inventory-chart .chart-header h3{margin:0;color:#262626;font-size:18px;font-weight:600}.blood-inventory-chart .chart-header .chart-controls{display:flex;align-items:center}.blood-inventory-chart .chart-header .chart-controls .ant-radio-group .ant-radio-button-wrapper{border-radius:6px}.blood-inventory-chart .chart-header .chart-controls .ant-radio-group .ant-radio-button-wrapper:first-child{border-radius:6px 0 0 6px}.blood-inventory-chart .chart-header .chart-controls .ant-radio-group .ant-radio-button-wrapper:last-child{border-radius:0 6px 6px 0}.blood-inventory-chart .chart-content{margin-bottom:20px}.blood-inventory-chart .chart-content .recharts-wrapper .recharts-pie-label-text{font-size:12px;font-weight:600}.blood-inventory-chart .chart-content .recharts-wrapper .recharts-legend-wrapper .recharts-legend-item{margin-right:10px;font-size:12px}.blood-inventory-chart .custom-tooltip{background:#fff;border:1px solid #d9d9d9;border-radius:6px;padding:8px 12px;box-shadow:0 2px 8px #00000026}.blood-inventory-chart .custom-tooltip .tooltip-label{margin:0 0 4px;font-weight:600;color:#262626}.blood-inventory-chart .custom-tooltip .tooltip-bags,.blood-inventory-chart .custom-tooltip .tooltip-volume{margin:0 0 2px;color:#666;font-size:12px}.blood-inventory-chart .custom-tooltip .tooltip-rare{margin:2px 0 0;color:#ff4d4f;font-size:11px;font-weight:600}.blood-inventory-chart .chart-summary{display:flex;justify-content:space-around;padding:16px;background:#f5f5f5;border-radius:8px}.blood-inventory-chart .chart-summary .summary-item{text-align:center}.blood-inventory-chart .chart-summary .summary-item .summary-label{display:block;font-size:12px;color:#666;margin-bottom:4px}.blood-inventory-chart .chart-summary .summary-item .summary-value{display:block;font-size:16px;font-weight:600;color:#262626}@media (max-width: 768px){.blood-inventory-chart .chart-header{flex-direction:column;gap:12px;align-items:flex-start}.blood-inventory-chart .chart-header h3{font-size:16px}.blood-inventory-chart .chart-summary{flex-direction:column;gap:12px}.blood-inventory-chart .chart-summary .summary-item{display:flex;justify-content:space-between;align-items:center}.blood-inventory-chart .chart-summary .summary-item .summary-label{margin-bottom:0}}@media (max-width: 576px){.blood-inventory-chart .chart-header h3{font-size:14px}.blood-inventory-chart .chart-summary{padding:12px}.blood-inventory-chart .chart-summary .summary-item .summary-label{font-size:11px}.blood-inventory-chart .chart-summary .summary-item .summary-value{font-size:14px}}.blood-inventory-alert-chart{margin-bottom:24px;border-radius:12px;box-shadow:0 4px 12px #00000014}.blood-inventory-alert-chart .loading-container{text-align:center;padding:40px 20px}.blood-inventory-alert-chart .loading-container p{margin-top:16px;color:#666}.blood-inventory-alert-chart .retry-button{background:#1890ff;color:#fff;border:none;padding:4px 12px;border-radius:4px;cursor:pointer}.blood-inventory-alert-chart .retry-button:hover{background:#40a9ff}.blood-inventory-alert-chart .chart-header{margin-bottom:20px}.blood-inventory-alert-chart .chart-header h3{margin:0 0 8px;color:#262626;font-size:20px;font-weight:600;display:flex;align-items:center;gap:8px}.blood-inventory-alert-chart .chart-header .chart-subtitle{margin:0 0 16px;color:#666;font-size:14px}.blood-inventory-alert-chart .chart-header .chart-filters{display:flex;align-items:center;gap:12px}.blood-inventory-alert-chart .chart-header .chart-filters .filter-label{font-size:14px;color:#666;font-weight:500}.blood-inventory-alert-chart .chart-header .chart-filters .ant-radio-group .ant-radio-button-wrapper{border-radius:6px;font-size:13px}.blood-inventory-alert-chart .chart-header .chart-filters .ant-radio-group .ant-radio-button-wrapper:first-child{border-radius:6px 0 0 6px}.blood-inventory-alert-chart .chart-header .chart-filters .ant-radio-group .ant-radio-button-wrapper:last-child{border-radius:0 6px 6px 0}.blood-inventory-alert-chart .chart-header .chart-filters .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked{background:#d91022;border-color:#d91022;color:#fff}.blood-inventory-alert-chart .chart-header .chart-filters .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:hover{background:#ff4d4f;border-color:#ff4d4f}.blood-inventory-alert-chart .chart-content{margin-bottom:20px}.blood-inventory-alert-chart .alert-tooltip{background:#fff;border:1px solid #d9d9d9;border-radius:6px;padding:8px 12px;box-shadow:0 2px 8px #00000026}.blood-inventory-alert-chart .alert-tooltip .tooltip-label{margin:0 0 4px;font-weight:600;color:#262626}.blood-inventory-alert-chart .alert-tooltip .tooltip-value{margin:0 0 2px;font-size:12px}.blood-inventory-alert-chart .alert-summary{padding:16px;background:#fafafa;border-radius:8px;border-left:4px solid #D91022}.blood-inventory-alert-chart .alert-summary .summary-item{text-align:center;padding:12px;background:#fff;border-radius:6px;box-shadow:0 2px 4px #0000000d}.blood-inventory-alert-chart .alert-summary .summary-item .summary-label{display:block;font-size:12px;color:#666;margin-bottom:4px}.blood-inventory-alert-chart .alert-summary .summary-item .summary-value{display:block;font-size:20px;font-weight:700}.blood-inventory-alert-chart .alert-summary .summary-item.critical .summary-value{color:#d91022}.blood-inventory-alert-chart .alert-summary .summary-item.low .summary-value{color:#fa8c16}.blood-inventory-alert-chart .alert-summary .summary-item.total .summary-value{color:#1890ff}.blood-inventory-alert-chart .alert-summary .summary-item.rare .summary-value{color:#722ed1}@media (max-width: 768px){.blood-inventory-alert-chart .chart-header h3{font-size:18px}.blood-inventory-alert-chart .chart-header .chart-subtitle{font-size:13px}.blood-inventory-alert-chart .alert-tabs .ant-tabs-nav .ant-tabs-tab{padding:6px 12px;font-size:13px}.blood-inventory-alert-chart .alert-summary{padding:12px}.blood-inventory-alert-chart .alert-summary .summary-item{padding:8px}.blood-inventory-alert-chart .alert-summary .summary-item .summary-label{font-size:11px}.blood-inventory-alert-chart .alert-summary .summary-item .summary-value{font-size:16px}}@media (max-width: 576px){.blood-inventory-alert-chart .chart-header h3{font-size:16px;flex-direction:column;align-items:flex-start;gap:4px}.blood-inventory-alert-chart .alert-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab{padding:4px 8px;font-size:12px}.blood-inventory-alert-chart .alert-summary .summary-item .summary-label{font-size:10px}.blood-inventory-alert-chart .alert-summary .summary-item .summary-value{font-size:14px}}.blood-inventory-dashboard .dashboard-loading{text-align:center;padding:60px 20px}.blood-inventory-dashboard .dashboard-loading p{margin-top:16px;color:#666;font-size:16px}.blood-inventory-dashboard .retry-button{background:#1890ff;color:#fff;border:none;padding:6px 16px;border-radius:6px;cursor:pointer;font-size:14px}.blood-inventory-dashboard .retry-button:hover{background:#40a9ff}.blood-inventory-dashboard .overview-section{margin-bottom:24px}.blood-inventory-dashboard .overview-section .overview-card{border-radius:12px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.blood-inventory-dashboard .overview-section .overview-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.blood-inventory-dashboard .overview-section .overview-card .ant-card-body{padding:20px}.blood-inventory-dashboard .overview-section .overview-card .ant-statistic .ant-statistic-title{font-size:14px;font-weight:600;margin-bottom:8px;color:#666}.blood-inventory-dashboard .overview-section .overview-card .ant-statistic .ant-statistic-content .ant-statistic-content-prefix{font-size:20px;margin-right:8px}.blood-inventory-dashboard .overview-section .overview-card .ant-statistic .ant-statistic-content .ant-statistic-content-value{font-size:24px;font-weight:700}.blood-inventory-dashboard .overview-section .overview-card .ant-statistic .ant-statistic-content .ant-statistic-content-suffix{font-size:14px;color:#666;margin-left:4px}.blood-inventory-dashboard .overview-section .overview-card.total-bags{border-left:4px solid #1890ff}.blood-inventory-dashboard .overview-section .overview-card.total-bags .ant-statistic-content-prefix{color:#1890ff}.blood-inventory-dashboard .overview-section .overview-card.total-volume{border-left:4px solid #52c41a}.blood-inventory-dashboard .overview-section .overview-card.total-volume .ant-statistic-content-prefix{color:#52c41a}.blood-inventory-dashboard .overview-section .overview-card.rare-blood{border-left:4px solid #faad14}.blood-inventory-dashboard .overview-section .overview-card.rare-blood .ant-statistic-content-prefix{color:#faad14}.blood-inventory-dashboard .chart-section{border-radius:12px;box-shadow:0 2px 8px #0000000f}.blood-inventory-dashboard .chart-section .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.blood-inventory-dashboard .chart-section .chart-header h3{margin:0;color:#262626;font-size:18px;font-weight:600}.blood-inventory-dashboard .chart-section .chart-header .chart-filters{display:flex;align-items:center;gap:12px}.blood-inventory-dashboard .chart-section .chart-header .chart-filters .filter-label{font-size:14px;color:#666;font-weight:500}.blood-inventory-dashboard .chart-section .chart-header .chart-filters .ant-radio-group .ant-radio-button-wrapper{border-radius:6px;font-size:13px}.blood-inventory-dashboard .chart-section .chart-header .chart-filters .ant-radio-group .ant-radio-button-wrapper:first-child{border-radius:6px 0 0 6px}.blood-inventory-dashboard .chart-section .chart-header .chart-filters .ant-radio-group .ant-radio-button-wrapper:last-child{border-radius:0 6px 6px 0}.blood-inventory-dashboard .chart-section .chart-header .chart-filters .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked{background:#1890ff;border-color:#1890ff;color:#fff}.blood-inventory-dashboard .chart-section .chart-header .chart-filters .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:hover{background:#40a9ff;border-color:#40a9ff}.blood-inventory-dashboard .chart-section .blood-inventory-chart .ant-card{box-shadow:none;border:none}@media (max-width: 768px){.blood-inventory-dashboard .overview-section .overview-card .ant-card-body{padding:16px}.blood-inventory-dashboard .overview-section .overview-card .ant-statistic .ant-statistic-title{font-size:13px}.blood-inventory-dashboard .overview-section .overview-card .ant-statistic .ant-statistic-content .ant-statistic-content-prefix{font-size:18px}.blood-inventory-dashboard .overview-section .overview-card .ant-statistic .ant-statistic-content .ant-statistic-content-value{font-size:20px}.blood-inventory-dashboard .overview-section .overview-card .ant-statistic .ant-statistic-content .ant-statistic-content-suffix{font-size:13px}.blood-inventory-dashboard .chart-section .chart-header{flex-direction:column;align-items:flex-start}.blood-inventory-dashboard .chart-section .chart-header h3{font-size:16px}.blood-inventory-dashboard .chart-section .chart-header .chart-filters{width:100%;justify-content:space-between}.blood-inventory-dashboard .chart-section .chart-header .chart-filters .ant-radio-group .ant-radio-button-wrapper{font-size:12px;padding:4px 8px}}@media (max-width: 576px){.blood-inventory-dashboard .overview-section .overview-card .ant-card-body{padding:12px}.blood-inventory-dashboard .overview-section .overview-card .ant-statistic .ant-statistic-title{font-size:12px}.blood-inventory-dashboard .overview-section .overview-card .ant-statistic .ant-statistic-content .ant-statistic-content-prefix{font-size:16px}.blood-inventory-dashboard .overview-section .overview-card .ant-statistic .ant-statistic-content .ant-statistic-content-value{font-size:18px}.blood-inventory-dashboard .overview-section .overview-card .ant-statistic .ant-statistic-content .ant-statistic-content-suffix{font-size:12px}.blood-inventory-dashboard .chart-section .chart-header .chart-filters{flex-direction:column;align-items:flex-start;gap:8px}}.status-badge{display:inline-flex!important;align-items:center;justify-content:center;border-radius:50px!important;font-weight:600;font-size:12px!important;line-height:1.4;padding:8px 16px!important;border:1px solid transparent!important;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:relative;overflow:hidden;min-width:100px;max-width:120px;text-align:center;margin:0!important}.status-badge:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fff3,#ffffff0d);pointer-events:none;border-radius:inherit}.status-badge .status-badge-content{display:flex;align-items:center;gap:6px;position:relative;z-index:1}.status-badge .status-badge-icon{display:flex;align-items:center;font-size:12px}.status-badge .status-badge-icon .anticon{font-size:inherit;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.status-badge .status-badge-text{font-size:inherit;font-weight:inherit;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:.02em}.status-badge.status-badge-small{font-size:11px;padding:6px 12px;border-radius:50px;box-shadow:0 1px 2px #0000000a;min-width:85px;max-width:100px}.status-badge.status-badge-small .status-badge-content{gap:4px}.status-badge.status-badge-small .status-badge-icon{font-size:10px}.status-badge.status-badge-large{font-size:14px;padding:10px 20px;border-radius:50px;box-shadow:0 1px 4px #0000000f;min-width:120px;max-width:140px}.status-badge.status-badge-large .status-badge-content{gap:8px}.status-badge.status-badge-large .status-badge-icon{font-size:14px}.status-badge:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.status-badge:hover:before{background:linear-gradient(135deg,#ffffff4d,#ffffff1a)}.status-badge:active{transform:translateY(0);box-shadow:0 2px 8px #00000014}.status-badge.status-pending{background:linear-gradient(135deg,#fff8e1,#ffecb3,#ffe082)!important;border-color:#ffc107!important;color:#e65100!important;box-shadow:0 1px 3px #ffc10726!important}.status-badge.status-pending:hover{background:linear-gradient(135deg,#fff3c4,#ffe082,#ffd54f)!important;box-shadow:0 2px 6px #ffc10733!important}.status-badge.status-approved{background:linear-gradient(135deg,#e8f5e8,#c8e6c8,#a5d6a7)!important;border-color:#4caf50!important;color:#1b5e20!important;box-shadow:0 1px 3px #4caf5026!important}.status-badge.status-approved:hover{background:linear-gradient(135deg,#c8e6c8,#a5d6a7,#81c784)!important;box-shadow:0 2px 6px #4caf5033!important}.status-badge.status-completed{background:linear-gradient(135deg,#e3f2fd,#bbdefb,#90caf9)!important;border-color:#2196f3!important;color:#0d47a1!important;box-shadow:0 1px 3px #2196f326!important}.status-badge.status-completed:hover{background:linear-gradient(135deg,#bbdefb,#90caf9,#64b5f6)!important;box-shadow:0 2px 6px #2196f333!important}.status-badge.status-rejected{background:linear-gradient(135deg,#ffebee,#ffcdd2,#ef9a9a)!important;border-color:#f44336!important;color:#b71c1c!important;box-shadow:0 1px 3px #f4433626!important}.status-badge.status-rejected:hover{background:linear-gradient(135deg,#ffcdd2,#ef9a9a,#e57373)!important;box-shadow:0 2px 6px #f4433633!important}.status-badge.status-cancelled{background:linear-gradient(135deg,#fafafa,#e0e0e0,#bdbdbd);border-color:#757575;color:#424242;box-shadow:0 2px 8px #75757540}.status-badge.status-cancelled:hover{background:linear-gradient(135deg,#e0e0e0,#bdbdbd,#9e9e9e);box-shadow:0 4px 16px #75757559}.status-badge.status-processing{background:linear-gradient(135deg,#e3f2fd,#bbdefb,#90caf9);border-color:#2196f3;color:#0d47a1;box-shadow:0 2px 8px #2196f340}.status-badge.status-processing:hover{background:linear-gradient(135deg,#bbdefb,#90caf9,#64b5f6);box-shadow:0 4px 16px #2196f359}.status-badge.status-fulfilled{background:linear-gradient(135deg,#f3e5f5,#ce93d8,#ba68c8);border-color:#9c27b0;color:#4a148c;box-shadow:0 2px 8px #9c27b040}.status-badge.status-fulfilled:hover{background:linear-gradient(135deg,#ce93d8,#ba68c8,#ab47bc);box-shadow:0 4px 16px #9c27b059}.status-badge.urgency-normal{background:linear-gradient(135deg,#f6ffed,#b7eb8f);border-color:#52c41a;color:#389e0d}.status-badge.urgency-urgent{background:linear-gradient(135deg,#fff7e6,#ffd591);border-color:#fa8c16;color:#d46b08}.status-badge.urgency-urgent .status-badge-icon{animation:pulse 1.5s infinite}.status-badge.urgency-critical{background:linear-gradient(135deg,#fff2f0,#ffccc7);border-color:#ff4d4f;color:#cf1322}.status-badge.urgency-critical .status-badge-icon{animation:pulse 1s infinite}.status-badge.status-unknown{background:linear-gradient(135deg,#fafafa,#e6e6e6);border-color:#d9d9d9;color:#8c8c8c}.status-badge.status-active{background:linear-gradient(135deg,#f6ffed,#b7eb8f);border-color:#52c41a;color:#389e0d}.status-badge.status-inactive{background:linear-gradient(135deg,#f5f5f5,#d9d9d9);border-color:#8c8c8c;color:#595959}.status-badge.status-warning{background:linear-gradient(135deg,#fff7e6,#ffd591);border-color:#fa8c16;color:#d46b08}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.dark-theme .status-badge.status-pending{background:linear-gradient(135deg,#2c2416,#3c3020);border-color:#d48806;color:#fadb14}.dark-theme .status-badge.status-approved,.dark-theme .status-badge.status-completed{background:linear-gradient(135deg,#162312,#1f2f1c);border-color:#389e0d;color:#52c41a}.dark-theme .status-badge.status-rejected{background:linear-gradient(135deg,#2a1215,#3a1a1d);border-color:#cf1322;color:#ff4d4f}.dark-theme .status-badge.status-cancelled{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-color:#595959;color:#8c8c8c}.dark-theme .status-badge.status-processing{background:linear-gradient(135deg,#111b26,#1c2b3a);border-color:#0958d9;color:#1890ff}.dark-theme .status-badge.status-fulfilled{background:linear-gradient(135deg,#1a0d26,#2a1a3a);border-color:#531dab;color:#722ed1}@media (max-width: 768px){.status-badge{font-size:11px;padding:3px 10px}.status-badge.status-badge-large{font-size:13px;padding:5px 14px}}.blood-request-table .ant-table{border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.blood-request-table .ant-table-tbody>tr{transition:all .2s ease}.blood-request-table .ant-table-tbody>tr:hover{background-color:#f8f9ff;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.blood-request-table .ant-table-tbody>tr>td{border-bottom:1px solid #f0f0f0;padding:16px;vertical-align:middle}.blood-request-table .status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;display:inline-block;min-width:60px;text-align:center}.blood-request-table .status-badge.status-warning{background:#fff7e6;color:#fa8c16;border:1px solid #ffd591}.blood-request-table .status-badge.status-success{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.blood-request-table .status-badge.status-info{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.blood-request-table .status-badge.status-danger{background:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7}.blood-request-table .status-badge.status-secondary{background:#f5f5f5;color:#8c8c8c;border:1px solid #d9d9d9}.blood-request-table .action-buttons{display:flex;justify-content:center;gap:8px}.blood-request-table .action-buttons .ant-btn{border-radius:8px;border:none;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.blood-request-table .action-buttons .ant-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.blood-request-table .action-buttons .ant-btn.view-btn{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.blood-request-table .action-buttons .ant-btn.view-btn:hover{background:#bae7ff;color:#1890ff;border-color:#69c0ff}.blood-request-table .action-buttons .ant-btn.accept-btn{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.blood-request-table .action-buttons .ant-btn.accept-btn:hover{background:#d9f7be;color:#52c41a;border-color:#95de64}.blood-request-table .action-buttons .ant-btn.reject-btn{background:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7}.blood-request-table .action-buttons .ant-btn.reject-btn:hover{background:#ffccc7;color:#ff4d4f;border-color:#ff7875}.blood-request-table .action-buttons .ant-btn .anticon{font-size:14px}.blood-request-table .blood-type-tag{display:inline-block;padding:4px 12px;border-radius:12px;font-weight:600;font-size:12px;text-align:center}.blood-request-table .blood-type-tag.positive{background-color:#e3f2fd;color:#1976d2;border:1px solid #bbdefb}.blood-request-table .blood-type-tag.negative{background-color:#ffebee;color:#c62828;border:1px solid #ffcdd2}.blood-request-table .patient-info .patient-name{font-weight:600;color:#1890ff;margin-bottom:4px}.blood-request-table .patient-info .patient-details{font-size:12px;color:#666;display:flex;gap:8px}.blood-request-table .patient-info .patient-details .detail-item{display:flex;align-items:center;gap:4px}.blood-request-table .doctor-info .doctor-name{font-weight:500;color:#333;margin-bottom:2px}.blood-request-table .doctor-info .doctor-department{font-size:12px;color:#666}.blood-request-table .quantity-display{font-weight:600;color:#52c41a;font-size:14px}.blood-request-table .quantity-display .unit{font-size:12px;color:#8c8c8c;margin-left:2px}.blood-request-table .date-display{font-size:13px;color:#666}.blood-request-table .date-display .date-icon{margin-right:4px;color:#1890ff}.blood-request-table .request-id{font-family:Courier New,monospace;background:#f0f2f5;padding:4px 8px;border-radius:8px;font-size:12px;font-weight:500;color:#1890ff;display:inline-block}@media (max-width: 768px){.blood-request-table .action-buttons{flex-direction:column;gap:4px}.blood-request-table .action-buttons .ant-btn{width:100%;min-width:auto}.blood-request-table .ant-table-tbody>tr>td{padding:12px 8px}.blood-request-table .patient-details{flex-direction:column;gap:4px!important}}.blood-request-table .ant-spin-container{min-height:200px}.blood-request-table .ant-empty{padding:40px 20px}.blood-request-table .ant-empty .ant-empty-description{color:#8c8c8c;font-size:14px}.blood-request-table .ant-table-tbody>tr:hover .action-buttons .ant-btn{transform:scale(1.05)}.blood-request-table{animation:fadeInUp .3s ease-out}.ant-tooltip .ant-tooltip-inner{background:#1890ff;border-radius:6px;font-size:12px;padding:6px 8px}.ant-tooltip .ant-tooltip-arrow:before{background:#1890ff}.blood-requests-management{display:flex;min-height:100vh;width:100%}.blood-requests-management .blood-requests-content{flex:1;padding:24px;width:100%}@media (max-width: 768px){.blood-requests-management .blood-requests-content{padding:16px}}.blood-requests-management .blood-requests-content .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding:16px 0}@media (max-width: 768px){.blood-requests-management .blood-requests-content .page-header{flex-direction:column;gap:16px}}.blood-requests-management .blood-requests-content .page-header .header-info h2{margin-bottom:8px!important;color:#20374e;font-weight:600}.blood-requests-management .blood-requests-content .page-header .header-actions .ant-btn{margin-left:8px}.blood-requests-management .blood-requests-content .page-header .header-actions .ant-btn:first-child{margin-left:0}@media (max-width: 768px){.blood-requests-management .blood-requests-content .page-header .header-actions .ant-btn{margin:0 4px;font-size:12px;padding:4px 8px}}.blood-requests-management .blood-requests-content .stats-section{margin-bottom:24px}.blood-requests-management .blood-requests-content .stats-section .stat-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.blood-requests-management .blood-requests-content .stats-section .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.blood-requests-management .blood-requests-content .stats-section .stat-card .stat-content{text-align:center;padding:8px 0}.blood-requests-management .blood-requests-content .stats-section .stat-card .stat-content .stat-number{font-size:2rem;font-weight:700;margin-bottom:4px;line-height:1}.blood-requests-management .blood-requests-content .stats-section .stat-card .stat-content .stat-label{color:#666;font-size:.9rem;font-weight:500}.blood-requests-management .blood-requests-content .filters-card{margin-bottom:16px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.blood-requests-management .blood-requests-content .filters-card .filter-group .ant-input,.blood-requests-management .blood-requests-content .filters-card .filter-group .ant-select{border-radius:6px;border-color:#deccaa}.blood-requests-management .blood-requests-content .filters-card .filter-group .ant-input:hover,.blood-requests-management .blood-requests-content .filters-card .filter-group .ant-input:focus,.blood-requests-management .blood-requests-content .filters-card .filter-group .ant-select:hover,.blood-requests-management .blood-requests-content .filters-card .filter-group .ant-select:focus{border-color:#d93e4c;box-shadow:0 0 0 2px #d93e4c1a}.blood-requests-management .blood-requests-content .tabs-navigation{display:flex;gap:1rem;margin-bottom:2rem}.blood-requests-management .blood-requests-content .tabs-navigation .tab-btn{padding:1rem 2rem;border:none;border-radius:16px;font-weight:700;cursor:pointer;transition:all .3s ease;background:#ffffffb3;color:#6c757d;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.blood-requests-management .blood-requests-content .tabs-navigation .tab-btn:hover{background:#ffffffe6;transform:translateY(-2px)}.blood-requests-management .blood-requests-content .tabs-navigation .tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 8px 25px #667eea4d}.blood-requests-management .blood-requests-content .tabs-navigation .tab-btn.active:hover{transform:translateY(-2px);box-shadow:0 12px 35px #667eea66}.blood-requests-management .blood-requests-content .filters-section{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;display:flex;gap:2rem;flex-wrap:wrap}.blood-requests-management .blood-requests-content .filters-section .filter-group{display:flex;flex-direction:column;gap:.5rem}.blood-requests-management .blood-requests-content .filters-section .filter-group label{font-weight:600;color:#333;font-size:.9rem}.blood-requests-management .blood-requests-content .filters-section .filter-group select{padding:.5rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;min-width:150px}.blood-requests-management .blood-requests-content .filters-section .filter-group select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.blood-requests-management .blood-requests-content .requests-table-card{background:#fff;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 8px #00000014;overflow-x:auto;max-width:100%}.blood-requests-management .blood-requests-content .requests-table-card .ant-table{min-width:1200px;font-family:Inter,Roboto,Segoe UI,sans-serif}.blood-requests-management .blood-requests-content .requests-table-card .ant-table .ant-table-thead>tr>th{background:#fff;color:#2c3e50;font-weight:600;border-bottom:1px solid #e9ecef;padding:16px;text-align:center;font-size:14px;font-family:Inter,Roboto,Segoe UI,sans-serif}.blood-requests-management .blood-requests-content .requests-table-card .ant-table .ant-table-thead>tr>th:first-child{border-top-left-radius:8px}.blood-requests-management .blood-requests-content .requests-table-card .ant-table .ant-table-thead>tr>th:last-child{border-top-right-radius:8px}.blood-requests-management .blood-requests-content .requests-table-card .ant-table .ant-table-tbody>tr{transition:all .3s ease}.blood-requests-management .blood-requests-content .requests-table-card .ant-table .ant-table-tbody>tr:hover>td{background:#1976d205}.blood-requests-management .blood-requests-content .requests-table-card .ant-table .ant-table-tbody>tr.urgent-row{background-color:#d910220d;border-left:4px solid #d91022}.blood-requests-management .blood-requests-content .requests-table-card .ant-table .ant-table-tbody>tr.priority-row{background-color:#d93e4c0d;border-left:4px solid #d93e4c}.blood-requests-management .blood-requests-content .requests-table-card .ant-table .ant-table-tbody>tr>td{background:#fff;border-bottom:1px solid #e9ecef;padding:16px;text-align:center;font-size:14px;font-family:Inter,Roboto,Segoe UI,sans-serif}.blood-requests-management .blood-requests-content .requests-table-card .ant-table .ant-tag{border-radius:6px;font-weight:600;padding:4px 12px;font-family:Inter,Roboto,Segoe UI,sans-serif}.blood-requests-management .blood-requests-content .requests-table-card .ant-table .ant-btn{border-radius:6px;font-weight:500;font-family:Inter,Roboto,Segoe UI,sans-serif}.blood-requests-management .blood-requests-content .requests-table-card .ant-table .ant-btn:hover{transform:translateY(-1px)}.blood-requests-management .blood-requests-content .requests-table-card .ant-pagination{margin:16px 0;text-align:center}.blood-requests-management .blood-requests-content .requests-table-card .ant-pagination .ant-pagination-item{border-radius:6px;border:1px solid #e8e8e8;background-color:#fff;color:#666;font-weight:500;transition:all .3s ease}.blood-requests-management .blood-requests-content .requests-table-card .ant-pagination .ant-pagination-item:hover{border-color:#20374e;color:#20374e;background-color:#20374e0d}.blood-requests-management .blood-requests-content .requests-table-card .ant-pagination .ant-pagination-item a{color:inherit;font-weight:inherit}.blood-requests-management .blood-requests-content .requests-table-card .ant-pagination .ant-pagination-item-active{background-color:#20374e;border-color:#20374e;color:#fff;font-weight:600}.blood-requests-management .blood-requests-content .requests-table-card .ant-pagination .ant-pagination-item-active:hover{background-color:#20374e;border-color:#20374e;color:#fff}.blood-requests-management .blood-requests-content .requests-table-card .ant-pagination .ant-pagination-item-active a{color:#fff;font-weight:600}.blood-requests-management .blood-requests-content .requests-table-card .ant-pagination .ant-pagination-prev,.blood-requests-management .blood-requests-content .requests-table-card .ant-pagination .ant-pagination-next{border-radius:6px;border:1px solid #e8e8e8;color:#666;transition:all .3s ease}.blood-requests-management .blood-requests-content .requests-table-card .ant-pagination .ant-pagination-prev:hover,.blood-requests-management .blood-requests-content .requests-table-card .ant-pagination .ant-pagination-next:hover{border-color:#20374e;color:#20374e;background-color:#20374e0d}.blood-requests-management .blood-requests-content .requests-table-card .ant-pagination .ant-pagination-prev .ant-pagination-item-link,.blood-requests-management .blood-requests-content .requests-table-card .ant-pagination .ant-pagination-next .ant-pagination-item-link{color:inherit;border:none;background:transparent}.blood-requests-management .blood-requests-content .requests-table-card .ant-pagination .ant-pagination-disabled{opacity:.4;cursor:not-allowed}.blood-requests-management .blood-requests-content .requests-table-card .ant-pagination .ant-pagination-disabled:hover{border-color:#e8e8e8;color:#666;background-color:#fff}.blood-requests-management .blood-requests-content .requests-table-card .ant-pagination .ant-pagination-jump-prev,.blood-requests-management .blood-requests-content .requests-table-card .ant-pagination .ant-pagination-jump-next{color:#666}.blood-requests-management .blood-requests-content .requests-table-card .ant-pagination .ant-pagination-jump-prev:hover,.blood-requests-management .blood-requests-content .requests-table-card .ant-pagination .ant-pagination-jump-next:hover{color:#20374e}.blood-requests-management .blood-requests-content .request-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.blood-requests-management .blood-requests-content .request-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.blood-requests-management .blood-requests-content .request-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.blood-requests-management .blood-requests-content .request-card .card-content .info-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.blood-requests-management .blood-requests-content .request-card .card-content .info-row:last-child{margin-bottom:0}.blood-requests-management .blood-requests-content .request-card .card-content .info-row .anticon{font-size:14px}.blood-requests-management .blood-requests-content .request-card .ant-card-actions{background-color:#f8f9fa;border-top:1px solid #deccaa}.blood-requests-management .blood-requests-content .request-card .ant-card-actions li{margin:8px 0}.blood-requests-management .blood-requests-content .request-card .ant-card-actions li .anticon{font-size:16px;transition:all .3s ease}.blood-requests-management .blood-requests-content .request-card .ant-card-actions li .anticon:hover{transform:scale(1.2)}.blood-requests-management .blood-requests-content .requests-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden;margin-bottom:2rem}.blood-requests-management .blood-requests-content .requests-table-container .requests-table{width:100%;border-collapse:collapse}.blood-requests-management .blood-requests-content .requests-table-container .requests-table th,.blood-requests-management .blood-requests-content .requests-table-container .requests-table td{padding:1rem;text-align:left;border-bottom:1px solid #eee}.blood-requests-management .blood-requests-content .requests-table-container .requests-table th{background:#f8f9fa;font-weight:600;color:#333;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.blood-requests-management .blood-requests-content .requests-table-container .requests-table td{font-size:.9rem}.blood-requests-management .blood-requests-content .requests-table-container .requests-table tr:hover{background:#f8f9fa}.blood-requests-management .blood-requests-content .requests-table-container .requests-table .blood-type-badge{display:inline-block;padding:6px 25px;border-radius:20px;font-weight:700;font-size:20px;text-align:center;min-height:40px;min-width:50px}.blood-requests-management .blood-requests-content .requests-table-container .requests-table .blood-type-badge.positive{background-color:#e3f2fd;color:#1976d2;border:1px solid #bbdefb}.blood-requests-management .blood-requests-content .requests-table-container .requests-table .blood-type-badge.negative{background-color:#ffebee;color:#c62828;border:1px solid #ffcdd2}.blood-requests-management .blood-requests-content .requests-table-container .requests-table .status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-weight:600;font-size:14px;border:1px solid;white-space:nowrap}.blood-requests-management .blood-requests-content .requests-table-container .requests-table .status-badge,.blood-requests-management .blood-requests-content .requests-table-container .requests-table .urgency-badge{padding:.25rem .5rem;border-radius:4px;font-weight:600;font-size:.8rem;text-transform:uppercase}.blood-requests-management .blood-requests-content .requests-table-container .requests-table .status-badge.status-warning,.blood-requests-management .blood-requests-content .requests-table-container .requests-table .status-badge.urgency-warning,.blood-requests-management .blood-requests-content .requests-table-container .requests-table .urgency-badge.status-warning,.blood-requests-management .blood-requests-content .requests-table-container .requests-table .urgency-badge.urgency-warning{background:#fff3cd;color:#856404}.blood-requests-management .blood-requests-content .requests-table-container .requests-table .status-badge.status-info,.blood-requests-management .blood-requests-content .requests-table-container .requests-table .status-badge.urgency-info,.blood-requests-management .blood-requests-content .requests-table-container .requests-table .urgency-badge.status-info,.blood-requests-management .blood-requests-content .requests-table-container .requests-table .urgency-badge.urgency-info{background:#d1ecf1;color:#0c5460}.blood-requests-management .blood-requests-content .requests-table-container .requests-table .status-badge.status-success,.blood-requests-management .blood-requests-content .requests-table-container .requests-table .status-badge.urgency-success,.blood-requests-management .blood-requests-content .requests-table-container .requests-table .urgency-badge.status-success,.blood-requests-management .blood-requests-content .requests-table-container .requests-table .urgency-badge.urgency-success{background:#d4edda;color:#155724}.blood-requests-management .blood-requests-content .requests-table-container .requests-table .status-badge.status-danger,.blood-requests-management .blood-requests-content .requests-table-container .requests-table .status-badge.urgency-danger,.blood-requests-management .blood-requests-content .requests-table-container .requests-table .urgency-badge.status-danger,.blood-requests-management .blood-requests-content .requests-table-container .requests-table .urgency-badge.urgency-danger{background:#f8d7da;color:#721c24}.blood-requests-management .blood-requests-content .requests-table-container .requests-table .status-badge.status-secondary,.blood-requests-management .blood-requests-content .requests-table-container .requests-table .status-badge.urgency-secondary,.blood-requests-management .blood-requests-content .requests-table-container .requests-table .urgency-badge.status-secondary,.blood-requests-management .blood-requests-content .requests-table-container .requests-table .urgency-badge.urgency-secondary{background:#e2e3e5;color:#383d41}.blood-requests-management .blood-requests-content .requests-table-container .requests-table .action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.blood-requests-management .blood-requests-content .requests-table-container .requests-table .action-buttons .btn{padding:.25rem .5rem;border:none;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease}.blood-requests-management .blood-requests-content .requests-table-container .requests-table .action-buttons .btn.btn-sm{padding:.25rem .5rem}.blood-requests-management .blood-requests-content .requests-table-container .requests-table .action-buttons .btn.btn-info{background:#17a2b8;color:#fff}.blood-requests-management .blood-requests-content .requests-table-container .requests-table .action-buttons .btn.btn-info:hover{background:#138496}.blood-requests-management .blood-requests-content .requests-table-container .requests-table .action-buttons .btn.btn-success{background:#28a745;color:#fff}.blood-requests-management .blood-requests-content .requests-table-container .requests-table .action-buttons .btn.btn-success:hover{background:#218838}.blood-requests-management .blood-requests-content .requests-table-container .requests-table .action-buttons .btn.btn-danger{background:#dc3545;color:#fff}.blood-requests-management .blood-requests-content .requests-table-container .requests-table .action-buttons .btn.btn-danger:hover{background:#c82333}.blood-requests-management .blood-requests-content .requests-table-container .requests-table .action-buttons .btn.btn-primary{background:#145ca4;color:#fff}.blood-requests-management .blood-requests-content .requests-table-container .requests-table .action-buttons .btn.btn-primary:hover{background:#0e4377}.blood-requests-management .blood-requests-content .statistics-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.blood-requests-management .blood-requests-content .statistics-section .stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 10px #0000001a;text-align:center}.blood-requests-management .blood-requests-content .statistics-section .stat-card h3{margin:0 0 1rem;color:#666;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.blood-requests-management .blood-requests-content .statistics-section .stat-card .stat-number{font-size:2rem;font-weight:700;margin:0;color:#1976d2}.blood-requests-management .blood-requests-content .statistics-section .stat-card .stat-number.warning{color:#ffc107}.blood-requests-management .blood-requests-content .statistics-section .stat-card .stat-number.success{color:#28a745}.blood-requests-management .blood-requests-content .statistics-section .stat-card .stat-number.danger{color:#dc3545}.modal-overlay .modal-content{background:#fff;border-radius:12px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-overlay .modal-content .modal-body .detail-row{margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.modal-overlay .modal-content .modal-body .detail-row strong{min-width:120px;color:#333}.modal-overlay .modal-content .modal-body .detail-row .notes-list{width:100%;margin-top:.5rem}.modal-overlay .modal-content .modal-body .detail-row .notes-list .note-item{background:#f8f9fa;padding:.75rem;border-radius:6px;margin-bottom:.5rem}.modal-overlay .modal-content .modal-body .detail-row .notes-list .note-item small{color:#666;font-size:.8rem;margin-left:.5rem}.modal-overlay .emergency-requests-section .emergency-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.modal-overlay .emergency-requests-section .emergency-stats .stat-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:20px;box-shadow:0 15px 35px #0000001a;border:1px solid rgba(255,255,255,.2);text-align:center;transition:all .3s ease}.modal-overlay .emergency-requests-section .emergency-stats .stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #00000026}.modal-overlay .emergency-requests-section .emergency-stats .stat-card .stat-number{font-size:2.5rem;font-weight:800;margin:0 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-overlay .emergency-requests-section .emergency-stats .stat-card .stat-label{color:#6c757d;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.modal-overlay .emergency-requests-section .emergency-stats .stat-card.urgent{border-left:4px solid #ffc107}.modal-overlay .emergency-requests-section .emergency-stats .stat-card.critical{border-left:4px solid #dc3545}.modal-overlay .emergency-requests-section .emergency-stats .stat-card.rare{border-left:4px solid #6f42c1}.modal-overlay .emergency-requests-section .emergency-requests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.modal-overlay .emergency-requests-section .emergency-requests-grid .emergency-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;box-shadow:0 15px 35px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative;overflow:hidden}.modal-overlay .emergency-requests-section .emergency-requests-grid .emergency-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.modal-overlay .emergency-requests-section .emergency-requests-grid .emergency-card.urgent:before{background:linear-gradient(135deg,#ffc107,#fd7e14);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-overlay .emergency-requests-section .emergency-requests-grid .emergency-card.critical:before{background:linear-gradient(135deg,#dc3545,#c82333);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:pulse 2s infinite}.modal-overlay .emergency-requests-section .emergency-requests-grid .emergency-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #00000026}.modal-overlay .emergency-requests-section .emergency-requests-grid .emergency-card .emergency-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-overlay .emergency-requests-section .emergency-requests-grid .emergency-card .emergency-header .blood-type-large{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#dc3545,#fd7e14);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-overlay .emergency-requests-section .emergency-requests-grid .emergency-card .emergency-header .urgency-indicator{font-size:.9rem;font-weight:700;padding:.5rem 1rem;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.modal-overlay .emergency-requests-section .emergency-requests-grid .emergency-card .emergency-header .urgency-indicator:contains("CỰC KHẨN CẤP"){background:linear-gradient(135deg,#dc3545,#c82333);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#fff;animation:pulse 2s infinite}.modal-overlay .emergency-requests-section .emergency-requests-grid .emergency-card .emergency-header .urgency-indicator:contains("KHẨN CẤP"){background:linear-gradient(135deg,#ffc107,#fd7e14);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#fff}.modal-overlay .emergency-requests-section .emergency-requests-grid .emergency-card .emergency-details{margin-bottom:1.5rem}.modal-overlay .emergency-requests-section .emergency-requests-grid .emergency-card .emergency-details .detail-item{display:flex;justify-content:space-between;margin-bottom:.75rem;padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.modal-overlay .emergency-requests-section .emergency-requests-grid .emergency-card .emergency-details .detail-item .label{font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem}.modal-overlay .emergency-requests-section .emergency-requests-grid .emergency-card .emergency-details .detail-item .value{font-weight:700;color:#495057}.modal-overlay .emergency-requests-section .emergency-requests-grid .emergency-card .emergency-details .detail-item .value.countdown{color:#dc3545;font-weight:800}.modal-overlay .emergency-requests-section .emergency-requests-grid .emergency-card .emergency-actions{display:flex;gap:1rem}.modal-overlay .emergency-requests-section .emergency-requests-grid .emergency-card .emergency-actions .btn{flex:1;padding:.75rem 1rem;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.modal-overlay .emergency-requests-section .emergency-requests-grid .emergency-card .emergency-actions .btn.btn-success{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 4px 15px #28a7454d}.modal-overlay .emergency-requests-section .emergency-requests-grid .emergency-card .emergency-actions .btn.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.modal-overlay .emergency-requests-section .empty-state{text-align:center;padding:4rem;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 15px 35px #0000001a;border:1px solid rgba(255,255,255,.2)}.modal-overlay .emergency-requests-section .empty-state .empty-icon{font-size:5rem;display:block;margin-bottom:1.5rem}.modal-overlay .emergency-requests-section .empty-state h3{margin:0 0 1rem;color:#495057;font-size:1.5rem;font-weight:700}.modal-overlay .emergency-requests-section .empty-state p{margin:0;color:#6c757d;font-size:1.1rem;line-height:1.5}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@media (max-width: 1200px){.blood-requests-management .blood-requests-content .requests-table-card .ant-table{font-size:14px}}@media (max-width: 768px){.blood-requests-management .blood-requests-content{padding:16px}.blood-requests-management .blood-requests-content .stats-section .ant-col,.blood-requests-management .blood-requests-content .filters-card .ant-row .ant-col,.blood-requests-management .blood-requests-content .request-card{margin-bottom:16px}.blood-requests-management .blood-requests-content .filters-section{flex-direction:column;gap:1rem}.blood-requests-management .blood-requests-content .filters-section .filter-group select{min-width:100%}.blood-requests-management .blood-requests-content .requests-table-container{overflow-x:auto}.blood-requests-management .blood-requests-content .requests-table-container .requests-table{min-width:800px}.blood-requests-management .blood-requests-content .statistics-section{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.blood-requests-management .blood-requests-content .statistics-section .stat-card{padding:1rem}.blood-requests-management .blood-requests-content .statistics-section .stat-card .stat-number{font-size:1.5rem}}@media (max-width: 576px){.blood-requests-management .blood-requests-content .page-header .header-actions .ant-space{flex-wrap:wrap;justify-content:center}.blood-requests-management .blood-requests-content .requests-table-card .ant-table .ant-table-thead>tr>th,.blood-requests-management .blood-requests-content .requests-table-card .ant-table .ant-table-tbody>tr>td{padding:8px 4px;font-size:12px}}.blood-requests-management .ant-modal .ant-modal-content{border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #00000026}.blood-requests-management .ant-modal .ant-modal-content .ant-modal-header{background:linear-gradient(135deg,#fff,#f8f9fa);border-bottom:1px solid #e8e8e8;padding:20px 24px}.blood-requests-management .ant-modal .ant-modal-content .ant-modal-header .ant-modal-title{font-family:Inter,Roboto,Segoe UI,sans-serif;font-weight:600;font-size:18px}.blood-requests-management .ant-modal .ant-modal-content .ant-modal-body{font-family:Inter,Roboto,Segoe UI,sans-serif}.blood-requests-management .ant-modal .ant-modal-content .ant-modal-body .manage-content .ant-card{border-radius:8px;border:1px solid #e8e8e8;transition:all .3s ease}.blood-requests-management .ant-modal .ant-modal-content .ant-modal-body .manage-content .ant-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.blood-requests-management .ant-modal .ant-modal-content .ant-modal-body .manage-content .ant-btn{font-family:Inter,Roboto,Segoe UI,sans-serif;border-radius:6px;font-weight:500;transition:all .3s ease}.blood-requests-management .ant-modal .ant-modal-content .ant-modal-body .manage-content .ant-btn:hover:not(:disabled){transform:translateY(-1px)}.blood-requests-management .ant-modal .ant-modal-content .ant-modal-body .manage-content .ant-btn:disabled{opacity:.6;cursor:not-allowed}.blood-requests-management .ant-modal .ant-modal-content .ant-modal-body .manage-content .ant-input{border-radius:6px;border:1px solid #e8e8e8;font-family:Inter,Roboto,Segoe UI,sans-serif}.blood-requests-management .ant-modal .ant-modal-content .ant-modal-body .manage-content .ant-input:hover,.blood-requests-management .ant-modal .ant-modal-content .ant-modal-body .manage-content .ant-input:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.blood-requests-management .ant-modal.ant-modal-centered .ant-modal-content{animation:modalPushUp .3s ease-out}@keyframes modalPushUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.blood-request-page-header{background:#fff;padding:32px;border-radius:12px;margin-bottom:32px;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;transition:all .3s ease}@media (max-width: 768px){.blood-request-page-header{flex-direction:column;align-items:stretch;gap:20px;padding:20px}}.blood-request-page-header .header-info{flex:1;min-width:0}.blood-request-page-header .header-info .header-title-section{display:flex;justify-content:flex-start;align-items:flex-start;gap:20px}@media (max-width: 576px){.blood-request-page-header .header-info .header-title-section{flex-direction:column;gap:12px}}.blood-request-page-header .header-info .header-title-section .header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#1976d2,#145ca4);border-radius:12px;color:#fff;font-size:24px;flex-shrink:0;box-shadow:0 4px 12px #1976d24d;transition:all .3s ease}.blood-request-page-header .header-info .header-title-section .header-icon:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1976d266}@media (max-width: 576px){.blood-request-page-header .header-info .header-title-section .header-icon{width:40px;height:40px;font-size:20px}}.blood-request-page-header .header-info .header-title-section .header-text{flex:1;min-width:0}.blood-request-page-header .header-info .header-title-section .header-text .header-title{margin:0 0 4px!important;font-size:1.8rem;font-weight:600;color:#2c3e50;font-family:Inter,Roboto,Segoe UI,sans-serif;line-height:1.2;word-wrap:break-word;display:flex;align-items:center;gap:12px}@media (max-width: 768px){.blood-request-page-header .header-info .header-title-section .header-text .header-title{font-size:1.5rem;flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 576px){.blood-request-page-header .header-info .header-title-section .header-text .header-title{font-size:1.3rem}}.blood-request-page-header .header-info .header-title-section .header-text .header-description{margin:0;color:#6c757d;font-size:1rem;font-family:Inter,Roboto,Segoe UI,sans-serif;line-height:1.4;word-wrap:break-word}@media (max-width: 768px){.blood-request-page-header .header-info .header-title-section .header-text .header-description{font-size:.9rem}}@media (max-width: 576px){.blood-request-page-header .header-info .header-title-section .header-text .header-description{font-size:.85rem}}.blood-request-page-header .header-actions{flex-shrink:0;display:flex;justify-content:flex-end;align-items:flex-start}@media (max-width: 768px){.blood-request-page-header .header-actions{width:100%;justify-content:flex-start}}@media (max-width: 576px){.blood-request-page-header .header-actions .ant-space{width:100%}.blood-request-page-header .header-actions .ant-space .ant-space-item{flex:1}.blood-request-page-header .header-actions .ant-space .ant-space-item .ant-btn{width:100%}}.admin-page-header{border:1px solid rgba(25,118,210,.2);box-shadow:0 2px 8px #1976d21a}.admin-page-header .header-icon{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 12px #1976d24d}.admin-page-header .header-icon:hover{box-shadow:0 6px 16px #1976d266}.admin-page-header .header-title{color:#222!important}.admin-page-header .header-description{color:#6c757d!important}.doctor-page-header{border:1px solid rgba(25,118,210,.2)}.doctor-page-header .header-icon{background:linear-gradient(135deg,#1976d2,#1565c0)}.manager-page-header{border:1px solid rgba(217,62,76,.2)}.manager-page-header .header-icon{background:linear-gradient(135deg,#d93e4c,#20374e)}.blood-request-page-header .ant-badge .ant-badge-count{font-size:12px;font-weight:600;min-width:20px;height:20px;line-height:18px;border-radius:10px;box-shadow:0 2px 4px #0000001a}@media (max-width: 480px){.blood-request-page-header{padding:20px 12px;margin-bottom:20px}.blood-request-page-header .header-info .header-title-section{gap:12px}.blood-request-page-header .header-info .header-title-section .header-icon{width:36px;height:36px;font-size:18px}.blood-request-page-header .header-info .header-title-section .header-text .header-title{font-size:1.2rem}.blood-request-page-header .header-info .header-title-section .header-text .header-description{font-size:.8rem}}.blood-request-page-header.loading .header-title{opacity:.6}.blood-request-page-header.loading .header-description{opacity:.4}.blood-request-page-header.loading .header-actions .ant-btn{opacity:.7}.blood-request-page-header .header-title,.blood-request-page-header .header-description{transition:all .3s ease}@media (prefers-color-scheme: dark){.blood-request-page-header{background:#ccc;border-color:#bdc6cf;color:#507192}.blood-request-page-header .header-title{color:#597ea2!important}.blood-request-page-header .header-description{color:#bcc1c6!important}}.manager-page-header{background:#fff;padding:32px;border-radius:12px;margin-bottom:32px;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;transition:all .3s ease}@media (max-width: 768px){.manager-page-header{flex-direction:column;align-items:stretch;gap:20px;padding:20px}}.manager-page-header .header-info{flex:1;min-width:0}.manager-page-header .header-info .header-title-section{display:flex;justify-content:flex-start;align-items:flex-start;gap:20px}@media (max-width: 576px){.manager-page-header .header-info .header-title-section{flex-direction:column;gap:12px}}.manager-page-header .header-info .header-title-section .header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#1976d2,#145ca4);border-radius:12px;color:#fff;font-size:24px;flex-shrink:0;box-shadow:0 4px 12px #1976d24d;transition:all .3s ease}.manager-page-header .header-info .header-title-section .header-icon:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1976d266}@media (max-width: 576px){.manager-page-header .header-info .header-title-section .header-icon{width:40px;height:40px;font-size:20px}}.manager-page-header .header-info .header-title-section .header-text{flex:1;min-width:0}.manager-page-header .header-info .header-title-section .header-text .header-title{margin:0 0 4px!important;font-size:1.8rem;font-weight:600;color:#3e5871;font-family:Inter,Roboto,Segoe UI,sans-serif;line-height:1.2;word-wrap:break-word}@media (max-width: 768px){.manager-page-header .header-info .header-title-section .header-text .header-title{font-size:1.5rem}}@media (max-width: 576px){.manager-page-header .header-info .header-title-section .header-text .header-title{font-size:1.3rem}}.manager-page-header .header-info .header-title-section .header-text .header-description{margin:0;color:#939ba2;font-size:1rem;font-family:Inter,Roboto,Segoe UI,sans-serif;line-height:1.4;word-wrap:break-word}@media (max-width: 768px){.manager-page-header .header-info .header-title-section .header-text .header-description{font-size:.9rem}}@media (max-width: 576px){.manager-page-header .header-info .header-title-section .header-text .header-description{font-size:.85rem}}.manager-page-header .header-actions{flex-shrink:0}@media (max-width: 768px){.manager-page-header .header-actions{width:100%}.manager-page-header .header-actions .ant-space{width:100%;justify-content:center}}@media (max-width: 768px) and (max-width: 576px){.manager-page-header .header-actions .ant-space{flex-direction:column}.manager-page-header .header-actions .ant-space .ant-space-item,.manager-page-header .header-actions .ant-space .ant-space-item .ant-btn{width:100%}}.manager-page-header .header-actions .ant-btn{font-family:Inter,Roboto,Segoe UI,sans-serif;border-radius:8px;font-weight:500;height:40px;padding:0 20px;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.manager-page-header .header-actions .ant-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.manager-page-header .header-actions .ant-btn.ant-btn-primary{background:#1562ae;border-color:#1562ae}.manager-page-header .header-actions .ant-btn.ant-btn-primary:hover:not(:disabled){background:#104d89;border-color:#104d89}.manager-page-header .header-actions .ant-btn.ant-btn-default{background:#fff;border-color:#e9ecef;color:#2c3e50}.manager-page-header .header-actions .ant-btn.ant-btn-default:hover:not(:disabled){border-color:#1562ae;color:#1562ae}@media (max-width: 576px){.manager-page-header .header-actions .ant-btn{height:36px;font-size:14px;padding:0 16px}}.manager-page-header:hover{box-shadow:0 4px 16px #00000026;border-color:#1562ae}.manager-page-header.compact{padding:20px;margin-bottom:20px}.manager-page-header.compact .header-info .header-title-section .header-icon{width:40px;height:40px;font-size:20px}.manager-page-header.compact .header-info .header-title-section .header-text .header-title{font-size:1.5rem}.manager-page-header.minimal{background:transparent;border:none;box-shadow:none;padding:20px 0}.manager-page-header.minimal:hover{box-shadow:none;border-color:transparent}.dark-theme .manager-page-header{background:#f2f2f2;border-color:#cbd3da}.dark-theme .manager-page-header .header-info .header-title-section .header-text .header-title{color:#3e5871}.dark-theme .manager-page-header .header-info .header-title-section .header-text .header-description{color:#939ba2}.page-header{background-color:#fff;border-radius:8px;box-shadow:0 1px 2px -2px #00000029,0 3px 6px #0000001f,0 5px 12px 4px #00000017;margin-bottom:32px;padding:32px}.page-header .header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.page-header .header-content .header-title-section{display:flex;align-items:center;gap:24px;flex:1;min-width:200px}.page-header .header-content .header-title-section .header-icon{font-size:24px;color:#1976d2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#145ca4;border-radius:4px}.page-header .header-content .header-title-section .header-title{margin:0;color:#222;font-weight:500}.page-header .header-content .header-title-section .header-description{margin-top:8px;color:#6c757d}.page-header .header-content .header-breadcrumb{margin:16px 0;color:#6c757d;font-size:.875rem}.page-header .header-content .header-actions{display:flex;gap:16px;flex-wrap:wrap}.page-header .header-content .header-actions .ant-btn{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 24px;border-radius:4px;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.page-header .header-content .header-actions .ant-btn:hover{transform:translateY(-1px)}.page-header .header-content .header-actions .ant-btn.ant-btn-primary{background-color:#1976d2;border-color:#1976d2}.page-header .header-content .header-actions .ant-btn.ant-btn-primary:hover{background-color:#145ca4;border-color:#145ca4}.page-header .header-content .header-actions .ant-btn .anticon{font-size:16px}@media screen and (max-width: 768px){.page-header{padding:20px}.page-header .header-content{flex-direction:column;align-items:flex-start}.page-header .header-content .header-title-section{width:100%}.page-header .header-content .header-actions{width:100%;justify-content:flex-end}}.admin-page-header{background:#fff;padding:32px;border-radius:12px;margin-bottom:32px;box-shadow:0 2px 8px #00000014;border:1px solid rgba(25,118,210,.2);display:flex;justify-content:space-between;align-items:flex-start;gap:20px;transition:all .3s ease}@media (max-width: 768px){.admin-page-header{flex-direction:column;align-items:stretch;gap:20px;padding:20px}}.admin-page-header .header-info{flex:1;min-width:0}.admin-page-header .header-info .header-title-section{display:flex;justify-content:flex-start;align-items:center;gap:20px}.admin-page-header .header-info .header-title-section .header-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#1976d2,#1565c0);display:flex;justify-content:center;align-items:center;color:#fff;font-size:24px;box-shadow:0 4px 12px #1976d24d;transition:all .3s ease}.admin-page-header .header-info .header-title-section .header-icon:hover{box-shadow:0 6px 16px #1976d266;transform:translateY(-2px)}.admin-page-header .header-info .header-title-section .header-text{flex:1;min-width:0}.admin-page-header .header-info .header-title-section .header-text .header-title{margin:0!important;color:#222!important;font-weight:600;font-size:24px;line-height:1.2;font-family:Inter,Roboto,Segoe UI,sans-serif}@media (max-width: 768px){.admin-page-header .header-info .header-title-section .header-text .header-title{font-size:20px}}.admin-page-header .header-info .header-title-section .header-text .header-description{margin-top:4px;color:#6c757d!important;font-size:14px;line-height:1.4;font-family:Inter,Roboto,Segoe UI,sans-serif}.admin-page-header .header-actions{flex-shrink:0;display:flex;justify-content:flex-end;align-items:flex-start}@media (max-width: 768px){.admin-page-header .header-actions{width:100%;justify-content:flex-start}}@media (max-width: 576px){.admin-page-header .header-actions .ant-space{width:100%}.admin-page-header .header-actions .ant-space .ant-space-item{flex:1}.admin-page-header .header-actions .ant-space .ant-space-item .ant-btn{width:100%}}.admin-page-header .header-actions .ant-btn{height:40px;border-radius:8px;font-weight:500;font-family:Inter,Roboto,Segoe UI,sans-serif;transition:all .3s ease}.admin-page-header .header-actions .ant-btn.ant-btn-primary{background:#1976d2;border-color:#1976d2}.admin-page-header .header-actions .ant-btn.ant-btn-primary:hover:not(:disabled){background:#1565c0;border-color:#1565c0;transform:translateY(-1px);box-shadow:0 4px 12px #1976d24d}.admin-page-header .header-actions .ant-btn.ant-btn-default{background:#fff;border-color:#e9ecef;color:#2c3e50}.admin-page-header .header-actions .ant-btn.ant-btn-default:hover:not(:disabled){border-color:#1976d2;color:#1976d2}@media (max-width: 576px){.admin-page-header .header-actions .ant-btn{height:36px;font-size:14px;padding:0 16px}}.admin-page-header:hover{box-shadow:0 4px 16px #1976d226;border-color:#1976d24d}.ant-statistic .ant-statistic-title{font-size:14px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;margin-bottom:8px}.ant-statistic .ant-statistic-content .ant-statistic-content-value{font-size:24px;font-weight:700}@media (max-width: 768px){.ant-statistic .ant-statistic-title{font-size:12px!important}.ant-statistic .ant-statistic-content .ant-statistic-content-value{font-size:20px}}@media (max-width: 576px){.ant-statistic .ant-statistic-title{font-size:11px!important}.ant-statistic .ant-statistic-content .ant-statistic-content-value{font-size:18px}}.blood-inventory-management{display:flex;min-height:100vh;background:#fff;font-family:Inter,Roboto,Segoe UI,sans-serif}.blood-inventory-management .blood-inventory-content{flex:1;margin-left:280px;padding:32px;transition:margin-left .3s ease}@media (max-width: 768px){.blood-inventory-management .blood-inventory-content{margin-left:0;padding:20px}}@media (max-width: 576px){.blood-inventory-management .blood-inventory-content{padding:12px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-overlay .modal-content{background:#fff;border-radius:12px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-overlay .modal-content .modal-header{padding:1.5rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.modal-overlay .modal-content .modal-header h2{margin:0;color:#1976d2}.modal-overlay .modal-content .modal-header .close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.modal-overlay .modal-content .modal-header .close-btn:hover{color:#333}.modal-overlay .modal-content .modal-body{padding:1.5rem}.modal-overlay .modal-content .modal-body .form-group{margin-bottom:1rem}.modal-overlay .modal-content .modal-body .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.modal-overlay .modal-content .modal-body .form-group label.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.modal-overlay .modal-content .modal-body .form-group label.checkbox-label input[type=checkbox]{width:auto}.modal-overlay .modal-content .modal-body .form-group select,.modal-overlay .modal-content .modal-body .form-group input{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem}.modal-overlay .modal-content .modal-body .form-group select:focus,.modal-overlay .modal-content .modal-body .form-group input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.modal-overlay .modal-content .modal-body .form-group select:disabled,.modal-overlay .modal-content .modal-body .form-group input:disabled{background:#f8f9fa;color:#666}.modal-overlay .modal-content .modal-body .modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.modal-overlay .modal-content .modal-body .modal-actions .btn{padding:.5rem 1rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease}.modal-overlay .modal-content .modal-body .modal-actions .btn.btn-secondary{background:#6c757d;color:#fff}.modal-overlay .modal-content .modal-body .modal-actions .btn.btn-secondary:hover{background:#5a6268}.modal-overlay .modal-content .modal-body .modal-actions .btn.btn-primary{background:#1976d2;color:#fff}.modal-overlay .modal-content .modal-body .modal-actions .btn.btn-primary:hover{background:#145ca4}.modal-overlay .modal-content .modal-body .modal-actions .btn.btn-primary:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.blood-inventory-management .blood-inventory-content{margin-left:0;padding:1rem}.blood-inventory-management .blood-inventory-content .page-header{flex-direction:column;align-items:stretch}.blood-inventory-management .blood-inventory-content .quick-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.blood-inventory-management .blood-inventory-content .quick-stats .stat-card{padding:1rem}.blood-inventory-management .blood-inventory-content .quick-stats .stat-card .stat-icon{font-size:2rem;width:50px;height:50px}.blood-inventory-management .blood-inventory-content .quick-stats .stat-card .stat-info .stat-number{font-size:1.5rem}.blood-inventory-management .blood-inventory-content .filters-section{flex-direction:column;gap:1rem}.blood-inventory-management .blood-inventory-content .filters-section .filter-group select{min-width:100%}.blood-inventory-management .blood-inventory-content .inventory-grid{grid-template-columns:1fr;gap:1rem}.blood-inventory-management .blood-inventory-content .inventory-table-container{overflow-x:auto}.blood-inventory-management .blood-inventory-content .inventory-table-container .inventory-table{min-width:700px}}.rare-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-weight:600;font-size:14px;background-color:#ffebee;color:#d93e4c;border:1px solid #ffcdd2;white-space:nowrap}.navbar,.member-navbar{display:flex;justify-content:space-between;align-items:center;padding:0 48px;background-color:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:1000;height:70px;position:relative}.navbar .navbar-logo,.member-navbar .navbar-logo{font-weight:700;font-size:1.2rem;color:#222;display:flex;align-items:center;height:100%;z-index:1001}.navbar .navbar-logo .logo-img,.member-navbar .navbar-logo .logo-img{max-height:48px;max-width:160px;object-fit:contain;display:block}.navbar .mobile-menu-toggle,.member-navbar .mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.navbar .mobile-menu-toggle .hamburger-line,.member-navbar .mobile-menu-toggle .hamburger-line{width:100%;height:3px;background-color:#d32f2f;border-radius:2px;transition:all .3s ease;transform-origin:center}.navbar .mobile-menu-toggle .hamburger-line.active:nth-child(1),.member-navbar .mobile-menu-toggle .hamburger-line.active:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.navbar .mobile-menu-toggle .hamburger-line.active:nth-child(2),.member-navbar .mobile-menu-toggle .hamburger-line.active:nth-child(2){opacity:0}.navbar .mobile-menu-toggle .hamburger-line.active:nth-child(3),.member-navbar .mobile-menu-toggle .hamburger-line.active:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.navbar .navbar-nav,.member-navbar .navbar-nav{display:flex;justify-content:center;align-items:center;gap:40px;height:100%}.navbar .navbar-nav a,.member-navbar .navbar-nav a{text-decoration:none;color:#222;font-weight:900;font-size:1rem;padding:24px 0;position:relative;transition:color .3s}.navbar .navbar-nav a.active,.member-navbar .navbar-nav a.active{color:#d32f2f}.navbar .navbar-nav a.active:after,.member-navbar .navbar-nav a.active:after{content:"";position:absolute;bottom:15px;left:0;right:0;height:3px;background-color:#d32f2f}.navbar .navbar-nav a:hover:not(.active),.member-navbar .navbar-nav a:hover:not(.active){color:#d32f2f}.navbar .navbar-actions,.member-navbar .navbar-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px}.navbar .navbar-actions a,.member-navbar .navbar-actions a{text-decoration:none;font-weight:900;font-size:1rem;transition:all .3s}.navbar .navbar-actions a.btn-login,.member-navbar .navbar-actions a.btn-login{color:#d32f2f}.navbar .navbar-actions a.btn-login:hover,.member-navbar .navbar-actions a.btn-login:hover{color:#c21121}.navbar .navbar-actions a.btn-register,.member-navbar .navbar-actions a.btn-register,.navbar .navbar-actions a.btn-logout,.member-navbar .navbar-actions a.btn-logout{background-color:#d32f2f;color:#fff;padding:12px 24px;border-radius:25px}.navbar .navbar-actions a.btn-register:hover,.member-navbar .navbar-actions a.btn-register:hover,.navbar .navbar-actions a.btn-logout:hover,.member-navbar .navbar-actions a.btn-logout:hover{background-color:#c21121}.navbar .navbar-actions .user-info,.member-navbar .navbar-actions .user-info{display:flex;justify-content:center;align-items:center;gap:12px}.navbar .navbar-actions .user-info .user-name,.member-navbar .navbar-actions .user-info .user-name{color:#222;font-weight:500;font-size:1rem}.navbar .navbar-actions .user-info .user-avatar,.member-navbar .navbar-actions .user-info .user-avatar{width:30px;height:30px;border-radius:50%;background-color:#d32f2f;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem}.navbar .mobile-nav-overlay,.member-navbar .mobile-nav-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.navbar .mobile-nav-overlay.active,.member-navbar .mobile-nav-overlay.active{opacity:1;visibility:visible}.navbar .mobile-nav-overlay .mobile-nav,.member-navbar .mobile-nav-overlay .mobile-nav{position:absolute;top:0;right:0;width:280px;height:100%;background:#fff;box-shadow:-2px 0 10px #0000001a;transform:translate(100%);transition:transform .3s ease;overflow-y:auto}.navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items,.member-navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items{padding:32px 0}.navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items .mobile-nav-item,.member-navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items .mobile-nav-item{display:block;padding:12px 32px;text-decoration:none;color:#222;font-weight:500;border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:all .2s ease}.navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items .mobile-nav-item:hover,.member-navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items .mobile-nav-item:hover{background-color:#f8f9fa;color:#1976d2}.navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items .mobile-nav-item.active,.member-navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items .mobile-nav-item.active{background-color:#1976d21a;color:#1976d2;font-weight:600}.navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items .mobile-nav-item.btn-login,.member-navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items .mobile-nav-item.btn-login{color:#d32f2f;font-weight:600}.navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items .mobile-nav-item.btn-register,.member-navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items .mobile-nav-item.btn-register{background-color:#d32f2f;color:#fff;margin:12px 32px;padding:12px 16px;border-radius:25px;text-align:center}.navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items .mobile-nav-item.btn-register:hover,.member-navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items .mobile-nav-item.btn-register:hover{background-color:#c21121}.navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items .mobile-nav-divider,.member-navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items .mobile-nav-divider{height:1px;background:#e9ecef;margin:12px 0}.navbar .mobile-nav-overlay.active .mobile-nav,.member-navbar .mobile-nav-overlay.active .mobile-nav{transform:translate(0)}@media (max-width: 991.98px){.navbar,.member-navbar{padding:0 32px}.navbar .desktop-nav,.member-navbar .desktop-nav{gap:24px}.navbar .desktop-actions,.member-navbar .desktop-actions{gap:12px}}@media (max-width: 575.98px){.navbar .desktop-nav,.member-navbar .desktop-nav,.navbar .desktop-actions,.member-navbar .desktop-actions{display:none}.navbar .mobile-menu-toggle,.member-navbar .mobile-menu-toggle{display:flex}}@media (max-width: 480px){.navbar .mobile-nav-overlay .mobile-nav,.member-navbar .mobile-nav-overlay .mobile-nav{width:100%}.navbar .navbar-logo,.member-navbar .navbar-logo{font-size:1.1rem}}.member-navbar{background-color:#fff;position:relative}.member-navbar .navbar-logo{color:#d32f2f;font-weight:700;font-size:1.3rem;letter-spacing:1px;z-index:1001}.member-navbar .desktop-nav a{color:#000}.member-navbar .desktop-nav a.active{color:#d32f2f}.member-navbar .mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.member-navbar .mobile-menu-toggle .hamburger-line{width:100%;height:3px;background-color:#d32f2f;border-radius:2px;transition:all .3s ease;transform-origin:center}.member-navbar .mobile-menu-toggle .hamburger-line.active:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.member-navbar .mobile-menu-toggle .hamburger-line.active:nth-child(2){opacity:0}.member-navbar .mobile-menu-toggle .hamburger-line.active:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.member-navbar .mobile-nav-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.member-navbar .mobile-nav-overlay.active{opacity:1;visibility:visible}.member-navbar .mobile-nav-overlay .mobile-nav{position:absolute;top:0;right:0;width:280px;height:100%;background:#fff;box-shadow:-2px 0 10px #0000001a;transform:translate(100%);transition:transform .3s ease;overflow-y:auto}.member-navbar .mobile-nav-overlay .mobile-nav .mobile-nav-header{padding:32px;background:#1976d2;color:#fff}.member-navbar .mobile-nav-overlay .mobile-nav .mobile-nav-header .mobile-user-info{display:flex;justify-content:flex-start;align-items:center;gap:12px}.member-navbar .mobile-nav-overlay .mobile-nav .mobile-nav-header .mobile-user-info .mobile-avatar{width:40px;height:40px;border-radius:50%;background:#fff3;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.2rem}.member-navbar .mobile-nav-overlay .mobile-nav .mobile-nav-header .mobile-user-info .mobile-user-name{font-weight:600;font-size:1.1rem}.member-navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items{padding:16px 0}.member-navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items .mobile-nav-item{display:block;padding:12px 32px;text-decoration:none;color:#222;font-weight:500;border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:all .2s ease}.member-navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items .mobile-nav-item:hover{background-color:#f8f9fa;color:#1976d2}.member-navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items .mobile-nav-item.active{background-color:#1976d21a;color:#1976d2;font-weight:600}.member-navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items .mobile-nav-item.logout-btn{color:#d32f2f;font-weight:600}.member-navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items .mobile-nav-item.logout-btn:hover{background-color:#f8d7da;color:#c21121}.member-navbar .mobile-nav-overlay .mobile-nav .mobile-nav-items .mobile-nav-divider{height:1px;background:#e9ecef;margin:12px 0}.member-navbar .mobile-nav-overlay.active .mobile-nav{transform:translate(0)}.member-navbar .desktop-actions .user-info .user-name{font-weight:600;margin-right:8px}.member-navbar .desktop-actions .user-info .member-avatar-wrapper{width:36px;height:36px;border-radius:50%;background:#1976d2;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;cursor:pointer;transition:box-shadow .2s;box-shadow:0 2px 8px #00000014}.member-navbar .desktop-actions .member-dropdown-menu{position:absolute;top:60px;right:40px;background:#fff;border-radius:12px;box-shadow:0 8px 25px #00000026;z-index:2000;min-width:200px;overflow:hidden}.member-navbar .desktop-actions .member-dropdown-menu .dropdown-divider{height:1px;background:#e9ecef;margin:8px 0}.member-navbar .desktop-actions .member-dropdown-menu .dropdown-item{display:flex;align-items:center;padding:12px 16px;text-decoration:none;color:#333;border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:all .2s ease;font-weight:500}.member-navbar .desktop-actions .member-dropdown-menu .dropdown-item:hover{background-color:#f8f9fa;color:#1976d2}.member-navbar .desktop-actions .member-dropdown-menu .dropdown-item.logout-btn{color:#d32f2f;font-weight:600}.member-navbar .desktop-actions .member-dropdown-menu .dropdown-item.logout-btn:hover{background-color:#f8d7da;color:#c21121}@media (max-width: 991.98px){.member-navbar .desktop-nav{gap:20px}.member-navbar .desktop-actions .user-info .user-name{display:none}.member-navbar .member-dropdown-menu{right:20px;min-width:180px}}@media (max-width: 575.98px){.member-navbar .desktop-nav,.member-navbar .desktop-actions{display:none}.member-navbar .mobile-menu-toggle{display:flex}.member-navbar .navbar-logo{font-size:1.2rem}}@media (max-width: 480px){.member-navbar .mobile-nav-overlay .mobile-nav{width:100%}.member-navbar .navbar-logo{font-size:1.1rem}}.member-navbar .member-avatar-wrapper,.member-navbar .mobile-avatar{position:relative}.member-navbar .member-avatar-wrapper .avatar-notification-dot,.member-navbar .mobile-avatar .avatar-notification-dot{position:absolute;top:2px;right:2px;width:12px;height:12px;background:#ef4444;border:2px solid white;border-radius:50%;box-shadow:0 2px 4px #0003;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.member-navbar .dropdown-item,.member-navbar .mobile-nav-item{display:flex;align-items:center;justify-content:space-between}.member-navbar .dropdown-item .notification-badge,.member-navbar .mobile-nav-item .notification-badge{background:#ef4444;color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;line-height:1;margin-left:.5rem}.member-hero{position:relative}.member-hero .hero-content .member-info{margin-top:2rem;display:flex;gap:2rem;flex-wrap:wrap}.member-hero .hero-content .member-info .info-item{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;padding:.75rem 1.5rem;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.member-hero .hero-content .member-info .info-item .label{font-weight:600;color:#ffffffe6;font-size:.9rem}.member-hero .hero-content .member-info .info-item .blood-type-badge{background:#d32f2f;color:#fff;padding:.25rem .75rem;border-radius:15px;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.member-hero .hero-content .member-info .info-item span:not(.label):not(.blood-type-badge){color:#fff;font-weight:500}@media (max-width: 768px){.member-hero .hero-content .member-info{margin-top:1.5rem;gap:1rem}.member-hero .hero-content .member-info .info-item{padding:.5rem 1rem;font-size:.85rem}.member-hero .hero-content .member-info .info-item .label{font-size:.8rem}.member-hero .hero-content .member-info .info-item .blood-type-badge{font-size:.8rem;padding:.2rem .6rem}}@media (max-width: 480px){.member-hero .hero-content .member-info{flex-direction:column;gap:.75rem}.member-hero .hero-content .member-info .info-item{justify-content:space-between;width:100%}}.member-avatar-wrapper{width:36px;height:36px;border-radius:50%;background:#d32f2f;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;cursor:pointer;transition:box-shadow .2s;box-shadow:0 2px 8px #00000014}.member-dropdown-menu{position:absolute;top:60px;right:40px;background:#fff;border-radius:10px;box-shadow:0 4px 16px #0000001f;z-index:2000;min-width:180px;padding:10px 0;display:flex;flex-direction:column}.member-dropdown-menu a{padding:12px 24px;color:#222;text-decoration:none;font-weight:500;transition:background .2s}.member-dropdown-menu a:hover{background:#d32f2f;color:#fff}.member-info-bg{min-height:100vh;background:#f6fbfd;padding:48px 0}.member-info-header{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;display:flex;justify-content:flex-start;align-items:center;gap:20px;padding:32px 48px;max-width:1000px;margin:0 auto 32px}.member-info-header .avatar{width:64px;height:64px;border-radius:50%;background:#f6f6f6;display:flex;justify-content:center;align-items:center;font-size:2.25rem;color:#6c757d}.member-info-header h2{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:#222;font-size:1.5rem;color:#1976d2;margin-bottom:4px}.member-info-header p{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:1rem;color:#6c757d;font-weight:400;margin-bottom:0}.member-info-form-box{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;max-width:1000px;margin:0 auto;padding:32px 48px}.member-info-form{display:flex;justify-content:flex-start;align-items:flex-start;gap:32px;flex-wrap:wrap}.member-info-form .form-col{flex:1 1 0;min-width:260px}.member-info-form .form-group{margin-bottom:20px}.member-info-form label{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:1rem;color:#222;font-weight:400;font-weight:500;margin-bottom:8px;display:block}.member-info-form input,.member-info-form select{border-radius:8px;min-height:40px;border:1px solid #e8ecef;font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif}.member-info-form input:focus,.member-info-form select:focus{box-shadow:0 0 0 2px #1976d233;border-color:#1976d2}.member-info-form input[name=email]:disabled{background-color:#f8f9fa!important;color:#6c757d;cursor:not-allowed;border-color:#dee2e6;opacity:.8}.member-info-form input[name=email]:disabled::placeholder{color:#6c757d;opacity:.7}.member-info-form .form-text.text-muted{color:#6c757d!important;font-size:.875rem;margin-top:.25rem;display:block}.member-info-form .invalid-feedback{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:.875rem;color:#d32f2f;font-weight:400}.member-info-form .form-control.is-invalid{border-color:#d32f2f}.input-box{border:1.5px solid #e8ecef;border-radius:12px;padding:16px 12px;margin-bottom:20px;background:#f6f6f6;box-shadow:0 2px 8px #0000000f;transition:all .2s ease}.input-box:hover{border-color:#1976d266}.input-box:focus-within{border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.input-box label{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:.875rem;color:#222;font-weight:400;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.input-box input,.input-box select{border:none;width:100%;font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;color:#222}.input-box input:focus,.input-box select:focus{outline:none;box-shadow:none}.input-box input:disabled,.input-box select:disabled{background:#6c757d1a;color:#6c757d}.member-info-actions{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:48px}.member-info-actions .btn-secondary{background-color:#f8f9fa;color:#6c757d;border:1px solid #dee2e6;border-radius:24px;font-size:1rem;padding:12px 48px;text-transform:uppercase;letter-spacing:1px;font-weight:700;cursor:pointer;transition:all .3s ease}.member-info-actions .btn-secondary:hover{background-color:#e9ecef;border-color:#adb5bd;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.member-info-actions .btn-primary{margin:0;box-sizing:border-box;border:none;outline:none;list-style:none;text-decoration:none;display:inline-flex;background:#d32f2f;color:#fff;font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:600;cursor:pointer;text-align:center;align-items:center;justify-content:center;transition:background .2s;border-radius:24px;font-size:1rem;padding:12px 48px;box-shadow:0 4px 12px #d32f2f40;text-transform:uppercase;letter-spacing:1px;font-weight:700}.member-info-actions .btn-primary:hover{background:#c21121}.member-info-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #d32f2f59}@media (max-width: 991.98px){.member-info-form-box{padding:20px 16px;margin:0 16px}.member-info-header{padding:20px 16px;margin:0 16px 20px}.member-info-form{flex-direction:column;gap:0}}@media (max-width: 575.98px){.member-info-bg{padding:20px 0}.member-info-header .avatar{width:48px;height:48px;font-size:1.5rem}.member-info-header h2{font-size:1rem}.member-info-header p{font-size:.875rem}.input-box{padding:12px 8px}.member-info-actions{flex-direction:column;gap:12px}.member-info-actions .btn-primary,.member-info-actions .btn-secondary{padding:8px 20px;font-size:.875rem;width:100%}}.change-password-form__container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;max-width:500px;width:100%}.change-password-form__header{margin-bottom:24px}.change-password-form__title{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:8px;color:#222}.change-password-form__description{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:.9rem;color:#666;line-height:1.4}.change-password-form__form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column}.password-input-container{position:relative;display:flex;align-items:center}.password-toggle-btn{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#666;font-size:16px;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;z-index:1}.password-toggle-btn:hover{color:#1976d2}.password-toggle-btn:focus{outline:none;color:#1976d2}.change-password-form__label{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-weight:600;font-size:14px;margin-bottom:6px;color:#222}.change-password-form__input{width:100%;padding:10px 40px 10px 12px;border:1.5px solid #ddd;border-radius:6px;font-size:14px;outline:none;transition:border .2s;background:#fafafa;font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif}.change-password-form__input:focus{border:1.5px solid #1976d2;background:#fff}.change-password-form__input.error{border-color:#dc3545}.change-password-form__success{color:#28a745;font-size:.875rem;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;padding:8px 12px;text-align:center}.change-password-form__error{color:#dc3545;font-size:.875rem;margin-top:4px}.change-password-form__actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.change-password-form__cancel{padding:10px 20px;background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6;border-radius:6px;font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.change-password-form__cancel:hover{background:#e9ecef;border-color:#adb5bd}.change-password-form__cancel:disabled{opacity:.6;cursor:not-allowed}.change-password-form__submit{padding:10px 20px;background:#d32f2f;color:#fff;border:none;border-radius:6px;font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-weight:600;font-size:14px;cursor:pointer;transition:background .2s}.change-password-form__submit:hover{background:#c21121}.change-password-form__submit:disabled{background:#ccc;cursor:not-allowed}@media (max-width: 600px){.change-password-form__container{padding:20px;margin:0 16px}.change-password-form__actions{flex-direction:column-reverse;gap:8px}.change-password-form__cancel,.change-password-form__submit{width:100%;padding:12px}}.change-password-page__container{min-height:100vh;background:#f8f9fa;padding-top:80px}.change-password-page__content{display:flex;justify-content:center;align-items:flex-start;padding:40px 20px;min-height:calc(100vh - 80px)}.change-password-page{padding:32px;background:#f6f6f6;min-height:100vh}.change-password-page .change-password-container{max-width:1200px;margin:0 auto}.change-password-page .ant-card{border-radius:12px;box-shadow:0 4px 12px #00000014;border:1px solid #e9ecef}.change-password-page .ant-card .ant-card-head{border-bottom:1px solid #e9ecef;background:#f6fbfd;border-radius:12px 12px 0 0}.change-password-page .ant-card .ant-card-head .ant-card-head-title{color:#222;font-weight:600;font-size:16px}.change-password-page .ant-card .ant-card-head .ant-card-head-title .anticon{color:#1976d2;margin-right:8px}.change-password-page .ant-card .ant-card-body{padding:32px}.change-password-page .ant-form .ant-form-item{margin-bottom:32px}.change-password-page .ant-form .ant-form-item .ant-form-item-label>label{color:#222;font-weight:600;font-size:14px}.change-password-page .ant-form .ant-input-password{border-radius:8px;border:1px solid #e9ecef}.change-password-page .ant-form .ant-input-password:hover{border-color:#1976d2}.change-password-page .ant-form .ant-input-password:focus,.change-password-page .ant-form .ant-input-password.ant-input-focused{border-color:#1976d2;box-shadow:0 0 0 2px #1890ff33}.change-password-page .ant-form .ant-input-password .ant-input{border:none;box-shadow:none}.change-password-page .ant-form .ant-input-password .ant-input:focus{box-shadow:none}.change-password-page .ant-form .ant-input-password .ant-input-prefix{color:#9e9e9e;margin-right:8px}.change-password-page .ant-form .ant-input-password .ant-input-suffix .anticon{color:#9e9e9e}.change-password-page .ant-form .ant-input-password .ant-input-suffix .anticon:hover{color:#1976d2}.change-password-page .ant-form .ant-btn-primary{height:48px;font-size:16px;font-weight:500;border-radius:8px;background:#1976d2;border-color:#1976d2}.change-password-page .ant-form .ant-btn-primary:hover{background:#40a9ff;border-color:#40a9ff}.change-password-page .ant-form .ant-btn{height:48px;font-size:16px;font-weight:500;border-radius:8px}@media (max-width: 768px){.change-password-page,.change-password-page .ant-card-body{padding:20px}}@media (max-width: 576px){.change-password-page,.change-password-page .ant-card-body{padding:12px}.change-password-page .ant-form .ant-form-item{margin-bottom:20px}.change-password-page .ant-form .ant-btn{height:44px;font-size:15px}}.admin-dashboard{padding:32px;background-color:#f5f5f5;min-height:100vh}.admin-dashboard .ant-card{border-radius:8px;box-shadow:0 1px 2px -2px #00000029,0 3px 6px #0000001f,0 5px 12px 4px #00000017;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-dashboard .ant-card:hover{box-shadow:0 4px 12px #00000026}.admin-dashboard .ant-card .ant-card-head{border-bottom:1px solid #e8e8e8;padding:24px 32px}.admin-dashboard .ant-card .ant-card-head .ant-card-head-title{font-size:16px;font-weight:500;color:#2c3e50}.admin-dashboard .ant-card .ant-card-body{padding:32px}.admin-dashboard .statistics-row{margin-bottom:32px}.admin-dashboard .statistics-row .ant-statistic .ant-statistic-title{color:#666;font-size:14px;margin-bottom:8px}.admin-dashboard .statistics-row .ant-statistic .ant-statistic-content{color:#2c3e50;font-size:16px;font-weight:500}.admin-dashboard .charts-row{margin-bottom:32px}.admin-dashboard .charts-row .ant-card{height:100%;min-height:300px}.admin-dashboard .activities-card .ant-list-item{padding:24px;border-bottom:1px solid #e8e8e8}.admin-dashboard .activities-card .ant-list-item:last-child{border-bottom:none}.admin-dashboard .activities-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-title{margin-bottom:8px;color:#2c3e50}.admin-dashboard .activities-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-description{color:#666;font-size:12px}.admin-dashboard .alerts-section .ant-alert{border-radius:4px;margin-bottom:16px}.admin-dashboard .alerts-section .ant-alert:last-child{margin-bottom:0}@media screen and (max-width: 768px){.admin-dashboard{padding:24px}.admin-dashboard .statistics-row .ant-col,.admin-dashboard .charts-row .ant-col{margin-bottom:24px}}.ant-btn-primary{background-color:#be2633;border-color:#be2633}.ant-btn-primary:hover,.ant-btn-primary:focus{background-color:#941d28;border-color:#941d28}.ant-tag{border-radius:2px;padding:0 16px;font-size:12px}.ant-progress .ant-progress-bg{background-color:#d93e4c}.ant-badge .ant-badge-status-dot{width:8px;height:8px}.page-header{margin-bottom:32px;padding:32px;background-color:#fff;border-radius:8px;box-shadow:0 1px 2px -2px #00000029,0 3px 6px #0000001f,0 5px 12px 4px #00000017}.page-header .header-title{font-size:24px;font-weight:500;color:#2c3e50;margin-bottom:8px}.page-header .header-description{color:#666;font-size:14px}.page-header .header-actions{margin-top:24px;display:flex;align-items:center;justify-content:space-between}.loading-container{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:200px}.loading-container .ant-spin{margin-bottom:24px}.loading-container .loading-text{color:#666;font-size:14px}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:48px;text-align:center}.empty-state .empty-icon{font-size:48px;color:#999;margin-bottom:24px}.empty-state .empty-text{color:#666;font-size:14px;margin-bottom:24px}.doctor-page-header{background:#fff;padding:32px;border-radius:12px;margin-bottom:32px;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;transition:all .3s ease}@media (max-width: 768px){.doctor-page-header{flex-direction:column;align-items:stretch;gap:20px;padding:20px}}.doctor-page-header .header-info{flex:1;min-width:0}.doctor-page-header .header-info .header-title-section{display:flex;justify-content:flex-start;align-items:flex-start;gap:20px}@media (max-width: 576px){.doctor-page-header .header-info .header-title-section{flex-direction:column;gap:12px}}.doctor-page-header .header-info .header-title-section .header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#1976d2,#145ca4);border-radius:12px;color:#fff;font-size:24px;flex-shrink:0;box-shadow:0 4px 12px #1976d24d;transition:all .3s ease}.doctor-page-header .header-info .header-title-section .header-icon:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1976d266}@media (max-width: 576px){.doctor-page-header .header-info .header-title-section .header-icon{width:40px;height:40px;font-size:20px}}.doctor-page-header .header-info .header-title-section .header-text{flex:1;min-width:0}.doctor-page-header .header-info .header-title-section .header-text .header-title{margin:0 0 4px!important;font-size:1.8rem;font-weight:600;color:#3e5871;font-family:Inter,Roboto,Segoe UI,sans-serif;line-height:1.2;word-wrap:break-word}@media (max-width: 768px){.doctor-page-header .header-info .header-title-section .header-text .header-title{font-size:1.5rem}}@media (max-width: 576px){.doctor-page-header .header-info .header-title-section .header-text .header-title{font-size:1.3rem}}.doctor-page-header .header-info .header-title-section .header-text .header-description{margin:0;color:#939ba2;font-size:1rem;font-family:Inter,Roboto,Segoe UI,sans-serif;line-height:1.4;word-wrap:break-word}@media (max-width: 768px){.doctor-page-header .header-info .header-title-section .header-text .header-description{font-size:.9rem}}@media (max-width: 576px){.doctor-page-header .header-info .header-title-section .header-text .header-description{font-size:.85rem}}.doctor-page-header .header-actions{flex-shrink:0}@media (max-width: 768px){.doctor-page-header .header-actions{width:100%}.doctor-page-header .header-actions .ant-space{width:100%;justify-content:center}}@media (max-width: 768px) and (max-width: 576px){.doctor-page-header .header-actions .ant-space{flex-direction:column}.doctor-page-header .header-actions .ant-space .ant-space-item,.doctor-page-header .header-actions .ant-space .ant-space-item .ant-btn{width:100%}}.doctor-page-header .header-actions .ant-btn{font-family:Inter,Roboto,Segoe UI,sans-serif;border-radius:8px;font-weight:500;height:40px;padding:0 20px;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.doctor-page-header .header-actions .ant-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.doctor-page-header .header-actions .ant-btn.ant-btn-primary{background:#1562ae;border-color:#1562ae}.doctor-page-header .header-actions .ant-btn.ant-btn-primary:hover:not(:disabled){background:#104d89;border-color:#104d89}.doctor-page-header .header-actions .ant-btn.ant-btn-default{background:#fff;border-color:#e9ecef;color:#2c3e50}.doctor-page-header .header-actions .ant-btn.ant-btn-default:hover:not(:disabled){border-color:#1562ae;color:#1562ae}@media (max-width: 576px){.doctor-page-header .header-actions .ant-btn{height:36px;font-size:14px;padding:0 16px}}.doctor-page-header:hover{box-shadow:0 4px 16px #00000026;border-color:#1562ae}.doctor-page-header.compact{padding:20px;margin-bottom:20px}.doctor-page-header.compact .header-info .header-title-section .header-icon{width:40px;height:40px;font-size:20px}.doctor-page-header.compact .header-info .header-title-section .header-text .header-title{font-size:1.5rem}.doctor-page-header.minimal{background:transparent;border:none;box-shadow:none;padding:20px 0}.doctor-page-header.minimal:hover{box-shadow:none;border-color:transparent}.dark-theme .doctor-page-header{background:#f2f2f2;border-color:#cbd3da}.dark-theme .doctor-page-header .header-info .header-title-section .header-text .header-title{color:#3e5871}.dark-theme .doctor-page-header .header-info .header-title-section .header-text .header-description{color:#939ba2}.doctor-dashboard{display:flex;min-height:100vh;background:#f6f6f6}.doctor-dashboard .doctor-dashboard-content{flex:1;margin-left:0;padding:0 4px;transition:margin-left .3s ease;font-family:Inter,sans-serif}.doctor-dashboard .doctor-dashboard-content .page-header{margin-bottom:24px;background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 8px #00000014;border:1px solid #e8e8e8;display:flex;align-items:flex-start;gap:16px}.doctor-dashboard .doctor-dashboard-content .page-header h1{color:#20374e;font-size:2rem;font-weight:700;margin-bottom:8px;background:none;-webkit-text-fill-color:unset}.doctor-dashboard .doctor-dashboard-content .page-header p{color:#666;font-size:1.1rem;margin:0 0 8px;font-weight:500}.doctor-dashboard .doctor-dashboard-content .page-header .doctor-type-badge{background:#deccaa;color:#20374e;padding:6px 16px;border-radius:16px;font-size:.95rem;font-weight:600;border:none;box-shadow:none}.doctor-dashboard .doctor-dashboard-content .quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.doctor-dashboard .doctor-dashboard-content .quick-stats .stat-card{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 8px #00000014;border:1px solid #e8e8e8;display:flex;align-items:center;gap:16px;transition:all .3s ease}.doctor-dashboard .doctor-dashboard-content .quick-stats .stat-card .stat-icon{font-size:2.2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f8f9fa}.doctor-dashboard .doctor-dashboard-content .quick-stats .stat-card .stat-info{flex:1}.doctor-dashboard .doctor-dashboard-content .quick-stats .stat-card .stat-info h3{margin:0 0 4px;color:#666;font-size:1rem;text-transform:uppercase;letter-spacing:1px;font-weight:700}.doctor-dashboard .doctor-dashboard-content .quick-stats .stat-card .stat-info .stat-number{font-size:2rem;font-weight:800;margin:0;color:#d93e4c;background:none;-webkit-text-fill-color:unset}.doctor-dashboard .doctor-dashboard-content .quick-stats .stat-card .stat-info .stat-number.warning{color:#faad14}.doctor-dashboard .doctor-dashboard-content .quick-stats .stat-card .stat-info .stat-number.success{color:#52c41a}.doctor-dashboard .doctor-dashboard-content .quick-stats .stat-card .stat-info .stat-number.info{color:#1890ff}.doctor-dashboard .doctor-dashboard-content .dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;margin-bottom:24px}.doctor-dashboard .doctor-dashboard-content .dashboard-grid .dashboard-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;border:1px solid #e8e8e8;transition:all .3s ease;overflow:hidden}.doctor-dashboard .doctor-dashboard-content .dashboard-grid .dashboard-card:hover{box-shadow:0 4px 16px #0000001f}.doctor-dashboard .doctor-dashboard-content .dashboard-grid .dashboard-card .card-header{padding:16px 24px;background:#f8f9fa;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:center}.doctor-dashboard .doctor-dashboard-content .dashboard-grid .dashboard-card .card-header h2{margin:0;color:#20374e;font-size:1.2rem;font-weight:700;background:none;-webkit-text-fill-color:unset}.doctor-dashboard .doctor-dashboard-content .dashboard-grid .dashboard-card .card-header .view-all-link{color:#d93e4c;text-decoration:none;font-size:1rem;font-weight:600;transition:all .3s ease}.doctor-dashboard .doctor-dashboard-content .dashboard-grid .dashboard-card .card-header .view-all-link:hover{text-decoration:underline;color:#20374e}.doctor-dashboard .doctor-dashboard-content .dashboard-grid .dashboard-card .card-body{padding:16px 24px}.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .activity-item,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .notification-item,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .activity-item,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .notification-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0}.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .activity-item:last-child,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .notification-item:last-child,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .activity-item:last-child,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .notification-item:last-child{border-bottom:none}.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .activity-item .activity-icon,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .activity-item .notification-icon,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .notification-item .activity-icon,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .notification-item .notification-icon,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .activity-item .activity-icon,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .activity-item .notification-icon,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .notification-item .activity-icon,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .notification-item .notification-icon{font-size:1.3rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f8f9fa;color:#d93e4c}.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .activity-item .activity-content,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .activity-item .notification-content,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .notification-item .activity-content,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .notification-item .notification-content,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .activity-item .activity-content,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .activity-item .notification-content,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .notification-item .activity-content,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .notification-item .notification-content{flex:1}.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .activity-item .activity-content .activity-message,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .activity-item .activity-content .notification-title,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .activity-item .notification-content .activity-message,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .activity-item .notification-content .notification-title,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .notification-item .activity-content .activity-message,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .notification-item .activity-content .notification-title,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .notification-item .notification-content .activity-message,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .notification-item .notification-content .notification-title,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .activity-item .activity-content .activity-message,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .activity-item .activity-content .notification-title,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .activity-item .notification-content .activity-message,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .activity-item .notification-content .notification-title,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .notification-item .activity-content .activity-message,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .notification-item .activity-content .notification-title,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .notification-item .notification-content .activity-message,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .notification-item .notification-content .notification-title{font-weight:700;color:#20374e;margin-bottom:2px;font-size:1rem}.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .activity-item .activity-content .notification-message,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .activity-item .notification-content .notification-message,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .notification-item .activity-content .notification-message,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .notification-item .notification-content .notification-message,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .activity-item .activity-content .notification-message,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .activity-item .notification-content .notification-message,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .notification-item .activity-content .notification-message,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .notification-item .notification-content .notification-message{color:#666;font-size:.95rem;margin-bottom:2px}.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .activity-item .activity-content .activity-time,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .activity-item .activity-content .notification-time,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .activity-item .notification-content .activity-time,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .activity-item .notification-content .notification-time,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .notification-item .activity-content .activity-time,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .notification-item .activity-content .notification-time,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .notification-item .notification-content .activity-time,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .notification-item .notification-content .notification-time,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .activity-item .activity-content .activity-time,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .activity-item .activity-content .notification-time,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .activity-item .notification-content .activity-time,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .activity-item .notification-content .notification-time,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .notification-item .activity-content .activity-time,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .notification-item .activity-content .notification-time,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .notification-item .notification-content .activity-time,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .notification-item .notification-content .notification-time{color:#999;font-size:.85rem}.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .activity-item.unread,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .activity-list .notification-item.unread,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .activity-item.unread,.doctor-dashboard .doctor-dashboard-content .dashboard-grid .notifications-list .notification-item.unread{background:#fff4f4;border-radius:8px;border-left:3px solid #d93e4c}@media (max-width: 768px){.doctor-dashboard .doctor-dashboard-content{margin-left:0;padding:1rem}.doctor-dashboard .doctor-dashboard-content .page-header{padding:1.5rem}.doctor-dashboard .doctor-dashboard-content .page-header div h1{font-size:2rem}.doctor-dashboard .doctor-dashboard-content .quick-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.doctor-dashboard .doctor-dashboard-content .quick-stats .stat-card{padding:1.5rem;gap:1rem}.doctor-dashboard .doctor-dashboard-content .quick-stats .stat-card .stat-icon{font-size:2rem;width:60px;height:60px}.doctor-dashboard .doctor-dashboard-content .quick-stats .stat-card .stat-info .stat-number{font-size:2rem}.doctor-dashboard .doctor-dashboard-content .dashboard-grid{grid-template-columns:1fr;gap:1rem}.doctor-dashboard .doctor-dashboard-content .dashboard-grid .dashboard-card .card-body .inventory-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.doctor-dashboard .doctor-dashboard-content .dashboard-grid .dashboard-card .card-body .requests-list .request-item{flex-direction:column;align-items:flex-start;gap:.5rem}.doctor-dashboard .doctor-dashboard-content .dashboard-grid .dashboard-card .card-body .requests-list .request-item .request-status{text-align:left}}.reject-request-modal .ant-modal-header{border-bottom:1px solid #f0f0f0;padding:16px 24px}.reject-request-modal .ant-modal-title{color:#d32f2f;font-weight:600;font-size:16px}.reject-request-modal .ant-modal-body{padding:24px}.reject-request-modal .request-info-alert{margin-bottom:20px}.reject-request-modal .request-info-alert .ant-alert-description{margin-top:8px}.reject-request-modal .request-info-alert .ant-alert-description strong{color:#262626;margin-right:8px}.reject-request-modal .reason-form .ant-form-item-label>label{font-weight:600;color:#262626}.reject-request-modal .reason-form .ant-input{border-radius:6px}.reject-request-modal .reason-form .ant-input:focus,.reject-request-modal .reason-form .ant-input:hover{border-color:#d32f2f;box-shadow:0 0 0 2px #d32f2f1a}.reject-request-modal .reason-form .ant-form-item-explain-error{color:#d32f2f}.reject-request-modal .modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px;padding-top:16px;border-top:1px solid #f0f0f0}.reject-request-modal .modal-actions .ant-btn{border-radius:6px;font-weight:500}.reject-request-modal .modal-actions .ant-btn.ant-btn-default{border-color:#d9d9d9}.reject-request-modal .modal-actions .ant-btn.ant-btn-default:hover{border-color:#40a9ff;color:#40a9ff}.reject-request-modal .modal-actions .ant-btn.ant-btn-primary.ant-btn-dangerous{background-color:#d32f2f;border-color:#d32f2f}.reject-request-modal .modal-actions .ant-btn.ant-btn-primary.ant-btn-dangerous:hover:not(:disabled){background-color:#b71c1c;border-color:#b71c1c}.reject-request-modal .modal-actions .ant-btn.ant-btn-primary.ant-btn-dangerous:disabled{background-color:#f5f5f5;border-color:#d9d9d9;color:#bfbfbf}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.action-buttons .btn{border-radius:4px;font-size:12px;padding:4px 8px;border:none;cursor:pointer;transition:all .2s ease}.action-buttons .btn.btn-sm{font-size:11px;padding:3px 6px}.action-buttons .btn.btn-info{background-color:#1890ff;color:#fff}.action-buttons .btn.btn-info:hover{background-color:#40a9ff}.action-buttons .btn.btn-success{background-color:#52c41a;color:#fff}.action-buttons .btn.btn-success:hover{background-color:#73d13d}.action-buttons .btn.btn-danger{background-color:#ff4d4f;color:#fff}.action-buttons .btn.btn-danger:hover{background-color:#ff7875}.action-buttons .btn.btn-primary{background-color:#1890ff;color:#fff}.action-buttons .btn.btn-primary:hover{background-color:#40a9ff}.blood-type-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.blood-type-badge.positive{background-color:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.blood-type-badge.negative{background-color:#fff2e8;color:#fa8c16;border:1px solid #ffd591}.status-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.status-badge.status-pending{background-color:#fff7e6;color:#fa8c16;border:1px solid #ffd591}.status-badge.status-approved{background-color:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-badge.status-completed{background-color:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.status-badge.status-rejected{background-color:#fff2f0;color:#ff4d4f;border:1px solid #ffb3b3}.doctor-blood-requests .doctor-blood-requests-content .page-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 8px #00000014;border:1px solid #e8e8e8}.doctor-blood-requests .doctor-blood-requests-content .page-header h1{color:#20374e;margin-bottom:8px;font-size:2rem;font-weight:700}.doctor-blood-requests .doctor-blood-requests-content .page-header p{color:#666;font-size:1.1rem;margin:0 0 8px}.doctor-blood-requests .doctor-blood-requests-content .page-header .auto-approve-notice{background:#deccaa;color:#20374e;padding:6px 16px;border-radius:16px;font-size:.95rem;font-weight:600;border:none}.doctor-blood-requests .doctor-blood-requests-content .doctor-info-card{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;border:1px solid #e8e8e8}.doctor-blood-requests .doctor-blood-requests-content .doctor-info-card .doctor-details h3{margin:0 0 16px;color:#d93e4c;font-size:1.1rem}.doctor-blood-requests .doctor-blood-requests-content .doctor-info-card .doctor-details .info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.doctor-blood-requests .doctor-blood-requests-content .doctor-info-card .doctor-details .info-row:last-child{border-bottom:none}.doctor-blood-requests .doctor-blood-requests-content .doctor-info-card .doctor-details .info-row .label{font-weight:600;color:#666;min-width:100px}.doctor-blood-requests .doctor-blood-requests-content .doctor-info-card .doctor-details .info-row .value{color:#20374e;font-weight:500}.doctor-blood-requests .doctor-blood-requests-content .doctor-info-card .doctor-details .info-row .value.blood-dept{color:#52c41a;font-weight:600}.doctor-blood-requests .doctor-blood-requests-content .doctor-info-card .doctor-details .info-row .value.other-dept{color:#6c757d}.doctor-blood-requests .doctor-blood-requests-content .tabs-section{margin-bottom:24px}.doctor-blood-requests .doctor-blood-requests-content .tabs-section .tabs-header{display:flex;gap:8px;background:#fff;padding:8px;border-radius:8px;box-shadow:0 2px 8px #00000014}.doctor-blood-requests .doctor-blood-requests-content .tabs-section .tabs-header .tab-btn{flex:1;padding:12px 18px;border:none;border-radius:8px;background:transparent;color:#666;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.doctor-blood-requests .doctor-blood-requests-content .tabs-section .tabs-header .tab-btn:hover{background:#f8f9fa;color:#d93e4c}.doctor-blood-requests .doctor-blood-requests-content .tabs-section .tabs-header .tab-btn.active{background:#d93e4c;color:#fff;box-shadow:0 2px 8px #d93e4c14}.doctor-blood-requests .doctor-blood-requests-content .statistics-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.doctor-blood-requests .doctor-blood-requests-content .statistics-section .stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 10px #0000001a;text-align:center}.doctor-blood-requests .doctor-blood-requests-content .statistics-section .stat-card h3{margin:0 0 1rem;color:#666;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.doctor-blood-requests .doctor-blood-requests-content .statistics-section .stat-card .stat-number{font-size:2rem;font-weight:700;margin:0;color:#28a745}.doctor-blood-requests .doctor-blood-requests-content .statistics-section .stat-card .stat-number.warning{color:#ffc107}.doctor-blood-requests .doctor-blood-requests-content .statistics-section .stat-card .stat-number.success{color:#28a745}.doctor-blood-requests .doctor-blood-requests-content .statistics-section .stat-card .stat-number.danger{color:#dc3545}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay .modal-content{background:#fff;border-radius:20px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;border:1px solid #e5e7eb}.modal-overlay .modal-content.modern-modal{animation:modalSlideIn .3s ease-out}.modal-overlay .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:32px;border-bottom:2px solid #f1f5f9;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;border-radius:20px 20px 0 0;position:relative;overflow:hidden}.modal-overlay .modal-content .modal-header.modern-header:before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:#ffffff1a;border-radius:50%;filter:blur(60px)}.modal-overlay .modal-content .modal-header.modern-header .header-content{display:flex;align-items:center;gap:20px;position:relative;z-index:2;flex:1}.modal-overlay .modal-content .modal-header.modern-header .header-content .header-icon{width:56px;height:56px;background:#fff3;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.modal-overlay .modal-content .modal-header.modern-header .header-content .header-text{flex:1}.modal-overlay .modal-content .modal-header.modern-header .header-content .header-text .header-title{font-size:24px;font-weight:700;color:#fff;margin:0 0 4px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.modal-overlay .modal-content .modal-header.modern-header .header-content .header-text .header-description{font-size:16px;color:#ffffffe6;margin:0;font-weight:400}.modal-overlay .modal-content .modal-header h2{margin:0;font-size:1.25rem;font-weight:600}.modal-overlay .modal-content .modal-header .close-btn{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:all .3s ease;position:relative;z-index:3}.modal-overlay .modal-content .modal-header .close-btn.modern-close{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.modal-overlay .modal-content .modal-header .close-btn.modern-close:hover{background:#ffffff4d;transform:scale(1.05)}.modal-overlay .modal-content .modal-header .close-btn:hover{background:#fff3}.modal-overlay .modal-content .modal-body{padding:40px}@media (max-width: 768px){.modal-overlay .modal-content .modal-body.modern-body{padding:24px}}.modal-overlay .modal-content .modal-body .form-section{margin-bottom:32px}.modal-overlay .modal-content .modal-body .form-section.modern-section .section-title{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:20px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:2px solid #e2e8f0}.modal-overlay .modal-content .modal-body .form-section.modern-section .section-title .section-icon{color:#3b82f6;font-size:20px}.modal-overlay .modal-content .modal-body .form-section.modern-section .section-title h3{color:#1e293b;font-weight:700;margin:0;font-size:18px}.modal-overlay .modal-content .modal-body .form-grid .form-group-row{display:grid;gap:20px;margin-bottom:24px;grid-template-columns:1fr 1fr}@media (max-width: 768px){.modal-overlay .modal-content .modal-body .form-grid .form-group-row{grid-template-columns:1fr}}.modal-overlay .modal-content .modal-body .form-grid .form-group-row.quantity-row{grid-template-columns:2fr 1fr}@media (max-width: 768px){.modal-overlay .modal-content .modal-body .form-grid .form-group-row.quantity-row{grid-template-columns:1fr}}.modal-overlay .modal-content .modal-body .form-grid .form-group-row .form-group.flex-1{grid-column:span 1}.modal-overlay .modal-content .modal-body .form-grid .form-group-row .form-group.flex-2{grid-column:span 2}@media (max-width: 768px){.modal-overlay .modal-content .modal-body .form-grid .form-group-row .form-group.flex-2{grid-column:span 1}}.modal-overlay .modal-content .modal-body .form-grid .form-group{margin-bottom:24px}.modal-overlay .modal-content .modal-body .form-grid .form-group .form-label{display:block;font-weight:700;color:#1f2937;font-size:15px;margin-bottom:8px;letter-spacing:.3px}.modal-overlay .modal-content .modal-body .form-grid .form-group .form-label .required{color:#ef4444;font-weight:600}.modal-overlay .modal-content .modal-body .form-grid .form-group .form-input,.modal-overlay .modal-content .modal-body .form-grid .form-group .form-select,.modal-overlay .modal-content .modal-body .form-grid .form-group .form-textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;transition:all .3s ease;background:#fff}.modal-overlay .modal-content .modal-body .form-grid .form-group .form-input:focus,.modal-overlay .modal-content .modal-body .form-grid .form-group .form-select:focus,.modal-overlay .modal-content .modal-body .form-grid .form-group .form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.modal-overlay .modal-content .modal-body .form-grid .form-group .form-input.is-invalid,.modal-overlay .modal-content .modal-body .form-grid .form-group .form-select.is-invalid,.modal-overlay .modal-content .modal-body .form-grid .form-group .form-textarea.is-invalid{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.modal-overlay .modal-content .modal-body .form-grid .form-group .form-input::placeholder,.modal-overlay .modal-content .modal-body .form-grid .form-group .form-select::placeholder,.modal-overlay .modal-content .modal-body .form-grid .form-group .form-textarea::placeholder{color:#9ca3af}.modal-overlay .modal-content .modal-body .form-grid .form-group .form-input.loading,.modal-overlay .modal-content .modal-body .form-grid .form-group .form-select.loading,.modal-overlay .modal-content .modal-body .form-grid .form-group .form-textarea.loading{background:#f8fafc}.modal-overlay .modal-content .modal-body .form-grid .form-group .form-textarea{min-height:120px;resize:vertical;line-height:1.6}.modal-overlay .modal-content .modal-body .form-grid .form-group .unit-input{background:#f8fafc!important;color:#64748b;font-weight:600;text-align:center}.modal-overlay .modal-content .modal-body .form-grid .form-group .input-status{margin-top:6px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px}.modal-overlay .modal-content .modal-body .form-grid .form-group .input-status.loading{color:#3b82f6}.modal-overlay .modal-content .modal-body .form-grid .form-group .input-status.error{color:#ef4444}.modal-overlay .modal-content .modal-body .form-grid .form-group .input-status .spin{animation:spin 1s linear infinite}.modal-overlay .modal-content .modal-body .auto-approve-info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;padding:20px 24px;border-radius:12px;margin-bottom:24px;font-size:15px;border:2px solid #93c5fd;display:flex;align-items:center;gap:12px}.modal-overlay .modal-content .modal-body .auto-approve-info.modern-info .info-icon{font-size:20px;flex-shrink:0}.modal-overlay .modal-content .modal-body .auto-approve-info.modern-info .info-text{flex:1;font-weight:500}.modal-overlay .modal-content .modal-body .form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:32px;border-top:2px solid #f1f5f9}@media (max-width: 768px){.modal-overlay .modal-content .modal-body .form-actions.modern-actions{flex-direction:column;gap:16px}}@media (max-width: 768px){.modal-overlay .modal-content .modal-body .form-actions.modern-actions .actions-left,.modal-overlay .modal-content .modal-body .form-actions.modern-actions .actions-right{width:100%}}.modal-overlay .modal-content .modal-body .form-actions.modern-actions .btn-back{padding:12px 24px;border-radius:12px;font-weight:600;border:2px solid #e2e8f0;background:#fff;color:#64748b;transition:all .3s ease;cursor:pointer}.modal-overlay .modal-content .modal-body .form-actions.modern-actions .btn-back:hover{border-color:#cbd5e1;background:#f8fafc;transform:translateY(-2px)}@media (max-width: 768px){.modal-overlay .modal-content .modal-body .form-actions.modern-actions .btn-back{width:100%}}.modal-overlay .modal-content .modal-body .form-actions.modern-actions .btn-submit{padding:12px 32px;border-radius:12px;font-weight:600;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;transition:all .3s ease;cursor:pointer;display:flex;align-items:center;gap:8px}.modal-overlay .modal-content .modal-body .form-actions.modern-actions .btn-submit:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 24px #10b9814d}.modal-overlay .modal-content .modal-body .form-actions.modern-actions .btn-submit:disabled{opacity:.7;transform:none;box-shadow:none;cursor:not-allowed}@media (max-width: 768px){.modal-overlay .modal-content .modal-body .form-actions.modern-actions .btn-submit{width:100%;justify-content:center}}.modal-overlay .modal-content .modal-body .form-actions.modern-actions .btn-submit .spin{animation:spin 1s linear infinite}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.doctor-blood-requests .doctor-blood-requests-content{margin-left:0;padding:1rem}.doctor-blood-requests .doctor-blood-requests-content .page-header{flex-direction:column;align-items:stretch}.doctor-blood-requests .doctor-blood-requests-content .doctor-info-card .doctor-details .info-row{flex-direction:column;align-items:flex-start;gap:.25rem}.doctor-blood-requests .doctor-blood-requests-content .requests-section .requests-table-container{overflow-x:auto}.doctor-blood-requests .doctor-blood-requests-content .requests-section .requests-table-container .requests-table{min-width:800px}.doctor-blood-requests .doctor-blood-requests-content .statistics-section{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.doctor-blood-requests .doctor-blood-requests-content .statistics-section .stat-card{padding:1rem}.doctor-blood-requests .doctor-blood-requests-content .statistics-section .stat-card .stat-number{font-size:1.5rem}.modal-overlay .modal-content .modal-header.modern-header{padding:24px}.modal-overlay .modal-content .modal-header.modern-header .header-content{gap:16px}.modal-overlay .modal-content .modal-header.modern-header .header-content .header-icon{width:48px;height:48px;font-size:20px}.modal-overlay .modal-content .modal-header.modern-header .header-content .header-text .header-title{font-size:20px}.modal-overlay .modal-content .modal-header.modern-header .header-content .header-text .header-description{font-size:14px}.modal-overlay .modal-content .modal-body.modern-body .form-grid .form-group-row,.modal-overlay .modal-content .modal-body.modern-body .form-grid .form-group-row.quantity-row{grid-template-columns:1fr}}.doctor-blood-requests .doctor-blood-requests-content .requests-section .requests-table-container .requests-table .action-buttons{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.doctor-blood-requests .doctor-blood-requests-content .requests-section .requests-table-container .requests-table .action-buttons .btn.btn-success{background:#28a745;color:#fff}.doctor-blood-requests .doctor-blood-requests-content .requests-section .requests-table-container .requests-table .action-buttons .btn.btn-success:hover{background:#218838;transform:translateY(-1px)}.doctor-blood-requests .doctor-blood-requests-content .requests-section .requests-table-container .requests-table .action-buttons .btn.btn-danger{background:#dc3545;color:#fff}.doctor-blood-requests .doctor-blood-requests-content .requests-section .requests-table-container .requests-table .action-buttons .btn.btn-danger:hover{background:#c82333;transform:translateY(-1px)}.doctor-blood-requests{display:flex;min-height:100vh;background:#f6f6f6}.doctor-blood-requests .doctor-blood-requests-content{flex:1;margin-left:0;padding:0 4px;font-family:Inter,sans-serif}.doctor-blood-requests .doctor-blood-requests-content .access-denied{flex:1;display:flex;align-items:center;justify-content:center;padding:32px}.doctor-blood-requests .doctor-blood-requests-content .access-denied .access-denied-content{background:#fff;padding:48px;border-radius:8px;box-shadow:0 2px 8px #00000014;text-align:center;border:1px solid #e8e8e8}.doctor-blood-requests .doctor-blood-requests-content .access-denied .access-denied-content h2{color:#d93e4c;margin-bottom:16px;font-size:2rem}.doctor-blood-requests .doctor-blood-requests-content .access-denied .access-denied-content p{color:#666;font-size:1.1rem;margin:0}.doctor-blood-requests .doctor-blood-requests-content .completed-appointment .ant-btn{opacity:.6;cursor:not-allowed}.doctor-blood-requests .doctor-blood-requests-content .completed-appointment .ant-btn:hover{opacity:.6}.doctor-blood-requests .doctor-blood-requests-content .completed-appointment .ant-tag{background-color:#f6ffed;border-color:#b7eb8f;color:#52c41a}.doctor-blood-requests .doctor-blood-requests-content .completed-status-badge{background:linear-gradient(135deg,#52c41a,#73d13d);color:#fff;padding:4px 12px;border-radius:12px;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.doctor-blood-requests .doctor-blood-requests-content .statistics-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:24px}.doctor-blood-requests .doctor-blood-requests-content .statistics-section .stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 10px #0000001a;text-align:center;display:flex;align-items:center;gap:16px;transition:all .3s ease}.doctor-blood-requests .doctor-blood-requests-content .statistics-section .stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00000026}.doctor-blood-requests .doctor-blood-requests-content .statistics-section .stat-card .stat-icon{font-size:2.2rem;flex-shrink:0}.doctor-blood-requests .doctor-blood-requests-content .statistics-section .stat-card .stat-content{text-align:left}.doctor-blood-requests .doctor-blood-requests-content .statistics-section .stat-card .stat-content h3{margin:0 0 1rem;color:#666;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.doctor-blood-requests .doctor-blood-requests-content .statistics-section .stat-card .stat-content .stat-number{font-size:2rem;font-weight:700;margin:0;color:#28a745}.doctor-blood-requests .doctor-blood-requests-content .statistics-section .stat-card .stat-content .stat-number.warning{color:#ffc107}.doctor-blood-requests .doctor-blood-requests-content .statistics-section .stat-card .stat-content .stat-number.success{color:#28a745}.doctor-blood-requests .doctor-blood-requests-content .statistics-section .stat-card .stat-content .stat-number.danger{color:#dc3545}.doctor-blood-requests .doctor-blood-requests-content .statistics-section .stat-card .stat-content .stat-label{color:#666;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.doctor-blood-requests .doctor-blood-requests-content .statistics-section .stat-card.today{border-left:4px solid #d93e4c}.doctor-blood-requests .doctor-blood-requests-content .statistics-section .stat-card.today .stat-icon{color:#d93e4c}.doctor-blood-requests .doctor-blood-requests-content .statistics-section .stat-card.pending{border-left:4px solid #faad14}.doctor-blood-requests .doctor-blood-requests-content .statistics-section .stat-card.pending .stat-icon{color:#faad14}.doctor-blood-requests .doctor-blood-requests-content .statistics-section .stat-card.completed{border-left:4px solid #52c41a}.doctor-blood-requests .doctor-blood-requests-content .statistics-section .stat-card.completed .stat-icon{color:#52c41a}.doctor-blood-requests .doctor-blood-requests-content .statistics-section .stat-card.total{border-left:4px solid #1890ff}.doctor-blood-requests .doctor-blood-requests-content .statistics-section .stat-card.total .stat-icon{color:#1890ff}.doctor-blood-requests .doctor-blood-requests-content .filters-section{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 8px #00000014;border:1px solid #e8e8e8;margin-bottom:24px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}.doctor-blood-requests .doctor-blood-requests-content .filters-section .filter-group{display:flex;align-items:center;gap:12px}.doctor-blood-requests .doctor-blood-requests-content .filters-section .filter-group label{font-weight:700;color:#20374e;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.doctor-blood-requests .doctor-blood-requests-content .filters-section .filter-group select{padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:10px;font-size:1rem;background:#fff;transition:all .3s ease;font-weight:500;min-width:150px}.doctor-blood-requests .doctor-blood-requests-content .filters-section .filter-group select:focus{outline:none;border-color:#17a2b8;box-shadow:0 0 0 4px #17a2b81a}.doctor-blood-requests .doctor-blood-requests-content .requests-section{margin-bottom:24px}.doctor-blood-requests .doctor-blood-requests-content .requests-section h2{color:#d93e4c;margin-bottom:16px;font-size:1.2rem;border-bottom:2px solid #f0f0f0;padding-bottom:8px}.doctor-blood-requests .doctor-blood-requests-content .requests-section .requests-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden;border:1px solid #e8e8e8}.doctor-blood-requests .doctor-blood-requests-content .requests-section .requests-table-container .requests-table{width:100%;border-collapse:collapse}.doctor-blood-requests .doctor-blood-requests-content .requests-section .requests-table-container .requests-table th,.doctor-blood-requests .doctor-blood-requests-content .requests-section .requests-table-container .requests-table td{padding:16px;text-align:left;border-bottom:1px solid #f0f0f0;font-family:Inter,sans-serif}.doctor-blood-requests .doctor-blood-requests-content .requests-section .requests-table-container .requests-table th{background:#f8f9fa;font-weight:600;color:#20374e;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.doctor-blood-requests .doctor-blood-requests-content .requests-section .requests-table-container .requests-table td{font-size:.95rem;color:#20374e}.doctor-blood-requests .doctor-blood-requests-content .requests-section .requests-table-container .requests-table tr:hover{background:#f8f9fa}.doctor-blood-requests .doctor-blood-requests-content .requests-section .requests-table-container .requests-table .blood-type-badge{display:inline-block;padding:6px 25px;border-radius:20px;font-weight:700;font-size:20px;text-align:center;min-height:40px;min-width:50px}.doctor-blood-requests .doctor-blood-requests-content .requests-section .requests-table-container .requests-table .blood-type-badge.positive{background-color:#e3f2fd;color:#1976d2;border:1px solid #bbdefb}.doctor-blood-requests .doctor-blood-requests-content .requests-section .requests-table-container .requests-table .blood-type-badge.negative{background-color:#ffebee;color:#c62828;border:1px solid #ffcdd2}.doctor-blood-requests .doctor-blood-requests-content .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .update-modal,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .status-modal{background:#fff;border-radius:20px;max-width:900px;width:95%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040}.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .update-modal .modal-header,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .status-modal .modal-header{padding:1.5rem 2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;border-radius:20px 20px 0 0}.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .update-modal .modal-header h3,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .status-modal .modal-header h3{margin:0;background:linear-gradient(45deg,#17a2b8,#20c997);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.3rem;font-weight:700}.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .update-modal .modal-header .close-btn,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .status-modal .modal-header .close-btn{background:linear-gradient(45deg,#dc3545,#c82333);border:none;color:#fff;font-size:1.5rem;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .update-modal .modal-header .close-btn:hover,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .status-modal .modal-header .close-btn:hover{transform:rotate(90deg) scale(1.1);box-shadow:0 5px 15px #dc35454d}.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .update-modal .modal-body,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .status-modal .modal-body{padding:2rem}.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .update-modal .modal-body .donor-summary,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .status-modal .modal-body .donor-summary{margin-bottom:2rem;text-align:center}.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .update-modal .modal-body .donor-summary h4,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .status-modal .modal-body .donor-summary h4{margin:0 0 .5rem;color:#495057;font-size:1.2rem}.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .update-modal .modal-body .donor-summary p,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .status-modal .modal-body .donor-summary p{margin:0;color:#6c757d;font-weight:500}.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .update-modal .modal-body .update-form .form-section,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .status-modal .modal-body .update-form .form-section{margin-bottom:2rem}.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .update-modal .modal-body .update-form .form-section h4,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .status-modal .modal-body .update-form .form-section h4{margin:0 0 1rem;color:#495057;font-size:1.1rem;font-weight:700;padding-bottom:.5rem;border-bottom:2px solid #e9ecef}.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .update-modal .modal-body .update-form .form-section .form-row,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .status-modal .modal-body .update-form .form-section .form-row{display:flex;gap:1rem;margin-bottom:1rem}.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .update-modal .modal-body .update-form .form-section .form-row .form-group,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .status-modal .modal-body .update-form .form-section .form-row .form-group{flex:1}.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .update-modal .modal-body .update-form .form-section .form-row .form-group label,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .status-modal .modal-body .update-form .form-section .form-row .form-group label{display:block;margin-bottom:.5rem;font-weight:700;color:#495057;font-size:.9rem}.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .update-modal .modal-body .update-form .form-section .form-row .form-group input,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .update-modal .modal-body .update-form .form-section .form-row .form-group select,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .update-modal .modal-body .update-form .form-section .form-row .form-group textarea,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .status-modal .modal-body .update-form .form-section .form-row .form-group input,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .status-modal .modal-body .update-form .form-section .form-row .form-group select,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .status-modal .modal-body .update-form .form-section .form-row .form-group textarea{width:100%;padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;font-weight:500;transition:all .3s ease}.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .update-modal .modal-body .update-form .form-section .form-row .form-group input:focus,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .update-modal .modal-body .update-form .form-section .form-row .form-group select:focus,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .update-modal .modal-body .update-form .form-section .form-row .form-group textarea:focus,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .status-modal .modal-body .update-form .form-section .form-row .form-group input:focus,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .status-modal .modal-body .update-form .form-section .form-row .form-group select:focus,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .status-modal .modal-body .update-form .form-section .form-row .form-group textarea:focus{outline:none;border-color:#17a2b8;box-shadow:0 0 0 4px #17a2b81a}.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .update-modal .modal-body .update-form .form-section .form-row .form-group textarea,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .status-modal .modal-body .update-form .form-section .form-row .form-group textarea{resize:vertical;min-height:100px}.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .update-modal .modal-footer,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .status-modal .modal-footer{padding:1.5rem 2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:1rem;border-radius:0 0 20px 20px}.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .update-modal .modal-footer .btn,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .status-modal .modal-footer .btn{padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .update-modal .modal-footer .btn.btn-secondary,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .status-modal .modal-footer .btn.btn-secondary{background:linear-gradient(45deg,#6c757d,#495057);color:#fff;box-shadow:0 4px 15px #6c757d4d}.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .update-modal .modal-footer .btn.btn-secondary:hover,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .status-modal .modal-footer .btn.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6c757d66}.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .update-modal .modal-footer .btn.btn-primary,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .status-modal .modal-footer .btn.btn-primary{background:linear-gradient(45deg,#17a2b8,#20c997);color:#fff;box-shadow:0 4px 15px #17a2b84d}.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .update-modal .modal-footer .btn.btn-primary:hover,.doctor-blood-requests .doctor-blood-requests-content .modal-overlay .status-modal .modal-footer .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #17a2b866}@media (max-width: 768px){.doctor-blood-requests .doctor-blood-requests .doctor-blood-requests-content{margin-left:0;padding:1rem}.doctor-blood-requests .doctor-blood-requests .doctor-blood-requests-content .page-header{padding:1.5rem;flex-direction:column;align-items:stretch;gap:1rem}.doctor-blood-requests .doctor-blood-requests .doctor-blood-requests-content .page-header div h1{font-size:2rem}.doctor-blood-requests .doctor-blood-requests .doctor-blood-requests-content .statistics-section{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.doctor-blood-requests .doctor-blood-requests .doctor-blood-requests-content .statistics-section .stat-card{padding:1rem;flex-direction:column;text-align:center}.doctor-blood-requests .doctor-blood-requests .doctor-blood-requests-content .statistics-section .stat-card .stat-icon{font-size:2rem}.doctor-blood-requests .doctor-blood-requests .doctor-blood-requests-content .statistics-section .stat-card .stat-content .stat-number{font-size:1.5rem}.doctor-blood-requests .doctor-blood-requests .doctor-blood-requests-content .filters-section{flex-direction:column;align-items:stretch;gap:1rem}.doctor-blood-requests .doctor-blood-requests .doctor-blood-requests-content .filters-section .filter-group{flex-direction:column;align-items:stretch}.doctor-blood-requests .doctor-blood-requests .doctor-blood-requests-content .filters-section .filter-group select{min-width:auto}.doctor-blood-requests .doctor-blood-requests .doctor-blood-requests-content .requests-section .requests-table-container{overflow-x:auto}.doctor-blood-requests .doctor-blood-requests .doctor-blood-requests-content .requests-section .requests-table-container .requests-table{min-width:800px}.doctor-blood-requests .doctor-blood-requests .doctor-blood-requests-content .requests-section .requests-table-container .requests-table th,.doctor-blood-requests .doctor-blood-requests .doctor-blood-requests-content .requests-section .requests-table-container .requests-table td{padding:12px}.doctor-blood-requests .doctor-blood-requests .modal-overlay .update-modal{width:98%;max-height:95vh}.doctor-blood-requests .doctor-blood-requests .modal-overlay .update-modal .modal-body{padding:1.5rem}.doctor-blood-requests .doctor-blood-requests .modal-overlay .update-modal .modal-body .update-form .form-section .form-row{flex-direction:column;gap:.5rem}.doctor-blood-requests .doctor-blood-requests .modal-overlay .update-modal .modal-footer{flex-direction:column}.doctor-blood-requests .doctor-blood-requests .modal-overlay .update-modal .modal-footer .btn{width:100%}}.doctor-blood-requests .doctor-donor-management-page .modal-overlay .status-modal .donor-summary{background:linear-gradient(135deg,#667eea1a,#764ba21a);padding:2rem;border-radius:16px;margin-bottom:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;border:1px solid rgba(102,126,234,.2)}.doctor-blood-requests .doctor-donor-management-page .modal-overlay .status-modal .donor-summary .summary-item{display:flex;flex-direction:column;gap:.75rem}.doctor-blood-requests .doctor-donor-management-page .modal-overlay .status-modal .donor-summary .summary-item label{font-weight:700;color:#667eea;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.doctor-blood-requests .doctor-donor-management-page .modal-overlay .status-modal .donor-summary .summary-item span{font-weight:700;color:#495057;font-size:1.1rem}.doctor-blood-requests .doctor-donor-management-page .modal-overlay .status-modal .donor-summary .summary-item span.blood-type-badge{background:linear-gradient(135deg,#dc3545,#fd7e14);color:#fff;padding:.75rem 1rem;border-radius:12px;font-size:1rem;display:inline-block;width:fit-content;box-shadow:0 4px 15px #dc35454d;font-weight:800}.doctor-blood-requests .doctor-donor-management-page .modal-overlay .status-modal .donor-summary .summary-item span.status-badge{color:#fff;padding:.75rem 1rem;border-radius:12px;font-size:1rem;display:inline-block;width:fit-content;box-shadow:0 4px 15px #0003;font-weight:800}.doctor-blood-requests .doctor-donor-management-page .modal-overlay .status-modal .form-section{margin-bottom:2rem}.doctor-blood-requests .doctor-donor-management-page .modal-overlay .status-modal .form-section label{display:block;margin-bottom:.75rem;font-weight:700;color:#667eea;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.doctor-blood-requests .doctor-donor-management-page .modal-overlay .status-modal .form-section select,.doctor-blood-requests .doctor-donor-management-page .modal-overlay .status-modal .form-section textarea{width:100%;padding:1rem;border:2px solid rgba(102,126,234,.2);border-radius:12px;font-size:1rem;transition:all .3s ease;background:#ffffffe6}.doctor-blood-requests .doctor-donor-management-page .modal-overlay .status-modal .form-section select:focus,.doctor-blood-requests .doctor-donor-management-page .modal-overlay .status-modal .form-section textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;background:#fff}.doctor-blood-requests .doctor-donor-management-page .modal-overlay .status-modal .form-section select{cursor:pointer}.doctor-blood-requests .doctor-donor-management-page .modal-overlay .status-modal .form-section textarea{resize:vertical;min-height:100px}.doctor-blood-requests .doctor-donor-management-page .modal-overlay .status-modal .health-check-section{background:linear-gradient(135deg,#667eea0d,#764ba20d);padding:2rem;border-radius:16px;margin-bottom:2rem;border:1px solid rgba(102,126,234,.15)}.doctor-blood-requests .doctor-donor-management-page .modal-overlay .status-modal .health-check-section h4{margin:0 0 1.5rem;color:#667eea;font-weight:800;font-size:1.2rem;text-transform:uppercase;letter-spacing:1px}.doctor-blood-requests .doctor-donor-management-page .modal-overlay .status-modal .health-check-section .health-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:1.5rem}.doctor-blood-requests .doctor-donor-management-page .modal-overlay .status-modal .health-check-section .health-form .form-group label{font-size:.9rem;margin-bottom:.5rem;display:block;font-weight:700;color:#667eea;text-transform:uppercase;letter-spacing:.5px}.doctor-blood-requests .doctor-donor-management-page .modal-overlay .status-modal .health-check-section .health-form .form-group input{width:100%;padding:.75rem;border:2px solid rgba(102,126,234,.2);border-radius:10px;font-size:1rem;transition:all .3s ease;background:#ffffffe6}.doctor-blood-requests .doctor-donor-management-page .modal-overlay .status-modal .health-check-section .health-form .form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#fff;transform:translateY(-1px)}.doctor-blood-requests .doctor-donor-management-page .modal-overlay .status-modal .health-check-section .health-form .form-group input::placeholder{color:#adb5bd;font-style:italic}.doctor-blood-requests .doctor-donor-management-page .modal-overlay .status-modal .modal-footer{padding:2rem;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-top:1px solid rgba(102,126,234,.2);display:flex;gap:1rem;justify-content:flex-end;border-radius:0 0 24px 24px}.doctor-blood-requests .doctor-donor-management-page .modal-overlay .status-modal .modal-footer .btn{padding:1rem 2rem;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.doctor-blood-requests .doctor-donor-management-page .modal-overlay .status-modal .modal-footer .btn.btn-secondary{background:#6c757d;color:#fff;box-shadow:0 4px 15px #6c757d4d}.doctor-blood-requests .doctor-donor-management-page .modal-overlay .status-modal .modal-footer .btn.btn-secondary:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 6px 20px #6c757d66}.doctor-blood-requests .doctor-donor-management-page .modal-overlay .status-modal .modal-footer .btn.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.doctor-blood-requests .doctor-donor-management-page .modal-overlay .status-modal .modal-footer .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.blood-inventory-view .blood-inventory-view-content.no-margin-padding{margin:0!important;padding:0!important}.blood-inventory-view .blood-inventory-view-content .page-header{margin-bottom:2rem;background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 30px #0000001a;border:1px solid rgba(23,162,184,.1);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.blood-inventory-view .blood-inventory-view-content .page-header div h1{background:linear-gradient(45deg,#17a2b8,#20c997);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.blood-inventory-view .blood-inventory-view-content .page-header div p{color:#6c757d;font-size:1.2rem;margin:0 0 1rem;font-weight:500}.blood-inventory-view .blood-inventory-view-content .page-header div .access-level .full-access{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;padding:.75rem 1.5rem;border-radius:15px;font-size:1rem;font-weight:600;border:2px solid #c3e6cb;display:inline-block;box-shadow:0 4px 15px #1557241a}.blood-inventory-view .blood-inventory-view-content .page-header div .access-level .limited-access{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404;padding:.75rem 1.5rem;border-radius:15px;font-size:1rem;font-weight:600;border:2px solid #ffeaa7;display:inline-block;box-shadow:0 4px 15px #8564041a}.blood-inventory-view .blood-inventory-view-content .page-header .view-controls{display:flex;gap:1rem}.blood-inventory-view .blood-inventory-view-content .page-header .view-controls .btn{padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.blood-inventory-view .blood-inventory-view-content .page-header .view-controls .btn.btn-primary{background:linear-gradient(45deg,#17a2b8,#20c997);color:#fff;box-shadow:0 4px 15px #17a2b84d}.blood-inventory-view .blood-inventory-view-content .page-header .view-controls .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #17a2b866}.blood-inventory-view .blood-inventory-view-content .page-header .view-controls .btn.btn-secondary{background:linear-gradient(45deg,#6c757d,#495057);color:#fff;box-shadow:0 4px 15px #6c757d4d}.blood-inventory-view .blood-inventory-view-content .page-header .view-controls .btn.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6c757d66}.blood-inventory-view .blood-inventory-view-content .quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.blood-inventory-view .blood-inventory-view-content .quick-stats .stat-card{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;border:1px solid rgba(23,162,184,.1);position:relative;overflow:hidden}.blood-inventory-view .blood-inventory-view-content .quick-stats .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.blood-inventory-view .blood-inventory-view-content .quick-stats .stat-card.total:before{background:linear-gradient(45deg,#17a2b8,#20c997)}.blood-inventory-view .blood-inventory-view-content .quick-stats .stat-card.critical:before{background:linear-gradient(45deg,#dc3545,#c82333)}.blood-inventory-view .blood-inventory-view-content .quick-stats .stat-card.low:before{background:linear-gradient(45deg,#ffc107,#fd7e14)}.blood-inventory-view .blood-inventory-view-content .quick-stats .stat-card.rare:before{background:linear-gradient(45deg,#6f42c1,#e83e8c)}.blood-inventory-view .blood-inventory-view-content .quick-stats .stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.blood-inventory-view .blood-inventory-view-content .quick-stats .stat-card .stat-icon{font-size:3rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#17a2b81a,#20c9971a)}.blood-inventory-view .blood-inventory-view-content .quick-stats .stat-card .stat-info{flex:1}.blood-inventory-view .blood-inventory-view-content .quick-stats .stat-card .stat-info h3{margin:0 0 .5rem;color:#6c757d;font-size:1rem;text-transform:uppercase;letter-spacing:1px;font-weight:700}.blood-inventory-view .blood-inventory-view-content .quick-stats .stat-card .stat-info .stat-number{font-size:2.5rem;font-weight:800;margin:0;background:linear-gradient(45deg,#17a2b8,#20c997);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blood-inventory-view .blood-inventory-view-content .quick-stats .stat-card .stat-info .stat-number.danger{background:linear-gradient(45deg,#dc3545,#c82333);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blood-inventory-view .blood-inventory-view-content .quick-stats .stat-card .stat-info .stat-number.warning{background:linear-gradient(45deg,#ffc107,#fd7e14);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blood-inventory-view .blood-inventory-view-content .quick-stats .stat-card .stat-info .stat-number.rare{background:linear-gradient(45deg,#6f42c1,#e83e8c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blood-inventory-view .blood-inventory-view-content .filters-section{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:2rem;display:flex;gap:2rem;flex-wrap:wrap;border:1px solid rgba(23,162,184,.1)}.blood-inventory-view .blood-inventory-view-content .filters-section .filter-group{display:flex;flex-direction:column;gap:.75rem}.blood-inventory-view .blood-inventory-view-content .filters-section .filter-group label{font-weight:700;color:#495057;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.blood-inventory-view .blood-inventory-view-content .filters-section .filter-group select{padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:12px;font-size:1rem;min-width:180px;background:#fff;transition:all .3s ease;font-weight:500}.blood-inventory-view .blood-inventory-view-content .filters-section .filter-group select:focus{outline:none;border-color:#17a2b8;box-shadow:0 0 0 4px #17a2b81a;transform:translateY(-2px)}.blood-inventory-view .blood-inventory-view-content .filters-section .filter-group select:hover{border-color:#17a2b8;transform:translateY(-1px)}.blood-inventory-view .blood-inventory-view-content .inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;margin-bottom:3rem}.blood-inventory-view .blood-inventory-view-content .inventory-grid .inventory-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden;transition:all .3s ease;border:1px solid transparent;position:relative}.blood-inventory-view .blood-inventory-view-content .inventory-grid .inventory-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.blood-inventory-view .blood-inventory-view-content .inventory-grid .inventory-card.success:before{background:linear-gradient(45deg,#28a745,#20c997)}.blood-inventory-view .blood-inventory-view-content .inventory-grid .inventory-card.warning:before{background:linear-gradient(45deg,#ffc107,#fd7e14)}.blood-inventory-view .blood-inventory-view-content .inventory-grid .inventory-card.danger:before{background:linear-gradient(45deg,#dc3545,#c82333)}.blood-inventory-view .blood-inventory-view-content .inventory-grid .inventory-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 40px #00000026}.blood-inventory-view .blood-inventory-view-content .inventory-grid .inventory-card .card-header{padding:1.5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;justify-content:space-between;align-items:center}.blood-inventory-view .blood-inventory-view-content .inventory-grid .inventory-card .card-header .blood-type-info{display:flex;align-items:center;gap:.75rem}.blood-inventory-view .blood-inventory-view-content .inventory-grid .inventory-card .card-header .blood-type-info .blood-type{background:linear-gradient(45deg,#17a2b8,#20c997);color:#fff;padding:.75rem 1rem;border-radius:12px;font-weight:700;font-size:1.2rem;box-shadow:0 4px 15px #17a2b84d}.blood-inventory-view .blood-inventory-view-content .inventory-grid .inventory-card .card-header .blood-type-info .rare-badge{background:linear-gradient(45deg,#6f42c1,#e83e8c);color:#fff;padding:.5rem .75rem;border-radius:10px;font-size:.8rem;font-weight:700;box-shadow:0 4px 15px #6f42c14d}.blood-inventory-view .blood-inventory-view-content .inventory-grid .inventory-card .card-header .status-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#17a2b81a}.blood-inventory-view .blood-inventory-view-content .inventory-grid .inventory-card .card-header .status-icon.status-success{background:#28a7451a}.blood-inventory-view .blood-inventory-view-content .inventory-grid .inventory-card .card-header .status-icon.status-warning{background:#ffc1071a}.blood-inventory-view .blood-inventory-view-content .inventory-grid .inventory-card .card-header .status-icon.status-danger{background:#dc35451a}.blood-inventory-view .blood-inventory-view-content .inventory-grid .inventory-card .card-body{padding:2rem 1.5rem;text-align:center}.blood-inventory-view .blood-inventory-view-content .inventory-grid .inventory-card .card-body .component-type{color:#6c757d;font-size:1rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.blood-inventory-view .blood-inventory-view-content .inventory-grid .inventory-card .card-body .quantity{margin-bottom:1.5rem}.blood-inventory-view .blood-inventory-view-content .inventory-grid .inventory-card .card-body .quantity .quantity-number{font-size:3rem;font-weight:800;background:linear-gradient(45deg,#17a2b8,#20c997);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:block}.blood-inventory-view .blood-inventory-view-content .inventory-grid .inventory-card .card-body .quantity .quantity-unit{color:#6c757d;font-size:1rem;margin-top:.5rem;font-weight:600}.blood-inventory-view .blood-inventory-view-content .inventory-grid .inventory-card .card-body .status-text{padding:.75rem 1.5rem;border-radius:15px;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.blood-inventory-view .blood-inventory-view-content .inventory-grid .inventory-card .card-body .status-text.status-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:1px solid #c3e6cb}.blood-inventory-view .blood-inventory-view-content .inventory-grid .inventory-card .card-body .status-text.status-warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404;border:1px solid #ffeaa7}.blood-inventory-view .blood-inventory-view-content .inventory-grid .inventory-card .card-body .status-text.status-danger{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border:1px solid #f5c6cb}.blood-inventory-view .blood-inventory-view-content .inventory-grid .inventory-card .card-footer{padding:1.5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;justify-content:space-between;align-items:center}.blood-inventory-view .blood-inventory-view-content .inventory-grid .inventory-card .card-footer .location{color:#6c757d;font-size:.9rem;font-weight:600}.blood-inventory-view .blood-inventory-view-content .inventory-grid .inventory-card .card-footer .expiry{padding:.5rem .75rem;border-radius:10px;font-size:.8rem;font-weight:700}.blood-inventory-view .blood-inventory-view-content .inventory-grid .inventory-card .card-footer .expiry.expiry-normal{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724}.blood-inventory-view .blood-inventory-view-content .inventory-grid .inventory-card .card-footer .expiry.expiry-warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404}.blood-inventory-view .blood-inventory-view-content .inventory-grid .inventory-card .card-footer .expiry.expiry-critical{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24}.blood-inventory-view .blood-inventory-view-content .inventory-table-container{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden;border:1px solid rgba(23,162,184,.1);margin-bottom:3rem}.blood-inventory-view .blood-inventory-view-content .inventory-table-container h2{padding:2rem;margin:0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);background:linear-gradient(45deg,#17a2b8,#20c997);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.8rem;font-weight:700;border-bottom:1px solid #e9ecef;text-align:center}.blood-inventory-view .blood-inventory-view-content .inventory-table-container .inventory-table{width:100%;border-collapse:collapse}.blood-inventory-view .blood-inventory-view-content .inventory-table-container .inventory-table th,.blood-inventory-view .blood-inventory-view-content .inventory-table-container .inventory-table td{padding:1.5rem 1rem;text-align:left;border-bottom:1px solid #f8f9fa}.blood-inventory-view .blood-inventory-view-content .inventory-table-container .inventory-table th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);font-weight:700;color:#495057;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;position:sticky;top:0;z-index:10}.blood-inventory-view .blood-inventory-view-content .inventory-table-container .inventory-table td{font-size:.95rem;font-weight:500}.blood-inventory-view .blood-inventory-view-content .inventory-table-container .inventory-table tr{transition:all .3s ease}.blood-inventory-view .blood-inventory-view-content .inventory-table-container .inventory-table tr:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);transform:scale(1.01);box-shadow:0 5px 15px #0000001a}.blood-inventory-view .blood-inventory-view-content .inventory-table-container .inventory-table .blood-type-badge{display:inline-block;padding:6px 25px;border-radius:20px;font-weight:700;font-size:20px;text-align:center;min-height:40px;min-width:50px;background:linear-gradient(45deg,#17a2b8,#20c997);color:#fff;box-shadow:0 4px 15px #17a2b84d}.blood-inventory-view .blood-inventory-view-content .inventory-table-container .inventory-table .blood-type-badge.positive{background-color:#e3f2fd;color:#1976d2;border:1px solid #bbdefb}.blood-inventory-view .blood-inventory-view-content .inventory-table-container .inventory-table .blood-type-badge.negative{background-color:#ffebee;color:#d32f2f;border:1px solid #ffcdd2}.blood-inventory-view .blood-inventory-view-content .inventory-table-container .inventory-table .rare-indicator{background:linear-gradient(45deg,#6f42c1,#e83e8c);color:#fff;padding:.25rem .5rem;border-radius:8px;font-size:.7rem;font-weight:700;margin-left:.5rem}.blood-inventory-view .blood-inventory-view-content .inventory-table-container .inventory-table .quantity-display{background:linear-gradient(45deg,#28a745,#20c997);color:#fff;padding:.5rem .75rem;border-radius:10px;font-weight:700;box-shadow:0 4px 15px #28a7454d}.blood-inventory-view .blood-inventory-view-content .inventory-table-container .inventory-table .status-badge{padding:.5rem .75rem;border-radius:10px;font-weight:700;font-size:.85rem;text-transform:uppercase}.blood-inventory-view .blood-inventory-view-content .inventory-table-container .inventory-table .status-badge.status-success{background:linear-gradient(45deg,#d4edda,#c3e6cb);color:#155724;border:1px solid #c3e6cb}.blood-inventory-view .blood-inventory-view-content .inventory-table-container .inventory-table .status-badge.status-warning{background:linear-gradient(45deg,#fff3cd,#ffeaa7);color:#856404;border:1px solid #ffeaa7}.blood-inventory-view .blood-inventory-view-content .inventory-table-container .inventory-table .status-badge.status-danger{background:linear-gradient(45deg,#f8d7da,#f5c6cb);color:#721c24;border:1px solid #f5c6cb}.blood-inventory-view .blood-inventory-view-content .inventory-table-container .inventory-table .expiry-info .expiry-normal{color:#28a745;font-weight:600}.blood-inventory-view .blood-inventory-view-content .inventory-table-container .inventory-table .expiry-info .expiry-warning{color:#ffc107;font-weight:600}.blood-inventory-view .blood-inventory-view-content .inventory-table-container .inventory-table .expiry-info .expiry-critical{color:#dc3545;font-weight:600}.blood-inventory-view .blood-inventory-view-content .inventory-table-container .inventory-table .expiry-info small{color:#6c757d;font-style:italic}.blood-inventory-view .blood-inventory-view-content .blood-type-summary h2{background:linear-gradient(45deg,#17a2b8,#20c997);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2rem;font-size:1.8rem;font-weight:700;text-align:center}.blood-inventory-view .blood-inventory-view-content .blood-type-summary .summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.blood-inventory-view .blood-inventory-view-content .blood-type-summary .summary-grid .summary-card{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 30px #0000001a;text-align:center;transition:all .3s ease;border:1px solid rgba(23,162,184,.1);position:relative;overflow:hidden}.blood-inventory-view .blood-inventory-view-content .blood-type-summary .summary-grid .summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(45deg,#17a2b8,#20c997)}.blood-inventory-view .blood-inventory-view-content .blood-type-summary .summary-grid .summary-card.low-stock:before{background:linear-gradient(45deg,#dc3545,#c82333)}.blood-inventory-view .blood-inventory-view-content .blood-type-summary .summary-grid .summary-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.blood-inventory-view .blood-inventory-view-content .blood-type-summary .summary-grid .summary-card .summary-header{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem}.blood-inventory-view .blood-inventory-view-content .blood-type-summary .summary-grid .summary-card .summary-header .blood-type-large{background:linear-gradient(45deg,#17a2b8,#20c997);color:#fff;padding:1rem 1.5rem;border-radius:15px;font-weight:700;font-size:1.5rem;box-shadow:0 4px 15px #17a2b84d}.blood-inventory-view .blood-inventory-view-content .blood-type-summary .summary-grid .summary-card .summary-header .rare-badge{background:linear-gradient(45deg,#6f42c1,#e83e8c);color:#fff;padding:.5rem .75rem;border-radius:10px;font-size:.8rem;font-weight:700}.blood-inventory-view .blood-inventory-view-content .blood-type-summary .summary-grid .summary-card .summary-body .total-quantity{font-size:2.5rem;font-weight:800;background:linear-gradient(45deg,#17a2b8,#20c997);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.blood-inventory-view .blood-inventory-view-content .blood-type-summary .summary-grid .summary-card .summary-body .item-count{color:#6c757d;font-size:1rem;font-weight:600;margin-bottom:1rem}.blood-inventory-view .blood-inventory-view-content .blood-type-summary .summary-grid .summary-card .summary-body .warning-text{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;padding:.5rem 1rem;border-radius:10px;font-size:.9rem;font-weight:700;border:1px solid #f5c6cb}@media (max-width: 768px){.blood-inventory-view .blood-inventory-view-content{margin-left:0;padding:1rem}.blood-inventory-view .blood-inventory-view-content .page-header{flex-direction:column;align-items:stretch;padding:1.5rem}.blood-inventory-view .blood-inventory-view-content .page-header div h1{font-size:2rem}.blood-inventory-view .blood-inventory-view-content .page-header .view-controls{justify-content:center}.blood-inventory-view .blood-inventory-view-content .quick-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.blood-inventory-view .blood-inventory-view-content .quick-stats .stat-card{padding:1.5rem;gap:1rem}.blood-inventory-view .blood-inventory-view-content .quick-stats .stat-card .stat-icon{font-size:2rem;width:60px;height:60px}.blood-inventory-view .blood-inventory-view-content .quick-stats .stat-card .stat-info .stat-number{font-size:2rem}.blood-inventory-view .blood-inventory-view-content .filters-section{flex-direction:column;gap:1rem;padding:1.5rem}.blood-inventory-view .blood-inventory-view-content .filters-section .filter-group select{min-width:100%}.blood-inventory-view .blood-inventory-view-content .inventory-grid{grid-template-columns:1fr;gap:1rem}.blood-inventory-view .blood-inventory-view-content .inventory-table-container{overflow-x:auto}.blood-inventory-view .blood-inventory-view-content .inventory-table-container .inventory-table{min-width:800px}.blood-inventory-view .blood-inventory-view-content .blood-type-summary .summary-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.blood-inventory-view .blood-inventory-view-content .blood-type-summary .summary-grid .summary-card{padding:1.5rem}.blood-inventory-view .blood-inventory-view-content .blood-type-summary .summary-grid .summary-card .summary-body .total-quantity{font-size:2rem}}.blood-type-badge{display:inline-block;padding:6px 25px;border-radius:20px;font-weight:700;font-size:20px;text-align:center;min-height:40px;min-width:50px}.blood-type-badge.positive{background-color:#e3f2fd;color:#1976d2;border:1px solid #bbdefb}.blood-type-badge.negative{background-color:#ffebee;color:#c62828;border:1px solid #ffcdd2}.status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-weight:600;font-size:14px;border:1px solid;white-space:nowrap}.rare-badge{display:inline-block;padding:6px 12px;border-radius:15px;font-weight:600;font-size:14px;text-align:center;background-color:#e2d9f3;color:#6f42c1;border:1px solid #d1c7e6;min-width:60px}.donation-schedule-page{display:flex;min-height:100vh;background:#f5f7fa;font-family:Inter,Roboto,Segoe UI,sans-serif}.donation-schedule-page .schedule-content{flex:1;margin-left:280px;padding:32px;transition:margin-left .3s ease}.donation-schedule-page .schedule-content.collapsed{margin-left:80px}.donation-schedule-page .schedule-content .page-header{background:#fff;color:#2c3e50;padding:32px;border-radius:12px;margin-bottom:32px;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:flex-start}.donation-schedule-page .schedule-content .page-header .header-content h1{margin:0 0 .5rem;font-size:1.8rem;font-weight:600;color:#2c3e50;font-family:Inter,Roboto,Segoe UI,sans-serif;background-clip:text;-webkit-background-clip:text}.donation-schedule-page .schedule-content .page-header .header-content p{margin:0;font-size:1rem;color:#6c757d;font-weight:400;font-family:Inter,Roboto,Segoe UI,sans-serif;background-clip:text;-webkit-background-clip:text}.donation-schedule-page .schedule-content .page-header .btn{padding:12px 32px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Inter,Roboto,Segoe UI,sans-serif;font-size:.9rem}.donation-schedule-page .schedule-content .page-header .btn.btn-primary{background:#be2633;color:#e16974;border:1px solid #d93e4c}.donation-schedule-page .schedule-content .page-header .btn.btn-primary:hover:not(:disabled){background:#be2633;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.donation-schedule-page .schedule-content .page-header .btn.btn-primary:disabled{opacity:.6;cursor:not-allowed}.donation-schedule-page .schedule-content .tabs-navigation{background:#fff;padding:12px;border-radius:12px;margin-bottom:32px;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef;display:flex;justify-content:center;align-items:center;gap:4px}.donation-schedule-page .schedule-content .tabs-navigation .tab-btn{padding:12px 32px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;background:transparent;color:#6c757d;font-size:.9rem;font-family:Inter,Roboto,Segoe UI,sans-serif}.donation-schedule-page .schedule-content .tabs-navigation .tab-btn:hover{color:#e16974;background:#dd5360}.donation-schedule-page .schedule-content .tabs-navigation .tab-btn.active{background:#dd5360;color:#fff}.donation-schedule-page .schedule-content .stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.donation-schedule-page .schedule-content .stats-section .stat-card{background:#fff;padding:32px;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef;display:flex;justify-content:flex-start;align-items:center;gap:20px;transition:all .3s ease;font-family:Inter,Roboto,Segoe UI,sans-serif}.donation-schedule-page .schedule-content .stats-section .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.donation-schedule-page .schedule-content .stats-section .stat-card .stat-icon{font-size:1.5rem;flex-shrink:0}.donation-schedule-page .schedule-content .stats-section .stat-card .stat-content .stat-number{font-size:1.8rem;font-weight:700;margin:0 0 4px;color:#2c3e50;font-family:Inter,Roboto,Segoe UI,sans-serif;background-clip:text;-webkit-background-clip:text}.donation-schedule-page .schedule-content .stats-section .stat-card .stat-content .stat-label{color:#6c757d;font-size:.85rem;font-weight:500;font-family:Inter,Roboto,Segoe UI,sans-serif;background-clip:text;-webkit-background-clip:text}.donation-schedule-page .schedule-content .stats-section .stat-card.today{border-left:3px solid rgb(81.3846153846,172.8846153846,245.6153846154)}.donation-schedule-page .schedule-content .stats-section .stat-card.today .stat-icon{color:#51adf6}.donation-schedule-page .schedule-content .stats-section .stat-card.upcoming{border-left:3px solid rgb(255,172.6,51)}.donation-schedule-page .schedule-content .stats-section .stat-card.upcoming .stat-icon{color:#ffad33}.donation-schedule-page .schedule-content .stats-section .stat-card.completed{border-left:3px solid rgb(109.9800796813,192.0199203187,113.2948207171)}.donation-schedule-page .schedule-content .stats-section .stat-card.completed .stat-icon{color:#6ec071}.donation-schedule-page .schedule-content .stats-section .stat-card.total{border-left:3px solid rgb(221.1948051948,83.3051948052,95.7597402597)}.donation-schedule-page .schedule-content .stats-section .stat-card.total .stat-icon{color:#dd5360}.donation-schedule-page .schedule-content .filters-section{background:#fff;padding:32px;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef;margin-bottom:32px;display:flex;justify-content:flex-start;align-items:center;gap:32px;flex-wrap:wrap;font-family:Inter,Roboto,Segoe UI,sans-serif}.donation-schedule-page .schedule-content .filters-section .filter-group{display:flex;justify-content:flex-start;align-items:center;gap:8px}.donation-schedule-page .schedule-content .filters-section .filter-group label{font-weight:500;color:#2c3e50;font-size:.9rem;font-family:Inter,Roboto,Segoe UI,sans-serif;background-clip:text;-webkit-background-clip:text}.donation-schedule-page .schedule-content .filters-section .filter-group select{padding:8px 12px;border:1px solid #e9ecef;border-radius:6px;font-size:.9rem;background:#fff;transition:all .3s ease;font-weight:400;min-width:150px;font-family:Inter,Roboto,Segoe UI,sans-serif;color:#2c3e50;background-clip:text;-webkit-background-clip:text}.donation-schedule-page .schedule-content .filters-section .filter-group select:focus{outline:none;border-color:#d93e4c;box-shadow:0 0 0 2px #d93e4c1a}.donation-schedule-page .schedule-content .donations-section .loading-state{text-align:center;padding:3rem;color:#6c757d}.donation-schedule-page .schedule-content .donations-section .loading-state .loading-spinner{width:40px;height:40px;border:4px solid #f8f9fa;border-top:4px solid #28a745;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.donation-schedule-page .schedule-content .donations-section .loading-state p{font-size:1.1rem;margin:0}.donation-schedule-page .schedule-content .donations-section .empty-state{text-align:center;padding:4rem;color:#6c757d}.donation-schedule-page .schedule-content .donations-section .empty-state .empty-icon{font-size:5rem;display:block;margin-bottom:1.5rem}.donation-schedule-page .schedule-content .donations-section .empty-state h3{margin:0 0 1rem;color:#495057;font-size:1.5rem}.donation-schedule-page .schedule-content .donations-section .empty-state p{margin:0;font-size:1.1rem;line-height:1.5}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef;margin-bottom:32px;transition:all .3s ease;overflow:hidden;font-family:Inter,Roboto,Segoe UI,sans-serif}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-header{padding:32px;background:#fff;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-header .donor-info{flex:1;min-width:250px}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-header .donor-info .donor-name{font-size:1.2rem;font-weight:600;color:#2c3e50;margin-bottom:8px;font-family:Inter,Roboto,Segoe UI,sans-serif;background-clip:text;-webkit-background-clip:text}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-header .donor-info .donor-contact{color:#6c757d;font-size:.9rem;margin-bottom:12px;font-family:Inter,Roboto,Segoe UI,sans-serif;background-clip:text;-webkit-background-clip:text}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-header .donor-info .blood-type-badge{background:#d93e4c;color:#fff;padding:6px 12px;border-radius:6px;font-weight:600;font-size:.85rem;display:inline-block;font-family:Inter,Roboto,Segoe UI,sans-serif;background-clip:text;-webkit-background-clip:text}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-header .appointment-info{text-align:center;min-width:150px}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-header .appointment-info .appointment-date{font-size:1rem;font-weight:600;color:#2c3e50;margin-bottom:4px;font-family:Inter,Roboto,Segoe UI,sans-serif;background-clip:text;-webkit-background-clip:text}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-header .appointment-info .appointment-time{color:#6c757d;font-weight:500;font-size:.9rem;font-family:Inter,Roboto,Segoe UI,sans-serif;background-clip:text;-webkit-background-clip:text}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-header .status-info{text-align:right;min-width:120px}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-header .status-info .status-badge{color:#fff;padding:6px 12px;border-radius:6px;font-weight:500;font-size:.85rem;display:inline-block;margin-bottom:4px;font-family:Inter,Roboto,Segoe UI,sans-serif;background-clip:text;-webkit-background-clip:text}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-details{padding:32px}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-details .detail-section{margin-bottom:32px}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-details .detail-section:last-child{margin-bottom:0}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-details .detail-section h4{margin:0 0 12px;color:#2c3e50;font-size:1rem;font-weight:600;font-family:Inter,Roboto,Segoe UI,sans-serif;background-clip:text;-webkit-background-clip:text}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-details .detail-section .health-info,.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-details .detail-section .location-info,.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-details .detail-section .emergency-contact{display:flex;justify-content:flex-start;align-items:flex-start;gap:12px;flex-wrap:wrap}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-details .detail-section .health-info span,.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-details .detail-section .location-info span,.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-details .detail-section .emergency-contact span{background:#f5f7fa;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:500;color:#2c3e50;font-family:Inter,Roboto,Segoe UI,sans-serif;background-clip:text;-webkit-background-clip:text}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-details .detail-section .location-info .address{color:#6c757d;font-size:.9rem;margin-bottom:8px;font-family:Inter,Roboto,Segoe UI,sans-serif;background-clip:text;-webkit-background-clip:text}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-details .detail-section .location-info .distance{font-weight:600;font-family:Inter,Roboto,Segoe UI,sans-serif}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-details .detail-section .location-info .distance.very-close{color:#4caf50}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-details .detail-section .location-info .distance.close{color:#2196f3}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-details .detail-section .location-info .distance.moderate{color:#ff9800}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-details .detail-section .location-info .distance.far{color:#f44336}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-details .detail-section .location-info .distance .travel-time{font-size:.8rem;color:#6c757d;font-weight:400;margin-left:8px;font-family:Inter,Roboto,Segoe UI,sans-serif;background-clip:text;-webkit-background-clip:text}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-details .detail-section .notes{background:#f5f7fa;padding:20px;border-radius:6px;color:#2c3e50;font-style:italic;border-left:3px solid #2196f3;font-family:Inter,Roboto,Segoe UI,sans-serif;font-size:.9rem;background-clip:text;-webkit-background-clip:text}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-actions{padding:20px 32px;background:#f5f7fa;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-actions .btn{padding:8px 20px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;font-size:.85rem;font-family:Inter,Roboto,Segoe UI,sans-serif}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-actions .btn.btn-info{background:#2196f3;color:#fff;border:1px solid #2196f3}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-actions .btn.btn-info:hover{background:#0c7cd5;transform:translateY(-1px);box-shadow:0 2px 8px #00000014;text-decoration:none;color:#fff}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-actions .btn.btn-outline{background:transparent;border:1px solid #d93e4c;color:#d93e4c}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-actions .btn.btn-outline:hover{background:#d93e4c;color:#fff;transform:translateY(-1px);text-decoration:none}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-actions .btn.btn-success{background:#4caf50;color:#fff;border:1px solid #4caf50;box-shadow:0 4px 15px #28a7454d}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-actions .btn.btn-success:hover{background:#3d8b40;transform:translateY(-1px);box-shadow:0 2px 8px #00000014;text-decoration:none;color:#fff}.donation-schedule-page .schedule-content .process-section .process-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.donation-schedule-page .schedule-content .process-section .process-stats .stat-card{background:#fff;padding:32px;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef;text-align:center;transition:all .3s ease;font-family:Inter,Roboto,Segoe UI,sans-serif}.donation-schedule-page .schedule-content .process-section .process-stats .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.donation-schedule-page .schedule-content .process-section .process-stats .stat-card .stat-number{font-size:1.8rem;font-weight:700;margin-bottom:8px;color:#2c3e50;font-family:Inter,Roboto,Segoe UI,sans-serif;background-clip:text;-webkit-background-clip:text}.donation-schedule-page .schedule-content .process-section .process-stats .stat-card .stat-label{color:#6c757d;font-size:.85rem;font-weight:500;font-family:Inter,Roboto,Segoe UI,sans-serif;background-clip:text;-webkit-background-clip:text}.donation-schedule-page .schedule-content .process-section .process-stats .stat-card.testing{border-left:4px solid #ffc107}.donation-schedule-page .schedule-content .process-section .process-stats .stat-card.testing .stat-number{color:#ffc107}.donation-schedule-page .schedule-content .process-section .process-stats .stat-card.completed{border-left:4px solid #28a745}.donation-schedule-page .schedule-content .process-section .process-stats .stat-card.completed .stat-number{color:#28a745}.donation-schedule-page .schedule-content .process-section .process-stats .stat-card.stored{border-left:4px solid #17a2b8}.donation-schedule-page .schedule-content .process-section .process-stats .stat-card.stored .stat-number{color:#17a2b8}.donation-schedule-page .schedule-content .process-section .process-stats .stat-card.total{border-left:4px solid #6f42c1}.donation-schedule-page .schedule-content .process-section .process-stats .stat-card.total .stat-number{color:#6f42c1}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 15px 35px #0000001a;border:1px solid rgba(255,255,255,.2);margin-bottom:1.5rem;transition:all .3s ease;overflow:hidden}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #00000026}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-header{padding:1.5rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-bottom:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-header .donor-info{flex:1;min-width:200px}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-header .donor-info .donor-name{font-size:1.3rem;font-weight:700;color:#495057;margin-bottom:.5rem}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-header .donor-info .donor-id{color:#6c757d;font-size:.9rem;margin-bottom:.75rem}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-header .donor-info .blood-type-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem .75rem;border-radius:10px;font-weight:700;font-size:.9rem;display:inline-block;box-shadow:0 4px 15px #667eea4d}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-header .donation-info{text-align:center;min-width:150px}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-header .donation-info .donation-date{font-size:1.1rem;font-weight:700;color:#495057;margin-bottom:.5rem}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-header .donation-info .quantity{color:#6c757d;font-weight:600}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-header .status-info{text-align:right;min-width:120px}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-header .status-info .status-badge{color:#fff;padding:.5rem .75rem;border-radius:10px;font-weight:700;font-size:.9rem;display:inline-block}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-details{padding:1.5rem}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-details .test-results{margin-bottom:1.5rem}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-details .test-results h4{margin:0 0 1rem;color:#495057;font-size:1.1rem;font-weight:700}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-details .test-results .results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-details .test-results .results-grid .result-item{background:#ffffff80;padding:.75rem;border-radius:10px;display:flex;justify-content:space-between;align-items:center}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-details .test-results .results-grid .result-item .label{font-weight:600;color:#6c757d}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-details .test-results .results-grid .result-item .value{font-weight:700;color:#495057}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-details .test-results .blood-tests h5{margin:0 0 .75rem;color:#495057;font-weight:700}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-details .test-results .blood-tests .tests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-details .test-results .blood-tests .tests-grid .test-item{background:#ffffff80;padding:.5rem .75rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-details .test-results .blood-tests .tests-grid .test-item .test-name{font-weight:600;color:#6c757d;font-size:.9rem}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-details .test-results .blood-tests .tests-grid .test-item .test-result{font-weight:700;font-size:.9rem}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-details .test-results .blood-tests .tests-grid .test-item .test-result.negative{color:#28a745}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-details .process-info{margin-bottom:1.5rem}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-details .process-info .info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.3)}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-details .process-info .info-item:last-child{border-bottom:none}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-details .process-info .info-item .label{font-weight:600;color:#6c757d}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-details .process-info .info-item .value{font-weight:700;color:#495057}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-details .notes-section h4{margin:0 0 .75rem;color:#495057;font-weight:700}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-details .notes-section p{background:#ffffff80;padding:1rem;border-radius:10px;color:#495057;font-style:italic;margin:0;border-left:4px solid #17a2b8}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-actions{padding:1rem 1.5rem;background:#ffffff4d;border-top:1px solid rgba(255,255,255,.2);display:flex;gap:1rem;justify-content:flex-end;flex-wrap:wrap}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-actions .btn{padding:.5rem 1rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-actions .btn.btn-info{background:linear-gradient(135deg,#17a2b8,#20c997);color:#fff;box-shadow:0 4px 15px #17a2b84d}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-actions .btn.btn-info:hover{transform:translateY(-2px);box-shadow:0 6px 20px #17a2b866}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-actions .btn.btn-success{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 4px 15px #28a7454d}.donation-schedule-page .schedule-content .process-section .process-donations-list .process-card .process-actions .btn.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.donation-schedule-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.donation-schedule-page .modal-overlay .workflow-modal{background:#fff;border-radius:20px;max-width:800px;width:95%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040}.donation-schedule-page .modal-overlay .workflow-modal .modal-header{padding:1.5rem 2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;border-radius:20px 20px 0 0}.donation-schedule-page .modal-overlay .workflow-modal .modal-header h3{margin:0;background:linear-gradient(45deg,#28a745,#20c997);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.3rem;font-weight:700}.donation-schedule-page .modal-overlay .workflow-modal .modal-header .close-btn{background:linear-gradient(45deg,#dc3545,#c82333);border:none;color:#fff;font-size:1.5rem;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.donation-schedule-page .modal-overlay .workflow-modal .modal-header .close-btn:hover{transform:rotate(90deg) scale(1.1);box-shadow:0 5px 15px #dc35454d}.donation-schedule-page .modal-overlay .workflow-modal .modal-body{padding:2rem}.donation-schedule-page .modal-overlay .workflow-modal .modal-body .donor-summary{margin-bottom:2rem;text-align:center}.donation-schedule-page .modal-overlay .workflow-modal .modal-body .donor-summary h4{margin:0 0 .5rem;color:#495057;font-size:1.2rem}.donation-schedule-page .modal-overlay .workflow-modal .modal-body .donor-summary p{margin:0;color:#6c757d;font-weight:500}@media (max-width: 991.98px){.donation-schedule-page .schedule-content{margin-left:240px;padding:20px}.donation-schedule-page .schedule-content.collapsed{margin-left:80px}.donation-schedule-page .schedule-content .page-header{padding:20px}.donation-schedule-page .schedule-content .page-header .header-content h1{font-size:1.5rem}.donation-schedule-page .schedule-content .stats-section{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}}@media (max-width: 575.98px){.donation-schedule-page .schedule-content{margin-left:0;padding:12px}.donation-schedule-page .schedule-content .page-header{padding:12px;flex-direction:column;align-items:stretch;gap:12px}.donation-schedule-page .schedule-content .page-header .header-content h1{font-size:1.3rem}.donation-schedule-page .schedule-content .stats-section{grid-template-columns:1fr;gap:12px}.donation-schedule-page .schedule-content .stats-section .stat-card{padding:20px;flex-direction:column;text-align:center}.donation-schedule-page .schedule-content .stats-section .stat-card .stat-icon{font-size:1.2rem}.donation-schedule-page .schedule-content .stats-section .stat-card .stat-content .stat-number{font-size:1.5rem}.donation-schedule-page .schedule-content .filters-section{flex-direction:column;align-items:stretch;gap:12px}.donation-schedule-page .schedule-content .filters-section .filter-group{flex-direction:column;align-items:stretch}.donation-schedule-page .schedule-content .filters-section .filter-group select{min-width:auto}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-header{flex-direction:column;align-items:stretch;text-align:left}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-header .appointment-info,.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-header .status-info{text-align:left}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-details .detail-section .health-info,.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-details .detail-section .location-info,.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-details .detail-section .emergency-contact{flex-direction:column;gap:8px}.donation-schedule-page .schedule-content .donations-section .donations-list .donation-card .donation-actions{justify-content:center}.donation-schedule-page .main-content .ant-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef;overflow:hidden}.donation-schedule-page .main-content .ant-tabs .ant-tabs-tab{padding:16px 24px;font-weight:600;font-size:1rem;font-family:Inter,Roboto,Segoe UI,sans-serif}.donation-schedule-page .main-content .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#d93e4c}.donation-schedule-page .main-content .ant-tabs .ant-tabs-tab .anticon{margin-right:8px}.donation-schedule-page .main-content .ant-tabs .ant-tabs-content-holder{padding:24px}.donation-schedule-page .stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.donation-schedule-page .stats-section .ant-card{border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.donation-schedule-page .stats-section .ant-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.donation-schedule-page .stats-section .ant-card .ant-statistic .ant-statistic-title{font-family:Inter,Roboto,Segoe UI,sans-serif;font-weight:500;color:#6c757d;margin-bottom:8px}.donation-schedule-page .stats-section .ant-card .ant-statistic .ant-statistic-content .ant-statistic-content-value{font-family:Inter,Roboto,Segoe UI,sans-serif;font-weight:600;color:#1677ff}.donation-schedule-page .stats-section .ant-card.pending-card .ant-statistic-content-value{color:#faad14!important}.donation-schedule-page .stats-section .ant-card.approved-card .ant-statistic-content-value{color:#52c41a!important}.donation-schedule-page .stats-section .ant-card.rejected-card .ant-statistic-content-value{color:#ff4d4f!important}.donation-schedule-page .stats-section .ant-card.total-card .ant-statistic-content-value{color:#1677ff!important}.donation-schedule-page .stats-section .ant-card.today .ant-statistic-content-value{color:#d93e4c!important}.donation-schedule-page .stats-section .ant-card.upcoming .ant-statistic-content-value{color:#2196f3!important}.donation-schedule-page .stats-section .ant-card.completed .ant-statistic-content-value{color:#4caf50!important}.donation-schedule-page .filters-card{background:#fff;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 8px #00000014;margin-bottom:24px}.donation-schedule-page .filters-card .filter-group label{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px;font-family:Inter,Roboto,Segoe UI,sans-serif}.donation-schedule-page .filters-card .filter-group .ant-select,.donation-schedule-page .filters-card .filter-group .ant-input,.donation-schedule-page .filters-card .filter-group .ant-date-picker{border-radius:6px;border:1px solid #e8e8e8;font-family:Inter,Roboto,Segoe UI,sans-serif;transition:all .3s ease}.donation-schedule-page .filters-card .filter-group .ant-select:hover,.donation-schedule-page .filters-card .filter-group .ant-select:focus,.donation-schedule-page .filters-card .filter-group .ant-input:hover,.donation-schedule-page .filters-card .filter-group .ant-input:focus,.donation-schedule-page .filters-card .filter-group .ant-date-picker:hover,.donation-schedule-page .filters-card .filter-group .ant-date-picker:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.donation-schedule-page .filters-card .filter-group .ant-btn{border-radius:6px;font-weight:500;font-family:Inter,Roboto,Segoe UI,sans-serif;transition:all .3s ease}.donation-schedule-page .filters-card .filter-group .ant-btn:hover{transform:translateY(-1px)}.donation-schedule-page .donations-table-card,.donation-schedule-page .process-donations-card,.donation-schedule-page .requests-table-card{background:#fff;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 8px #00000014;overflow-x:auto;max-width:100%}.donation-schedule-page .donations-table-card .ant-table,.donation-schedule-page .process-donations-card .ant-table,.donation-schedule-page .requests-table-card .ant-table{min-width:1320px;font-family:Inter,Roboto,Segoe UI,sans-serif}.donation-schedule-page .donations-table-card .ant-table .ant-table-thead>tr>th,.donation-schedule-page .process-donations-card .ant-table .ant-table-thead>tr>th,.donation-schedule-page .requests-table-card .ant-table .ant-table-thead>tr>th{background:#fff;color:#2c3e50;font-weight:600;border-bottom:1px solid #e9ecef;padding:16px;text-align:center;font-size:14px;font-family:Inter,Roboto,Segoe UI,sans-serif}.donation-schedule-page .donations-table-card .ant-table .ant-table-thead>tr>th:first-child,.donation-schedule-page .process-donations-card .ant-table .ant-table-thead>tr>th:first-child,.donation-schedule-page .requests-table-card .ant-table .ant-table-thead>tr>th:first-child{border-top-left-radius:8px}.donation-schedule-page .donations-table-card .ant-table .ant-table-thead>tr>th:last-child,.donation-schedule-page .process-donations-card .ant-table .ant-table-thead>tr>th:last-child,.donation-schedule-page .requests-table-card .ant-table .ant-table-thead>tr>th:last-child{border-top-right-radius:8px}.donation-schedule-page .donations-table-card .ant-table .ant-table-tbody>tr,.donation-schedule-page .process-donations-card .ant-table .ant-table-tbody>tr,.donation-schedule-page .requests-table-card .ant-table .ant-table-tbody>tr{transition:all .3s ease}.donation-schedule-page .donations-table-card .ant-table .ant-table-tbody>tr:hover>td,.donation-schedule-page .process-donations-card .ant-table .ant-table-tbody>tr:hover>td,.donation-schedule-page .requests-table-card .ant-table .ant-table-tbody>tr:hover>td{background:#1976d205}.donation-schedule-page .donations-table-card .ant-table .ant-table-tbody>tr.urgent-row,.donation-schedule-page .process-donations-card .ant-table .ant-table-tbody>tr.urgent-row,.donation-schedule-page .requests-table-card .ant-table .ant-table-tbody>tr.urgent-row{background-color:#d910220d;border-left:4px solid #d91022}.donation-schedule-page .donations-table-card .ant-table .ant-table-tbody>tr.priority-row,.donation-schedule-page .process-donations-card .ant-table .ant-table-tbody>tr.priority-row,.donation-schedule-page .requests-table-card .ant-table .ant-table-tbody>tr.priority-row{background-color:#d93e4c0d;border-left:4px solid #d93e4c}.donation-schedule-page .donations-table-card .ant-table .ant-table-tbody>tr>td,.donation-schedule-page .process-donations-card .ant-table .ant-table-tbody>tr>td,.donation-schedule-page .requests-table-card .ant-table .ant-table-tbody>tr>td{background:#fff;border-bottom:1px solid #e9ecef;padding:16px;text-align:center;font-size:14px;font-family:Inter,Roboto,Segoe UI,sans-serif}.donation-schedule-page .donations-table-card .ant-table .ant-tag,.donation-schedule-page .process-donations-card .ant-table .ant-tag,.donation-schedule-page .requests-table-card .ant-table .ant-tag{border-radius:6px;font-weight:600;padding:4px 12px;font-family:Inter,Roboto,Segoe UI,sans-serif}.donation-schedule-page .donations-table-card .ant-table .ant-btn,.donation-schedule-page .process-donations-card .ant-table .ant-btn,.donation-schedule-page .requests-table-card .ant-table .ant-btn{border-radius:6px;font-weight:500;font-family:Inter,Roboto,Segoe UI,sans-serif}.donation-schedule-page .donations-table-card .ant-table .ant-btn:hover,.donation-schedule-page .process-donations-card .ant-table .ant-btn:hover,.donation-schedule-page .requests-table-card .ant-table .ant-btn:hover{transform:translateY(-1px)}.donation-schedule-page .process-workflow .donor-summary{background:#f5f7fa80;padding:16px;border-radius:8px;margin-bottom:16px}.donation-schedule-page .process-workflow .donor-summary .summary-item{margin-bottom:8px;font-family:Inter,Roboto,Segoe UI,sans-serif}.donation-schedule-page .process-workflow .donor-summary .summary-item strong{color:#2c3e50}.donation-schedule-page .process-workflow .workflow-steps .ant-steps .ant-steps-item.ant-steps-item-active .ant-steps-item-icon{background:#d93e4c;border-color:#d93e4c}.donation-schedule-page .process-workflow .workflow-steps .ant-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon{background:#4caf50;border-color:#4caf50}.donation-schedule-page .process-workflow .action-section{background:#d93e4c0d;padding:16px;border-radius:8px;text-align:center}.donation-schedule-page .process-workflow .action-section h4{color:#d93e4c;margin-bottom:8px;font-family:Inter,Roboto,Segoe UI,sans-serif}.donation-schedule-page .process-workflow .action-section p{color:#6c757d;margin-bottom:16px;font-family:Inter,Roboto,Segoe UI,sans-serif}.donation-schedule-page .process-workflow .notes-section h4{color:#2c3e50;margin-bottom:8px;font-family:Inter,Roboto,Segoe UI,sans-serif}.donation-schedule-page .process-workflow .notes-section p{color:#6c757d;background:#f5f7fa80;padding:12px;border-radius:6px;margin:0;font-family:Inter,Roboto,Segoe UI,sans-serif}.donation-schedule-page .donation-details .detail-item,.donation-schedule-page .request-details .detail-item{margin-bottom:12px;font-family:Inter,Roboto,Segoe UI,sans-serif}.donation-schedule-page .donation-details .detail-item strong,.donation-schedule-page .request-details .detail-item strong{color:#2c3e50;display:inline-block;min-width:120px}.donation-schedule-page .donation-details .detail-item a,.donation-schedule-page .request-details .detail-item a{color:#d93e4c;text-decoration:none}.donation-schedule-page .donation-details .detail-item a:hover,.donation-schedule-page .request-details .detail-item a:hover{text-decoration:underline}.donation-schedule-page .action-section .action-info h4{color:#2c3e50;margin-bottom:12px;font-family:Inter,Roboto,Segoe UI,sans-serif;font-weight:600}.donation-schedule-page .action-section .action-info p{margin:0 0 20px;color:#2c3e50;font-family:Inter,Roboto,Segoe UI,sans-serif;line-height:1.5;background:#f5f7fa;padding:12px;border-radius:6px;border-left:3px solid #d93e4c}.donation-schedule-page .action-section .action-info .ant-btn{font-family:Inter,Roboto,Segoe UI,sans-serif;font-weight:600}}@media (max-width: 575.98px) and (max-width: 1200px){.donation-schedule-page .donations-table-card .ant-table,.donation-schedule-page .process-donations-card .ant-table,.donation-schedule-page .requests-table-card .ant-table{font-size:14px}}@media (max-width: 575.98px) and (max-width: 768px){.donation-schedule-page .schedule-content{margin-left:0;padding:12px}.donation-schedule-page .page-header{flex-direction:column;gap:16px;text-align:center;padding:16px}.donation-schedule-page .page-header .header-info h1{font-size:1.5rem}.donation-schedule-page .page-header .header-actions{width:100%}.donation-schedule-page .main-content .ant-tabs-content-holder{padding:16px}.donation-schedule-page .filters-card .ant-row .ant-col{margin-bottom:16px}.donation-schedule-page .donations-table-card,.donation-schedule-page .process-donations-card,.donation-schedule-page .requests-table-card{overflow-x:auto;margin:0 -16px;border-radius:0}.donation-schedule-page .donations-table-card .ant-table,.donation-schedule-page .process-donations-card .ant-table,.donation-schedule-page .requests-table-card .ant-table{min-width:1000px}.donation-schedule-page .donations-table-card .ant-table .ant-table-thead>tr>th,.donation-schedule-page .process-donations-card .ant-table .ant-table-thead>tr>th,.donation-schedule-page .requests-table-card .ant-table .ant-table-thead>tr>th{padding:12px 8px;font-size:13px;white-space:nowrap;background:#f8f9fa}.donation-schedule-page .donations-table-card .ant-table .ant-table-tbody>tr>td,.donation-schedule-page .process-donations-card .ant-table .ant-table-tbody>tr>td,.donation-schedule-page .requests-table-card .ant-table .ant-table-tbody>tr>td{padding:12px 8px;font-size:13px;white-space:nowrap}.donation-schedule-page .donations-table-card .ant-table .ant-table-column-title,.donation-schedule-page .process-donations-card .ant-table .ant-table-column-title,.donation-schedule-page .requests-table-card .ant-table .ant-table-column-title{font-size:12px}.donation-schedule-page .donations-table-card .ant-table .ant-btn,.donation-schedule-page .process-donations-card .ant-table .ant-btn,.donation-schedule-page .requests-table-card .ant-table .ant-btn{padding:4px 8px;font-size:12px}.donation-schedule-page .donations-table-card .ant-table .ant-tag,.donation-schedule-page .process-donations-card .ant-table .ant-tag,.donation-schedule-page .requests-table-card .ant-table .ant-tag{padding:2px 6px;font-size:11px}.donation-schedule-page .donations-table-card .ant-table .action-buttons,.donation-schedule-page .process-donations-card .ant-table .action-buttons,.donation-schedule-page .requests-table-card .ant-table .action-buttons{flex-direction:column;gap:4px}.donation-schedule-page .donations-table-card .ant-table .action-buttons .ant-btn,.donation-schedule-page .process-donations-card .ant-table .action-buttons .ant-btn,.donation-schedule-page .requests-table-card .ant-table .action-buttons .ant-btn{width:100%;min-width:auto}.donation-schedule-page .ant-modal{margin:16px;max-width:calc(100vw - 32px)}.donation-schedule-page .ant-modal .ant-modal-content .ant-modal-body{padding:16px}.donation-schedule-page .process-workflow .donor-summary .ant-row .ant-col{margin-bottom:8px}.donation-schedule-page .process-workflow .workflow-steps .ant-steps .ant-steps-item .ant-steps-item-title{font-size:.9rem}.donation-schedule-page .process-workflow .workflow-steps .ant-steps .ant-steps-item .ant-steps-item-description{font-size:.8rem}.donation-schedule-page .action-section .action-info h4{font-size:1rem}.donation-schedule-page .action-section .action-info p{font-size:.9rem;padding:12px}}@media (max-width: 575.98px){@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.donation-schedule-page .ant-btn{transition:all .3s ease}.donation-schedule-page .ant-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.donation-schedule-page .ant-card{transition:all .3s ease}.donation-schedule-page .ant-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}}.eligible-donors-page{display:flex;min-height:100vh;background:#f5f7fa;font-family:Inter,Roboto,Segoe UI,sans-serif}.eligible-donors-page .donors-content{flex:1;margin-left:280px;padding:32px;transition:margin-left .3s ease}.eligible-donors-page .donors-content.collapsed{margin-left:80px}.eligible-donors-page .donors-content .page-header{background:#fff;padding:32px;border-radius:12px;margin-bottom:32px;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.eligible-donors-page .donors-content .page-header .header-info h1{margin:0 0 8px;font-size:1.8rem;font-weight:600;color:#2c3e50;font-family:Inter,Roboto,Segoe UI,sans-serif}.eligible-donors-page .donors-content .page-header .header-info p{margin:0;color:#6c757d;font-size:1rem;font-family:Inter,Roboto,Segoe UI,sans-serif}.eligible-donors-page .donors-content .page-header .header-actions .ant-btn{font-family:Inter,Roboto,Segoe UI,sans-serif}.eligible-donors-page .donors-content .page-header .header-actions .view-mode-toggle{display:flex;justify-content:flex-start;align-items:center;gap:8px}.eligible-donors-page .donors-content .page-header .header-actions .view-mode-toggle span{font-size:.9rem;color:#2c3e50;font-family:Inter,Roboto,Segoe UI,sans-serif;font-weight:500}.eligible-donors-page .donors-content .page-header .header-actions .view-mode-toggle .ant-switch{background-color:#e9ecef}.eligible-donors-page .donors-content .page-header .header-actions .view-mode-toggle .ant-switch.ant-switch-checked{background-color:#d93e4c}.eligible-donors-page .donors-content .filters-section{background:#fff;padding:32px;border-radius:12px;margin-bottom:32px;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef}.eligible-donors-page .donors-content .filters-section .filter-group{display:flex;justify-content:flex-start;align-items:center;gap:8px}.eligible-donors-page .donors-content .filters-section .filter-group label{font-weight:500;color:#2c3e50;font-size:.9rem;font-family:Inter,Roboto,Segoe UI,sans-serif;min-width:80px}.eligible-donors-page .donors-content .filters-section .filter-group .ant-select,.eligible-donors-page .donors-content .filters-section .filter-group .ant-input-search{font-family:Inter,Roboto,Segoe UI,sans-serif}.eligible-donors-page .donors-content .filters-section .filter-group .ant-btn{font-family:Inter,Roboto,Segoe UI,sans-serif;transition:all .3s ease}.eligible-donors-page .donors-content .filters-section .filter-group .ant-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ee5a2466!important}.eligible-donors-page .donors-content .filters-section .filter-group .ant-btn:active{transform:translateY(0)}.eligible-donors-page .donors-content .filters-section .filter-group .ant-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.eligible-donors-page .donors-content .results-summary{background:#f5f7fa;padding:20px;border-radius:8px;margin-bottom:20px;border-left:3px solid #d93e4c}.eligible-donors-page .donors-content .results-summary span{color:#2c3e50;font-size:.9rem;font-family:Inter,Roboto,Segoe UI,sans-serif}.eligible-donors-page .donors-content .table-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef;overflow:hidden}.eligible-donors-page .donors-content .table-section .ant-table{font-family:Inter,Roboto,Segoe UI,sans-serif}.eligible-donors-page .donors-content .table-section .ant-table .ant-table-thead>tr>th{background:#f5f7fa;color:#2c3e50;font-weight:600;border-bottom:1px solid #e9ecef}.eligible-donors-page .donors-content .table-section .ant-table .ant-table-tbody>tr>td{border-bottom:1px solid #e9ecef}.eligible-donors-page .donors-content .table-section .ant-table .ant-table-tbody>tr:hover>td{background:#f8f9fa}.eligible-donors-page .donors-content .table-section .ant-table .ant-table-tbody>tr>td:first-child{background:#d93e4c0d;font-weight:600;color:#d93e4c;text-align:center}.eligible-donors-page .donors-content .table-section .ant-table .ant-table-thead>tr>th:first-child{background:#d93e4c1a;color:#d93e4c;font-weight:700;text-align:center}.eligible-donors-page .donors-content .table-section .ant-table .ant-table-tbody>tr>td:nth-child(6){background:#1890ff0d}.eligible-donors-page .donors-content .table-section .ant-table .ant-table-tbody>tr>td:nth-child(6) div:first-child{color:#1890ff;font-weight:600}.eligible-donors-page .donors-content .table-section .ant-table .ant-table-tbody>tr>td:nth-child(6) div:last-child{color:#999;font-style:italic}.eligible-donors-page .donors-content .table-section .ant-table .ant-table-thead>tr>th:nth-child(6){background:#1890ff14;color:#1890ff;font-weight:600}.eligible-donors-page .donors-content .cards-section .donor-card{border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef;transition:all .3s ease;font-family:Inter,Roboto,Segoe UI,sans-serif}.eligible-donors-page .donors-content .cards-section .donor-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.eligible-donors-page .donors-content .cards-section .donor-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.eligible-donors-page .donors-content .cards-section .donor-card .card-header .donor-name{font-size:1.1rem;font-weight:600;color:#2c3e50;font-family:Inter,Roboto,Segoe UI,sans-serif}.eligible-donors-page .donors-content .cards-section .donor-card .card-header .blood-type-tag{font-weight:700;font-size:.9rem}.eligible-donors-page .donors-content .cards-section .donor-card .card-content .status-section{margin-bottom:12px}.eligible-donors-page .donors-content .cards-section .donor-card .card-content .status-section .status-badge .ant-badge-status-text{font-family:Inter,Roboto,Segoe UI,sans-serif;font-weight:500}.eligible-donors-page .donors-content .cards-section .donor-card .card-content .info-item{display:flex;justify-content:flex-start;align-items:center;gap:8px;margin-bottom:8px;font-family:Inter,Roboto,Segoe UI,sans-serif}.eligible-donors-page .donors-content .cards-section .donor-card .card-content .info-item .info-icon{color:#d93e4c;font-size:.9rem}.eligible-donors-page .donors-content .cards-section .donor-card .card-content .info-item .distance-text{font-weight:500;color:#2c3e50}.eligible-donors-page .donors-content .cards-section .donor-card .card-content .info-item .phone-link{color:#d93e4c;text-decoration:none}.eligible-donors-page .donors-content .cards-section .donor-card .card-content .info-item .phone-link:hover{text-decoration:underline}.eligible-donors-page .donors-content .cards-section .donor-card .ant-card-actions{border-top:1px solid #e9ecef}.eligible-donors-page .donors-content .cards-section .donor-card .ant-card-actions>li{margin:0}.eligible-donors-page .donors-content .cards-section .donor-card .ant-card-actions>li .anticon{color:#6c757d;font-size:1.1rem;transition:all .3s ease}.eligible-donors-page .donors-content .cards-section .donor-card .ant-card-actions>li .anticon:hover{color:#d93e4c;transform:scale(1.1)}.eligible-donors-page .donors-content .cards-section .empty-state{text-align:center;padding:48px;color:#6c757d}.eligible-donors-page .donors-content .cards-section .empty-state .empty-icon{font-size:3rem;margin-bottom:20px;opacity:.6}.eligible-donors-page .donors-content .cards-section .empty-state h3{color:#2c3e50;margin-bottom:12px;font-family:Inter,Roboto,Segoe UI,sans-serif}.eligible-donors-page .donors-content .cards-section .empty-state p{font-family:Inter,Roboto,Segoe UI,sans-serif}.eligible-donors-page .donors-content .donor-detail-modal .ant-modal-content{background:#fafbfc;border-radius:12px;box-shadow:0 16px 40px #0000001f,0 4px 16px #00000014;overflow:hidden;border:1px solid #e8eaed}.eligible-donors-page .donors-content .donor-detail-modal .ant-modal-header{background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:2px solid #dee2e6;padding:24px 32px 20px;margin:0}.eligible-donors-page .donors-content .donor-detail-modal .ant-modal-header .ant-modal-title{color:#2c3e50!important;font-size:20px;font-weight:600;line-height:1.3}.eligible-donors-page .donors-content .donor-detail-modal .ant-modal-body{padding:24px 32px;background:#fafbfc}.eligible-donors-page .donors-content .donor-detail-modal .ant-modal-footer{background:#f8f9fa;border-top:1px solid #dee2e6;padding:16px 32px;text-align:right}.eligible-donors-page .donors-content .donor-detail-modal .ant-modal-footer .ant-btn{margin-left:8px;border-radius:6px;font-weight:500}.eligible-donors-page .donors-content .donor-detail-modal .ant-modal-footer .ant-btn:first-child{margin-left:0}.eligible-donors-page .donors-content .donor-details .detail-section{margin-bottom:32px}.eligible-donors-page .donors-content .donor-details .detail-section:last-child{margin-bottom:0}.eligible-donors-page .donors-content .donor-details .detail-section h4{margin:0 0 20px;color:#2c3e50;font-size:1.1rem;font-weight:600;font-family:Inter,Roboto,Segoe UI,sans-serif;border-bottom:1px solid #e9ecef;padding-bottom:8px}.eligible-donors-page .donors-content .donor-details .detail-section .detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.eligible-donors-page .donors-content .donor-details .detail-section .detail-grid .detail-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #f0f0f0;transition:all .2s ease}.eligible-donors-page .donors-content .donor-details .detail-section .detail-grid .detail-item:hover{border-color:#d9d9d9;box-shadow:0 2px 4px #0000000d}.eligible-donors-page .donors-content .donor-details .detail-section .detail-grid .detail-item.full-width{grid-column:1/-1;flex-direction:column;align-items:flex-start;gap:8px}.eligible-donors-page .donors-content .donor-details .detail-section .detail-grid .detail-item label{font-weight:600;color:#6c757d;font-size:.85rem;font-family:Inter,Roboto,Segoe UI,sans-serif;min-width:120px;text-transform:uppercase;letter-spacing:.5px}.eligible-donors-page .donors-content .donor-details .detail-section .detail-grid .detail-item span,.eligible-donors-page .donors-content .donor-details .detail-section .detail-grid .detail-item a{color:#2c3e50;font-family:Inter,Roboto,Segoe UI,sans-serif;font-size:.95rem;font-weight:500}.eligible-donors-page .donors-content .donor-details .detail-section .detail-grid .detail-item span[href],.eligible-donors-page .donors-content .donor-details .detail-section .detail-grid .detail-item a[href]{color:#1890ff;text-decoration:none;transition:color .2s ease}.eligible-donors-page .donors-content .donor-details .detail-section .detail-grid .detail-item span[href]:hover,.eligible-donors-page .donors-content .donor-details .detail-section .detail-grid .detail-item a[href]:hover{color:#40a9ff;text-decoration:underline}.eligible-donors-page .donors-content .donor-details .detail-section .detail-grid .detail-item .ant-tag{margin:0;border-radius:6px;font-weight:600}.eligible-donors-page .donors-content .donor-details .detail-section .detail-grid .detail-item .anticon{margin-right:6px}.eligible-donors-page .donors-content .donor-details .detail-section p{margin:0;color:#2c3e50;font-family:Inter,Roboto,Segoe UI,sans-serif;line-height:1.5;background:#f5f7fa;padding:12px;border-radius:6px;border-left:3px solid #d93e4c}.eligible-donors-page .donors-content .process-workflow .donor-summary{background:#f5f7fa;padding:20px;border-radius:8px;margin-bottom:20px}.eligible-donors-page .donors-content .process-workflow .donor-summary .summary-item{font-family:Inter,Roboto,Segoe UI,sans-serif}.eligible-donors-page .donors-content .process-workflow .donor-summary .summary-item strong{color:#2c3e50;font-weight:600}.eligible-donors-page .donors-content .process-workflow .workflow-steps .ant-steps .ant-steps-item .ant-steps-item-title{font-family:Inter,Roboto,Segoe UI,sans-serif;font-weight:600;color:#2c3e50}.eligible-donors-page .donors-content .process-workflow .workflow-steps .ant-steps .ant-steps-item .ant-steps-item-description{font-family:Inter,Roboto,Segoe UI,sans-serif;color:#6c757d}.eligible-donors-page .donors-content .process-workflow .workflow-steps .ant-steps .ant-steps-item.ant-steps-item-process .ant-steps-item-icon{background:#d93e4c;border-color:#d93e4c}.eligible-donors-page .donors-content .process-workflow .workflow-steps .ant-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon{background:#4caf50;border-color:#4caf50}.eligible-donors-page .donors-content .process-workflow .workflow-steps .ant-steps .ant-steps-item.ant-steps-item-error .ant-steps-item-icon{background:#f44336;border-color:#f44336}.eligible-donors-page .donors-content .process-workflow .action-section{background:#d93e4c0d;padding:32px;border-radius:8px;text-align:center}.eligible-donors-page .donors-content .process-workflow .action-section h4{color:#2c3e50;font-family:Inter,Roboto,Segoe UI,sans-serif;margin-bottom:12px}.eligible-donors-page .donors-content .process-workflow .action-section p{color:#6c757d;font-family:Inter,Roboto,Segoe UI,sans-serif;margin-bottom:20px}.eligible-donors-page .donors-content .process-workflow .action-section .ant-btn{font-family:Inter,Roboto,Segoe UI,sans-serif;font-weight:600}.eligible-donors-page .donors-content .process-workflow .notes-section h4{color:#2c3e50;font-family:Inter,Roboto,Segoe UI,sans-serif;margin-bottom:12px}.eligible-donors-page .donors-content .process-workflow .notes-section p{color:#2c3e50;font-family:Inter,Roboto,Segoe UI,sans-serif;background:#f5f7fa;padding:12px;border-radius:6px;border-left:3px solid #d93e4c;margin:0}@media (max-width: 1200px){.eligible-donors-page .donors-content .table-section .donations-table-card .ant-table{font-size:14px}}@media (max-width: 991.98px){.eligible-donors-page .donors-content{margin-left:240px;padding:20px}.eligible-donors-page .donors-content.collapsed{margin-left:80px}.eligible-donors-page .donors-content .page-header{padding:20px}.eligible-donors-page .donors-content .page-header .header-info h1{font-size:1.5rem}.eligible-donors-page .donors-content .filters-section{padding:20px}.eligible-donors-page .donors-content .filters-section .ant-space{width:100%;justify-content:space-between}}@media (max-width: 575.98px){.eligible-donors-page .donors-content{margin-left:0;padding:12px}.eligible-donors-page .donors-content .page-header{padding:12px;flex-direction:column;align-items:stretch;gap:12px}.eligible-donors-page .donors-content .page-header .header-info h1{font-size:1.3rem}.eligible-donors-page .donors-content .filters-section{padding:12px}.eligible-donors-page .donors-content .filters-section .ant-space,.eligible-donors-page .donors-content .filters-section .ant-space .filter-group{flex-direction:column;align-items:stretch}.eligible-donors-page .donors-content .filters-section .ant-space .filter-group label{min-width:auto;margin-bottom:4px}.eligible-donors-page .donors-content .filters-section .ant-space .filter-group .ant-select,.eligible-donors-page .donors-content .filters-section .ant-space .filter-group .ant-input-search{width:100%!important}.eligible-donors-page .donors-content .filters-section .ant-space .filter-group .ant-btn{width:100%!important;margin-top:12px!important;font-size:.9rem;padding:8px 16px;height:auto}.eligible-donors-page .donors-content .table-section .donations-table-card{overflow-x:auto;margin:0 -16px;border-radius:0}.eligible-donors-page .donors-content .table-section .donations-table-card .ant-table{min-width:1000px;font-size:13px}.eligible-donors-page .donors-content .table-section .donations-table-card .ant-table .ant-table-thead>tr>th{padding:12px 8px;font-size:13px;white-space:nowrap;background:#f8f9fa}.eligible-donors-page .donors-content .table-section .donations-table-card .ant-table .ant-table-tbody>tr>td{padding:12px 8px;font-size:13px;white-space:nowrap}.eligible-donors-page .donors-content .cards-section .donor-card .card-header{flex-direction:column;align-items:flex-start;gap:8px}.eligible-donors-page .donors-content .cards-section .donor-card .card-header .donor-name{font-size:1rem}.eligible-donors-page .donors-content .cards-section .donor-card .card-content .info-item{font-size:.85rem}.eligible-donors-page .donors-content .donor-details .detail-grid{grid-template-columns:1fr}.eligible-donors-page .donors-content .donor-details .detail-grid .detail-item{flex-direction:column;align-items:flex-start;gap:4px}.eligible-donors-page .donors-content .donor-details .detail-grid .detail-item label{min-width:auto}.eligible-donors-page .donors-content .donor-detail-modal .ant-modal-content{margin:16px;max-width:calc(100vw - 32px)}.eligible-donors-page .donors-content .donor-detail-modal .ant-modal-header,.eligible-donors-page .donors-content .donor-detail-modal .ant-modal-body,.eligible-donors-page .donors-content .donor-detail-modal .ant-modal-footer{padding-left:16px;padding-right:16px}.eligible-donors-page .donors-content .donor-detail-modal .ant-modal-body{padding-top:16px;padding-bottom:16px}.eligible-donors-page .donors-content .donor-detail-modal .ant-row .ant-col{margin-bottom:16px}}.address-form{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e9ecef;margin-bottom:1.5rem}.address-form .address-fields .address-inputs{margin-bottom:1.5rem}.address-form .address-fields .address-inputs .input-row{display:flex;gap:1rem;margin-bottom:1rem}@media (max-width: 768px){.address-form .address-fields .address-inputs .input-row{flex-direction:column;gap:.5rem}}.address-form .address-fields .address-inputs .input-row .input-group{flex:1}.address-form .address-fields .address-inputs .input-row .input-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#495057;font-size:.9rem}.address-form .address-fields .address-inputs .input-row .input-group label .required{color:#dc3545;margin-left:.25rem}.address-form .address-fields .address-inputs .input-row .input-group input,.address-form .address-fields .address-inputs .input-row .input-group select{width:100%;padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.address-form .address-fields .address-inputs .input-row .input-group input:focus,.address-form .address-fields .address-inputs .input-row .input-group select:focus{outline:none;border-color:#17a2b8;box-shadow:0 0 0 3px #17a2b81a;transform:translateY(-1px)}.address-form .address-fields .address-inputs .input-row .input-group input:disabled,.address-form .address-fields .address-inputs .input-row .input-group select:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.7}.address-form .address-fields .address-inputs .input-row .input-group input::placeholder,.address-form .address-fields .address-inputs .input-row .input-group select::placeholder{color:#adb5bd;font-style:italic}.address-form .address-fields .address-inputs .input-row .input-group select{cursor:pointer}.address-form .address-fields .address-inputs .input-row .input-group select option{padding:.5rem;background:#fff;color:#495057}.address-form .address-fields .address-inputs .input-row .input-group select:disabled{cursor:not-allowed}.address-form .address-fields .field-row{display:flex;gap:1rem;margin-bottom:1rem}@media (max-width: 768px){.address-form .address-fields .field-row{flex-direction:column;gap:.5rem}}.address-form .address-fields .field-row .form-group,.address-form .address-fields .field-row .form-group.full-width{flex:1}.address-form .address-fields .field-row .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#495057;font-size:.9rem}.address-form .address-fields .field-row .form-group label .required{color:#dc3545;margin-left:.25rem}.address-form .address-fields .field-row .form-group .form-input,.address-form .address-fields .field-row .form-group .form-select{width:100%;padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.address-form .address-fields .field-row .form-group .form-input:focus,.address-form .address-fields .field-row .form-group .form-select:focus{outline:none;border-color:#17a2b8;box-shadow:0 0 0 3px #17a2b81a;transform:translateY(-1px)}.address-form .address-fields .field-row .form-group .form-input:disabled,.address-form .address-fields .field-row .form-group .form-select:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.7}.address-form .address-fields .field-row .form-group .form-input::placeholder,.address-form .address-fields .field-row .form-group .form-select::placeholder{color:#adb5bd;font-style:italic}.address-form .address-fields .field-row .form-group .form-select{cursor:pointer}.address-form .address-fields .field-row .form-group .form-select option{padding:.5rem;background:#fff;color:#495057}.address-form .address-fields .field-row .form-group .form-select:disabled{cursor:not-allowed}.address-form .address-fields .full-address-preview{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e9ecef}.address-form .address-fields .full-address-preview label{display:block;margin-bottom:.75rem;font-weight:600;color:#495057;font-size:1rem}.address-form .address-fields .full-address-preview .address-display{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:10px;padding:1rem;font-size:1rem;color:#495057;min-height:50px;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease}.address-form .address-fields .full-address-preview .address-display.geocoding{border-color:#ffc107;background:linear-gradient(135deg,#fff3cd,#ffeaa7)}.address-form .address-fields .full-address-preview .address-display .geocoding-indicator{display:flex;align-items:center;gap:.5rem;color:#856404;font-size:.9rem;font-weight:600}.address-form .address-fields .full-address-preview .address-display .geocoding-indicator .loading-spinner{width:16px;height:16px;border:2px solid #ffeaa7;border-top:2px solid #856404;border-radius:50%;animation:spin 1s linear infinite}.address-form .address-fields .address-help{margin-top:.5rem;padding:.5rem;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:6px;border-left:3px solid #2196f3}.address-form .address-fields .address-help small{color:#1565c0;font-weight:500}.address-form .address-fields .error-message{margin-top:1rem;padding:.75rem;background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border-radius:8px;border:1px solid #f5c6cb;font-weight:600}.address-form .address-fields .error-message .error-help{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(113,28,36,.2)}.address-form .address-fields .error-message .error-help small{color:#5a1a1f;font-weight:400;font-style:italic}.address-form .distance-info-section{margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e9ecef}.address-form .distance-info-section h4{margin:0 0 1.5rem;background:linear-gradient(45deg,#17a2b8,#20c997);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.2rem;font-weight:700}.address-form .distance-info-section .distance-details{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-radius:10px;padding:1rem;margin-bottom:1.5rem}.address-form .distance-info-section .distance-details .distance-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.5)}.address-form .distance-info-section .distance-details .distance-item:last-child{border-bottom:none}.address-form .distance-info-section .distance-details .distance-item .distance-label{font-weight:600;color:#495057}.address-form .distance-info-section .distance-details .distance-item .address-value{color:#6c757d;font-style:italic;max-width:60%;text-align:right;word-wrap:break-word;line-height:1.4}.address-form .distance-info-section .distance-details .distance-item .distance-value{font-weight:700;font-size:1.1rem}.address-form .distance-info-section .hospital-info{background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border:1px solid #c3e6c3;border-radius:10px;padding:1rem}.address-form .distance-info-section .hospital-info h5{margin:0 0 1rem;color:#2e7d32;font-size:1.1rem;font-weight:700}.address-form .distance-info-section .hospital-info .hospital-details{margin-bottom:1rem}.address-form .distance-info-section .hospital-info .hospital-details .hospital-item{margin-bottom:.5rem;color:#495057;font-weight:500}.address-form .distance-info-section .hospital-info .hospital-details .hospital-item:first-child{color:#2e7d32;font-weight:700;font-size:1.05rem}.address-form .distance-info-section .hospital-info .directions-links{display:flex;gap:.75rem;flex-wrap:wrap}.address-form .distance-info-section .hospital-info .directions-links .directions-link{display:inline-block;color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.9rem;transition:all .3s ease}.address-form .distance-info-section .hospital-info .directions-links .directions-link.osm-link{background:linear-gradient(45deg,#17a2b8,#20c997)}.address-form .distance-info-section .hospital-info .directions-links .directions-link.osm-link:hover{transform:translateY(-2px);box-shadow:0 4px 15px #17a2b84d;text-decoration:none;color:#fff}.address-form .distance-info-section .hospital-info .directions-links .directions-link.google-link{background:linear-gradient(45deg,#dc3545,#fd7e14)}.address-form .distance-info-section .hospital-info .directions-links .directions-link.google-link:hover{transform:translateY(-2px);box-shadow:0 4px 15px #dc35454d;text-decoration:none;color:#fff}@media (max-width: 768px){.address-form{padding:1rem}.address-form .distance-info-section .distance-details .distance-item{flex-direction:column;align-items:flex-start;gap:.5rem}.address-form .distance-info-section .distance-details .distance-item .address-value{max-width:100%;text-align:left;font-style:normal}}.blood-donation-form-page{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;color:#222;background:#f6fbfd;min-height:100vh;padding:0;background:linear-gradient(135deg,#f1f5f9,#e2e8f0,#cbd5e1)}.blood-donation-form-page .card-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:#1890ff}.blood-donation-form-page .card-title .title-icon{font-size:24px}.blood-donation-form-page .form-card{max-width:1200px;margin:0 auto 32px;border-radius:16px;box-shadow:0 8px 32px #00000014;border:1px solid #e5e7eb;background:#fff;overflow:hidden}.blood-donation-form-page .form-card .ant-card-body{padding:32px}.blood-donation-form-page .form-card .ant-card-body .personal-info-section{background:linear-gradient(135deg,#fafbfc,#f8fafc);padding:32px;border-radius:16px;border:2px solid #e5e7eb;margin-bottom:32px;box-shadow:0 4px 16px #0000000a;position:relative}.blood-donation-form-page .form-card .ant-card-body .personal-info-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:16px 16px 0 0}.blood-donation-form-page .form-card .ant-card-body .personal-info-section .ant-row{margin-bottom:0}.blood-donation-form-page .form-card .ant-card-body .personal-info-section .ant-row .ant-col{padding-bottom:20px}.blood-donation-form-page .form-card .ant-card-body .personal-info-section .ant-row .ant-col:last-child{padding-bottom:0}.blood-donation-form-page .form-card .ant-card-body .personal-info-section .ant-form-item{margin-bottom:20px}.blood-donation-form-page .form-card .ant-card-body .personal-info-section .ant-form-item:last-child{margin-bottom:0}.blood-donation-form-page .info-section{background:#f8fafc;color:#000;border:1.5px solid #000;border-radius:10px;padding:18px 22px;margin-bottom:24px;display:flex;align-items:center;font-size:1.08rem;font-weight:500;box-shadow:0 2px 8px #0000000f;transition:background .2s}.blood-donation-form-page .info-section .anticon{font-size:24px;margin-right:14px;flex-shrink:0}.blood-donation-form-page .info-section b{color:#000}.blood-donation-form-page .info-section .alert-link,.blood-donation-form-page .info-section span[style*="cursor: pointer"]{color:#0056b3;text-decoration:underline;cursor:pointer;font-weight:600;margin-left:4px}.blood-donation-form-page .info-section .alert-link:hover,.blood-donation-form-page .info-section span[style*="cursor: pointer"]:hover{color:#036;text-decoration:underline wavy}.blood-donation-form-page .alert-title{font-weight:600}.blood-donation-form-page .alert-description{line-height:1.6}.blood-donation-form-page .alert-link{color:#1890ff}.blood-donation-form-page .custom-alert{margin-bottom:0;border:1px solid #91d5ff;background-color:#f6ffed}.blood-donation-form-page .personal-info-header{background:linear-gradient(135deg,#02314b);padding:20px 24px;border-radius:12px;margin-bottom:32px;box-shadow:0 8px 24px #4f46e540;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.blood-donation-form-page .personal-info-header:before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:#ffffff1a;border-radius:50%;filter:blur(60px)}.blood-donation-form-page .personal-info-header .header-title{font-weight:700;font-size:22px;color:#fff;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.3);letter-spacing:.5px;position:relative;z-index:1;display:flex;align-items:center;gap:12px}.blood-donation-form-page .form-label{font-weight:700;color:#1f2937;font-size:15px;margin-bottom:8px;display:block;letter-spacing:.3px}.blood-donation-form-page .form-label:after{content:" *";color:#ef4444;font-weight:600}.blood-donation-form-page .disabled-input{background-color:#f1f5f9;border:2px solid #e2e8f0;border-radius:10px;font-weight:600;color:#475569;font-size:15px;padding:12px 16px}.blood-donation-form-page .disabled-input:hover{border-color:#cbd5e1;background-color:#f8fafc}.blood-donation-form-page .disabled-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}.blood-donation-form-page .disabled-datepicker{width:100%;background-color:#f1f5f9;border:2px solid #e2e8f0;border-radius:10px;font-weight:600;color:#475569}.blood-donation-form-page .disabled-datepicker .ant-picker-input>input{font-weight:600;color:#475569;font-size:15px}.blood-donation-form-page .disabled-datepicker:hover{border-color:#cbd5e1;background-color:#f8fafc}.blood-donation-form-page .ant-form-item{margin-bottom:24px}.blood-donation-form-page .ant-form-item .ant-form-item-label{padding-bottom:8px}.blood-donation-form-page .ant-form-item .ant-form-item-label>label{font-weight:700;color:#1f2937;font-size:15px;letter-spacing:.3px}.blood-donation-form-page .ant-form-item .ant-form-item-label>label.ant-form-item-required:before{color:#ef4444;font-weight:700;font-size:16px}.blood-donation-form-page .ant-form-item .ant-form-item-control-input .ant-input,.blood-donation-form-page .ant-form-item .ant-form-item-control-input .ant-picker{border-radius:10px;border:2px solid #e5e7eb;padding:12px 16px;font-size:15px;font-weight:500;transition:all .3s ease}.blood-donation-form-page .ant-form-item .ant-form-item-control-input .ant-input:hover,.blood-donation-form-page .ant-form-item .ant-form-item-control-input .ant-picker:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.blood-donation-form-page .ant-form-item .ant-form-item-control-input .ant-input:focus,.blood-donation-form-page .ant-form-item .ant-form-item-control-input .ant-picker:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.blood-donation-form-page .radio-group{display:flex;gap:24px;flex-wrap:wrap;margin-top:8px}.blood-donation-form-page .radio-group .radio-item{font-weight:600;color:#374151;font-size:15px;padding:8px 16px;border-radius:8px;transition:all .3s ease}.blood-donation-form-page .radio-group .radio-item:hover{background-color:#f3f4f6}.blood-donation-form-page .radio-group .radio-item .ant-radio{margin-right:8px}.blood-donation-form-page .radio-group .radio-item .ant-radio .ant-radio-inner{border-width:2px;width:18px;height:18px}.blood-donation-form-page .radio-group .radio-item .ant-radio.ant-radio-checked .ant-radio-inner{border-color:#3b82f6;background-color:#3b82f6}.blood-donation-form-page .submit-section{text-align:center;margin-top:32px;padding:24px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px}.blood-donation-form-page .submit-section .submit-button{height:48px;font-size:16px;font-weight:600;border-radius:24px;background:linear-gradient(135deg,#1890ff,#096dd9);border:none;box-shadow:0 4px 12px #1890ff4d}.blood-donation-form-page .submit-section .submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1890ff66}.blood-donation-form-page .health-survey-card{max-width:800px;margin:32px auto}.blood-donation-form-page .survey-description{display:block;margin-bottom:16px}.blood-donation-form-page .section-title{font-weight:700;font-size:18px}.blood-donation-form-page .blood-type-alert,.blood-donation-form-page .health-info-alert{margin-bottom:16px}.blood-donation-form-page .health-info-alert .ant-alert-description div{margin-bottom:4px}.blood-donation-form-page .health-info-alert .ant-alert-description div:last-child{margin-bottom:0}.blood-donation-form-page .input-number,.blood-donation-form-page .datepicker-full{width:100%}.blood-donation-form-page .female-section-title{color:#ff69b4}.blood-donation-form-page .survey-submit-section{text-align:center;margin-top:32px}.blood-donation-form-page .appointment-card{max-width:800px;margin:32px auto}.blood-donation-form-page .appointment-description{display:block;margin-bottom:24px}.blood-donation-form-page .appointment-alert{margin-bottom:24px}.blood-donation-form-page .time-radio-group{width:100%}.blood-donation-form-page .time-radio-group .time-radio-button{width:50%;text-align:center}.blood-donation-form-page .hospital-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;margin-bottom:24px}.blood-donation-form-page .hospital-card .hospital-icon{text-align:center}.blood-donation-form-page .hospital-card .hospital-icon .icon{font-size:48px}.blood-donation-form-page .hospital-card .hospital-title{margin:0;color:#0369a1}.blood-donation-form-page .hospital-card .hospital-address{display:block;margin-top:8px}.blood-donation-form-page .hospital-card .hospital-department{display:block;margin-top:4px}.blood-donation-form-page .hospital-card .hospital-note{display:block;margin-top:8px;font-size:14px}.blood-donation-form-page .appointment-submit-section{text-align:center;margin-top:32px}.blood-donation-form-page .registration-content{padding:40px 20px;min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center}.blood-donation-form-page .registration-content:not(.result-page){max-width:1200px;margin:0 auto;padding:32px 24px;display:block;min-height:auto}.blood-donation-form-page .registration-content:not(.result-page)>*{max-width:100%}.blood-donation-form-page .registration-content .page-header{margin-bottom:48px;display:flex;align-items:stretch;gap:32px}.blood-donation-form-page .registration-content .page-header .hero-section{padding:48px 32px;border-radius:20px;margin-bottom:0;box-shadow:0 20px 40px #dc26264d;position:relative;overflow:hidden;display:flex;align-items:center}.blood-donation-form-page .registration-content .page-header .hero-section:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:#ffffff1a;border-radius:50%;filter:blur(100px)}.blood-donation-form-page .registration-content .page-header .hero-section:after{content:"";position:absolute;bottom:-30%;left:-10%;width:200px;height:200px;background:#ffffff0d;border-radius:50%;filter:blur(80px)}.blood-donation-form-page .registration-content .page-header .hero-section .hero-content{position:relative;z-index:1;width:100%}.blood-donation-form-page .registration-content .page-header .hero-section .hero-content h1{text-align:center;color:#fff;margin-bottom:12px;font-size:32px;font-weight:700;text-shadow:0 4px 8px rgba(0,0,0,.3);letter-spacing:.5px;line-height:1.2}.blood-donation-form-page .registration-content .page-header .hero-section .hero-content .hero-subtitle{display:block;text-align:center;font-size:18px;margin-bottom:16px;color:#fffffff2;font-weight:500;line-height:1.4}.blood-donation-form-page .registration-content .page-header .hero-section .hero-content .hero-quote{display:block;text-align:center;font-size:14px;color:#fffc;font-style:italic;margin-bottom:0;line-height:1.3}.blood-donation-form-page .registration-content .page-header .steps-navigation{flex:0 0 55%;background:#fff;padding:40px 32px;border-radius:20px;box-shadow:0 8px 24px #0000001a;border:1px solid #e5e7eb;display:flex;align-items:center}.blood-donation-form-page .registration-content .page-header .steps-navigation .ant-steps{width:100%;margin:0}.blood-donation-form-page .registration-content .page-header .steps-navigation .ant-steps .ant-steps-item{padding-inline-start:0!important}.blood-donation-form-page .registration-content .page-header .steps-navigation .ant-steps .ant-steps-item-title{font-weight:600!important;font-size:15px!important;line-height:1.3!important}.blood-donation-form-page .registration-content .page-header .steps-navigation .ant-steps .ant-steps-item-description{font-size:13px!important;color:#6b7280!important;line-height:1.2!important;margin-top:4px!important}.blood-donation-form-page .registration-content .page-header .steps-navigation .ant-steps .ant-steps-item-icon{font-size:18px!important}.blood-donation-form-page .registration-content .page-header .progress-steps{display:flex;justify-content:space-between;align-items:center;margin-top:48px;position:relative;padding:0 48px}.blood-donation-form-page .registration-content .page-header .progress-steps:before{content:"";position:absolute;top:20px;left:48px;right:48px;height:2px;background:#e8ecef;z-index:1}.blood-donation-form-page .registration-content .page-header .progress-steps .step{position:relative;z-index:2;text-align:center;flex:1}.blood-donation-form-page .registration-content .page-header .progress-steps .step .step-number{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid #e8ecef;margin:0 auto 12px;font-weight:600;color:#6c757d;transition:all .3s}.blood-donation-form-page .registration-content .page-header .progress-steps .step .step-text{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:.875rem;color:#6c757d;font-weight:400}.blood-donation-form-page .registration-content .page-header .progress-steps .step.active .step-number{background:#1976d2;border-color:#1976d2;color:#fff}.blood-donation-form-page .registration-content .page-header .progress-steps .step.active .step-text{color:#1976d2;font-weight:600}.blood-donation-form-page .registration-content .page-header .progress-steps .step.completed .step-number{background:#4caf50;border-color:#4caf50;color:#fff}.blood-donation-form-page .registration-content .form-card{background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000001f;border:1px solid #e5e7eb;padding:32px;margin:0 auto 32px;max-width:1200px}.blood-donation-form-page .registration-content .form-card .card-title{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:24px;text-align:center}.blood-donation-form-page .registration-content .form-card .personal-info-section .section-title{font-weight:700;font-size:18px;margin-bottom:24px}.blood-donation-form-page .registration-content .form-card .personal-info-section .ant-form-item-label>label{font-weight:700;font-size:14px;color:#374151}.blood-donation-form-page .registration-content .form-card .personal-info-section .ant-input[disabled],.blood-donation-form-page .registration-content .form-card .personal-info-section .ant-picker[disabled]{font-weight:700;font-size:15px;color:#1890ff;background-color:#f8fafc;border-color:#e2e8f0}.blood-donation-form-page .registration-content .form-card .personal-info-section .ant-radio-wrapper{font-weight:700;font-size:15px}.blood-donation-form-page .registration-content .form-card .health-survey-section .section-title{font-weight:700;font-size:18px;margin-bottom:24px}.blood-donation-form-page .registration-content .form-card .health-survey-section .basic-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.blood-donation-form-page .registration-content .form-card .health-survey-section .question-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:24px}.blood-donation-form-page .registration-content .form-card .health-survey-section .question-card .question-title{font-weight:600;font-size:16px;color:#1f2937;margin-bottom:16px;display:flex;align-items:center;gap:8px}.blood-donation-form-page .registration-content .form-card .health-survey-section .question-card .ant-checkbox-wrapper,.blood-donation-form-page .registration-content .form-card .health-survey-section .question-card .ant-radio-wrapper{margin-bottom:12px;line-height:1.6;font-weight:500;font-size:15px}.blood-donation-form-page .registration-content .form-card .health-survey-section .question-card .conditional-input{margin-top:12px;margin-left:24px}.blood-donation-form-page .registration-content .form-card .health-survey-section .alert-info{background:#e0f2fe;border:1px solid #0891b2;border-radius:8px;padding:16px;margin-bottom:24px}.blood-donation-form-page .registration-content .form-card .health-survey-section .alert-info .alert-content{display:flex;align-items:flex-start;gap:12px}.blood-donation-form-page .registration-content .form-card .health-survey-section .alert-info .alert-content .alert-icon{color:#0891b2;font-size:20px;margin-top:2px}.blood-donation-form-page .registration-content .form-card .health-survey-section .alert-info .alert-content .alert-text{flex:1}.blood-donation-form-page .registration-content .form-card .health-survey-section .alert-info .alert-content .alert-text .alert-title{font-weight:600;color:#0891b2;margin-bottom:8px}.blood-donation-form-page .registration-content .form-card .health-survey-section .alert-info .alert-content .alert-text .alert-details{color:#0369a1;line-height:1.5}.blood-donation-form-page .registration-content .form-card .health-survey-section .alert-info .alert-content .alert-text .alert-details strong{font-weight:600}.blood-donation-form-page .registration-content .form-card .form-section{margin-bottom:48px}.blood-donation-form-page .registration-content .form-card .form-section h3{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:600;font-size:1.125rem;color:#1976d2;margin-bottom:20px}.blood-donation-form-page .registration-content .form-card .form-section .form-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}@media (max-width: 991.98px){.blood-donation-form-page .registration-content .form-card .form-section .form-row{flex-direction:column;gap:12px}}.blood-donation-form-page .registration-content .form-card .form-section .form-group{flex:1}.blood-donation-form-page .registration-content .form-card .form-section .form-group label{display:block;font-size:.875rem;font-weight:500;color:#222;margin-bottom:8px}.blood-donation-form-page .registration-content .form-card .form-section .form-group input,.blood-donation-form-page .registration-content .form-card .form-section .form-group select{width:100%;padding:12px 16px;border:1px solid #e8ecef;border-radius:8px;font-size:1rem;font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;background:#fff;color:#222;transition:all .2s}.blood-donation-form-page .registration-content .form-card .form-section .form-group input:focus,.blood-donation-form-page .registration-content .form-card .form-section .form-group select:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.blood-donation-form-page .registration-content .form-card .form-section .form-group input::placeholder,.blood-donation-form-page .registration-content .form-card .form-section .form-group select::placeholder{color:#9e9e9e}.blood-donation-form-page .registration-content .form-card .checkbox-list,.blood-donation-form-page .registration-content .form-card .radio-group{display:flex;flex-direction:column;gap:12px}.blood-donation-form-page .registration-content .form-card .checkbox-list .checkbox-item,.blood-donation-form-page .registration-content .form-card .checkbox-list .radio-item,.blood-donation-form-page .registration-content .form-card .radio-group .checkbox-item,.blood-donation-form-page .registration-content .form-card .radio-group .radio-item{display:flex;justify-content:flex-start;align-items:center;gap:12px;cursor:pointer}.blood-donation-form-page .registration-content .form-card .checkbox-list .checkbox-item input[type=checkbox],.blood-donation-form-page .registration-content .form-card .checkbox-list .checkbox-item input[type=radio],.blood-donation-form-page .registration-content .form-card .checkbox-list .radio-item input[type=checkbox],.blood-donation-form-page .registration-content .form-card .checkbox-list .radio-item input[type=radio],.blood-donation-form-page .registration-content .form-card .radio-group .checkbox-item input[type=checkbox],.blood-donation-form-page .registration-content .form-card .radio-group .checkbox-item input[type=radio],.blood-donation-form-page .registration-content .form-card .radio-group .radio-item input[type=checkbox],.blood-donation-form-page .registration-content .form-card .radio-group .radio-item input[type=radio]{width:18px;height:18px;cursor:pointer}.blood-donation-form-page .registration-content .form-card .checkbox-list .checkbox-item span,.blood-donation-form-page .registration-content .form-card .checkbox-list .radio-item span,.blood-donation-form-page .registration-content .form-card .radio-group .checkbox-item span,.blood-donation-form-page .registration-content .form-card .radio-group .radio-item span{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:1rem;color:#222;font-weight:400}.blood-donation-form-page .registration-content .form-card .form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:48px;gap:20px}.blood-donation-form-page .registration-content .form-card .form-actions .btn{flex:1;max-width:200px}.blood-donation-form-page .registration-content .form-card .form-actions .btn.btn-primary{margin:0;box-sizing:border-box;border:none;outline:none;list-style:none;text-decoration:none;display:inline-flex;padding:12px 32px;background:#1976d2;color:#fff;font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:600;font-size:1rem;border-radius:8px;cursor:pointer;text-align:center;align-items:center;justify-content:center;transition:background .2s}.blood-donation-form-page .registration-content .form-card .form-actions .btn.btn-primary:hover{background:#1565c0}.blood-donation-form-page .registration-content .form-card .form-actions .btn.btn-secondary{margin:0;box-sizing:border-box;border:none;outline:none;list-style:none;text-decoration:none;display:inline-flex;padding:12px 32px;background:#fff;color:#222;border:1px solid #e8ecef;font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:600;font-size:1rem;border-radius:8px;cursor:pointer;text-align:center;align-items:center;justify-content:center;transition:all .2s}.blood-donation-form-page .registration-content .form-card .form-actions .btn.btn-secondary:hover{background:#f8f9fa;border-color:#1976d2;color:#1976d2}.blood-donation-form-page .registration-content .result-section{width:100%;max-width:800px;margin:0 auto}.blood-donation-form-page .registration-content .result-section .result-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:48px 32px;text-align:center;transition:all .3s ease;border:2px solid transparent}.blood-donation-form-page .registration-content .result-section .result-card .result-icon{font-size:4rem;display:inline-block;padding:24px;border-radius:50%;width:120px;height:120px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.blood-donation-form-page .registration-content .result-section .result-card .result-content h2{font-size:2rem;font-weight:700;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.blood-donation-form-page .registration-content .result-section .result-card .result-content p{font-size:1.125rem;color:#6b7280;margin-bottom:32px;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.blood-donation-form-page .registration-content .result-section .result-card.failed{border-color:#ef4444;background:linear-gradient(135deg,#ef44440d,#ef44441a)}.blood-donation-form-page .registration-content .result-section .result-card.failed .result-icon{color:#ef4444;background:#ef44441a;animation:shake .5s ease-in-out}.blood-donation-form-page .registration-content .result-section .result-card.failed h2{color:#dc2626}.blood-donation-form-page .registration-content .result-section .result-card.error{border-color:#ef4444;background:linear-gradient(135deg,#ef44440d,#ef44441a)}.blood-donation-form-page .registration-content .result-section .result-card.error .result-icon{color:#ef4444;background:#ef44441a;animation:shake .5s ease-in-out}.blood-donation-form-page .registration-content .result-section .result-card.error h2{color:#dc2626}.blood-donation-form-page .registration-content .result-section .result-card.scheduled{border-color:#10b981;background:linear-gradient(135deg,#10b9810d,#10b9811a)}.blood-donation-form-page .registration-content .result-section .result-card.scheduled .result-icon{color:#10b981;background:#10b9811a;animation:bounce .6s ease-in-out}.blood-donation-form-page .registration-content .result-section .result-card.scheduled h2{color:#059669}.blood-donation-form-page .registration-content .result-section .result-card.scheduled .appointment-summary{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:2px solid #bbf7d0;border-radius:16px;padding:32px;margin:32px 0;text-align:left}.blood-donation-form-page .registration-content .result-section .result-card.scheduled .appointment-summary .summary-title{display:flex;align-items:center;font-weight:700;color:#059669;margin-bottom:24px;font-size:1.25rem}.blood-donation-form-page .registration-content .result-section .result-card.scheduled .appointment-summary .summary-title .me-2{margin-right:8px}.blood-donation-form-page .registration-content .result-section .result-card.scheduled .appointment-summary .appointment-details .detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #d1fae5}.blood-donation-form-page .registration-content .result-section .result-card.scheduled .appointment-summary .appointment-details .detail-item:last-child{border-bottom:none}.blood-donation-form-page .registration-content .result-section .result-card.scheduled .appointment-summary .appointment-details .detail-item strong{font-weight:600;color:#374151}.blood-donation-form-page .registration-content .result-section .result-card.scheduled .appointment-summary .appointment-details .detail-item .value{font-weight:500;color:#1f2937}.blood-donation-form-page .registration-content .result-section .result-card .result-actions{display:flex;justify-content:center;gap:16px;margin-top:32px;padding-top:32px;border-top:1px solid #e5e7eb}.blood-donation-form-page .registration-content .result-section .result-card .result-actions .btn{min-width:180px;padding:14px 28px;font-size:1rem;font-weight:600;border-radius:12px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.blood-donation-form-page .registration-content .result-section .result-card .result-actions .btn .me-2{margin-right:0!important}.blood-donation-form-page .registration-content .result-section .result-card .result-actions .btn.btn-primary{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.blood-donation-form-page .registration-content .result-section .result-card .result-actions .btn.btn-primary:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 24px #10b9814d}.blood-donation-form-page .registration-content .result-section .result-card .result-actions .btn.btn-outline-primary{border:2px solid #3b82f6;color:#3b82f6;background:transparent}.blood-donation-form-page .registration-content .result-section .result-card .result-actions .btn.btn-outline-primary:hover{background:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #3b82f64d}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (min-width: 1024px){.blood-donation-form-page .registration-content .page-header .hero-section,.blood-donation-form-page .registration-content .page-header .steps-navigation{min-height:240px}}@media (min-width: 768px) and (max-width: 1023px){.blood-donation-form-page .registration-content .page-header .hero-section{flex:0 0 40%}.blood-donation-form-page .registration-content .page-header .hero-section .hero-content h1{font-size:28px!important}.blood-donation-form-page .registration-content .page-header .hero-section .hero-content .hero-subtitle{font-size:16px!important}.blood-donation-form-page .registration-content .page-header .steps-navigation{flex:0 0 60%;padding:32px 24px}}@media (max-width: 991.98px){.blood-donation-form-page .registration-content .page-header{flex-direction:column;gap:24px}.blood-donation-form-page .registration-content .page-header .progress-steps{padding:0 20px}.blood-donation-form-page .registration-content .form-card{padding:32px}.blood-donation-form-page .result-section .result-card{padding:32px 24px}.blood-donation-form-page .result-section .result-card .result-icon{font-size:3rem;width:100px;height:100px;padding:20px}.blood-donation-form-page .result-section .result-card .result-content h2{font-size:1.5rem}.blood-donation-form-page .result-section .result-card .result-content p{font-size:1rem}.blood-donation-form-page .result-section .result-card .appointment-summary{padding:24px;margin:24px 0}.blood-donation-form-page .result-section .result-card .appointment-summary .summary-title{font-size:1.125rem}.blood-donation-form-page .result-section .result-card .appointment-summary .appointment-details .detail-item{flex-direction:column;align-items:flex-start;gap:8px;text-align:left}.blood-donation-form-page .result-section .result-card .result-actions{flex-direction:column;gap:12px}.blood-donation-form-page .result-section .result-card .result-actions .btn{width:100%;min-width:auto}}@media (max-width: 575.98px){.blood-donation-form-page .registration-content .page-header .progress-steps{padding:0 12px}.blood-donation-form-page .registration-content .page-header .progress-steps .step .step-text{font-size:.75rem}.blood-donation-form-page .registration-content .form-card{padding:20px}.ant-card{border-radius:16px;box-shadow:0 8px 24px #0000001f;border:1px solid #e5e7eb}.ant-card .ant-card-head{border-bottom:2px solid #e5e7eb;border-radius:16px 16px 0 0}.ant-card .ant-card-head .ant-card-head-title{font-size:20px;font-weight:700;color:#1f2937}.ant-card .ant-card-body{padding:32px}.ant-form-item-label>label{font-weight:600;color:#374151;font-size:14px}.ant-input,.ant-input-number,.ant-picker{border-radius:8px;border:1px solid #d1d5db}.ant-input:hover,.ant-input-number:hover,.ant-picker:hover{border-color:#3b82f6}.ant-input:focus,.ant-input-number:focus,.ant-picker:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ant-checkbox-wrapper{margin-bottom:12px;line-height:1.6;font-weight:500}.ant-checkbox-wrapper .ant-checkbox+span{font-size:15px}.ant-radio-wrapper{margin-bottom:12px;line-height:1.6;font-weight:500;font-size:15px}.ant-btn-primary{border-radius:8px;font-weight:600;height:auto;padding:12px 24px;font-size:16px}.ant-btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 16px #1890ff4d}.form-actions{display:flex;justify-content:center;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.form-actions .ant-btn{border-radius:8px;font-weight:600;height:auto;padding:12px 24px;font-size:16px;min-width:120px}.form-actions .ant-btn.ant-btn-primary{background:#1890ff;border-color:#1890ff}.form-actions .ant-btn.ant-btn-primary:hover{background:#40a9ff;border-color:#40a9ff;transform:translateY(-1px);box-shadow:0 8px 16px #1890ff4d}.form-actions .ant-btn.ant-btn-default:hover{border-color:#40a9ff;color:#40a9ff}}@media (max-width: 575.98px) and (max-width: 768px){.registration-content{padding:20px 16px}.registration-content:not(.result-page){padding:16px}.page-header{margin-bottom:24px!important;flex-direction:column!important;gap:24px!important}.page-header .hero-section{padding:32px 20px!important}.page-header .hero-section .hero-content h1{font-size:28px!important}.page-header .steps-navigation{padding:20px!important}.form-card{margin:16px auto!important;padding:20px!important}}@media (max-width: 575.98px) and (max-width: 480px){.page-header .hero-section{padding:24px 16px!important}.page-header .hero-section .hero-content h1{font-size:24px!important}.page-header .hero-section .hero-content .hero-subtitle{font-size:16px!important}.form-card{padding:16px!important}}@media (max-width: 575.98px){.retry-button{background:transparent!important;border:2px solid #3b82f6!important;color:#3b82f6!important;border-radius:10px!important;font-weight:600!important;font-size:14px!important;letter-spacing:.3px!important;min-width:160px;padding:10px 20px!important;margin-left:12px!important;box-shadow:0 3px 12px #3b82f633!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative;overflow:hidden}.retry-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .5s}.retry-button:hover{background:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #3b82f666!important}.retry-button:hover:before{left:100%}.retry-button:hover .anticon{transform:rotate(360deg)}.retry-button:active{transform:translateY(0)!important;box-shadow:0 4px 15px #3b82f633!important}.retry-button:focus{box-shadow:0 4px 15px #3b82f633,0 0 0 3px #3b82f633!important}.retry-button .anticon{font-size:18px;transition:transform .3s ease}}@media (max-width: 575.98px) and (max-width: 480px){.registration-content .result-section .result-card{padding:24px 16px}.registration-content .result-section .result-card .result-icon{font-size:2.5rem;width:80px;height:80px;padding:16px}.registration-content .result-section .result-card .result-content h2{font-size:1.25rem}}.blood-request-form-page{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;color:#222;background:#f6fbfd;min-height:100vh;padding:0;background:linear-gradient(135deg,#f1f5f9,#e2e8f0,#cbd5e1)}.blood-request-form-page .hero-section{position:relative;background:linear-gradient(135deg,#1e40af,#3b82f6,#60a5fa);padding:60px 0 40px;text-align:center;overflow:hidden}.blood-request-form-page .hero-section .hero-decoration-1{position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:#ffffff1a;border-radius:50%;filter:blur(60px)}.blood-request-form-page .hero-section .hero-decoration-2{position:absolute;bottom:-30px;left:-30px;width:150px;height:150px;background:#ffffff14;border-radius:50%;filter:blur(40px)}.blood-request-form-page .hero-section .hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto;padding:0 20px}.blood-request-form-page .hero-section .hero-content .hero-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 16px;text-shadow:0 2px 8px rgba(0,0,0,.3);letter-spacing:.5px}@media (max-width: 768px){.blood-request-form-page .hero-section .hero-content .hero-title{font-size:2rem}}.blood-request-form-page .hero-section .hero-content .hero-subtitle{font-size:1.25rem;color:#ffffffe6;margin:0;font-weight:400;line-height:1.5}@media (max-width: 768px){.blood-request-form-page .hero-section .hero-content .hero-subtitle{font-size:1.1rem}}.blood-request-form-page .request-content{min-height:calc(100vh - 80px);padding-bottom:40px}.blood-request-form-page .steps-navigation{padding:40px 20px;max-width:1200px;margin:0 auto}.blood-request-form-page .steps-navigation .steps-container{background:#fff;border-radius:16px;padding:32px;box-shadow:0 8px 32px #00000014;border:1px solid #e5e7eb}.blood-request-form-page .steps-navigation .steps-container .steps-wrapper{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;position:relative}@media (max-width: 768px){.blood-request-form-page .steps-navigation .steps-container .steps-wrapper{flex-direction:column;gap:20px}}.blood-request-form-page .steps-navigation .steps-container .steps-wrapper .step-item{flex:1;position:relative;display:flex;flex-direction:column;align-items:center}@media (max-width: 768px){.blood-request-form-page .steps-navigation .steps-container .steps-wrapper .step-item{flex-direction:row;align-items:center;text-align:left;width:100%}}.blood-request-form-page .steps-navigation .steps-container .steps-wrapper .step-item .step-indicator{display:flex;flex-direction:column;align-items:center;text-align:center}@media (max-width: 768px){.blood-request-form-page .steps-navigation .steps-container .steps-wrapper .step-item .step-indicator{flex-direction:row;text-align:left;gap:16px}}.blood-request-form-page .steps-navigation .steps-container .steps-wrapper .step-item .step-indicator .step-circle{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f8fafc;color:#64748b;font-size:20px;margin-bottom:12px;border:3px solid #e2e8f0;transition:all .3s ease;position:relative;z-index:2}@media (max-width: 768px){.blood-request-form-page .steps-navigation .steps-container .steps-wrapper .step-item .step-indicator .step-circle{width:48px;height:48px;font-size:18px;margin-bottom:0;flex-shrink:0}}.blood-request-form-page .steps-navigation .steps-container .steps-wrapper .step-item .step-indicator .step-circle.active{background:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f633;transform:scale(1.05)}.blood-request-form-page .steps-navigation .steps-container .steps-wrapper .step-item .step-indicator .step-circle.completed{background:#10b981;color:#fff;border-color:#10b981;box-shadow:0 0 0 4px #10b98133}@media (max-width: 768px){.blood-request-form-page .steps-navigation .steps-container .steps-wrapper .step-item .step-indicator .step-info{flex:1}}.blood-request-form-page .steps-navigation .steps-container .steps-wrapper .step-item .step-indicator .step-info .step-title{font-size:16px;font-weight:600;color:#64748b;margin-bottom:4px;transition:color .3s ease}.blood-request-form-page .steps-navigation .steps-container .steps-wrapper .step-item .step-indicator .step-info .step-title.active{color:#3b82f6}.blood-request-form-page .steps-navigation .steps-container .steps-wrapper .step-item .step-indicator .step-info .step-title.completed{color:#10b981}.blood-request-form-page .steps-navigation .steps-container .steps-wrapper .step-item .step-indicator .step-info .step-description{font-size:14px;color:#94a3b8;line-height:1.4;transition:color .3s ease}.blood-request-form-page .steps-navigation .steps-container .steps-wrapper .step-item .step-indicator .step-info .step-description.active{color:#64748b}.blood-request-form-page .steps-navigation .steps-container .steps-wrapper .step-item .step-connector{position:absolute;top:28px;left:calc(50% + 28px);width:calc(100% - 56px);height:3px;background:#e2e8f0;transition:background .3s ease;z-index:1}@media (max-width: 768px){.blood-request-form-page .steps-navigation .steps-container .steps-wrapper .step-item .step-connector{display:none}}.blood-request-form-page .steps-navigation .steps-container .steps-wrapper .step-item .step-connector.completed{background:#10b981}.blood-request-form-page .steps-navigation .steps-container .progress-bar-container .custom-progress{height:8px;border-radius:8px;background:#f1f5f9}.blood-request-form-page .steps-navigation .steps-container .progress-bar-container .custom-progress .progress-bar{border-radius:8px;transition:width .5s ease}.blood-request-form-page .form-container{max-width:1200px;margin:0 auto;padding:0 20px}.blood-request-form-page .form-container .main-form-card{border:none;border-radius:20px;box-shadow:0 12px 48px #0000001f;overflow:hidden;background:#fff}.blood-request-form-page .form-container .main-form-card .form-header{background:linear-gradient(135deg,#1e40af,#3b82f6);border:none;padding:32px;position:relative;overflow:hidden}.blood-request-form-page .form-container .main-form-card .form-header:before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:#ffffff1a;border-radius:50%;filter:blur(60px)}.blood-request-form-page .form-container .main-form-card .form-header .header-content{display:flex;align-items:center;gap:20px;position:relative;z-index:2}@media (max-width: 768px){.blood-request-form-page .form-container .main-form-card .form-header .header-content{gap:16px}}.blood-request-form-page .form-container .main-form-card .form-header .header-content .header-icon{width:56px;height:56px;background:#fff3;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}@media (max-width: 768px){.blood-request-form-page .form-container .main-form-card .form-header .header-content .header-icon{width:48px;height:48px;font-size:20px}}.blood-request-form-page .form-container .main-form-card .form-header .header-content .header-text{flex:1}.blood-request-form-page .form-container .main-form-card .form-header .header-content .header-text .header-title{font-size:24px;font-weight:700;color:#fff;margin:0 0 4px;text-shadow:0 2px 8px rgba(0,0,0,.3)}@media (max-width: 768px){.blood-request-form-page .form-container .main-form-card .form-header .header-content .header-text .header-title{font-size:20px}}.blood-request-form-page .form-container .main-form-card .form-header .header-content .header-text .header-description{font-size:16px;color:#ffffffe6;margin:0;font-weight:400}@media (max-width: 768px){.blood-request-form-page .form-container .main-form-card .form-header .header-content .header-text .header-description{font-size:14px}}.blood-request-form-page .form-container .main-form-card .form-header .step-counter{position:absolute;top:24px;right:24px}.blood-request-form-page .form-container .main-form-card .form-header .step-counter .badge{background:#ffffffe6!important;color:#1e40af!important;font-weight:700;padding:8px 12px;border-radius:20px;font-size:12px}@media (max-width: 768px){.blood-request-form-page .form-container .main-form-card .form-header .step-counter{position:static;align-self:flex-start;margin-top:12px}}.blood-request-form-page .form-container .main-form-card .form-body{padding:40px}@media (max-width: 768px){.blood-request-form-page .form-container .main-form-card .form-body{padding:24px}}.blood-request-form-page .form-container .main-form-card .form-body .step-content .section-title{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding:20px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:2px solid #e2e8f0}.blood-request-form-page .form-container .main-form-card .form-body .step-content .section-title .section-icon{color:#3b82f6;font-size:20px}.blood-request-form-page .form-container .main-form-card .form-body .step-content .section-title h5{color:#1e293b;font-weight:700;margin:0;font-size:18px}.blood-request-form-page .form-container .main-form-card .form-body .step-content .form-grid .form-group-row{display:grid;gap:20px;margin-bottom:24px}.blood-request-form-page .form-container .main-form-card .form-body .step-content .form-grid .form-group-row:not(.quantity-row){grid-template-columns:1fr 1fr}@media (max-width: 768px){.blood-request-form-page .form-container .main-form-card .form-body .step-content .form-grid .form-group-row:not(.quantity-row){grid-template-columns:1fr}}.blood-request-form-page .form-container .main-form-card .form-body .step-content .form-grid .form-group-row.quantity-row{grid-template-columns:2fr 1fr}@media (max-width: 768px){.blood-request-form-page .form-container .main-form-card .form-body .step-content .form-grid .form-group-row.quantity-row{grid-template-columns:1fr}}.blood-request-form-page .form-container .main-form-card .form-body .step-content .form-grid .form-group-row .form-group.flex-1{grid-column:span 1}.blood-request-form-page .form-container .main-form-card .form-body .step-content .form-grid .form-group-row .form-group.flex-2{grid-column:span 2}@media (max-width: 768px){.blood-request-form-page .form-container .main-form-card .form-body .step-content .form-grid .form-group-row .form-group.flex-2{grid-column:span 1}}.blood-request-form-page .form-container .main-form-card .form-body .step-content .form-grid .form-group{margin-bottom:24px}.blood-request-form-page .form-container .main-form-card .form-body .step-content .form-grid .form-group .form-label{display:block;font-weight:700;color:#1f2937;font-size:15px;margin-bottom:8px;letter-spacing:.3px}.blood-request-form-page .form-container .main-form-card .form-body .step-content .form-grid .form-group .form-label .required{color:#ef4444;font-weight:600}.blood-request-form-page .form-container .main-form-card .form-body .step-content .form-grid .form-group .form-input,.blood-request-form-page .form-container .main-form-card .form-body .step-content .form-grid .form-group .form-select,.blood-request-form-page .form-container .main-form-card .form-body .step-content .form-grid .form-group .form-textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;transition:all .3s ease;background:#fff}.blood-request-form-page .form-container .main-form-card .form-body .step-content .form-grid .form-group .form-input:focus,.blood-request-form-page .form-container .main-form-card .form-body .step-content .form-grid .form-group .form-select:focus,.blood-request-form-page .form-container .main-form-card .form-body .step-content .form-grid .form-group .form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.blood-request-form-page .form-container .main-form-card .form-body .step-content .form-grid .form-group .form-input.is-invalid,.blood-request-form-page .form-container .main-form-card .form-body .step-content .form-grid .form-group .form-select.is-invalid,.blood-request-form-page .form-container .main-form-card .form-body .step-content .form-grid .form-group .form-textarea.is-invalid{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.blood-request-form-page .form-container .main-form-card .form-body .step-content .form-grid .form-group .form-input::placeholder,.blood-request-form-page .form-container .main-form-card .form-body .step-content .form-grid .form-group .form-select::placeholder,.blood-request-form-page .form-container .main-form-card .form-body .step-content .form-grid .form-group .form-textarea::placeholder{color:#9ca3af}.blood-request-form-page .form-container .main-form-card .form-body .step-content .form-grid .form-group .form-textarea{min-height:120px;resize:vertical;line-height:1.6}.blood-request-form-page .form-container .main-form-card .form-body .step-content .form-grid .form-group .unit-input{background:#f8fafc!important;color:#64748b;font-weight:600;text-align:center}.blood-request-form-page .form-container .main-form-card .form-body .step-content .form-grid .form-group .error-message{color:#ef4444;font-size:14px;margin-top:6px;font-weight:500}.blood-request-form-page .form-container .main-form-card .form-body .form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:32px;border-top:2px solid #f1f5f9}@media (max-width: 768px){.blood-request-form-page .form-container .main-form-card .form-body .form-actions{flex-direction:column;gap:16px}}@media (max-width: 768px){.blood-request-form-page .form-container .main-form-card .form-body .form-actions .actions-left,.blood-request-form-page .form-container .main-form-card .form-body .form-actions .actions-right{width:100%}}.blood-request-form-page .form-container .main-form-card .form-body .form-actions .btn-back{padding:12px 24px;border-radius:12px;font-weight:600;border:2px solid #e2e8f0;background:#fff;color:#64748b;transition:all .3s ease}.blood-request-form-page .form-container .main-form-card .form-body .form-actions .btn-back:hover{border-color:#cbd5e1;background:#f8fafc;transform:translateY(-2px)}@media (max-width: 768px){.blood-request-form-page .form-container .main-form-card .form-body .form-actions .btn-back{width:100%}}.blood-request-form-page .form-container .main-form-card .form-body .form-actions .btn-next,.blood-request-form-page .form-container .main-form-card .form-body .form-actions .btn-submit{padding:12px 32px;border-radius:12px;font-weight:600;border:none;transition:all .3s ease}@media (max-width: 768px){.blood-request-form-page .form-container .main-form-card .form-body .form-actions .btn-next,.blood-request-form-page .form-container .main-form-card .form-body .form-actions .btn-submit{width:100%}}.blood-request-form-page .form-container .main-form-card .form-body .form-actions .btn-next{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.blood-request-form-page .form-container .main-form-card .form-body .form-actions .btn-next:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 8px 24px #3b82f64d}.blood-request-form-page .form-container .main-form-card .form-body .form-actions .btn-submit{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.blood-request-form-page .form-container .main-form-card .form-body .form-actions .btn-submit:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 24px #10b9814d}.blood-request-form-page .form-container .main-form-card .form-body .form-actions .btn-submit:disabled{opacity:.7;transform:none;box-shadow:none}.blood-request-form-page .success-card{border:2px solid #10b981!important}.blood-request-form-page .success-card .result-icon{font-size:4rem;margin-bottom:1.5rem}.blood-request-form-page .success-card .result-title{color:#059669;font-weight:700;margin-bottom:1rem}.blood-request-form-page .success-card .result-description{color:#374151;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.blood-request-form-page .success-card .request-summary{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:2px solid #bbf7d0;border-radius:12px;padding:24px;margin:24px 0;text-align:left}.blood-request-form-page .success-card .request-summary .summary-title{display:flex;align-items:center;font-weight:700;color:#059669;margin-bottom:16px;font-size:18px}.blood-request-form-page .success-card .request-summary .summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #d1fae5}.blood-request-form-page .success-card .request-summary .summary-item:last-child{border-bottom:none}.blood-request-form-page .success-card .request-summary .summary-item .label{font-weight:600;color:#374151}.blood-request-form-page .success-card .request-summary .summary-item .value{font-weight:500;color:#1f2937}.blood-request-form-page .success-card .request-summary .summary-item .value.request-id{color:#059669;font-weight:700}.blood-request-form-page .success-card .request-summary .summary-item .value.blood-type{background:#dc2626;color:#fff;padding:4px 12px;border-radius:20px;font-weight:600;font-size:14px}.blood-request-form-page .success-card .home-button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;font-weight:600;transition:all .3s ease}.blood-request-form-page .success-card .home-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 24px #10b9814d}.blood-request-form-page .error-card{border:2px solid #ef4444!important}.blood-request-form-page .error-card .result-icon{font-size:4rem;margin-bottom:1.5rem}.blood-request-form-page .error-card .result-title{color:#dc2626;font-weight:700;margin-bottom:1rem}.blood-request-form-page .error-card .result-description{color:#374151;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.blood-request-form-page .error-card .retry-button{border:2px solid #3b82f6;border-radius:12px;font-weight:600;transition:all .3s ease}.blood-request-form-page .error-card .retry-button:hover{background:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #3b82f64d}.blood-request-form-page .pdf-upload-section .pdf-upload-container{margin-top:12px}.blood-request-form-page .pdf-upload-section .pdf-upload-container .upload-area{border:2px dashed #d1d5db;border-radius:12px;background:#f9fafb;transition:all .3s ease}.blood-request-form-page .pdf-upload-section .pdf-upload-container .upload-area:hover{border-color:#3b82f6;background:#eff6ff}.blood-request-form-page .pdf-upload-section .pdf-upload-container .upload-area .pdf-upload-label{display:block;padding:32px 24px;cursor:pointer;margin:0;text-align:center}.blood-request-form-page .pdf-upload-section .pdf-upload-container .upload-area .pdf-upload-label .upload-content{display:flex;flex-direction:column;align-items:center;gap:12px}.blood-request-form-page .pdf-upload-section .pdf-upload-container .upload-area .pdf-upload-label .upload-content .upload-icon{font-size:48px;opacity:.7}.blood-request-form-page .pdf-upload-section .pdf-upload-container .upload-area .pdf-upload-label .upload-content .upload-text strong{color:#374151;font-size:16px}.blood-request-form-page .pdf-upload-section .pdf-upload-container .upload-area .pdf-upload-label .upload-content .upload-text .upload-subtext{color:#6b7280;font-size:14px}.blood-request-form-page .pdf-upload-section .pdf-upload-container .upload-area.is-invalid{border-color:#ef4444;background:#fef2f2}.blood-request-form-page .pdf-upload-section .pdf-upload-container .upload-status{margin-top:12px;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:14px}.blood-request-form-page .pdf-upload-section .pdf-upload-container .upload-status .status-icon{font-size:18px;flex-shrink:0}.blood-request-form-page .pdf-upload-section .pdf-upload-container .upload-status .status-content{flex-grow:1}.blood-request-form-page .pdf-upload-section .pdf-upload-container .upload-status .status-content .status-text{margin:0}.blood-request-form-page .pdf-upload-section .pdf-upload-container .upload-status .status-content .status-text strong{color:#374151}.blood-request-form-page .pdf-upload-section .pdf-upload-container .upload-status .status-content .file-size{color:#6b7280;font-size:12px;margin-top:2px}.blood-request-form-page .pdf-upload-section .pdf-upload-container .upload-status.uploading{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;color:#92400e}.blood-request-form-page .pdf-upload-section .pdf-upload-container .upload-status.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981;color:#065f46}.blood-request-form-page .pdf-upload-section .pdf-upload-container .upload-status.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;color:#991b1b}.blood-request-form-page .spinner-border{color:#3b82f6}.blood-request-form-page .alert{border-radius:12px;border:2px solid;padding:24px}.blood-request-form-page .alert.alert-info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd;color:#1e40af}.blood-request-form-page .alert.alert-warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fcd34d;color:#92400e}@media (max-width: 768px){.blood-request-form-page .hero-section{padding:40px 0 30px}.blood-request-form-page .steps-navigation{padding:20px 16px}.blood-request-form-page .steps-navigation .steps-container{padding:20px}.blood-request-form-page .form-container{padding:0 16px}}.blood-request-form-page .registration-content{padding:40px 20px;min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center}.blood-request-form-page .registration-content .result-section{width:100%;max-width:800px}.blood-request-form-page .registration-content .result-section .result-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:48px 32px;text-align:center;transition:all .3s ease;border:2px solid transparent}.blood-request-form-page .registration-content .result-section .result-card .result-icon{font-size:4rem;display:inline-block;padding:24px;border-radius:50%;width:120px;height:120px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.blood-request-form-page .registration-content .result-section .result-card .result-content h2{font-size:2rem;font-weight:700;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.blood-request-form-page .registration-content .result-section .result-card .result-content p{font-size:1.125rem;color:#6b7280;margin-bottom:32px;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.blood-request-form-page .registration-content .result-section .result-card.success{border-color:#10b981;background:linear-gradient(135deg,#10b9810d,#10b9811a)}.blood-request-form-page .registration-content .result-section .result-card.success .result-icon{color:#10b981;background:#10b9811a;animation:bounce .6s ease-in-out}.blood-request-form-page .registration-content .result-section .result-card.success h2{color:#059669}.blood-request-form-page .registration-content .result-section .result-card.success .request-summary{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:2px solid #bbf7d0;border-radius:16px;padding:32px;margin:32px 0;text-align:left}.blood-request-form-page .registration-content .result-section .result-card.success .request-summary .summary-title{display:flex;align-items:center;font-weight:700;color:#059669;margin-bottom:24px;font-size:1.25rem}.blood-request-form-page .registration-content .result-section .result-card.success .request-summary .summary-title .me-2{margin-right:8px}.blood-request-form-page .registration-content .result-section .result-card.success .request-summary .request-details .detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #d1fae5}.blood-request-form-page .registration-content .result-section .result-card.success .request-summary .request-details .detail-item:last-child{border-bottom:none}.blood-request-form-page .registration-content .result-section .result-card.success .request-summary .request-details .detail-item strong{font-weight:600;color:#374151}.blood-request-form-page .registration-content .result-section .result-card.success .request-summary .request-details .detail-item .value{font-weight:500;color:#1f2937}.blood-request-form-page .registration-content .result-section .result-card.success .request-summary .request-details .detail-item .value.request-id{color:#059669;font-weight:700;font-size:1.1rem}.blood-request-form-page .registration-content .result-section .result-card.success .request-summary .request-details .detail-item .value.blood-type{background:#dc2626;color:#fff;padding:6px 16px;border-radius:20px;font-weight:600;font-size:.875rem}.blood-request-form-page .registration-content .result-section .result-card.error{border-color:#ef4444;background:linear-gradient(135deg,#ef44440d,#ef44441a)}.blood-request-form-page .registration-content .result-section .result-card.error .result-icon{color:#ef4444;background:#ef44441a;animation:shake .5s ease-in-out}.blood-request-form-page .registration-content .result-section .result-card.error h2{color:#dc2626}.blood-request-form-page .registration-content .result-section .result-card .result-actions{display:flex;justify-content:center;gap:16px;margin-top:32px;padding-top:32px;border-top:1px solid #e5e7eb}.blood-request-form-page .registration-content .result-section .result-card .result-actions .btn{min-width:180px;padding:14px 28px;font-size:1rem;font-weight:600;border-radius:12px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.blood-request-form-page .registration-content .result-section .result-card .result-actions .btn .me-2{margin-right:0!important}.blood-request-form-page .registration-content .result-section .result-card .result-actions .btn.btn-primary{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.blood-request-form-page .registration-content .result-section .result-card .result-actions .btn.btn-primary:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 24px #10b9814d}.blood-request-form-page .registration-content .result-section .result-card .result-actions .btn.btn-outline-primary{border:2px solid #3b82f6;color:#3b82f6;background:transparent}.blood-request-form-page .registration-content .result-section .result-card .result-actions .btn.btn-outline-primary:hover{background:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #3b82f64d}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-15px,0)}70%{transform:translate3d(0,-7px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@media (max-width: 768px){.blood-request-form-page .registration-content{padding:20px 16px}.blood-request-form-page .registration-content .result-section .result-card{padding:32px 24px}.blood-request-form-page .registration-content .result-section .result-card .result-icon{font-size:3rem;width:100px;height:100px;padding:20px}.blood-request-form-page .registration-content .result-section .result-card .result-content h2{font-size:1.5rem}.blood-request-form-page .registration-content .result-section .result-card .result-content p{font-size:1rem}.blood-request-form-page .registration-content .result-section .result-card .request-summary{padding:24px;margin:24px 0}.blood-request-form-page .registration-content .result-section .result-card .request-summary .summary-title{font-size:1.125rem}.blood-request-form-page .registration-content .result-section .result-card .request-summary .request-details .detail-item{flex-direction:column;align-items:flex-start;gap:8px;text-align:left}.blood-request-form-page .registration-content .result-section .result-card .request-summary .request-details .detail-item .value.blood-type{align-self:flex-end}.blood-request-form-page .registration-content .result-section .result-card .result-actions{flex-direction:column;gap:12px}.blood-request-form-page .registration-content .result-section .result-card .result-actions .btn{width:100%;min-width:auto}}@media (max-width: 480px){.blood-request-form-page .registration-content .result-section .result-card{padding:24px 16px}.blood-request-form-page .registration-content .result-section .result-card .result-icon{font-size:2.5rem;width:80px;height:80px;padding:16px}.blood-request-form-page .registration-content .result-section .result-card .result-content h2{font-size:1.25rem}}.detailed-status-timeline .ant-card-head{background:linear-gradient(135deg,#f0f8ff,#e6f7ff);border-bottom:1px solid #d9d9d9}.detailed-status-timeline .ant-card-head .ant-card-head-title{font-weight:600;color:#222}.detailed-status-timeline .status-timeline{margin:16px 0}.detailed-status-timeline .status-timeline .ant-timeline-item{padding-bottom:16px}.detailed-status-timeline .status-timeline .ant-timeline-item .ant-timeline-item-content{margin-left:24px;min-height:48px}.detailed-status-timeline .status-timeline .ant-timeline-item .timeline-item .timeline-content{padding:8px 12px;background:#fafafa;border-radius:6px;border-left:3px solid #1890ff}.detailed-status-timeline .status-timeline .ant-timeline-item .timeline-item .timeline-content .ant-typography{margin-bottom:4px}.detailed-status-timeline .status-timeline .ant-timeline-item .timeline-item .timeline-content .ant-typography:last-child{margin-bottom:0}.detailed-status-timeline .status-timeline .ant-timeline-item:has(.timeline-content:contains("Tạo yêu cầu")) .timeline-content{border-left-color:#1890ff;background:#f0f8ff}.detailed-status-timeline .status-timeline .ant-timeline-item:has(.timeline-content:contains("Đã chấp nhận")) .timeline-content{border-left-color:#52c41a;background:#f6ffed}.detailed-status-timeline .status-timeline .ant-timeline-item:has(.timeline-content:contains("Hoàn thành")) .timeline-content{border-left-color:#1890ff;background:#e6f7ff}.detailed-status-timeline .status-timeline .ant-timeline-item:has(.timeline-content:contains("Từ chối")) .timeline-content{border-left-color:#ff4d4f;background:#fff2f0}.detailed-status-timeline .status-timeline .ant-timeline-item-tail{border-left:2px solid #e8e8e8}.detailed-status-timeline .status-timeline .ant-timeline-item-head{background:#fff;border:2px solid #e8e8e8;width:12px;height:12px}.detailed-status-timeline .status-timeline .ant-timeline-item-head.ant-timeline-item-head-custom{border:none;background:transparent;width:20px;height:20px}.detailed-status-timeline .status-timeline .ant-timeline-item-head.ant-timeline-item-head-custom .anticon{font-size:16px}.detailed-status-timeline .current-status-summary{margin-top:16px;padding:12px;background:#f9f9f9;border-radius:6px;text-align:center}.detailed-status-timeline .current-status-summary .ant-tag{margin-left:8px;font-weight:500;padding:4px 12px;border-radius:12px}@media (max-width: 768px){.detailed-status-timeline .status-timeline .ant-timeline-item-content{margin-left:16px}.detailed-status-timeline .status-timeline .timeline-item .timeline-content{padding:6px 8px;font-size:14px}}.detail-modal-content .detail-header-card .ant-card-body{padding:16px}.detail-modal-content .detail-sections .ant-card .ant-card-head{background:linear-gradient(135deg,#f8f9fa,#e8ecef);border-bottom:1px solid #e8ecef}.detail-modal-content .detail-sections .ant-card .ant-card-head .ant-card-head-title{font-weight:600;color:#222}.detail-modal-content .detail-sections .ant-card .ant-card-body{padding:16px}.detail-modal-content .detail-sections .detail-item{margin-bottom:8px}.detail-modal-content .detail-sections .detail-item .ant-typography{margin-bottom:4px}.detail-modal{border-radius:16px}.detail-modal .detail-modal-icon.donation{color:#d32f2f}.detail-modal .detail-modal-icon.request{color:#1976d2}.detail-modal .detail-modal-title{font-size:18px;color:#222}.detail-modal .detail-modal-close-button{border-radius:8px;font-weight:500}@media (max-width: 768px){.detail-modal-content .detail-sections .ant-col-12{width:100%!important;max-width:100%!important}.detail-modal-content .detail-sections .ant-col-8{width:100%!important;max-width:100%!important;margin-bottom:12px}}.activity-history-page{min-height:100vh;background:#f6fbfd}.activity-history-page .activity-content{padding:2rem;margin-top:20px}.activity-history-page .activity-content .page-header{margin-bottom:24px;background:linear-gradient(135deg,#fff,#f8f9fa);padding:2rem 2.5rem;border-radius:12px;box-shadow:0 8px 32px #00000014;border:1px solid rgba(255,255,255,.8);display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.activity-history-page .activity-content .page-header:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000001f;border-color:#667eea33}.activity-history-page .activity-content .page-header:before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:linear-gradient(45deg,#1976d20d,#2196f314);border-radius:50%;z-index:0}.activity-history-page .activity-content .page-header:after{content:"";position:absolute;bottom:-30%;left:-10%;width:150px;height:150px;background:linear-gradient(45deg,#4caf500d,#8bc34a14);border-radius:50%;z-index:0}.activity-history-page .activity-content .page-header .header-content{position:relative;z-index:1;flex:1}.activity-history-page .activity-content .page-header .header-content h1{color:#222;margin-bottom:8px;font-size:2.5rem;font-weight:800;font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;background:linear-gradient(135deg,#222,#d93e4c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;letter-spacing:-.5px}@supports not (-webkit-background-clip: text){.activity-history-page .activity-content .page-header .header-content h1{color:#222}}.activity-history-page .activity-content .page-header .header-content p{color:#6c757d;font-size:1.1rem;margin:0;font-weight:500;line-height:1.5;max-width:500px}.activity-history-page .activity-content .page-header .header-content p:before{content:"📊";margin-right:8px;font-size:1.2rem}.activity-history-page .activity-content .page-header .header-content .breadcrumb-hint{margin-top:4px;font-size:.85rem;color:#9e9e9e;font-weight:400}.activity-history-page .activity-content .page-header .header-content .breadcrumb-hint .breadcrumb-item{display:inline-block}.activity-history-page .activity-content .page-header .header-content .breadcrumb-hint .breadcrumb-item:after{content:" › ";margin:0 4px;color:#e8ecef}.activity-history-page .activity-content .page-header .header-content .breadcrumb-hint .breadcrumb-item:last-child:after{display:none}.activity-history-page .activity-content .page-header .header-content .breadcrumb-hint .breadcrumb-item.active{color:#d93e4c;font-weight:600}.activity-history-page .activity-content .page-header .btn{position:relative;z-index:1;padding:12px 24px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 16px #0000001a}.activity-history-page .activity-content .page-header .btn.btn-primary{background:linear-gradient(135deg,#d93e4c,#1565c0);color:#fff;border:2px solid transparent}.activity-history-page .activity-content .page-header .btn.btn-primary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);border-radius:10px;pointer-events:none}.activity-history-page .activity-content .page-header .btn.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1565c0,#104d92);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #1976d266}.activity-history-page .activity-content .page-header .btn.btn-primary:active{transform:translateY(-1px) scale(1.01)}.activity-history-page .activity-content .page-header .btn.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.activity-history-page .activity-content .page-header .btn.btn-danger{background:#f44336;color:#fff}.activity-history-page .activity-content .page-header .btn.btn-danger:hover:not(:disabled){background:#ea1c0d;transform:translateY(-1px);box-shadow:0 4px 12px #f443364d}.activity-history-page .activity-content .page-header .btn.btn-danger:disabled{opacity:.6;cursor:not-allowed}.activity-history-page .activity-content .page-header .btn.btn-info{background:#2196f3;color:#fff}.activity-history-page .activity-content .page-header .btn.btn-info:hover:not(:disabled){background:#0c7cd5;transform:translateY(-1px);box-shadow:0 4px 12px #2196f34d}.activity-history-page .activity-content .page-header .btn.btn-info:disabled{opacity:.6;cursor:not-allowed}.activity-history-page .activity-content .page-header .btn.btn-success{background:#4caf50;color:#fff}.activity-history-page .activity-content .page-header .btn.btn-success:hover:not(:disabled){background:#388e3c;transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.activity-history-page .activity-content .page-header .btn.btn-success:disabled{opacity:.6;cursor:not-allowed}.activity-history-page .activity-content .stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.activity-history-page .activity-content .stats-section .stat-card{background:#fff;padding:16px;border-radius:12px;box-shadow:0 4px 12px #00000014;border:1px solid #e8ecef;display:flex;align-items:center;gap:16px;transition:all .3s ease}.activity-history-page .activity-content .stats-section .stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00000026}.activity-history-page .activity-content .stats-section .stat-card .stat-icon{font-size:2.5rem;flex-shrink:0}.activity-history-page .activity-content .stats-section .stat-card .stat-content .stat-number{font-size:1.5rem;font-weight:800;margin:0 0 4px;color:#20374e}.activity-history-page .activity-content .stats-section .stat-card .stat-content .stat-label{color:#6c757d;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.activity-history-page .activity-content .stats-section .stat-card.total{border-left:4px solid #d93e4c}.activity-history-page .activity-content .stats-section .stat-card.total .stat-icon{color:#d93e4c}.activity-history-page .activity-content .stats-section .stat-card.donations{border-left:4px solid #20374e}.activity-history-page .activity-content .stats-section .stat-card.donations .stat-icon{color:#20374e}.activity-history-page .activity-content .stats-section .stat-card.requests{border-left:4px solid #2196f3}.activity-history-page .activity-content .stats-section .stat-card.requests .stat-icon{color:#2196f3}.activity-history-page .activity-content .stats-section .stat-card.completed{border-left:4px solid #4caf50}.activity-history-page .activity-content .stats-section .stat-card.completed .stat-icon{color:#4caf50}.activity-history-page .activity-content .filters-section{background:#fff;padding:16px;border-radius:12px;box-shadow:0 4px 12px #00000014;border:1px solid #e8ecef;margin-bottom:24px;display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.activity-history-page .activity-content .filters-section .filter-group{display:flex;align-items:center;gap:.75rem}.activity-history-page .activity-content .filters-section .filter-group label{font-weight:700;color:#20374e;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.activity-history-page .activity-content .filters-section .filter-group select{padding:8px 16px;border:2px solid #e8ecef;border-radius:8px;font-size:16px;background:#fff;transition:all .3s ease;font-weight:500;min-width:150px}.activity-history-page .activity-content .filters-section .filter-group select:focus{outline:none;border-color:#d93e4c;box-shadow:0 0 0 4px #1976d21a}.activity-history-page .activity-content .filter-section-card{margin-bottom:24px;border-radius:12px;box-shadow:0 4px 12px #00000014;border:1px solid #e8ecef}.activity-history-page .activity-content .filter-section-card .filter-icon-wrapper{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#d93e4c,#20374e);border-radius:50%}.activity-history-page .activity-content .filter-section-card .filter-icon-wrapper .filter-icon{color:#fff;font-size:14px}.activity-history-page .activity-content .filter-section-card .filter-label{color:#20374e;font-size:16px;margin:0}.activity-history-page .activity-content .filter-section-card .filter-select .ant-select-selector{border-radius:8px;border:2px solid #e8ecef;transition:all .3s ease}.activity-history-page .activity-content .filter-section-card .filter-select .ant-select-selector:hover{border-color:#d93e4c}.activity-history-page .activity-content .filter-section-card .filter-select.ant-select-focused .ant-select-selector{border-color:#d93e4c;box-shadow:0 0 0 4px #1976d21a}.activity-history-page .activity-content .activities-section .loading-state{text-align:center;padding:48px;color:#6c757d}.activity-history-page .activity-content .activities-section .loading-state .loading-spinner{width:40px;height:40px;border:4px solid #f6f6f6;border-top:4px solid #d93e4c;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.activity-history-page .activity-content .activities-section .loading-state p{font-size:1.1rem;margin:0}.activity-history-page .activity-content .activities-section .empty-state{text-align:center;padding:48px;color:#6c757d}.activity-history-page .activity-content .activities-section .empty-state .empty-icon{font-size:3rem;display:block;margin-bottom:16px}.activity-history-page .activity-content .activities-section .empty-state h3{margin:0 0 16px;color:#20374e;font-size:1.5rem}.activity-history-page .activity-content .activities-section .empty-state p{margin:0;font-size:18px;line-height:1.5}.activity-history-page .activity-content .activities-section .activities-list{display:flex;flex-direction:column;gap:24px}.activity-history-page .activity-content .activities-section .activities-list .activity-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;border:1px solid #e8ecef;margin-bottom:16px;transition:all .3s ease;overflow:hidden}.activity-history-page .activity-content .activities-section .activities-list .activity-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00000026}.activity-history-page .activity-content .activities-section .activities-list .activity-card.cancelled{opacity:.6;background:#f8f9fa;border:1px solid #dee2e6;position:relative}.activity-history-page .activity-content .activities-section .activities-list .activity-card.cancelled:before{content:"❌ ĐÃ HỦY";position:absolute;top:10px;right:10px;background:#dc35451a;color:#dc3545;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:700;z-index:10}.activity-history-page .activity-content .activities-section .activities-list .activity-card.cancelled:hover{transform:none;box-shadow:0 4px 12px #0000001a}.activity-history-page .activity-content .activities-section .activities-list .activity-card.cancelled .activity-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);opacity:.8}.activity-history-page .activity-content .activities-section .activities-list .activity-card.cancelled .activity-title{text-decoration:line-through;color:#6c757d!important}.activity-history-page .activity-content .activities-section .activities-list .activity-card.cancelled .status-badge{background-color:#6c757d!important}.activity-history-page .activity-content .activities-section .activities-list .activity-card.cancelled .activity-actions .btn{opacity:.5;pointer-events:none}.activity-history-page .activity-content .activities-section .activities-list .activity-card.donation{border-left:4px solid #20374e}.activity-history-page .activity-content .activities-section .activities-list .activity-card.request{border-left:4px solid #2196f3}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-header{padding:1.5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-header .activity-info{flex:1;min-width:250px}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-header .activity-info .activity-title{font-size:1.3rem;font-weight:700;color:#495057;margin-bottom:.5rem}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-header .activity-info .activity-date{color:#6c757d;font-size:.9rem;font-weight:500}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-header .activity-info .activity-date .completed-date{color:#28a745;font-weight:700;margin-left:.5rem}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details{padding:1.5rem}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section{margin-bottom:1.5rem}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section:last-child{margin-bottom:0}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section h4{margin:0 0 .75rem;color:#20374e;font-size:1rem;font-weight:700}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info{display:flex;flex-direction:column;gap:8px}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .info-item,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .info-item,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .info-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8f9fa;border-radius:8px;border:1px solid #e8ecef}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .info-item .info-icon,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .info-item .info-icon,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .info-item .info-icon{color:#d93e4c;font-size:14px;flex-shrink:0}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .info-item .info-label,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .info-item .info-label,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .info-item .info-label{font-weight:600;color:#6c757d;min-width:80px}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .info-item .info-value,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .info-item .info-value,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .info-item .info-value{color:#20374e;font-weight:500;flex:1}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .info-item .info-value.blood-type,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .info-item .info-value.blood-type,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .info-item .info-value.blood-type{font-weight:700;color:#20374e}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .appointment-time-section,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .appointment-time-section,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .appointment-time-section{margin-bottom:16px}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .appointment-time-section .appointment-item,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .appointment-time-section .appointment-item,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .appointment-time-section .appointment-item{display:flex;justify-content:space-between;align-items:center;padding:8px;margin-bottom:4px;border-radius:8px;background:#f8f9fa;border-left:3px solid #e8ecef;transition:all .3s ease}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .appointment-time-section .appointment-item:hover,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .appointment-time-section .appointment-item:hover,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .appointment-time-section .appointment-item:hover{background:#fff;border-left-color:#d93e4c;transform:translate(2px)}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .appointment-time-section .appointment-item.highlight,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .appointment-time-section .appointment-item.highlight,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .appointment-time-section .appointment-item.highlight{background:linear-gradient(135deg,#e3f2fd,#ffebee);border-left-color:#d93e4c;font-weight:600}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .appointment-time-section .appointment-item .appointment-label,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .appointment-time-section .appointment-item .appointment-label,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .appointment-time-section .appointment-item .appointment-label{color:#20374e;font-weight:500;font-size:.875rem}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .appointment-time-section .appointment-item .appointment-value,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .appointment-time-section .appointment-item .appointment-value,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .appointment-time-section .appointment-item .appointment-value{color:#6c757d;font-weight:600;font-size:.875rem}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .health-info-section,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .donation-history-section,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .health-info-section,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .donation-history-section,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .health-info-section,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .donation-history-section{margin-top:16px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e8ecef}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .health-info-section h5,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .donation-history-section h5,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .health-info-section h5,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .donation-history-section h5,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .health-info-section h5,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .donation-history-section h5{margin:0 0 8px;color:#d93e4c;font-size:16px;font-weight:600}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .health-info-grid,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .donation-history-grid,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .health-info-grid,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .donation-history-grid,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .health-info-grid,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .donation-history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .health-info-grid .health-info-item,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .health-info-grid .history-item,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .donation-history-grid .health-info-item,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .donation-history-grid .history-item,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .health-info-grid .health-info-item,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .health-info-grid .history-item,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .donation-history-grid .health-info-item,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .donation-history-grid .history-item,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .health-info-grid .health-info-item,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .health-info-grid .history-item,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .donation-history-grid .health-info-item,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .donation-history-grid .history-item{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:#fff;border-radius:8px;border:1px solid #e8ecef}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .health-info-grid .health-info-item .health-label,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .health-info-grid .health-info-item .history-label,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .health-info-grid .history-item .health-label,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .health-info-grid .history-item .history-label,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .donation-history-grid .health-info-item .health-label,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .donation-history-grid .health-info-item .history-label,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .donation-history-grid .history-item .health-label,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .donation-history-grid .history-item .history-label,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .health-info-grid .health-info-item .health-label,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .health-info-grid .health-info-item .history-label,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .health-info-grid .history-item .health-label,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .health-info-grid .history-item .history-label,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .donation-history-grid .health-info-item .health-label,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .donation-history-grid .health-info-item .history-label,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .donation-history-grid .history-item .health-label,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .donation-history-grid .history-item .history-label,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .health-info-grid .health-info-item .health-label,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .health-info-grid .health-info-item .history-label,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .health-info-grid .history-item .health-label,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .health-info-grid .history-item .history-label,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .donation-history-grid .health-info-item .health-label,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .donation-history-grid .health-info-item .history-label,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .donation-history-grid .history-item .health-label,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .donation-history-grid .history-item .history-label{color:#20374e;font-size:.75rem;font-weight:500}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .health-info-grid .health-info-item .health-value,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .health-info-grid .health-info-item .history-value,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .health-info-grid .history-item .health-value,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .health-info-grid .history-item .history-value,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .donation-history-grid .health-info-item .health-value,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .donation-history-grid .health-info-item .history-value,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .donation-history-grid .history-item .health-value,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .donation-history-grid .history-item .history-value,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .health-info-grid .health-info-item .health-value,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .health-info-grid .health-info-item .history-value,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .health-info-grid .history-item .health-value,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .health-info-grid .history-item .history-value,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .donation-history-grid .health-info-item .health-value,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .donation-history-grid .health-info-item .history-value,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .donation-history-grid .history-item .health-value,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .donation-history-grid .history-item .history-value,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .health-info-grid .health-info-item .health-value,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .health-info-grid .health-info-item .history-value,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .health-info-grid .history-item .health-value,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .health-info-grid .history-item .history-value,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .donation-history-grid .health-info-item .health-value,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .donation-history-grid .health-info-item .history-value,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .donation-history-grid .history-item .health-value,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .donation-history-grid .history-item .history-value{color:#d93e4c;font-size:.75rem;font-weight:600}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .health-info-grid .health-info-item .health-value.yes,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .health-info-grid .health-info-item .history-value.yes,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .health-info-grid .history-item .health-value.yes,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .health-info-grid .history-item .history-value.yes,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .donation-history-grid .health-info-item .health-value.yes,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .donation-history-grid .health-info-item .history-value.yes,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .donation-history-grid .history-item .health-value.yes,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .donation-history-grid .history-item .history-value.yes,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .health-info-grid .health-info-item .health-value.yes,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .health-info-grid .health-info-item .history-value.yes,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .health-info-grid .history-item .health-value.yes,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .health-info-grid .history-item .history-value.yes,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .donation-history-grid .health-info-item .health-value.yes,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .donation-history-grid .health-info-item .history-value.yes,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .donation-history-grid .history-item .health-value.yes,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .donation-history-grid .history-item .history-value.yes,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .health-info-grid .health-info-item .health-value.yes,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .health-info-grid .health-info-item .history-value.yes,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .health-info-grid .history-item .health-value.yes,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .health-info-grid .history-item .history-value.yes,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .donation-history-grid .health-info-item .health-value.yes,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .donation-history-grid .health-info-item .history-value.yes,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .donation-history-grid .history-item .health-value.yes,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .donation-history-grid .history-item .history-value.yes{color:#4caf50}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .health-info-grid .health-info-item .health-value.no,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .health-info-grid .health-info-item .history-value.no,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .health-info-grid .history-item .health-value.no,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .health-info-grid .history-item .history-value.no,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .donation-history-grid .health-info-item .health-value.no,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .donation-history-grid .health-info-item .history-value.no,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .donation-history-grid .history-item .health-value.no,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .donation-history-grid .history-item .history-value.no,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .health-info-grid .health-info-item .health-value.no,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .health-info-grid .health-info-item .history-value.no,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .health-info-grid .history-item .health-value.no,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .health-info-grid .history-item .history-value.no,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .donation-history-grid .health-info-item .health-value.no,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .donation-history-grid .health-info-item .history-value.no,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .donation-history-grid .history-item .health-value.no,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .donation-history-grid .history-item .history-value.no,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .health-info-grid .health-info-item .health-value.no,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .health-info-grid .health-info-item .history-value.no,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .health-info-grid .history-item .health-value.no,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .health-info-grid .history-item .history-value.no,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .donation-history-grid .health-info-item .health-value.no,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .donation-history-grid .health-info-item .history-value.no,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .donation-history-grid .history-item .health-value.no,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .donation-history-grid .history-item .history-value.no{color:#6c757d}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .blood-type-badge,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .blood-type-badge,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .blood-type-badge{background:#20374e;color:#fff;font-weight:700;box-shadow:0 2px 8px #d32f2f4d}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .quantity-info,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .quantity-info,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .quantity-info{background:#d93e4c;color:#fff;font-weight:700;box-shadow:0 2px 8px #1976d24d}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info .urgency-badge,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info .urgency-badge,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info .urgency-badge{color:#fff;font-weight:700;font-size:.75rem}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .notes{background:#f8f9fa;padding:1rem;border-radius:8px;color:#20374e;font-style:italic;border-left:4px solid #d93e4c}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .doctor-notes{background:linear-gradient(135deg,#e3f2fd,#ffebee);padding:1rem;border-radius:8px;color:#d93e4c;font-weight:500;border-left:4px solid #d93e4c;position:relative}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .doctor-notes:before{content:"👨‍⚕️";position:absolute;top:.5rem;right:.75rem;font-size:1.2rem;opacity:.7}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-actions{padding:1rem 1.5rem;background:#f8f9fa;border-top:1px solid #e8ecef;display:flex;gap:1rem;justify-content:flex-end;flex-wrap:wrap}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-actions .btn{padding:.5rem 1rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;font-size:.9rem}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-actions .btn.btn-info{background:linear-gradient(45deg,#2196f3,#4caf50);color:#fff;box-shadow:0 4px 15px #2196f34d}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-actions .btn.btn-info:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2196f366;text-decoration:none;color:#fff}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-actions .btn.btn-success{background:linear-gradient(45deg,#4caf50,#6ec071);color:#fff;box-shadow:0 4px 15px #4caf504d}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-actions .btn.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066;text-decoration:none;color:#fff}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-actions .cancelled-label{display:inline-flex;align-items:center;padding:.5rem 1rem;background:#f443361a;color:#f44336;border-radius:8px;font-weight:600;font-size:.9rem;border:1px solid rgba(244,67,54,.2)}.activity-history-page .activity-content .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050}.activity-history-page .activity-content .modal-overlay .workflow-modal{background:#fff;border-radius:12px;max-width:800px;width:95%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000014}.activity-history-page .activity-content .modal-overlay .workflow-modal .modal-header{padding:1.5rem 2rem;background:linear-gradient(135deg,#f8f9fa,#e8ecef);border-bottom:1px solid #e8ecef;display:flex;justify-content:space-between;align-items:center;border-radius:20px 20px 0 0}.activity-history-page .activity-content .modal-overlay .workflow-modal .modal-header h3{margin:0;color:#d93e4c;font-size:20px;font-weight:700}.activity-history-page .activity-content .modal-overlay .workflow-modal .modal-header .close-btn{background:linear-gradient(45deg,#f44336,#ea1c0d);border:none;color:#fff;font-size:1.5rem;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.activity-history-page .activity-content .modal-overlay .workflow-modal .modal-header .close-btn:hover{transform:rotate(90deg) scale(1.1);box-shadow:0 5px 15px #f443364d}.activity-history-page .activity-content .modal-overlay .workflow-modal .modal-body{padding:2rem}.activity-history-page .activity-content .modal-overlay .workflow-modal .modal-body .activity-summary{margin-bottom:2rem;text-align:center}.activity-history-page .activity-content .modal-overlay .workflow-modal .modal-body .activity-summary h4{margin:0 0 .5rem;color:#20374e;font-size:1.2rem}.activity-history-page .activity-content .modal-overlay .workflow-modal .modal-body .activity-summary p{margin:0;color:#6c757d;font-weight:500}.activity-history-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050}.activity-history-page .modal-overlay .detail-modal{background:#fff;border-radius:12px;max-width:800px;width:95%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000014}.activity-history-page .modal-overlay .detail-modal .modal-header{padding:1.5rem 2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;border-radius:20px 20px 0 0}.activity-history-page .modal-overlay .detail-modal .modal-header h3{margin:0;color:#d93e4c;font-size:20px;font-weight:700}.activity-history-page .modal-overlay .detail-modal .modal-header .close-btn{background:linear-gradient(45deg,#dc3545,#c82333);border:none;color:#fff;font-size:1.5rem;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.activity-history-page .modal-overlay .detail-modal .modal-header .close-btn:hover{transform:rotate(90deg) scale(1.1);box-shadow:0 5px 15px #dc35454d}.activity-history-page .modal-overlay .detail-modal .modal-body{padding:2rem}.activity-history-page .modal-overlay .detail-modal .modal-body .activity-summary{margin-bottom:2rem;text-align:center}.activity-history-page .modal-overlay .detail-modal .modal-body .activity-summary h4{margin:0 0 .5rem;color:#495057;font-size:1.2rem}.activity-history-page .modal-overlay .detail-modal .modal-body .activity-summary p{margin:0;color:#6c757d;font-weight:500}.activity-history-page .activity-content .statistics-overview-card{background:linear-gradient(135deg,#fff,#f8fffe);border-radius:12px;box-shadow:0 12px 40px #00000014;border:1px solid rgba(255,255,255,.9);padding:2rem;margin-bottom:24px}.activity-history-page .activity-content .statistics-overview-card .overview-header{text-align:center;margin-bottom:2rem}.activity-history-page .activity-content .statistics-overview-card .overview-header .overview-title{color:#222;font-weight:700;margin-bottom:.5rem;font-size:1.5rem}.activity-history-page .activity-content .statistics-overview-card .overview-header .overview-subtitle{color:#6c757d;font-size:.95rem}.activity-history-page .activity-content .statistics-overview-card .statistics-grid{margin-bottom:2rem}.activity-history-page .activity-content .statistics-overview-card .statistics-grid .statistic-item{background:linear-gradient(135deg,#fff,#fafafa);border-radius:6px;padding:1.5rem;border:1px solid #f0f0f0;transition:all .3s ease;height:140px;display:flex;align-items:center;gap:1rem;position:relative;overflow:hidden}.activity-history-page .activity-content .statistics-overview-card .statistics-grid .statistic-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.activity-history-page .activity-content .statistics-overview-card .statistics-grid .statistic-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:6px 6px 0 0}.activity-history-page .activity-content .statistics-overview-card .statistics-grid .statistic-item.total-activities:before{background:linear-gradient(90deg,#ff9800,#ffc166)}.activity-history-page .activity-content .statistics-overview-card .statistics-grid .statistic-item.total-activities .statistic-icon-wrapper .statistic-icon{background:linear-gradient(135deg,#ff9800,#ffc166)}.activity-history-page .activity-content .statistics-overview-card .statistics-grid .statistic-item.donations:before{background:linear-gradient(90deg,#20374e,#365d84)}.activity-history-page .activity-content .statistics-overview-card .statistics-grid .statistic-item.donations .statistic-icon-wrapper .statistic-icon{background:linear-gradient(135deg,#20374e,#365d84)}.activity-history-page .activity-content .statistics-overview-card .statistics-grid .statistic-item.requests:before{background:linear-gradient(90deg,#2196f3,#6ab8f7)}.activity-history-page .activity-content .statistics-overview-card .statistics-grid .statistic-item.requests .statistic-icon-wrapper .statistic-icon{background:linear-gradient(135deg,#2196f3,#6ab8f7)}.activity-history-page .activity-content .statistics-overview-card .statistics-grid .statistic-item.completed:before{background:linear-gradient(90deg,#4caf50,#80c883)}.activity-history-page .activity-content .statistics-overview-card .statistics-grid .statistic-item.completed .statistic-icon-wrapper .statistic-icon{background:linear-gradient(135deg,#4caf50,#80c883)}.activity-history-page .activity-content .statistics-overview-card .statistics-grid .statistic-item .statistic-icon-wrapper .statistic-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 4px 15px #00000026}.activity-history-page .activity-content .statistics-overview-card .statistics-grid .statistic-item .statistic-content{flex:1}.activity-history-page .activity-content .statistics-overview-card .statistics-grid .statistic-item .statistic-content .statistic-number{font-size:2.2rem;font-weight:700;color:#222;line-height:1;margin-bottom:.25rem}.activity-history-page .activity-content .statistics-overview-card .statistics-grid .statistic-item .statistic-content .statistic-label{font-size:1rem;font-weight:600;color:#222;margin-bottom:.25rem}.activity-history-page .activity-content .statistics-overview-card .statistics-grid .statistic-item .statistic-content .statistic-description{font-size:.85rem;color:#6c757d;opacity:.8}.activity-history-page .activity-content .statistics-overview-card .progress-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:6px;padding:1.5rem;border:1px solid #dee2e6}.activity-history-page .activity-content .statistics-overview-card .progress-summary .progress-item .progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.activity-history-page .activity-content .statistics-overview-card .progress-summary .progress-item .progress-info .progress-percentage{font-size:1.1rem;font-weight:700;color:#4caf50}.activity-history-page .activity-content .statistics-overview-card .progress-summary .progress-item .progress-bar{height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;position:relative}.activity-history-page .activity-content .statistics-overview-card .progress-summary .progress-item .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a);border-radius:4px;transition:width .8s ease;position:relative}.activity-history-page .activity-content .statistics-overview-card .progress-summary .progress-item .progress-bar .progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.activity-history-page .activity-content .page-header{animation:fadeInUp .6s ease-out}.activity-history-page .activity-content .page-header .header-content h1{animation:fadeInUp .8s ease-out .2s both}.activity-history-page .activity-content .page-header .header-content p{animation:fadeInUp .8s ease-out .4s both}.activity-history-page .activity-content .page-header .header-content .breadcrumb-hint{animation:fadeInUp .8s ease-out .6s both}.activity-history-page .activity-content .page-header .btn{animation:slideInRight .8s ease-out .3s both}.activity-history-page .activity-content .page-header .btn:hover{animation:pulse .6s ease-in-out}@media (max-width: 768px){.activity-history-page .activity-content{margin-left:0;margin-top:10px;padding:1rem}.activity-history-page .activity-content .page-header{padding:1.5rem;flex-direction:column;align-items:stretch;gap:1.5rem}.activity-history-page .activity-content .page-header:before,.activity-history-page .activity-content .page-header:after{display:none}.activity-history-page .activity-content .page-header .header-content{text-align:center}.activity-history-page .activity-content .page-header .header-content h1{font-size:2rem!important;margin-bottom:.75rem}.activity-history-page .activity-content .page-header .header-content p{font-size:1rem;max-width:none}.activity-history-page .activity-content .page-header .header-content p:before{display:block;margin:0 0 4px}.activity-history-page .activity-content .page-header .header-content .breadcrumb-hint{justify-content:center;margin-top:.75rem}.activity-history-page .activity-content .page-header .header-content .breadcrumb-hint .breadcrumb-item{font-size:.8rem}.activity-history-page .activity-content .page-header .btn{align-self:center;min-width:140px}.activity-history-page .activity-content .stats-section{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.activity-history-page .activity-content .stats-section .stat-card{padding:1rem;flex-direction:column;text-align:center}.activity-history-page .activity-content .stats-section .stat-card .stat-icon{font-size:2rem}.activity-history-page .activity-content .stats-section .stat-card .stat-content .stat-number{font-size:1.5rem}.activity-history-page .activity-content .filters-section{flex-direction:column;align-items:stretch;gap:1rem}.activity-history-page .activity-content .filters-section .filter-group{flex-direction:column;align-items:stretch}.activity-history-page .activity-content .filters-section .filter-group select{min-width:auto}.activity-history-page .activity-content .filter-section-card .ant-row{flex-direction:column;gap:1rem}.activity-history-page .activity-content .filter-section-card .ant-row .ant-col{width:100%!important;max-width:100%!important}.activity-history-page .activity-content .filter-section-card .filter-select{width:100%;min-width:auto!important}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-header{flex-direction:column;align-items:stretch;text-align:left}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-header .activity-status{text-align:left}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .blood-info,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .appointment-info,.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-details .detail-section .patient-info{flex-direction:column;align-items:flex-start;gap:.5rem}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-actions{justify-content:stretch}.activity-history-page .activity-content .activities-section .activities-list .activity-card .activity-actions .btn{flex:1;text-align:center}.activity-history-page .modal-overlay .workflow-modal{width:98%;max-height:95vh}.activity-history-page .modal-overlay .workflow-modal .modal-body{padding:1.5rem}.activity-history-page .activities-list .activities-pagination{margin-top:1.5rem;padding:1rem 0}.activity-history-page .activities-list .activities-pagination .activity-pagination .ant-pagination-total-text,.activity-history-page .activities-list .activities-pagination .activity-pagination .ant-pagination-options{display:none}}.activity-history-page .activity-content .activities-list{display:flex;flex-direction:column;gap:24px}.activity-history-page .activity-content .activities-list .activities-pagination{display:flex;justify-content:center;margin-top:2rem;padding:1.5rem 0;border-top:1px solid #e9ecef}.activity-history-page .activity-content .activities-list .activities-pagination .activity-pagination .ant-pagination-item{border-radius:8px;border:1px solid #e2e8f0;background:#fff;transition:all .3s ease;margin:0 4px}.activity-history-page .activity-content .activities-list .activities-pagination .activity-pagination .ant-pagination-item a{color:#1e293b;font-weight:500;font-family:Roboto,sans-serif}.activity-history-page .activity-content .activities-list .activities-pagination .activity-pagination .ant-pagination-item:hover{border-color:#2b6cb0;background:#f8fafc}.activity-history-page .activity-content .activities-list .activities-pagination .activity-pagination .ant-pagination-item.ant-pagination-item-active{border-radius:8px;background:linear-gradient(135deg,#2b6cb0,#4299e1);border-color:#4299e1}.activity-history-page .activity-content .activities-list .activities-pagination .activity-pagination .ant-pagination-item.ant-pagination-item-active a{color:#fff}.activity-history-page .activity-content .activities-list .activities-pagination .activity-pagination .ant-pagination-item.ant-pagination-item-active:hover{border-color:#4299e1}.activity-history-page .activity-content .activities-list .activities-pagination .activity-pagination .ant-pagination-prev,.activity-history-page .activity-content .activities-list .activities-pagination .activity-pagination .ant-pagination-next{border-radius:8px;border:1px solid #e2e8f0;background:#fff;transition:all .3s ease}.activity-history-page .activity-content .activities-list .activities-pagination .activity-pagination .ant-pagination-prev .ant-pagination-item-link,.activity-history-page .activity-content .activities-list .activities-pagination .activity-pagination .ant-pagination-next .ant-pagination-item-link{color:#1e293b;border-radius:8px}.activity-history-page .activity-content .activities-list .activities-pagination .activity-pagination .ant-pagination-prev:hover,.activity-history-page .activity-content .activities-list .activities-pagination .activity-pagination .ant-pagination-next:hover{border-color:#2b6cb0;background:#f8fafc}.activity-history-page .activity-content .activities-list .activities-pagination .activity-pagination .ant-pagination-disabled .ant-pagination-item-link{color:#94a3b8}.activity-history-page .activity-content .activities-list .activities-pagination .activity-pagination .ant-pagination-jump-prev .ant-pagination-item-ellipsis,.activity-history-page .activity-content .activities-list .activities-pagination .activity-pagination .ant-pagination-jump-next .ant-pagination-item-ellipsis{color:#8c8c8c}.activity-history-page .activity-content .activities-list .activities-pagination .activity-pagination .ant-pagination-total-text{color:#64748b;font-size:.9rem;margin-right:1rem}.activity-history-page .activity-content .activities-list .activity-card.donation{border-left:4px solid #20374e}.activity-history-page .activity-content .activities-list .activity-card.request{border-left:4px solid #2196f3}.activity-history-page .activity-content .activities-list .activity-card .activity-header .activity-info .activity-title-wrapper{display:flex;align-items:flex-start;gap:16px}.activity-history-page .activity-content .activities-list .activity-card .activity-header .activity-info .activity-title-wrapper .activity-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.activity-history-page .activity-content .activities-list .activity-card .activity-header .activity-info .activity-title-wrapper .activity-title-content{flex:1}.activity-history-page .activity-content .activities-list .activity-card .activity-header .activity-info .activity-title-wrapper .activity-title-content .activity-title{margin:0 0 4px;color:#20374e;font-size:20px;font-weight:700;line-height:1.3}.activity-history-page .activity-content .activities-list .activity-card .activity-header .activity-info .activity-title-wrapper .activity-title-content .activity-date{color:#6c757d;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:4px}.activity-history-page .activity-content .activities-list .activity-card .activity-header .activity-info .activity-title-wrapper .activity-title-content .activity-date .date-icon{font-size:12px}.activity-history-page .activity-content .activities-list .activity-card .activity-details .detail-section h4{margin:0 0 8px;color:#20374e;font-size:16px;font-weight:700;display:flex;align-items:center;gap:6px}.activity-history-page .activity-content .activities-list .activity-card .activity-details .detail-section .blood-info,.activity-history-page .activity-content .activities-list .activity-card .activity-details .detail-section .appointment-info,.activity-history-page .activity-content .activities-list .activity-card .activity-details .detail-section .patient-info{display:flex;flex-direction:column;gap:8px}.activity-history-page .activity-content .activities-list .activity-card .activity-details .detail-section .blood-info .info-item,.activity-history-page .activity-content .activities-list .activity-card .activity-details .detail-section .appointment-info .info-item,.activity-history-page .activity-content .activities-list .activity-card .activity-details .detail-section .patient-info .info-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.activity-history-page .activity-content .activities-list .activity-card .activity-details .detail-section .blood-info .info-item .info-icon,.activity-history-page .activity-content .activities-list .activity-card .activity-details .detail-section .appointment-info .info-item .info-icon,.activity-history-page .activity-content .activities-list .activity-card .activity-details .detail-section .patient-info .info-item .info-icon{color:#d93e4c;font-size:14px;flex-shrink:0}.activity-history-page .activity-content .activities-list .activity-card .activity-details .detail-section .blood-info .info-item .info-label,.activity-history-page .activity-content .activities-list .activity-card .activity-details .detail-section .appointment-info .info-item .info-label,.activity-history-page .activity-content .activities-list .activity-card .activity-details .detail-section .patient-info .info-item .info-label{font-weight:600;color:#6c757d;min-width:80px}.activity-history-page .activity-content .activities-list .activity-card .activity-details .detail-section .blood-info .info-item .info-value,.activity-history-page .activity-content .activities-list .activity-card .activity-details .detail-section .appointment-info .info-item .info-value,.activity-history-page .activity-content .activities-list .activity-card .activity-details .detail-section .patient-info .info-item .info-value{color:#20374e;font-weight:500;flex:1}.activity-history-page .activity-content .activities-list .activity-card .activity-details .detail-section .blood-info .info-item .info-value.blood-type,.activity-history-page .activity-content .activities-list .activity-card .activity-details .detail-section .appointment-info .info-item .info-value.blood-type,.activity-history-page .activity-content .activities-list .activity-card .activity-details .detail-section .patient-info .info-item .info-value.blood-type{font-weight:700;color:#20374e}.activity-history-page .activity-content .activities-list .activity-card .activity-details .detail-section .notes,.activity-history-page .activity-content .activities-list .activity-card .activity-details .detail-section .doctor-notes{padding:8px 16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #2196f3;font-style:italic;color:#6c757d}.activity-history-page .activity-content .activities-list .activity-card .activity-details .detail-section.cancelled-info .cancelled-details{padding:8px 16px;background:#fff;border-radius:8px;border-left:4px solid #f44336}.activity-history-page .activity-content .activities-list .activity-card .activity-details .detail-section.cancelled-info .cancelled-details .cancelled-date{margin-top:4px}.activity-history-page .activity-content .activities-list .activity-card .activity-actions .btn{display:flex;align-items:center;gap:6px}.activity-history-page .activity-content .activities-list .activity-card .activity-actions .btn.btn-info{background:#2196f3;color:#fff}.activity-history-page .activity-content .activities-list .activity-card .activity-actions .btn.btn-info:hover:not(:disabled){background:#0c7cd5;transform:translateY(-1px);box-shadow:0 4px 12px #2196f34d}.activity-history-page .activity-content .activities-list .activity-card .activity-actions .btn.btn-danger{background:#f44336;color:#fff}.activity-history-page .activity-content .activities-list .activity-card .activity-actions .btn.btn-danger:hover:not(:disabled){background:#d32f2f;transform:translateY(-1px);box-shadow:0 4px 12px #f443364d}.activity-history-page .activity-content .activities-list .activity-card .activity-actions .btn.btn-success{background:#4caf50;color:#fff}.activity-history-page .activity-content .activities-list .activity-card .activity-actions .btn.btn-success:hover:not(:disabled){background:#388e3c;transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.activity-history-page .activity-content .activities-list .activity-card .activity-actions .cancelled-label{flex:1;display:flex;align-items:center;font-style:italic;color:#6c757d}.activity-history-page .activity-content .loading-state .loading-content{display:flex;flex-direction:column;align-items:center;gap:16px}.activity-history-page .activity-content .loading-state .loading-content .loading-spinner{width:50px;height:50px;border:4px solid #f6f6f6;border-top:4px solid #d93e4c;border-radius:50%;animation:spin 1s linear infinite}.activity-history-page .activity-content .loading-state .loading-content .loading-text-wrapper{text-align:center}.activity-history-page .activity-content .loading-state .loading-content .loading-text-wrapper .loading-title{margin:0 0 8px;color:#20374e;font-size:20px}.activity-history-page .activity-content .loading-state .loading-content .loading-text-wrapper .loading-description{margin:0;font-size:16px;color:#6c757d}.activity-history-page .activity-content .empty-state .empty-content .empty-title{margin:0 0 16px;color:#20374e;font-size:1.5rem}.activity-history-page .activity-content .empty-state .empty-content .empty-description{font-size:18px;line-height:1.5;max-width:600px;margin:0 auto 24px}.activity-history-page .activity-content .empty-state .empty-content .empty-action-button{font-size:16px;font-weight:600;padding:12px 24px;height:auto;border-radius:12px}.activity-card.donation .activity-icon{background:linear-gradient(135deg,#20374e,#f44336)!important}.activity-card.request .activity-icon{background:linear-gradient(135deg,#2196f3,#2196f3)!important}@media (max-width: 768px){.activity-history-page .activity-content .activities-list{gap:16px}.activity-history-page .activity-content .activities-list .activity-card .activity-header{flex-direction:column;align-items:stretch;gap:8px}.activity-history-page .activity-content .activities-list .activity-card .activity-header .activity-info .activity-title-wrapper{flex-direction:row;align-items:flex-start}.activity-history-page .activity-content .activities-list .activity-card .activity-header .activity-info .activity-title-wrapper .activity-icon{width:40px;height:40px;font-size:16px}.activity-history-page .activity-content .activities-list .activity-card .activity-header .activity-info .activity-title-wrapper .activity-title-content .activity-title{font-size:18px}.activity-history-page .activity-content .activities-list .activity-card .activity-details .detail-section .blood-info .info-item,.activity-history-page .activity-content .activities-list .activity-card .activity-details .detail-section .appointment-info .info-item,.activity-history-page .activity-content .activities-list .activity-card .activity-details .detail-section .patient-info .info-item{flex-direction:column;align-items:flex-start;gap:4px}.activity-history-page .activity-content .activities-list .activity-card .activity-details .detail-section .blood-info .info-item .info-label,.activity-history-page .activity-content .activities-list .activity-card .activity-details .detail-section .appointment-info .info-item .info-label,.activity-history-page .activity-content .activities-list .activity-card .activity-details .detail-section .patient-info .info-item .info-label{min-width:auto;font-size:.875rem}.activity-history-page .activity-content .activities-list .activity-card .activity-actions{flex-direction:column;gap:8px}.activity-history-page .activity-content .activities-list .activity-card .activity-actions .btn{width:100%;justify-content:center}.activity-history-page .activity-content .activities-list .activity-card .activity-actions .cancelled-note{text-align:center;margin-top:.75rem}}.activity-history-page .activity-content .activities-list .activity-card .activity-actions{padding:1rem 0 0;border-top:1px solid #f0f0f0;margin-top:1rem}.activity-history-page .activity-content .activities-list .activity-card .activity-actions .ant-space{width:100%;justify-content:flex-start}.activity-history-page .activity-content .activities-list .activity-card .activity-actions .btn{border-radius:4px;font-weight:500;transition:all .3s ease;min-width:120px}.activity-history-page .activity-content .activities-list .activity-card .activity-actions .btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.activity-history-page .activity-content .activities-list .activity-card .activity-actions .btn.btn-info{border-color:#2196f3;color:#2196f3}.activity-history-page .activity-content .activities-list .activity-card .activity-actions .btn.btn-info:hover{background:#2196f3;color:#fff}.activity-history-page .activity-content .activities-list .activity-card .activity-actions .btn.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f5222d4d}.activity-history-page .activity-content .activities-list .activity-card .activity-actions .btn.btn-success{background:linear-gradient(135deg,#4caf50,#52c41a);border:none}.activity-history-page .activity-content .activities-list .activity-card .activity-actions .btn.btn-success:hover{background:linear-gradient(135deg,#52c41a,#4caf50)}.activity-history-page .activity-content .activities-list .activity-card .activity-actions .cancelled-note{font-style:italic;align-self:center;margin-left:8px}.activity-history-page .activity-content .activities-list .activity-card.cancelled .activity-actions .cancelled-note{color:#8c8c8c;font-size:.9rem}@media (max-width: 768px){.activity-history-page .activity-content .activities-list .activity-card .activity-actions .btn{min-width:100px;font-size:.85rem;padding:4px 12px}.activity-history-page .activity-content .activities-list .activity-card .activity-actions .cancelled-note{font-size:.8rem;margin-top:.5rem}}@media (max-width: 576px){.activity-history-page .activity-content .activities-list .activity-card .activity-actions .ant-space{flex-direction:column;align-items:stretch}.activity-history-page .activity-content .activities-list .activity-card .activity-actions .btn{min-width:auto;width:100%;margin-bottom:.5rem}.activity-history-page .activity-content .activities-list .activity-card .activity-actions .cancelled-note{text-align:center;margin-top:.75rem}}.activity-history-page .activity-content .activities-list .activity-card .activity-actions .btn.btn-workflow{border-color:#d93e4c;color:#d93e4c}.activity-history-page .activity-content .activities-list .activity-card .activity-actions .btn.btn-workflow:hover{background:#d93e4c;color:#fff;border-color:#d93e4c;transform:translateY(-1px);box-shadow:0 4px 12px #1976d24d}.activity-history-page .activity-content .activities-list .activity-card .activity-actions .btn.btn-detail{background:linear-gradient(135deg,#1976d2,#2196f3,#03a9f4);border:none;color:#fff;box-shadow:0 4px 16px #1976d24d}.activity-history-page .activity-content .activities-list .activity-card .activity-actions .btn.btn-detail:hover{background:linear-gradient(135deg,#1565c0,#1976d2,#2196f3);transform:translateY(-2px);box-shadow:0 8px 24px #1976d266}.activity-history-page .activity-content .activities-list .activity-card .activity-actions .btn.btn-success{background:linear-gradient(135deg,#4caf50,#4caf50);border:none;color:#fff}.activity-history-page .activity-content .activities-list .activity-card .activity-actions .btn.btn-success:hover{background:linear-gradient(135deg,#3d8b40,#4caf50);transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.activity-history-page .activity-content .activities-list .activity-card .activity-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;position:relative}.activity-history-page .activity-content .activities-list .activity-card .activity-header .activity-info{flex:1;min-width:0}.activity-history-page .activity-content .activities-list .activity-card .activity-header .activity-title-wrapper{display:flex;align-items:flex-start;gap:.75rem}.activity-history-page .activity-content .activities-list .activity-card .activity-header .activity-title-wrapper .activity-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0}.activity-history-page .activity-content .activities-list .activity-card .activity-header .activity-title-wrapper .activity-icon:has(+.activity-title-content .activity-title:contains("Hiến máu")){background:linear-gradient(135deg,#20374e,#365d84)}.activity-history-page .activity-content .activities-list .activity-card .activity-header .activity-title-wrapper .activity-icon:has(+.activity-title-content .activity-title:contains("Yêu cầu")){background:linear-gradient(135deg,#2196f3,#6ab8f7)}.activity-history-page .activity-content .activities-list .activity-card .activity-header .activity-title-wrapper .activity-title-content{flex:1;min-width:0}.activity-history-page .activity-content .activities-list .activity-card .activity-header .activity-title-wrapper .activity-title-content .activity-title{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:#222;line-height:1.3}.activity-history-page .activity-content .activities-list .activity-card .activity-header .activity-title-wrapper .activity-title-content .activity-date{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#6c757d}.activity-history-page .activity-content .activities-list .activity-card .activity-header .activity-title-wrapper .activity-title-content .activity-date .date-icon{font-size:.8rem}.activity-history-page .activity-content .activities-list .activity-card .activity-header .activity-status{margin-left:1rem;flex-shrink:0;align-self:flex-start}.activity-history-page .activity-content .activities-list .activity-card.cancelled .activity-header .activity-status .status-badge{background:linear-gradient(135deg,#f44336,#f77066);border:none;color:#fff;animation:pulse-error 2s ease-in-out infinite}@keyframes pulse-error{0%,to{box-shadow:0 1px 3px #0000001a}50%{box-shadow:0 2px 8px #f4433666}}@media (max-width: 768px){.activity-history-page .activity-content .activities-list .activity-card .activity-header .activity-title-wrapper .activity-icon{width:35px;height:35px;font-size:16px}.activity-history-page .activity-content .activities-list .activity-card .activity-header .activity-title-wrapper .activity-title-content .activity-title{font-size:1rem}.activity-history-page .activity-content .activities-list .activity-card .activity-header .activity-title-wrapper .activity-title-content .activity-date{font-size:.8rem}.activity-history-page .activity-content .activities-list .activity-card .activity-header .activity-status{margin-left:.75rem}.activity-history-page .activity-content .activities-list .activity-card .activity-header .activity-status .status-badge{font-size:.7rem;padding:.2rem .6rem}}@media (max-width: 576px){.activity-history-page .activity-content .activities-list .activity-card .activity-header{flex-direction:column;align-items:stretch;gap:.75rem}.activity-history-page .activity-content .activities-list .activity-card .activity-header .activity-status{margin-left:0;align-self:flex-end}}.workflow-modal{border-radius:16px}.workflow-modal .workflow-activity-card{margin-bottom:16px;border-radius:12px;background:linear-gradient(135deg,#f6fbfd,#e3f2fd);border:1px solid #e8ecef}.workflow-modal .workflow-activity-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.workflow-modal .workflow-activity-icon.donation{background:linear-gradient(135deg,#20374e,#2f5172)}.workflow-modal .workflow-activity-icon.request{background:linear-gradient(135deg,#d93e4c,#2196f3)}.workflow-modal .workflow-activity-title{font-size:16px;color:#222}.workflow-modal .workflow-activity-date{font-size:13px;color:#6c757d}.workflow-modal .workflow-close-button{border-radius:8px;font-weight:500}.workflow-modal .modal-title-icon.donation{color:#20374e}.workflow-modal .modal-title-icon.request{color:#d93e4c}.workflow-modal .modal-title-text{font-size:18px;color:#222}.activity-history-page .activity-content .page-header{margin-bottom:2rem!important;background:#fff!important;padding:2rem!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;border:1px solid #e2e8f0!important;display:flex!important;justify-content:space-between!important;align-items:flex-start!important;position:static!important;overflow:visible!important;transition:none!important}.activity-history-page .activity-content .page-header:hover{transform:none!important;box-shadow:0 4px 20px #00000014!important;border-color:#e2e8f0!important}.activity-history-page .activity-content .page-header:before,.activity-history-page .activity-content .page-header:after{display:none!important}.activity-history-page .activity-content .page-header div h1{color:#1e293b!important;margin-bottom:.5rem!important;font-size:2.25rem!important;font-weight:700!important;display:flex!important;align-items:center!important;gap:.75rem!important}.activity-history-page .activity-content .page-header div p{color:#64748b!important;font-size:1.1rem!important;margin:0 0 1rem!important;font-weight:500!important}.activity-history-page .activity-content .page-header div .unread-summary{background:linear-gradient(135deg,#fef3c7,#fde68a)!important;color:#92400e!important;padding:.75rem 1.25rem!important;border-radius:12px!important;font-size:.95rem!important;font-weight:600!important;border:1px solid #fde68a!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important}.activity-history-page .activity-content .page-header .header-actions{display:flex!important;gap:.75rem!important;align-items:center!important}.activity-history-page .activity-content .page-header .header-actions .btn{padding:.75rem 1.5rem!important;border:none!important;border-radius:12px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;font-size:.95rem!important;white-space:nowrap!important}.activity-history-page .activity-content .page-header .header-actions .btn:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.activity-history-page .activity-content .page-header .header-actions .btn.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;box-shadow:0 4px 12px #3b82f64d!important}.activity-history-page .activity-content .page-header .header-actions .btn.btn-primary:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:0 6px 16px #3b82f666!important}.activity-history-page .activity-content .page-header .header-actions .btn.btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563)!important;color:#fff!important;box-shadow:0 4px 12px #6b72804d!important}.activity-history-page .activity-content .page-header .header-actions .btn.btn-secondary:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:0 6px 16px #6b728066!important;background:linear-gradient(135deg,#6b7280,#4b5563)!important;color:#fff!important}.notifications-page{min-height:100vh;background:#f6fbfd}.notifications-page .notifications-content{padding:2rem;margin-top:20px}.notifications-page .notifications-content .page-header{margin-bottom:2rem;background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:flex-start}.notifications-page .notifications-content .page-header div h1{color:#1e293b;margin-bottom:.5rem;font-size:2.25rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.notifications-page .notifications-content .page-header div p{color:#64748b;font-size:1.1rem;margin:0 0 1rem;font-weight:500}.notifications-page .notifications-content .page-header div .unread-summary{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:.75rem 1.25rem;border-radius:12px;font-size:.95rem;font-weight:600;border:1px solid #fde68a;display:inline-flex;align-items:center;gap:.5rem}.notifications-page .notifications-content .page-header .header-actions{display:flex;gap:.75rem;align-items:center}.notifications-page .notifications-content .page-header .header-actions .btn{padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.95rem;white-space:nowrap}.notifications-page .notifications-content .page-header .header-actions .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.notifications-page .notifications-content .page-header .header-actions .btn.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px #3b82f64d}.notifications-page .notifications-content .page-header .header-actions .btn.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.notifications-page .notifications-content .page-header .header-actions .btn.btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;box-shadow:0 4px 12px #6b72804d}.notifications-page .notifications-content .page-header .header-actions .btn.btn-secondary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #6b728066;background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.notifications-page .notifications-content .filters-section{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 12px #0000000f;border:1px solid #e2e8f0;margin-bottom:2rem;display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.notifications-page .notifications-content .filters-section .filter-group{display:flex;align-items:center;gap:.75rem}.notifications-page .notifications-content .filters-section .filter-group label{font-weight:600;color:#374151;font-size:.9rem;white-space:nowrap}.notifications-page .notifications-content .filters-section .filter-group select{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;background:#fff;transition:all .2s ease;font-weight:500;min-width:160px;color:#374151}.notifications-page .notifications-content .filters-section .filter-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.notifications-page .notifications-content .filters-section .filter-group select:hover{border-color:#d1d5db}.notifications-page .notifications-content .notifications-section .loading-state{text-align:center;padding:3rem;color:#6c757d}.notifications-page .notifications-content .notifications-section .loading-state .loading-spinner{width:40px;height:40px;border:4px solid #f8f9fa;border-top:4px solid #28a745;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.notifications-page .notifications-content .notifications-section .loading-state p{font-size:1.1rem;margin:0}.notifications-page .notifications-content .notifications-section .empty-state{text-align:center;padding:4rem;color:#6c757d}.notifications-page .notifications-content .notifications-section .empty-state .empty-icon{font-size:5rem;display:block;margin-bottom:1.5rem}.notifications-page .notifications-content .notifications-section .empty-state h3{margin:0 0 1rem;color:#495057;font-size:1.5rem}.notifications-page .notifications-content .notifications-section .empty-state p{margin:0;font-size:1.1rem;line-height:1.5}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000f;border:1px solid #e5e7eb;margin-bottom:1rem;transition:all .2s ease;overflow:hidden}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card.unread{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#3b82f605,#93c5fd05)}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-header{padding:1.25rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-header .notification-icon-title{display:flex;align-items:center;gap:.75rem}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-header .notification-icon-title .notification-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#3b82f61a;border-radius:10px}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-header .notification-icon-title .notification-title{font-size:1.1rem;font-weight:600;color:#1f2937;line-height:1.4}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-header .notification-icon-title .unread-indicator{width:8px;height:8px;background:#3b82f6;border-radius:50%;margin-left:.5rem}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-header .notification-time{color:#6b7280;font-size:.85rem;font-weight:500;white-space:nowrap}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-body{padding:1.5rem}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-body .notification-message{color:#374151;font-size:.95rem;line-height:1.6;margin-bottom:1.25rem}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-body .notification-details{background:#f1f5f9;padding:1rem;border-radius:8px;margin-bottom:1.25rem;border:1px solid #e2e8f0}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-body .notification-details .detail-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-body .notification-details .detail-item:last-child{margin-bottom:0}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-body .notification-details .detail-item strong{color:#374151;font-weight:600;font-size:.9rem}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-body .notification-details .detail-item .blood-type-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:.25rem .75rem;border-radius:6px;font-weight:600;font-size:.85rem;margin-left:.5rem}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-body .notification-details .profile-changes .change-item{margin-bottom:1rem;padding:.75rem;background:#f8fafc;border-radius:6px;border-left:3px solid #3b82f6}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-body .notification-details .profile-changes .change-item:last-child{margin-bottom:0}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-body .notification-details .profile-changes .change-item .change-field{margin-bottom:.5rem}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-body .notification-details .profile-changes .change-item .change-field strong{color:#1f2937;font-size:.9rem}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-body .notification-details .profile-changes .change-item .change-values{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-body .notification-details .profile-changes .change-item .change-values .old-value{background:#fee2e2;color:#991b1b;padding:.25rem .5rem;border-radius:4px;font-size:.85rem;font-weight:500;text-decoration:line-through}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-body .notification-details .profile-changes .change-item .change-values .arrow{color:#6b7280;font-weight:600;font-size:1rem}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-body .notification-details .profile-changes .change-item .change-values .new-value{background:#dcfce7;color:#166534;padding:.25rem .5rem;border-radius:4px;font-size:.85rem;font-weight:600}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-body .notification-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-body .notification-actions .notification-action{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;text-decoration:none;padding:.625rem 1.25rem;border-radius:8px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 8px #3b82f64d;font-size:.9rem}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-body .notification-actions .notification-action:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666;text-decoration:none;color:#fff}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-body .notification-actions .action-buttons{display:flex;gap:.75rem}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-body .notification-actions .action-buttons .btn{padding:.5rem 1rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.85rem}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-body .notification-actions .action-buttons .btn.btn-sm{padding:.4rem .75rem;font-size:.8rem}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-body .notification-actions .action-buttons .btn.btn-outline{background:transparent;border:1.5px solid #10b981;color:#10b981}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-body .notification-actions .action-buttons .btn.btn-outline:hover{background:#10b981;color:#fff;transform:translateY(-1px)}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-body .notification-actions .action-buttons .btn.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-body .notification-actions .action-buttons .btn.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.notifications-page .notifications-content .notification-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0}.notifications-page .notifications-content .notification-stats .stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 12px #0000000f;border:1px solid #e5e7eb;text-align:center;transition:all .2s ease}.notifications-page .notifications-content .notification-stats .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.notifications-page .notifications-content .notification-stats .stat-card h3{margin:0 0 .75rem;color:#6b7280;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.notifications-page .notifications-content .notification-stats .stat-card .stat-number{font-size:2.25rem;font-weight:700;margin:0;color:#1f2937}.notifications-page .notifications-content .notification-stats .stat-card .stat-number.unread{color:#f59e0b}.notifications-page .notifications-content .notification-stats .stat-card .stat-number.read{color:#10b981}.notifications-page .notifications-content .notification-stats .stat-card .stat-number.urgent{color:#ef4444}@media (max-width: 768px){.notifications-page .notifications-content{padding:1rem;margin-top:70px}.notifications-page .notifications-content .page-header{padding:1.5rem;flex-direction:column;align-items:stretch;gap:1rem}.notifications-page .notifications-content .page-header div h1{font-size:1.875rem}.notifications-page .notifications-content .page-header .header-actions{flex-direction:column;gap:.5rem}.notifications-page .notifications-content .page-header .header-actions .btn{width:100%;text-align:center}.notifications-page .notifications-content .filters-section{flex-direction:column;align-items:stretch;gap:1rem}.notifications-page .notifications-content .filters-section .filter-group{flex-direction:column;align-items:stretch;gap:.5rem}.notifications-page .notifications-content .filters-section .filter-group select{min-width:auto}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-header{padding:1rem;flex-direction:column;align-items:flex-start;gap:.75rem}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-header .notification-icon-title .notification-icon{width:36px;height:36px;font-size:1.25rem}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-body{padding:1rem}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-body .notification-actions{flex-direction:column;align-items:stretch;gap:.75rem}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-body .notification-actions .notification-action{text-align:center}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-body .notification-actions .action-buttons{justify-content:stretch}.notifications-page .notifications-content .notifications-section .notifications-list .notification-card .notification-body .notification-actions .action-buttons .btn{flex:1}.notifications-page .notifications-content .notification-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}.notifications-page .notifications-content .notification-stats .stat-card{padding:1rem}.notifications-page .notifications-content .notification-stats .stat-card .stat-number{font-size:1.875rem}}@media (max-width: 768px){.notifications-page .notifications-content{margin-left:0;margin-top:10px;padding:1rem}.notifications-page .notifications-content .page-header{padding:1.5rem;flex-direction:column;align-items:stretch;gap:1.5rem}.notifications-page .notifications-content .page-header div{text-align:center}.notifications-page .notifications-content .page-header div h1{font-size:2rem!important;margin-bottom:.75rem}.notifications-page .notifications-content .page-header div p{font-size:1rem;max-width:none}.notifications-page .notifications-content .page-header .header-actions{justify-content:center}.notifications-page .notifications-content .page-header .header-actions .btn{min-width:140px}}.admin-layout{display:flex;min-height:100vh}.admin-layout .admin-content{flex:1;margin-left:0;padding:32px;background:#f6f6f6;min-height:100vh;overflow-x:auto;transition:margin-left .3s ease}.admin-sidebar.expanded~.admin-layout .admin-content{margin-left:280px}@media (max-width: 991.98px){.admin-layout .admin-content{margin-left:0;padding:32px}}@media (max-width: 575.98px){.admin-layout .admin-content{padding:16px}}.admin-dashboard{padding:16px;min-height:calc(100vh - 64px);background-color:#f0f2f5}.admin-dashboard .dashboard-loading{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 64px);background-color:#f0f2f5}.admin-dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e8ecef;border-radius:8px;padding:32px;margin-bottom:32px;box-shadow:0 4px 8px #0000001f}.admin-dashboard .dashboard-header .header-content h1{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:700;font-size:1.875rem;color:#222;background:linear-gradient(135deg,#02314b,#1976d2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.admin-dashboard .dashboard-header .header-content p{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:1.125rem;color:#6c757d;font-weight:400;margin:0}.admin-dashboard .dashboard-header .header-actions{display:flex;justify-content:center;align-items:center;gap:12px}.admin-dashboard .dashboard-header .header-actions .btn-outline{margin:0;box-sizing:border-box;outline:none;list-style:none;text-decoration:none;display:inline-flex;padding:8px 12px;background:transparent;color:#6c757d;border:none;font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-weight:500;font-size:1rem;border-radius:6px;cursor:pointer;text-align:center;transition:all .2s;border:1px solid #dee2e6;display:flex;justify-content:center;align-items:center;gap:8px}.admin-dashboard .dashboard-header .header-actions .btn-outline:hover{background:#6c757d1a}.admin-dashboard .dashboard-header .header-actions .btn-outline:hover{background:#f8f9fa;border-color:#1976d2;color:#1976d2}.admin-dashboard .dashboard-header .header-actions .btn-primary{margin:0;box-sizing:border-box;border:none;outline:none;list-style:none;text-decoration:none;display:inline-flex;padding:12px 32px;background:#1976d2;color:#fff;font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:600;font-size:1rem;border-radius:8px;cursor:pointer;text-align:center;transition:background .2s;display:flex;justify-content:center;align-items:center;gap:8px}.admin-dashboard .dashboard-header .header-actions .btn-primary:hover{background:#1565c0}.admin-dashboard .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.admin-dashboard .stats-grid .stat-card{background:#fff;border:1px solid #e8ecef;border-radius:8px;transition:all .3s ease;padding:24px;display:flex;justify-content:flex-start;align-items:center;gap:16px;position:relative;overflow:hidden}.admin-dashboard .stats-grid .stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.admin-dashboard .stats-grid .stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#1976d2}.admin-dashboard .stats-grid .stat-card.users:before{background:#1976d2}.admin-dashboard .stats-grid .stat-card.blogs:before{background:#4caf50}.admin-dashboard .stats-grid .stat-card.pending:before{background:#ff9800}.admin-dashboard .stats-grid .stat-card.requests:before{background:#d32f2f}.admin-dashboard .stats-grid .stat-card .stat-icon{width:60px;height:60px;border-radius:12px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:#fff;box-shadow:0 4px 8px #0000001f}.users .admin-dashboard .stats-grid .stat-card .stat-icon{background:linear-gradient(135deg,#1976d2,#1565c0)}.blogs .admin-dashboard .stats-grid .stat-card .stat-icon{background:linear-gradient(135deg,#4caf50,#4caf50)}.pending .admin-dashboard .stats-grid .stat-card .stat-icon{background:linear-gradient(135deg,#ff9800,#ff9800)}.requests .admin-dashboard .stats-grid .stat-card .stat-icon{background:linear-gradient(135deg,#d32f2f,#c21121)}.admin-dashboard .stats-grid .stat-card .stat-info{flex:1}.admin-dashboard .stats-grid .stat-card .stat-info h3{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:1rem;color:#6c757d;font-weight:700;margin:0 0 8px;text-transform:uppercase;letter-spacing:1px}.admin-dashboard .stats-grid .stat-card .stat-info .stat-number{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:800;font-size:1.875rem;color:#222;margin:0 0 8px}.admin-dashboard .stats-grid .stat-card .stat-info .stat-change{display:flex;justify-content:flex-start;align-items:center;gap:4px;font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:.875rem;color:#9e9e9e;font-weight:500}.admin-dashboard .stats-grid .stat-card .stat-info .stat-change.positive{color:#4caf50}.admin-dashboard .stats-grid .stat-card .stat-info .stat-change.negative{color:#f44336}.admin-dashboard .stats-grid .stat-card .stat-info .stat-change.neutral{color:#9e9e9e}.admin-dashboard .stats-grid .stat-card .stat-info .stat-change i{font-size:.75rem}.admin-dashboard .dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}.admin-dashboard .dashboard-grid .dashboard-card{background:#fff;border:1px solid #e8ecef;border-radius:8px;box-shadow:0 4px 8px #0000001f;overflow:hidden}.admin-dashboard .dashboard-grid .dashboard-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e8ecef;background:#f8f9fa}.admin-dashboard .dashboard-grid .dashboard-card .card-header h2{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:600;font-size:1.25rem;color:#222;margin:0}.admin-dashboard .dashboard-grid .dashboard-card .card-header .view-all-link{margin:0;box-sizing:border-box;outline:none;list-style:none;display:inline-flex;padding:8px 12px;background:transparent;border:none;font-size:1rem;border-radius:6px;cursor:pointer;text-align:center;align-items:center;justify-content:center;transition:all .2s;font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:.875rem;color:#1976d2;font-weight:500;text-decoration:none}.admin-dashboard .dashboard-grid .dashboard-card .card-header .view-all-link:hover{background:#1976d21a}.admin-dashboard .dashboard-grid .dashboard-card .card-header .view-all-link:hover{text-decoration:underline}.admin-dashboard .dashboard-grid .dashboard-card .card-header .system-status{display:flex;justify-content:center;align-items:center;gap:8px;font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:.875rem;color:#6c757d;font-weight:500}.admin-dashboard .dashboard-grid .dashboard-card .card-header .system-status.good{color:#4caf50}.admin-dashboard .dashboard-grid .dashboard-card .card-header .system-status i{font-size:.75rem;animation:pulse 2s infinite}.admin-dashboard .dashboard-grid .dashboard-card .card-body{padding:24px;max-height:400px;overflow-y:auto}.admin-dashboard .dashboard-grid .dashboard-card .card-body .empty-state{text-align:center;padding:32px;color:#9e9e9e}.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .activity-item,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .alert-item,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .activity-item,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .alert-item{display:flex;justify-content:flex-start;align-items:flex-start;gap:12px;padding:16px;border-radius:8px;margin-bottom:12px;transition:all .2s ease}.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .activity-item:last-child,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .alert-item:last-child,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .activity-item:last-child,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .alert-item:last-child{margin-bottom:0}.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .activity-item:hover,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .alert-item:hover,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .activity-item:hover,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .alert-item:hover{background:#f6f6f6}.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .activity-item .activity-icon,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .activity-item .alert-icon,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .alert-item .activity-icon,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .alert-item .alert-icon,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .activity-item .activity-icon,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .activity-item .alert-icon,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .alert-item .activity-icon,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .alert-item .alert-icon{width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:.875rem;color:#fff;flex-shrink:0}.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .activity-item .activity-icon.success,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .activity-item .alert-icon.success,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .alert-item .activity-icon.success,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .alert-item .alert-icon.success,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .activity-item .activity-icon.success,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .activity-item .alert-icon.success,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .alert-item .activity-icon.success,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .alert-item .alert-icon.success{background:#4caf50}.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .activity-item .activity-icon.warning,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .activity-item .alert-icon.warning,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .alert-item .activity-icon.warning,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .alert-item .alert-icon.warning,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .activity-item .activity-icon.warning,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .activity-item .alert-icon.warning,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .alert-item .activity-icon.warning,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .alert-item .alert-icon.warning{background:#ff9800}.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .activity-item .activity-icon.danger,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .activity-item .alert-icon.danger,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .alert-item .activity-icon.danger,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .alert-item .alert-icon.danger,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .activity-item .activity-icon.danger,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .activity-item .alert-icon.danger,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .alert-item .activity-icon.danger,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .alert-item .alert-icon.danger{background:#f44336}.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .activity-item .activity-icon.info,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .activity-item .alert-icon.info,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .alert-item .activity-icon.info,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .alert-item .alert-icon.info,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .activity-item .activity-icon.info,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .activity-item .alert-icon.info,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .alert-item .activity-icon.info,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .alert-item .alert-icon.info{background:#2196f3}.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .activity-item .activity-content,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .activity-item .alert-content,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .alert-item .activity-content,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .alert-item .alert-content,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .activity-item .activity-content,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .activity-item .alert-content,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .alert-item .activity-content,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .alert-item .alert-content{flex:1}.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .activity-item .activity-content .activity-message,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .activity-item .activity-content .alert-title,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .activity-item .alert-content .activity-message,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .activity-item .alert-content .alert-title,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .alert-item .activity-content .activity-message,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .alert-item .activity-content .alert-title,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .alert-item .alert-content .activity-message,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .alert-item .alert-content .alert-title,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .activity-item .activity-content .activity-message,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .activity-item .activity-content .alert-title,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .activity-item .alert-content .activity-message,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .activity-item .alert-content .alert-title,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .alert-item .activity-content .activity-message,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .alert-item .activity-content .alert-title,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .alert-item .alert-content .activity-message,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .alert-item .alert-content .alert-title{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:.875rem;color:#222;font-weight:500;margin:0 0 4px;line-height:1.25}.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .activity-item .activity-content .alert-message,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .activity-item .alert-content .alert-message,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .alert-item .activity-content .alert-message,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .alert-item .alert-content .alert-message,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .activity-item .activity-content .alert-message,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .activity-item .alert-content .alert-message,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .alert-item .activity-content .alert-message,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .alert-item .alert-content .alert-message{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:.875rem;color:#6c757d;font-weight:400;margin:0 0 4px;line-height:1.5}.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .activity-item .activity-content .activity-time,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .activity-item .activity-content .alert-time,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .activity-item .alert-content .activity-time,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .activity-item .alert-content .alert-time,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .alert-item .activity-content .activity-time,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .alert-item .activity-content .alert-time,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .alert-item .alert-content .activity-time,.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .alert-item .alert-content .alert-time,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .activity-item .activity-content .activity-time,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .activity-item .activity-content .alert-time,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .activity-item .alert-content .activity-time,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .activity-item .alert-content .alert-time,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .alert-item .activity-content .activity-time,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .alert-item .activity-content .alert-time,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .alert-item .alert-content .activity-time,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .alert-item .alert-content .alert-time{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:.75rem;color:#9e9e9e;font-weight:400;margin:0}.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .alert-item,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .alert-item{border-left:4px solid #e8ecef}.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .alert-item.warning,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .alert-item.warning{border-left-color:#ff9800;background:#ff98000d}.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .alert-item.error,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .alert-item.error{border-left-color:#f44336;background:#f443360d}.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .alert-item.info,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .alert-item.info{border-left-color:#2196f3;background:#2196f30d}.admin-dashboard .dashboard-grid .dashboard-card .card-body .activities-list .alert-item.success,.admin-dashboard .dashboard-grid .dashboard-card .card-body .alerts-list .alert-item.success{border-left-color:#4caf50;background:#4caf500d}.admin-dashboard .quick-actions{background:#fff;border:1px solid #e8ecef;border-radius:8px;padding:32px;box-shadow:0 4px 8px #0000001f}.admin-dashboard .quick-actions h2{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:600;font-size:1.5rem;color:#222;margin:0 0 24px;text-align:center}.admin-dashboard .quick-actions .actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.admin-dashboard .quick-actions .actions-grid .action-card{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:12px;padding:24px;border:2px solid #e8ecef;border-radius:12px;background:#fff;transition:all .3s ease;text-decoration:none;color:#6c757d}.admin-dashboard .quick-actions .actions-grid .action-card:hover{border-color:#1976d2;background:#e3f2fd;color:#1976d2;transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.admin-dashboard .quick-actions .actions-grid .action-card:hover i{transform:scale(1.2);color:#1976d2}.admin-dashboard .quick-actions .actions-grid .action-card i{font-size:1.875rem;color:#9e9e9e;transition:all .3s ease}.admin-dashboard .quick-actions .actions-grid .action-card span{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:1rem;color:inherit;font-weight:500;text-align:center}.admin-dashboard .loading-spinner{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:64px;gap:16px}.admin-dashboard .loading-spinner .spinner{width:40px;height:40px;border:4px solid #e8ecef;border-top:4px solid #1976d2;border-radius:50%;animation:spin 1s linear infinite}.admin-dashboard .loading-spinner p{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:1rem;color:#6c757d;font-weight:400;margin:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 991.98px){.admin-dashboard{padding:16px}.admin-dashboard .dashboard-header{flex-direction:column;gap:16px;text-align:center}.admin-dashboard .dashboard-header .header-actions{justify-content:center;flex-wrap:wrap}.admin-dashboard .stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.admin-dashboard .dashboard-grid{grid-template-columns:1fr;gap:24px}.admin-dashboard .quick-actions .actions-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.admin-dashboard .quick-actions .actions-grid .action-card{padding:16px}.admin-dashboard .quick-actions .actions-grid .action-card i{font-size:1.5rem}.admin-dashboard .quick-actions .actions-grid .action-card span{font-size:.875rem}}@media (max-width: 575.98px){.admin-dashboard{padding:12px}.admin-dashboard .dashboard-header{padding:16px}.admin-dashboard .dashboard-header .header-content h1{font-size:1.5rem}.admin-dashboard .dashboard-header .header-actions{gap:8px}.admin-dashboard .dashboard-header .header-actions .btn-outline,.admin-dashboard .dashboard-header .header-actions .btn-primary{padding:8px 12px;font-size:.875rem}.admin-dashboard .stats-grid{grid-template-columns:1fr;gap:12px}.admin-dashboard .stats-grid .stat-card{padding:16px}.admin-dashboard .stats-grid .stat-card .stat-icon{width:50px;height:50px;font-size:1.25rem}.admin-dashboard .stats-grid .stat-card .stat-info .stat-number{font-size:1.5rem}.admin-dashboard .dashboard-grid{gap:16px}.admin-dashboard .dashboard-grid .dashboard-card .card-header{padding:16px;flex-direction:column;gap:8px;text-align:center}.admin-dashboard .dashboard-grid .dashboard-card .card-body,.admin-dashboard .quick-actions{padding:16px}.admin-dashboard .quick-actions .actions-grid{grid-template-columns:repeat(2,1fr)}.admin-dashboard .quick-actions .actions-grid .action-card{padding:12px}.admin-dashboard .quick-actions .actions-grid .action-card i{font-size:1.25rem}.admin-dashboard .quick-actions .actions-grid .action-card span{font-size:.75rem}}@media (max-width: 768px){.admin-dashboard{padding:12px}}.ProseMirror{position:relative}.ProseMirror{word-wrap:break-word;white-space:pre-wrap;white-space:break-spaces;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;font-feature-settings:"liga" 0}.ProseMirror pre{white-space:pre-wrap}.ProseMirror li{position:relative}.ProseMirror-hideselection *::selection{background:transparent}.ProseMirror-hideselection *::-moz-selection{background:transparent}.ProseMirror-hideselection{caret-color:transparent}.ProseMirror [draggable][contenteditable=false]{-webkit-user-select:text;user-select:text}.ProseMirror-selectednode{outline:2px solid #8cf}li.ProseMirror-selectednode{outline:none}li.ProseMirror-selectednode:after{content:"";position:absolute;left:-32px;right:-2px;top:-2px;bottom:-2px;border:2px solid #8cf;pointer-events:none}img.ProseMirror-separator{display:inline!important;border:none!important;margin:0!important}.ProseMirror-textblock-dropdown{min-width:3em}.ProseMirror-menu{margin:0 -4px;line-height:1}.ProseMirror-tooltip .ProseMirror-menu{width:-webkit-fit-content;width:fit-content;white-space:pre}.ProseMirror-menuitem{margin-right:3px;display:inline-block}.ProseMirror-menuseparator{border-right:1px solid #ddd;margin-right:3px}.ProseMirror-menu-dropdown,.ProseMirror-menu-dropdown-menu{font-size:90%;white-space:nowrap}.ProseMirror-menu-dropdown{vertical-align:1px;cursor:pointer;position:relative;padding-right:15px}.ProseMirror-menu-dropdown-wrap{padding:1px 0 1px 4px;display:inline-block;position:relative}.ProseMirror-menu-dropdown:after{content:"";border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid currentColor;opacity:.6;position:absolute;right:4px;top:calc(50% - 2px)}.ProseMirror-menu-dropdown-menu,.ProseMirror-menu-submenu{position:absolute;background:#fff;color:#666;border:1px solid #aaa;padding:2px}.ProseMirror-menu-dropdown-menu{z-index:15;min-width:6em}.ProseMirror-menu-dropdown-item{cursor:pointer;padding:2px 8px 2px 4px}.ProseMirror-menu-dropdown-item:hover{background:#f2f2f2}.ProseMirror-menu-submenu-wrap{position:relative;margin-right:-4px}.ProseMirror-menu-submenu-label:after{content:"";border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid currentColor;opacity:.6;position:absolute;right:4px;top:calc(50% - 4px)}.ProseMirror-menu-submenu{display:none;min-width:4em;left:100%;top:-3px}.ProseMirror-menu-active{background:#eee;border-radius:4px}.ProseMirror-menu-disabled{opacity:.3}.ProseMirror-menu-submenu-wrap:hover .ProseMirror-menu-submenu,.ProseMirror-menu-submenu-wrap-active .ProseMirror-menu-submenu{display:block}.ProseMirror-menubar{border-top-left-radius:inherit;border-top-right-radius:inherit;position:relative;min-height:1em;color:#666;padding:1px 6px;top:0;left:0;right:0;border-bottom:1px solid silver;background:#fff;z-index:10;-moz-box-sizing:border-box;box-sizing:border-box;overflow:visible}.ProseMirror-icon{display:inline-block;line-height:.8;vertical-align:-2px;padding:2px 8px;cursor:pointer}.ProseMirror-menu-disabled.ProseMirror-icon{cursor:default}.ProseMirror-icon svg{fill:currentColor;height:1em}.ProseMirror-icon span{vertical-align:text-top}.prosemirror-wrapper{border:1px solid #d9d9d9;border-radius:6px;transition:border-color .3s;background:#fff}.prosemirror-wrapper:focus-within{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.prosemirror-wrapper .prosemirror-toolbar{border-bottom:1px solid #d9d9d9;background:#fafafa;padding:8px 12px;border-radius:6px 6px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:16px}.prosemirror-wrapper .prosemirror-toolbar .toolbar-group{display:flex;align-items:center;gap:8px}.prosemirror-wrapper .prosemirror-toolbar .toolbar-group .toolbar-button{background:#fff;border:1px solid #d9d9d9;border-radius:4px;padding:6px 12px;cursor:pointer;font-size:14px;transition:all .2s;display:flex;align-items:center;gap:4px}.prosemirror-wrapper .prosemirror-toolbar .toolbar-group .toolbar-button:hover:not(:disabled){background:#1890ff1a;border-color:#91d5ff;color:#1890ff}.prosemirror-wrapper .prosemirror-toolbar .toolbar-group .toolbar-button:disabled{opacity:.5;cursor:not-allowed}.prosemirror-wrapper .prosemirror-toolbar .toolbar-group .color-group{display:flex;align-items:center;gap:4px;font-size:12px}.prosemirror-wrapper .prosemirror-toolbar .toolbar-group .color-group label{margin:0;color:#666;white-space:nowrap}.prosemirror-wrapper .prosemirror-toolbar .toolbar-group .color-group .color-button input[type=color]{width:32px;height:32px;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;padding:0;background:none}.prosemirror-wrapper .prosemirror-toolbar .toolbar-group .color-group .color-button input[type=color]:disabled{opacity:.5;cursor:not-allowed}.prosemirror-wrapper .upload-instructions{padding:8px 12px;background:#f6f8fa;border-top:1px solid #e1e8ed;border-radius:0 0 6px 6px}.prosemirror-wrapper .upload-instructions small{color:#666;font-size:11px}.prosemirror-wrapper .prosemirror-container{position:relative}.prosemirror-wrapper .prosemirror-container .ProseMirror-menubar{border-bottom:1px solid #d9d9d9;background:#fafafa;padding:8px 12px;border-radius:6px 6px 0 0}.prosemirror-wrapper .prosemirror-container .ProseMirror-menubar .ProseMirror-menu{display:flex;flex-wrap:wrap;gap:4px;margin:0}.prosemirror-wrapper .prosemirror-container .ProseMirror-menubar .ProseMirror-menu .ProseMirror-menuitem{background:transparent;border:1px solid transparent;border-radius:4px;padding:6px 8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.prosemirror-wrapper .prosemirror-container .ProseMirror-menubar .ProseMirror-menu .ProseMirror-menuitem:hover{background:#1890ff1a;border-color:#91d5ff}.prosemirror-wrapper .prosemirror-container .ProseMirror-menubar .ProseMirror-menu .ProseMirror-menuitem.ProseMirror-menu-active{background:#1890ff33;border-color:#40a9ff;color:#1890ff}.prosemirror-wrapper .prosemirror-container .ProseMirror-menubar .ProseMirror-menu .ProseMirror-menuitem.ProseMirror-menu-disabled{opacity:.5;cursor:not-allowed}.prosemirror-wrapper .prosemirror-container .ProseMirror-menubar .ProseMirror-menu .ProseMirror-menuseparator{width:1px;height:20px;background:#d9d9d9;margin:0 4px}.prosemirror-wrapper .prosemirror-container .ProseMirror{padding:16px;outline:none;min-height:200px;line-height:1.6;font-size:14px;color:#262626}.prosemirror-wrapper .prosemirror-container .ProseMirror.disabled{background:#f5f5f5;color:#8c8c8c;cursor:not-allowed}.prosemirror-wrapper .prosemirror-container .ProseMirror:empty:before{content:attr(data-placeholder);color:#bfbfbf;pointer-events:none;position:absolute}.prosemirror-wrapper .prosemirror-container .ProseMirror h1,.prosemirror-wrapper .prosemirror-container .ProseMirror h2,.prosemirror-wrapper .prosemirror-container .ProseMirror h3,.prosemirror-wrapper .prosemirror-container .ProseMirror h4,.prosemirror-wrapper .prosemirror-container .ProseMirror h5,.prosemirror-wrapper .prosemirror-container .ProseMirror h6{margin:16px 0 8px;font-weight:600;line-height:1.4}.prosemirror-wrapper .prosemirror-container .ProseMirror h1{font-size:32px}.prosemirror-wrapper .prosemirror-container .ProseMirror h2{font-size:24px}.prosemirror-wrapper .prosemirror-container .ProseMirror h3{font-size:20px}.prosemirror-wrapper .prosemirror-container .ProseMirror h4{font-size:16px}.prosemirror-wrapper .prosemirror-container .ProseMirror h5{font-size:14px}.prosemirror-wrapper .prosemirror-container .ProseMirror h6{font-size:12px}.prosemirror-wrapper .prosemirror-container .ProseMirror p{margin:8px 0}.prosemirror-wrapper .prosemirror-container .ProseMirror p:first-child{margin-top:0}.prosemirror-wrapper .prosemirror-container .ProseMirror p:last-child{margin-bottom:0}.prosemirror-wrapper .prosemirror-container .ProseMirror ul,.prosemirror-wrapper .prosemirror-container .ProseMirror ol{padding-left:24px;margin:8px 0}.prosemirror-wrapper .prosemirror-container .ProseMirror ul li,.prosemirror-wrapper .prosemirror-container .ProseMirror ol li,.prosemirror-wrapper .prosemirror-container .ProseMirror ul ul,.prosemirror-wrapper .prosemirror-container .ProseMirror ul ol,.prosemirror-wrapper .prosemirror-container .ProseMirror ol ul,.prosemirror-wrapper .prosemirror-container .ProseMirror ol ol{margin:4px 0}.prosemirror-wrapper .prosemirror-container .ProseMirror ul{list-style-type:disc}.prosemirror-wrapper .prosemirror-container .ProseMirror ol{list-style-type:decimal}.prosemirror-wrapper .prosemirror-container .ProseMirror blockquote{border-left:4px solid #1890ff;padding:8px 16px;margin:16px 0;background:#f6f8fa;border-radius:0 4px 4px 0;font-style:italic;color:#595959}.prosemirror-wrapper .prosemirror-container .ProseMirror code{background:#f5f5f5;border:1px solid #e8e8e8;border-radius:3px;padding:2px 6px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px;color:#d73a49}.prosemirror-wrapper .prosemirror-container .ProseMirror pre{background:#f5f5f5;border:1px solid #e8e8e8;border-radius:4px;padding:16px;margin:12px 0;overflow-x:auto}.prosemirror-wrapper .prosemirror-container .ProseMirror pre code{background:transparent;border:none;padding:0;color:#262626}.prosemirror-wrapper .prosemirror-container .ProseMirror a{color:#1890ff;text-decoration:none}.prosemirror-wrapper .prosemirror-container .ProseMirror a:hover{text-decoration:underline}.prosemirror-wrapper .prosemirror-container .ProseMirror strong{font-weight:600}.prosemirror-wrapper .prosemirror-container .ProseMirror em{font-style:italic}.prosemirror-wrapper .prosemirror-container .ProseMirror hr{border:none;border-top:2px solid #d9d9d9;margin:24px 0}.prosemirror-wrapper .prosemirror-container .ProseMirror span[style*=background-color]{padding:1px 2px;border-radius:2px}.prosemirror-wrapper .ProseMirror img{max-width:100%;height:auto;border-radius:4px;box-shadow:0 2px 8px #0000001a;margin:8px 0;cursor:pointer;transition:all .2s}.prosemirror-wrapper .ProseMirror img:hover{box-shadow:0 4px 12px #00000026}.prosemirror-wrapper .ProseMirror img.ProseMirror-selectednode{outline:2px solid #1890ff;outline-offset:2px}.prosemirror-wrapper .ProseMirror.ProseMirror-hideselection .ProseMirror-selectednode{outline:none}@media (max-width: 768px){.prosemirror-wrapper .prosemirror-toolbar{padding:6px 8px;gap:8px}.prosemirror-wrapper .prosemirror-toolbar .toolbar-group{gap:4px}.prosemirror-wrapper .prosemirror-toolbar .toolbar-group .toolbar-button{padding:4px 8px;font-size:12px}.prosemirror-wrapper .prosemirror-toolbar .toolbar-group .color-group .color-button input[type=color]{width:24px;height:24px}.prosemirror-wrapper .prosemirror-container .ProseMirror-menubar{padding:6px 8px}.prosemirror-wrapper .prosemirror-container .ProseMirror-menubar .ProseMirror-menu{gap:2px}.prosemirror-wrapper .prosemirror-container .ProseMirror-menubar .ProseMirror-menu .ProseMirror-menuitem{min-width:28px;height:28px;padding:4px 6px}.prosemirror-wrapper .prosemirror-container .ProseMirror{padding:12px;font-size:13px}.prosemirror-wrapper .upload-instructions{padding:6px 8px}.prosemirror-wrapper .upload-instructions small{font-size:10px}}@media (prefers-color-scheme: dark){.prosemirror-wrapper{border-color:#434343;background:#1f1f1f}.prosemirror-wrapper:focus-within{border-color:#1890ff}.prosemirror-wrapper .prosemirror-toolbar{background:#2f2f2f;border-color:#434343}.prosemirror-wrapper .prosemirror-toolbar .toolbar-group .toolbar-button{background:#1f1f1f;border-color:#434343;color:#fff}.prosemirror-wrapper .prosemirror-toolbar .toolbar-group .toolbar-button:hover:not(:disabled){background:#1890ff33;border-color:#1890ff}.prosemirror-wrapper .prosemirror-toolbar .toolbar-group .color-group label{color:#d9d9d9}.prosemirror-wrapper .prosemirror-toolbar .toolbar-group .color-group .color-button input[type=color]{border-color:#434343}.prosemirror-wrapper .upload-instructions{background:#2f2f2f;border-color:#434343}.prosemirror-wrapper .upload-instructions small{color:#d9d9d9}.prosemirror-wrapper .prosemirror-container .ProseMirror-menubar{background:#2f2f2f;border-color:#434343}.prosemirror-wrapper .prosemirror-container .ProseMirror{background:#1f1f1f;color:#fff}.prosemirror-wrapper .prosemirror-container .ProseMirror h1,.prosemirror-wrapper .prosemirror-container .ProseMirror h2,.prosemirror-wrapper .prosemirror-container .ProseMirror h3,.prosemirror-wrapper .prosemirror-container .ProseMirror h4,.prosemirror-wrapper .prosemirror-container .ProseMirror h5,.prosemirror-wrapper .prosemirror-container .ProseMirror h6,.prosemirror-wrapper .prosemirror-container .ProseMirror p{color:#fff}.prosemirror-wrapper .prosemirror-container .ProseMirror blockquote{background:#2f2f2f;color:#d9d9d9}.prosemirror-wrapper .prosemirror-container .ProseMirror code,.prosemirror-wrapper .prosemirror-container .ProseMirror pre{background:#2f2f2f;border-color:#434343;color:#fff}.prosemirror-wrapper .prosemirror-container .ProseMirror img{box-shadow:0 2px 8px #ffffff1a}.prosemirror-wrapper .prosemirror-container .ProseMirror img:hover{box-shadow:0 4px 12px #ffffff26}}.blog-editor{max-width:1200px;margin:0 auto}.blog-editor .editor-header{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e8ecef;border-radius:8px;padding:32px;margin-bottom:32px;box-shadow:0 4px 8px #0000001f}.blog-editor .editor-header .header-content h1{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:700;font-size:1.875rem;color:#222;background:linear-gradient(135deg,#02314b,#1976d2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.blog-editor .editor-header .header-content p{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:1.125rem;color:#6c757d;font-weight:400;margin:0}.blog-editor .editor-header .header-actions{display:flex;justify-content:center;align-items:center;gap:12px}.blog-editor .editor-header .header-actions .btn-secondary{margin:0;box-sizing:border-box;border:none;outline:none;list-style:none;text-decoration:none;display:inline-flex;padding:12px 32px;background:#fff;color:#222;border:1px solid #e8ecef;font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:600;font-size:1rem;border-radius:8px;cursor:pointer;text-align:center;transition:all .2s;display:flex;justify-content:center;align-items:center;gap:8px}.blog-editor .editor-header .header-actions .btn-secondary:hover{background:#f8f9fa;border-color:#1976d2;color:#1976d2}.blog-editor .editor-header .header-actions .btn-outline{margin:0;box-sizing:border-box;outline:none;list-style:none;text-decoration:none;display:inline-flex;padding:8px 12px;background:transparent;color:#6c757d;border:none;font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-weight:500;font-size:1rem;border-radius:6px;cursor:pointer;text-align:center;transition:all .2s;border:1px solid #dee2e6;display:flex;justify-content:center;align-items:center;gap:8px}.blog-editor .editor-header .header-actions .btn-outline:hover{background:#6c757d1a}.blog-editor .editor-header .header-actions .btn-outline:hover{background:#f8f9fa;border-color:#1976d2;color:#1976d2}.blog-editor .editor-header .header-actions .btn-primary{margin:0;box-sizing:border-box;border:none;outline:none;list-style:none;text-decoration:none;display:inline-flex;padding:12px 32px;background:#1976d2;color:#fff;font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:600;font-size:1rem;border-radius:8px;cursor:pointer;text-align:center;transition:background .2s;display:flex;justify-content:center;align-items:center;gap:8px}.blog-editor .editor-header .header-actions .btn-primary:hover{background:#1565c0}.blog-editor .editor-content{display:grid;grid-template-columns:1fr 300px;gap:32px}.blog-editor .editor-content .editor-main .form-group{margin-bottom:24px}.blog-editor .editor-content .editor-main .form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:8px;color:#222;font-weight:600}.blog-editor .editor-content .editor-main .form-group input,.blog-editor .editor-content .editor-main .form-group textarea,.blog-editor .editor-content .editor-main .form-group select{width:100%;padding:12px 16px;border:1px solid #e8ecef;border-radius:8px;font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;background:#fff;color:#222;transition:all .2s;font-size:1rem}.blog-editor .editor-content .editor-main .form-group input:focus,.blog-editor .editor-content .editor-main .form-group textarea:focus,.blog-editor .editor-content .editor-main .form-group select:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.blog-editor .editor-content .editor-main .form-group input::placeholder,.blog-editor .editor-content .editor-main .form-group textarea::placeholder,.blog-editor .editor-content .editor-main .form-group select::placeholder{color:#9e9e9e}.blog-editor .editor-content .editor-main .form-group textarea{resize:vertical;min-height:80px}.blog-editor .editor-content .editor-main .form-group small{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:.75rem;color:#9e9e9e;font-weight:400;margin-top:4px;display:block}.blog-editor .editor-content .editor-main .content-editor .editor-toolbar{display:flex;justify-content:flex-start;align-items:center;gap:4px;padding:12px;background:#f8f9fa;border:1px solid #e8ecef;border-bottom:none;border-radius:8px 8px 0 0}.blog-editor .editor-content .editor-main .content-editor .editor-toolbar .toolbar-btn{margin:0;box-sizing:border-box;outline:none;list-style:none;text-decoration:none;display:inline-flex;background:transparent;color:#6c757d;border:none;font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-weight:500;font-size:1rem;cursor:pointer;text-align:center;transition:all .2s;padding:8px;border-radius:4px;font-size:.875rem;min-width:32px;height:32px;display:flex;justify-content:center;align-items:center}.blog-editor .editor-content .editor-main .content-editor .editor-toolbar .toolbar-btn:hover{background:#6c757d1a}.blog-editor .editor-content .editor-main .content-editor .editor-toolbar .toolbar-btn:hover{background:#e3f2fd;color:#1976d2}.blog-editor .editor-content .editor-main .content-editor .editor-toolbar .toolbar-btn.active{background:#1976d2;color:#fff}.blog-editor .editor-content .editor-main .content-editor .editor-toolbar .toolbar-divider{width:1px;height:20px;background:#dee2e6;margin:0 8px}.blog-editor .editor-content .editor-main .content-editor textarea{border-radius:0 0 8px 8px;border-top:none;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.75;min-height:400px}.blog-editor .editor-content .editor-sidebar .sidebar-section{background:#fff;border:1px solid #e8ecef;border-radius:8px;padding:24px;margin-bottom:24px}.blog-editor .editor-content .editor-sidebar .sidebar-section h3{font-family:Montserrat,Poppins,Arial,Helvetica,sans-serif;font-weight:600;font-size:1.125rem;color:#222;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e8ecef}.blog-editor .editor-content .editor-sidebar .sidebar-section .form-group{margin-bottom:16px}.blog-editor .editor-content .editor-sidebar .sidebar-section .form-group:last-child{margin-bottom:0}.blog-editor .editor-content .editor-sidebar .sidebar-section .form-group label{display:block;font-size:.875rem;margin-bottom:8px;color:#222;font-weight:500}.blog-editor .editor-content .editor-sidebar .sidebar-section .form-group input,.blog-editor .editor-content .editor-sidebar .sidebar-section .form-group select{width:100%;padding:12px 16px;border:1px solid #e8ecef;border-radius:8px;font-size:1rem;font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;background:#fff;color:#222;transition:all .2s;font-size:.875rem}.blog-editor .editor-content .editor-sidebar .sidebar-section .form-group input:focus,.blog-editor .editor-content .editor-sidebar .sidebar-section .form-group select:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.blog-editor .editor-content .editor-sidebar .sidebar-section .form-group input::placeholder,.blog-editor .editor-content .editor-sidebar .sidebar-section .form-group select::placeholder{color:#9e9e9e}.blog-editor .editor-content .editor-sidebar .sidebar-section .form-group small{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:.75rem;color:#9e9e9e;font-weight:400;margin-top:4px;display:block}.blog-editor .editor-content .editor-sidebar .sidebar-section .image-upload .upload-placeholder{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px;padding:32px;border:2px dashed #dee2e6;border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:center}.blog-editor .editor-content .editor-sidebar .sidebar-section .image-upload .upload-placeholder:hover{border-color:#1976d2;background:#e3f2fd}.blog-editor .editor-content .editor-sidebar .sidebar-section .image-upload .upload-placeholder i{font-size:1.875rem;color:#9e9e9e}.blog-editor .editor-content .editor-sidebar .sidebar-section .image-upload .upload-placeholder span{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:1rem;color:#6c757d;font-weight:500}.blog-editor .editor-content .editor-sidebar .sidebar-section .image-upload .upload-placeholder small{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:.75rem;color:#9e9e9e;font-weight:400;margin:0}.blog-editor .editor-content .editor-sidebar .sidebar-section .image-upload .image-preview{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.blog-editor .editor-content .editor-sidebar .sidebar-section .image-upload .image-preview img{width:100%;height:200px;object-fit:cover;display:block}.blog-editor .editor-content .editor-sidebar .sidebar-section .image-upload .image-preview .remove-image{position:absolute;top:8px;right:8px;margin:0;box-sizing:border-box;outline:none;list-style:none;text-decoration:none;display:inline-flex;padding:8px 12px;background:transparent;color:#fff;border:none;font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-weight:500;font-size:1rem;cursor:pointer;text-align:center;transition:all .2s;background:#000000b3;border-radius:50%;width:32px;height:32px;display:flex;justify-content:center;align-items:center;font-size:.875rem}.blog-editor .editor-content .editor-sidebar .sidebar-section .image-upload .image-preview .remove-image:hover{background:#ffffff1a}.blog-editor .editor-content .editor-sidebar .sidebar-section .image-upload .image-preview .remove-image:hover{background:#f44336e6}.blog-editor .loading-spinner{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:64px;gap:16px}.blog-editor .loading-spinner .spinner{width:40px;height:40px;border:4px solid #e8ecef;border-top:4px solid #1976d2;border-radius:50%;animation:spin 1s linear infinite}.blog-editor .loading-spinner p{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;font-size:1rem;color:#6c757d;font-weight:400;margin:0}@media (max-width: 991.98px){.blog-editor{padding:16px}.blog-editor .editor-header{flex-direction:column;gap:16px;text-align:center}.blog-editor .editor-header .header-actions{justify-content:center;flex-wrap:wrap}.blog-editor .editor-content{grid-template-columns:1fr;gap:24px}.blog-editor .editor-content .editor-sidebar{order:-1}.blog-editor .editor-content .editor-sidebar .sidebar-section .image-upload .upload-placeholder{padding:24px}}@media (max-width: 575.98px){.blog-editor{padding:12px}.blog-editor .editor-header{padding:16px}.blog-editor .editor-header .header-content h1{font-size:1.5rem}.blog-editor .editor-header .header-actions{gap:8px}.blog-editor .editor-header .header-actions .btn-secondary,.blog-editor .editor-header .header-actions .btn-outline,.blog-editor .editor-header .header-actions .btn-primary{padding:8px 12px;font-size:.875rem}.blog-editor .editor-content{gap:16px}.blog-editor .editor-content .editor-main .content-editor .editor-toolbar{flex-wrap:wrap;gap:4px;padding:8px}.blog-editor .editor-content .editor-main .content-editor .editor-toolbar .toolbar-btn{min-width:28px;height:28px;font-size:.75rem}.blog-editor .editor-content .editor-main .content-editor textarea{min-height:300px;font-size:.75rem}.blog-editor .editor-content .editor-sidebar .sidebar-section,.blog-editor .editor-content .editor-sidebar .sidebar-section .image-upload .upload-placeholder{padding:16px}.blog-editor .editor-content .editor-sidebar .sidebar-section .image-upload .upload-placeholder i{font-size:1.5rem}}.profile-page{padding:32px;background:#f6f6f6;min-height:100vh}.profile-page .profile-update-container{max-width:1200px;margin:0 auto}.profile-page .profile-update-container .ant-typography{color:#222}.profile-page .profile-update-container .ant-typography h2{color:#1976d2;font-weight:600;margin-bottom:32px}.profile-page .profile-update-container .ant-card{border-radius:12px;box-shadow:0 4px 12px #00000014;border:1px solid #e9ecef}.profile-page .profile-update-container .ant-card .ant-card-head{border-bottom:1px solid #e9ecef;background:#f6fbfd;border-radius:12px 12px 0 0}.profile-page .profile-update-container .ant-card .ant-card-head .ant-card-head-title{color:#222;font-weight:600;font-size:16px}.profile-page .profile-update-container .ant-card .ant-card-head .ant-card-head-title .anticon{color:#1976d2;margin-right:8px}.profile-page .profile-update-container .ant-card .ant-card-body{padding:32px}.profile-page .profile-update-container .ant-form .ant-form-item-label>label{color:#222;font-weight:500;font-size:14px}.profile-page .profile-update-container .ant-form .ant-input,.profile-page .profile-update-container .ant-form .ant-input-password{border-radius:8px;border:1px solid #e9ecef}.profile-page .profile-update-container .ant-form .ant-input:hover,.profile-page .profile-update-container .ant-form .ant-input-password:hover{border-color:#1976d2}.profile-page .profile-update-container .ant-form .ant-input:focus,.profile-page .profile-update-container .ant-form .ant-input.ant-input-focused,.profile-page .profile-update-container .ant-form .ant-input-password:focus,.profile-page .profile-update-container .ant-form .ant-input-password.ant-input-focused{border-color:#1976d2;box-shadow:0 0 0 2px #1890ff33}.profile-page .profile-update-container .ant-form .ant-input .ant-input-prefix,.profile-page .profile-update-container .ant-form .ant-input-password .ant-input-prefix,.profile-page .profile-update-container .ant-form .ant-input-password .ant-input-suffix .anticon{color:#9e9e9e}.profile-page .profile-update-container .ant-form .ant-input-password .ant-input-suffix .anticon:hover{color:#1976d2}.profile-page .profile-update-container .ant-form .ant-btn{border-radius:8px;font-weight:500;transition:all .3s ease}.profile-page .profile-update-container .ant-form .ant-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.profile-page .profile-update-container .ant-form .ant-btn:active{transform:translateY(0)}@media (max-width: 991.98px){.profile-page,.profile-page .profile-update-container .ant-card .ant-card-body{padding:20px}}@media (max-width: 575.98px){.profile-page{padding:12px}.profile-page .profile-update-container .ant-typography h2{font-size:20px;text-align:center}.profile-page .profile-update-container .ant-card{margin-bottom:20px}.profile-page .profile-update-container .ant-card .ant-card-head .ant-card-head-title{font-size:14px}.profile-page .profile-update-container .ant-card .ant-card-body{padding:12px}.profile-page .profile-update-container .ant-form .ant-form-item{margin-bottom:20px}.profile-page .profile-update-container .ant-form .ant-btn{height:44px;font-size:15px}}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.profile-loading .ant-spin{margin-bottom:20px}.profile-loading p{color:#9e9e9e;font-size:14px}.ant-message .ant-message-notice .ant-message-notice-content .ant-message-success .anticon{color:#52c41a}.ant-message .ant-message-notice .ant-message-notice-content .ant-message-error .anticon{color:#ff4d4f}.toast-container{position:fixed;top:24px;right:24px;z-index:1050}.toast-container .toast{min-width:300px;max-width:400px;margin-bottom:14px;border:1px solid transparent;border-radius:14px;box-shadow:0 6px 24px #00000014;background-color:#fff;overflow:hidden;animation:fadeSlideIn .35s ease-in-out}.toast-container .toast .toast-header{display:flex;align-items:center;background-color:transparent;font-weight:600;border-bottom:none;font-size:14px;padding:10px 16px}.toast-container .toast .toast-header .icon{font-size:16px;margin-right:10px}.toast-container .toast .toast-header .btn-close{margin-left:auto;background:transparent;opacity:.5}.toast-container .toast .toast-header .btn-close:hover{opacity:.9}.toast-container .toast .toast-body{padding:12px 16px;font-size:14px;color:#333;line-height:1.5}.toast-container .toast.toast-success{border-left:4px solid #52c41a}.toast-container .toast.toast-success .toast-header{color:#2f8a0c}.toast-container .toast.toast-success .toast-header .icon{color:#52c41a}.toast-container .toast.toast-error{border-left:4px solid #ff4d4f}.toast-container .toast.toast-error .toast-header{color:#b71c1c}.toast-container .toast.toast-error .toast-header .icon{color:#ff4d4f}.toast-container .toast.toast-warning{border-left:4px solid #faad14}.toast-container .toast.toast-warning .toast-header{color:#ad6800}.toast-container .toast.toast-warning .toast-header .icon{color:#faad14}.toast-container .toast.toast-info{border-left:4px solid #1890ff}.toast-container .toast.toast-info .toast-header{color:#0050b3}.toast-container .toast.toast-info .toast-header .icon{color:#1890ff}.toast-container .toast.toast-loading{border-left:4px solid #722ed1}.toast-container .toast.toast-loading .toast-header{color:#391085}.toast-container .toast.toast-loading .toast-header .icon{color:#9254de}.toast-container .toast.toast-loading .loading-spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.1);border-top:2px solid #9254de;border-radius:50%;animation:spin 1s linear infinite}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.toast-container{top:12px;left:12px;right:12px}.toast-container .toast{width:100%;min-width:auto;max-width:none}}.blood-request-detail-modal .ant-modal-content{background:#fafbfc;border-radius:12px;box-shadow:0 16px 40px #0000001f,0 4px 16px #00000014;overflow:hidden;border:1px solid #e8eaed}.blood-request-detail-modal .ant-modal-header{background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:2px solid #dee2e6;padding:24px 32px 20px;margin:0}.blood-request-detail-modal .ant-modal-header .ant-modal-title{color:#2c3e50!important;font-size:20px;font-weight:600;line-height:1.3;display:flex;align-items:center;gap:12px}.blood-request-detail-modal .ant-modal-header .ant-modal-title .anticon{color:#95a5a6!important;font-size:18px}.blood-request-detail-modal .ant-modal-header .ant-modal-title h4{color:#2c3e50!important;margin:0;font-family:Segoe UI,Helvetica Neue,sans-serif}.blood-request-detail-modal .ant-modal-close{top:20px;right:24px;color:#6c757d;font-size:16px;transition:all .2s ease}.blood-request-detail-modal .ant-modal-close:hover{color:#495057;transform:scale(1.1)}.blood-request-detail-modal .ant-modal-body{padding:28px 32px;background:#fafbfc;font-family:Segoe UI,system-ui,sans-serif;line-height:1.6}.blood-request-detail-modal .ant-modal-footer{background:#f8f9fa;border-top:1px solid #dee2e6;padding:20px 32px}.blood-request-detail-modal .ant-modal-footer .ant-btn{height:40px;padding:0 24px;border-radius:6px;font-weight:500;font-size:14px;transition:all .2s ease}.blood-request-detail-modal .ant-modal-footer .ant-btn.ant-btn-primary{background:#007bff;border-color:#007bff}.blood-request-detail-modal .ant-modal-footer .ant-btn.ant-btn-primary:hover{background:#0056b3;border-color:#0056b3;transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.status-section{text-align:center;margin-bottom:24px}.status-section .ant-tag{font-size:12px;font-weight:600;padding:6px 16px;border-radius:12px;border:1px solid;text-transform:uppercase;letter-spacing:.3px;background:#fff}.status-section .ant-tag[color=orange]{background:#fff8e1;color:#f57c00;border-color:#ffcc02}.status-section .ant-tag[color=green]{background:#e8f5e8;color:#2e7d32;border-color:#81c784}.status-section .ant-tag[color=blue]{background:#e3f2fd;color:#1976d2;border-color:#64b5f6}.status-section .ant-tag[color=red]{background:#ffebee;color:#d32f2f;border-color:#ef5350}.status-section .ant-tag[color=default]{background:#f5f5f5;color:#616161;border-color:#e0e0e0}.status-section .doctor-action-info{text-align:left;padding:16px 20px;background:linear-gradient(135deg,#f6ffed,#f0f9e8);border:1px solid #b7eb8f;border-radius:8px;margin-top:16px;box-shadow:0 2px 8px #52c41a1f;border-left:4px solid #52c41a}.status-section .doctor-action-info .ant-typography{margin:0;line-height:1.5;font-size:14px}.status-section .rejection-note{text-align:left;padding:16px 20px;background:linear-gradient(135deg,#fff2f0,#ffebe8);border:1px solid #ffccc7;border-radius:8px;margin-top:16px;box-shadow:0 2px 8px #ff4d4f1f;border-left:4px solid #ff4d4f}.status-section .rejection-note .ant-typography{margin:0;line-height:1.5;font-size:14px}.request-info-card,.medical-info-card,.hospital-info-card,.user-info-card,.medical-file-card{background:#fff;border:1px solid #e8eaed;border-radius:10px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f;transition:all .2s ease;overflow:hidden}.request-info-card:hover,.medical-info-card:hover,.hospital-info-card:hover,.user-info-card:hover,.medical-file-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-1px)}.request-info-card .ant-card-head,.medical-info-card .ant-card-head,.hospital-info-card .ant-card-head,.user-info-card .ant-card-head,.medical-file-card .ant-card-head{background:linear-gradient(135deg,#f1f3f4,#f8f9fa);border-bottom:1px solid #e8eaed;padding:18px 24px;min-height:auto}.request-info-card .ant-card-head .ant-card-head-title,.medical-info-card .ant-card-head .ant-card-head-title,.hospital-info-card .ant-card-head .ant-card-head-title,.user-info-card .ant-card-head .ant-card-head-title,.medical-file-card .ant-card-head .ant-card-head-title{font-size:16px;font-weight:600;color:#343a40;padding:0;display:flex;align-items:center;gap:10px}.request-info-card .ant-card-head .ant-card-head-title .anticon,.medical-info-card .ant-card-head .ant-card-head-title .anticon,.hospital-info-card .ant-card-head .ant-card-head-title .anticon,.user-info-card .ant-card-head .ant-card-head-title .anticon,.medical-file-card .ant-card-head .ant-card-head-title .anticon{color:#95a5a6;font-size:16px;opacity:.8}.request-info-card .ant-card-body,.medical-info-card .ant-card-body,.hospital-info-card .ant-card-body,.user-info-card .ant-card-body,.medical-file-card .ant-card-body{padding:24px;background:#fff}.info-field-group{margin-bottom:20px}.info-field-group .field-label{display:block;color:#495057;font-size:13px;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.3px}.info-field-group .field-content{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:12px 16px;min-height:44px;display:flex;align-items:center;gap:8px;transition:all .2s ease}.info-field-group .field-content:hover{background:#f1f3f4;border-color:#ced4da}.info-field-group .field-content .anticon{color:#adb5bd;font-size:14px;flex-shrink:0;opacity:.7}.info-field-group .field-content .ant-typography{margin:0;color:#343a40;font-weight:500;flex:1}.priority-tag.urgent{background:linear-gradient(135deg,#dc3545,#c82333)!important;color:#fff!important;font-weight:600!important}.priority-tag.normal{background:linear-gradient(135deg,#28a745,#218838)!important;color:#fff!important;font-weight:600!important}.blood-group-tag{background:#ffe6e6!important;color:#d73527!important;border:1px solid #ffcccc!important;font-size:14px!important;font-weight:600!important;padding:6px 12px!important;border-radius:12px!important}.quantity-tag{background:#e8f4fd!important;color:#1976d2!important;border:1px solid #bbdefb!important;font-weight:600!important;padding:6px 12px!important;border-radius:12px!important}.component-tag{background:#f3e5f5!important;color:#7b1fa2!important;border:1px solid #e1bee7!important;font-weight:600!important;padding:6px 12px!important;border-radius:12px!important}.pdf-document-section{margin-top:24px}.pdf-document-section .pdf-container{background:linear-gradient(135deg,#f0f8ff,#e6f3ff);border:2px solid #cce7ff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #007bff1a}.pdf-document-section .pdf-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.pdf-document-section .pdf-header .pdf-icon-container{width:48px;height:48px;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;box-shadow:0 4px 12px #007bff4d}.pdf-document-section .pdf-header .pdf-info{flex:1}.pdf-document-section .pdf-header .pdf-info .pdf-title{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:4px}.pdf-document-section .pdf-header .pdf-info .pdf-description{color:#6c757d;font-size:13px;margin:0}.pdf-document-section .pdf-actions{display:flex;gap:12px;flex-wrap:wrap}.pdf-document-section .pdf-actions .ant-btn{height:42px;padding:0 20px;border-radius:8px;font-weight:500;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .2s ease}.pdf-document-section .pdf-actions .ant-btn.ant-btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);border:none;box-shadow:0 2px 8px #007bff4d}.pdf-document-section .pdf-actions .ant-btn.ant-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #007bff66}.pdf-document-section .pdf-actions .ant-btn:not(.ant-btn-primary){background:#fff;border:1px solid #ced4da;color:#495057}.pdf-document-section .pdf-actions .ant-btn:not(.ant-btn-primary):hover{border-color:#adb5bd;color:#343a40;transform:translateY(-1px)}.contact-phone .field-content{background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border-color:#c3e6c3}.contact-phone .field-content .phone-number{background:linear-gradient(135deg,#28a745,#218838);color:#fff;padding:6px 12px;border-radius:16px;font-weight:600;font-size:13px;box-shadow:0 2px 6px #28a7454d}.reason-field .field-content{min-height:auto;padding:16px;align-items:flex-start;background:#f8f9fa;border:1px solid #e9ecef}.reason-field .field-content .ant-typography{line-height:1.6;color:#495057}.loading-state{text-align:center;padding:60px 20px}.loading-state .ant-spin .ant-spin-dot i{background-color:#007bff}.loading-state .loading-message{margin-top:16px;color:#6c757d;font-size:15px}.emergency-priority .medical-info-card{border-left:4px solid #dc3545}.emergency-priority .medical-info-card .ant-card-head{background:linear-gradient(135deg,#f8d7da,#f5c6cb)}@media (max-width: 992px){.blood-request-detail-modal .ant-modal-content{margin:16px;border-radius:8px}.blood-request-detail-modal .ant-modal-body{padding:20px 24px}.blood-request-detail-modal .medical-info-card .ant-card-body{padding:20px}}@media (max-width: 768px){.blood-request-detail-modal .ant-modal-header{padding:20px 24px 16px}.blood-request-detail-modal .ant-modal-body{padding:16px 20px}.blood-request-detail-modal .pdf-document-section .pdf-header{flex-direction:column;text-align:center;gap:12px}.blood-request-detail-modal .pdf-document-section .pdf-actions{justify-content:center}.blood-request-detail-modal .pdf-document-section .pdf-actions .ant-btn{flex:1;min-width:120px}}.blood-request-detail-modal .ant-modal-content{animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.blood-request-detail-modal{font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}.blood-request-detail-modal .ant-typography{font-family:inherit}.blood-request-detail-modal h4,.blood-request-detail-modal h5,.blood-request-detail-modal h6{font-family:inherit;font-weight:600}.ant-row{margin-left:-8px!important;margin-right:-8px!important}.ant-col{padding-left:8px!important;padding-right:8px!important}.blood-request-detail-modal .ant-tag{border-radius:12px!important}.blood-request-detail-modal .ant-tag.ant-tag-blue{background:#e3f2fd;color:#1976d2;border-color:#90caf9}.blood-request-detail-modal .ant-tag.ant-tag-green{background:#e8f5e8;color:#2e7d32;border-color:#81c784}.blood-request-detail-modal .ant-tag.ant-tag-red{background:#ffebee;color:#d32f2f;border-color:#ef5350}.blood-request-detail-modal .ant-tag.ant-tag-purple{background:#f3e5f5;color:#7b1fa2;border-color:#ce93d8}.blood-request-detail-modal .ant-tag.ant-tag-cyan{background:#e0f2f1;color:#00695c;border-color:#4db6ac}.blood-request-detail-modal .ant-tag.ant-tag-geekblue{background:#e8eaf6;color:#3f51b5;border-color:#9fa8da}.blood-request-detail-modal .ant-tag.ant-tag-default{background:#f5f5f5;color:#616161;border-color:#e0e0e0}.blood-request-detail-modal .medical-file-card .ant-card-head{background:linear-gradient(135deg,#fff8f0,#fff);border-bottom:1px solid #f0f0f0;padding:16px 24px}.blood-request-detail-modal .medical-file-card .ant-card-head .ant-card-head-title{color:#d4380d;font-weight:600;font-size:16px}.blood-request-detail-modal .medical-file-card .ant-card-head .ant-card-head-title .anticon{color:#ff4d4f;margin-right:8px}.blood-request-detail-modal .medical-file-card .ant-card-body{padding:24px}.blood-request-detail-modal .medical-file-card .medical-file-content .file-info{padding:16px;background:#fafafa;border-radius:8px;border:1px solid #f0f0f0;margin-bottom:16px}.blood-request-detail-modal .medical-file-card .medical-file-content .file-actions .ant-btn{margin-right:8px;border-radius:6px;font-weight:500}.blood-request-detail-modal .medical-file-card .medical-file-content .file-actions .ant-btn.ant-btn-primary{background:#1890ff;border-color:#1890ff}.blood-request-detail-modal .medical-file-card .medical-file-content .file-actions .ant-btn.ant-btn-primary:hover{background:#40a9ff;border-color:#40a9ff}.blood-request-detail-modal .medical-file-card .medical-file-content .file-actions .ant-btn:not(.ant-btn-primary){border-color:#d9d9d9;color:#595959}.blood-request-detail-modal .medical-file-card .medical-file-content .file-actions .ant-btn:not(.ant-btn-primary):hover{border-color:#40a9ff;color:#1890ff}.doctor-content{padding:24px;background:#f5f5f5;min-height:100vh}.doctor-content .loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px}.doctor-content .loading-spinner .spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #1890ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.doctor-content .loading-spinner p{color:#666;font-size:16px}.doctor-content .ant-card{border-radius:12px;box-shadow:0 2px 8px #0000001a;border:none}.doctor-content .ant-card .ant-card-body{padding:24px}.doctor-content .ant-tabs .ant-tabs-tab{padding:12px 24px;font-weight:500;border-radius:8px 8px 0 0;transition:all .3s ease}.doctor-content .ant-tabs .ant-tabs-tab:hover{color:#1890ff;background:#f0f8ff}.doctor-content .ant-tabs .ant-tabs-tab.ant-tabs-tab-active{background:#1890ff;color:#fff;border-bottom:2px solid #1890ff}.doctor-content .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#fff}.doctor-content .ant-tabs .ant-tabs-content-holder{padding:24px 0}.doctor-content .ant-table .ant-table-thead>tr>th{background:#fafafa;border-bottom:2px solid #f0f0f0;font-weight:600;color:#262626;padding:16px 12px}.doctor-content .ant-table .ant-table-tbody>tr>td{padding:12px;border-bottom:1px solid #f0f0f0}.doctor-content .ant-table .ant-table-tbody>tr:hover>td{background:#f5f5f5}.doctor-content .ant-table .ant-table-tbody>tr:nth-child(2n){background:#fafafa}.doctor-content .ant-table .ant-table-tbody>tr:nth-child(2n):hover>td{background:#f0f8ff}.doctor-content .ant-input-search .ant-input{border-radius:8px;border:1px solid #d9d9d9;transition:all .3s ease}.doctor-content .ant-input-search .ant-input:focus,.doctor-content .ant-input-search .ant-input:hover{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.doctor-content .ant-input-search .ant-input-search-button{border-radius:0 8px 8px 0;border:1px solid #1890ff;background:#1890ff;color:#fff}.doctor-content .ant-input-search .ant-input-search-button:hover{background:#40a9ff;border-color:#40a9ff}.doctor-content .ant-select .ant-select-selector{border-radius:8px;border:1px solid #d9d9d9;transition:all .3s ease}.doctor-content .ant-select .ant-select-selector:hover,.doctor-content .ant-select .ant-select-selector.ant-select-focused{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.doctor-content .ant-btn{border-radius:8px;transition:all .3s ease}.doctor-content .ant-btn.ant-btn-primary{background:#1890ff;border-color:#1890ff}.doctor-content .ant-btn.ant-btn-primary:hover{background:#40a9ff;border-color:#40a9ff;transform:translateY(-1px);box-shadow:0 4px 8px #1890ff4d}.doctor-content .ant-btn.ant-btn-danger{background:#ff4d4f;border-color:#ff4d4f}.doctor-content .ant-btn.ant-btn-danger:hover{background:#ff7875;border-color:#ff7875;transform:translateY(-1px);box-shadow:0 4px 8px #ff4d4f4d}.doctor-content .action-buttons .ant-btn{border-radius:8px;border:none;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.doctor-content .action-buttons .ant-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.doctor-content .action-buttons .view-button{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.doctor-content .action-buttons .view-button:hover{background:#bae7ff;color:#1890ff;border-color:#69c0ff}.doctor-content .action-buttons .edit-button{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.doctor-content .action-buttons .edit-button:hover{background:#d9f7be;color:#52c41a;border-color:#95de64}.doctor-content .action-buttons .delete-button{background:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7}.doctor-content .action-buttons .delete-button:hover{background:#ffccc7;color:#ff4d4f;border-color:#ff7875}.doctor-content .thumbnail-container{width:60px;height:40px;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.doctor-content .thumbnail-container img{width:100%;height:100%;object-fit:cover}.doctor-content .thumbnail-container .placeholder{width:60px;height:40px;border-radius:8px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;color:#999;font-size:12px;border:1px dashed #d9d9d9}.doctor-content .id-badge{font-family:monospace;background:#f0f2f5;padding:4px 8px;border-radius:8px;font-size:12px;font-weight:500;color:#1890ff}.doctor-content .title-cell{font-weight:600;font-size:14px;color:#262626;line-height:1.4;word-break:break-word;white-space:pre-wrap;max-width:200px;min-width:150px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.doctor-content .user-cell{display:flex;align-items:center;gap:8px;font-weight:500;font-size:13px}.doctor-content .user-cell .anticon{color:#1890ff;font-size:14px}.doctor-content .date-cell{display:flex;align-items:center;gap:8px;font-size:12px;color:#666;font-weight:500}.doctor-content .date-cell .anticon{color:#52c41a;font-size:14px}.doctor-content .ant-pagination .ant-pagination-item{border-radius:6px;border:1px solid #d9d9d9;transition:all .3s ease}.doctor-content .ant-pagination .ant-pagination-item:hover{border-color:#1890ff;color:#1890ff}.doctor-content .ant-pagination .ant-pagination-item.ant-pagination-item-active{background:#1890ff;border-color:#1890ff;color:#fff}.doctor-content .ant-pagination .ant-pagination-item.ant-pagination-item-active:hover{background:#40a9ff;border-color:#40a9ff}.doctor-content .ant-pagination .ant-pagination-prev,.doctor-content .ant-pagination .ant-pagination-next{border-radius:6px;border:1px solid #d9d9d9;transition:all .3s ease}.doctor-content .ant-pagination .ant-pagination-prev:hover,.doctor-content .ant-pagination .ant-pagination-next:hover{border-color:#1890ff;color:#1890ff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-blog-table .ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#262626;border-bottom:2px solid #f0f0f0}.admin-blog-table .ant-table-tbody>tr>td{padding:12px 8px;vertical-align:middle}.admin-blog-table .ant-table-tbody>tr:hover>td{background:#f5f5f5}.admin-blog-table .ant-table-cell:first-child .monospace-badge{font-family:Courier New,monospace;background:#f0f2f5;padding:4px 8px;border-radius:8px;font-size:12px;font-weight:500;color:#1890ff}.admin-blog-table .ant-table-cell:nth-child(2) .title-content{font-weight:600;font-size:14px;color:#262626;line-height:1.4;word-break:break-word;white-space:pre-wrap;max-width:180px;min-width:120px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.admin-blog-table .ant-table-cell:nth-child(3) .user-content{display:flex;align-items:center;gap:8px;font-weight:500;font-size:13px}.admin-blog-table .ant-table-cell:nth-child(3) .user-content .anticon{color:#1890ff;font-size:14px}.admin-blog-table .ant-table-cell:nth-child(4) .tags-content{display:flex;flex-wrap:wrap;gap:4px}.admin-blog-table .ant-table-cell:nth-child(4) .tags-content .ant-tag{margin:0;border-radius:12px;font-size:11px;padding:2px 8px}.admin-blog-table .ant-table-cell:nth-child(5) .date-content{display:flex;align-items:center;gap:8px;font-size:12px;color:#666;font-weight:500}.admin-blog-table .ant-table-cell:nth-child(5) .date-content .anticon{color:#52c41a;font-size:14px}.admin-blog-table .ant-table-cell:nth-child(6) .thumbnail-content{width:60px;height:40px;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.admin-blog-table .ant-table-cell:nth-child(6) .thumbnail-content img{width:100%;height:100%;object-fit:cover}.admin-blog-table .ant-table-cell:nth-child(6) .thumbnail-content .placeholder{width:60px;height:40px;border-radius:8px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;color:#999;font-size:12px;border:1px dashed #d9d9d9}.admin-blog-table .ant-table-cell:last-child .actions-content{display:flex;justify-content:center;gap:8px}.admin-blog-table .ant-table-cell:last-child .actions-content .ant-btn{border-radius:8px;border:none;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.admin-blog-table .ant-table-cell:last-child .actions-content .ant-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.admin-blog-table .ant-table-cell:last-child .actions-content .ant-btn.view-btn{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.admin-blog-table .ant-table-cell:last-child .actions-content .ant-btn.edit-btn{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.admin-blog-table .ant-table-cell:last-child .actions-content .ant-btn.delete-btn{background:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7}*{margin:0;padding:0;box-sizing:border-box;border:none;outline:none;list-style:none;text-decoration:none}body{font-family:Open Sans,Roboto,Inter,Arial,Helvetica,sans-serif;color:#222;background:#f6fbfd}