*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8fafc!important;color:#334155!important;line-height:1.6;min-height:100vh}.main-layout{display:flex;gap:0;max-width:1600px;margin:0 auto;padding:0;min-height:100vh}.sidebar-nav{width:320px;background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:0;box-shadow:0 4px 20px rgba(16,185,129,.3);padding:2rem;height:100vh;position:-webkit-sticky;position:sticky;top:0;flex-shrink:0;overflow-y:auto;max-height:100vh}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.sidebar-nav{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.3) hsla(0,0%,100%,.1)}.hospital-logo{width:80px;height:80px;background:hsla(0,0%,100%,.15);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 4px 20px rgba(0,0,0,.2);border:2px solid hsla(0,0%,100%,.3);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hospital-logo img{width:100%;height:100%;object-fit:contain;padding:8px;filter:brightness(1.1) contrast(1.1)}.fallback-logo{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.2);color:#fff;font-weight:700;font-size:1.25rem;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hospital-logo svg{width:40px;height:40px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.hospital-title{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.2)}.hospital-subtitle{font-size:1rem;color:hsla(0,0%,100%,.9);font-weight:500;text-align:center;margin-bottom:1.5rem;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.2)}.sidebar-nav h3{color:#fff;font-weight:600;margin-bottom:1rem;text-align:center;font-size:1rem;padding-bottom:.75rem;border-bottom:2px solid hsla(0,0%,100%,.3)}.section-links{display:flex;flex-direction:column;gap:.5rem}.section-link{padding:.75rem 1rem;background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.9);border-radius:8px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease;border:1px solid hsla(0,0%,100%,.2);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-link:hover{background:hsla(0,0%,100%,.2);color:#fff;border-color:hsla(0,0%,100%,.4);transform:translateY(-1px)}.section-link.active{background:hsla(0,0%,100%,.25);color:#fff;border-color:hsla(0,0%,100%,.5);box-shadow:0 4px 12px rgba(0,0,0,.2)}.form-container{flex:1 1;min-width:0;max-width:calc(100vw - 320px);padding:0;max-width:min(calc(100vw - 320px),1400px)}.form-section{background:#fff;border-radius:0;box-shadow:none;overflow:hidden;border-bottom:1px solid #e5e7eb;margin-bottom:1rem}.form-section:last-child{border-bottom:none}.section-header{background:linear-gradient(135deg,#3b82f6,#10b981);color:#fff;padding:1rem;font-size:1.1rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);margin:0;border-radius:12px}.section-content{padding:2rem;margin:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}@media (min-width:1024px){.form-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.form-group{margin-bottom:2rem}.section-content{padding:2.5rem}}@media (min-width:1024px) and (-webkit-min-device-pixel-ratio:1),(min-width:1024px) and (min-resolution:1dppx){.form-grid{gap:2.5rem}.form-group{margin-bottom:2.5rem}.section-content{padding:3rem}.form-input,.form-select,.form-textarea{padding:1.25rem;min-height:52px}}@media (min-width:1024px){.form-grid{gap:clamp(2rem,3vw,3rem)}.form-group{margin-bottom:clamp(2rem,3vw,3rem)}.section-content{padding:clamp(2.5rem,4vw,4rem)}.form-section{margin-bottom:2rem}}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.75rem;font-weight:600;color:#374151;font-size:.9rem}.required:after{content:" *";color:#ef4444}.form-input,.form-select,.form-textarea{width:100%;padding:1rem;border:1px solid #d1d5db;border-radius:8px;font-size:16px;transition:border-color .2s ease;background:#fff;min-height:48px}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-textarea{resize:vertical;min-height:100px;font-size:16px}.form-group.error .form-input,.form-group.error .form-select,.form-group.error .form-textarea{border-color:#ef4444}.error-message{color:#ef4444;font-size:.75rem;margin-top:.25rem}.form-group.valid .form-input,.form-group.valid .form-select,.form-group.valid .form-textarea{border-color:#10b981}.progress-bar{position:fixed;top:0;left:0;height:3px;background:#3b82f6;z-index:1000;transition:width .3s ease}.button-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.action-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.action-button:disabled{opacity:.6;cursor:not-allowed}.view-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 6px -1px rgba(59,130,246,.3)}.view-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 15px -3px rgba(59,130,246,.4)}.download-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 6px -1px rgba(16,185,129,.3)}.download-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 15px -3px rgba(16,185,129,.4)}.submit-button{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 6px -1px rgba(245,158,11,.3)}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 15px -3px rgba(245,158,11,.4)}.submit-button.loading{position:relative;color:transparent}.submit-button.loading:after{content:"";position:absolute;width:1rem;height:1rem;top:50%;left:50%;margin-left:-.5rem;margin-top:-.5rem;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.success-message{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:1.5rem;border-radius:12px;text-align:center;margin:1.5rem 0;font-weight:600;font-size:1.1rem;box-shadow:0 4px 12px rgba(16,185,129,.3);border:2px solid #10b981;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-toggle,.mobile-overlay{display:none}@media (max-width:1200px){.main-layout{gap:0;padding:0}.sidebar-nav{width:300px}.form-container,.sidebar-nav{max-width:calc(100vw - 300px)}.form-grid{minmax:280px}}@media (max-width:1024px){.main-layout{flex-direction:row;gap:0;padding:.5rem;max-width:100%}.sidebar-nav{width:320px;position:-webkit-sticky;position:sticky;order:0;max-height:100vh;overflow-y:auto;height:100vh;border-radius:12px;margin-bottom:0;flex-shrink:0}.section-links{flex-direction:column;gap:.5rem}.section-link{min-width:auto;text-align:left;padding:.75rem 1rem;font-size:.8rem}.form-container{max-width:calc(100% - 320px - 1rem);padding:0;flex:1 1}.form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.form-section{display:block!important;margin-bottom:1rem;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e5e7eb}.section-header{border-radius:8px 8px 0 0}.section-content{border-radius:0 0 8px 8px}}@media (max-width:768px){.main-layout{padding:.25rem .25rem .5rem;flex-direction:row}.sidebar-nav{width:100px;padding:.2rem;margin-bottom:0;margin-left:0;position:-webkit-sticky;position:sticky;height:100vh;overflow-y:auto}.hospital-title{font-size:.8rem}.hospital-subtitle{font-size:.5rem}.section-links{gap:.3rem}.section-link{padding:.25rem .4rem;font-size:.6rem;min-width:auto}.section-content{padding:1rem}.form-container{max-width:calc(100% - 100px - .25rem);padding:0}.form-grid{gap:1rem}.button-group{flex-direction:column;align-items:center;gap:.5rem}.action-button{width:100%;max-width:200px;padding:.5rem 1rem;font-size:.8rem;min-height:40px;gap:.3rem}.action-button svg{width:16px;height:16px}.section-header{padding:1rem;font-size:1.125rem}.form-section{margin-bottom:.5rem}.mobile-menu-toggle,.mobile-overlay{display:none!important}.sidebar-nav{transform:none!important;position:-webkit-sticky!important;position:sticky!important;width:100px!important;height:100vh!important;z-index:auto!important;margin-left:0!important}.form-section{margin-bottom:1rem;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e5e7eb}.form-section:last-child{margin-bottom:0}.form-grid{grid-template-columns:1fr;gap:.75rem}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}}@media (max-width:480px){.main-layout{padding:.1rem .1rem .25rem;flex-direction:row}.sidebar-nav{padding:.1rem;margin-bottom:0;margin-left:0;width:70px;position:-webkit-sticky;position:sticky;height:100vh;overflow-y:auto}.hospital-title{font-size:.7rem}.hospital-subtitle{font-size:.4rem}.section-link{min-width:auto;padding:.15rem .3rem;font-size:.5rem}.form-section{margin-bottom:.5rem;border-radius:6px}.section-content{padding:.75rem}.form-container{max-width:calc(100% - 70px - .1rem);padding:0}.form-input,.form-select,.form-textarea{padding:.6rem;font-size:16px;min-height:44px}.section-header{padding:.75rem;font-size:1rem}.mobile-menu-toggle,.mobile-overlay{display:none!important}}.loading{opacity:.7;pointer-events:none}.form-group .text-xs{color:#10b981;font-size:.75rem;margin-top:.25rem;font-weight:500}.form-group svg{width:16px;height:16px}@media (min-width:1400px){.main-layout{max-width:1800px;gap:0;padding:0}.sidebar-nav{width:350px;padding:2.5rem}.form-container{max-width:min(calc(100vw - 350px),1400px)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.form-section{margin-bottom:0}.section-content{padding:2.5rem}}@media (min-width:1600px){.main-layout{max-width:2000px;gap:0}.sidebar-nav{width:380px}.form-container{max-width:min(calc(100vw - 380px),1600px)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem}.section-content{padding:3rem}}@media (min-width:1920px){.form-container{max-width:min(calc(100vw - 400px),1800px)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem}.section-content{padding:3.5rem}.form-group{margin-bottom:3rem}}@media (max-width:768px){.form-input,.form-select,.form-textarea{min-height:44px;font-size:16px;padding:.75rem}.form-label{font-size:.9rem;margin-bottom:.75rem}.button-group{margin-top:1.5rem}.action-button{min-height:40px;font-size:14px;padding:.5rem 1rem;max-width:180px;gap:.3rem}.action-button svg{width:16px;height:16px}.success-message{margin:1rem 0;padding:1.25rem;font-size:1rem;border-radius:10px}.form-section{margin-bottom:1rem;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e5e7eb}.form-section:last-child{margin-bottom:0}.form-grid{grid-template-columns:1fr;gap:.75rem}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.sidebar-nav{width:140px!important;margin-left:.2rem}.form-container{max-width:calc(100% - 100px - .2rem)!important;margin-left:.2rem}}@media (max-width:480px){.form-input,.form-select,.form-textarea{min-height:48px;padding:.75rem}.action-button{min-height:36px;padding:.4rem .8rem;font-size:13px;max-width:160px;gap:.25rem}.action-button svg{width:14px;height:14px}.hospital-logo{width:60px;height:60px;margin:0 auto 1rem}.hospital-title{margin-bottom:.25rem}.hospital-subtitle{margin-bottom:1rem}.sidebar-nav{width:100px!important;margin-left:.15rem}.form-container{max-width:calc(100% - 70px - .15rem)!important;margin-left:.15rem}}@media (min-width:1025px){.main-layout{gap:.75rem}.form-container{max-width:calc(100% - 280px - .75rem)}}@media (min-width:1200px){.form-container{max-width:calc(100% - 300px - .75rem)}}@media (min-width:1400px){.form-container{max-width:calc(100% - 320px - .75rem)}}@media (min-width:1600px){.form-container{max-width:calc(100% - 340px - .75rem)}}@media (max-width:1024px){.main-layout{gap:.75rem}.form-container{max-width:calc(100% - 200px - .75rem)}}@media (max-width:768px){.main-layout{gap:.2rem}.sidebar-nav{width:100px;margin-left:.2rem}.form-container{max-width:calc(100% - 100px - .2rem - 20px)}}@media (max-width:480px){.main-layout{gap:.35rem}.sidebar-nav{width:70px;margin-left:.15rem}.form-container{max-width:calc(100% - 70px - .15rem - 25px)}}@media (max-width:375px){.sidebar-nav{margin-left:.3rem}}@media (max-width:320px){.sidebar-nav{margin-left:.25rem}}@media (max-width:768px){.admin-header{padding:1rem!important}.admin-header h1{font-size:1.25rem!important}.admin-header-content{flex-direction:column!important;gap:1rem!important;align-items:flex-start!important}.admin-header-actions{flex-direction:column!important;gap:.75rem!important;width:100%!important;align-items:stretch!important}.admin-email{text-align:center!important;padding:.5rem!important;background:hsla(0,0%,100%,.1)!important;border-radius:.5rem!important;width:100%!important}.admin-download-all-btn,.admin-logout-btn{width:100%!important;justify-content:center!important;padding:.75rem 1rem!important;min-height:44px!important;font-weight:500!important}.admin-main{padding:1rem!important}.admin-search-filter{flex-direction:column!important;gap:.75rem!important}.admin-search-filter input,.admin-search-filter select{min-width:100%!important;width:100%!important}.admin-search-filter button{width:100%!important;justify-content:center!important}.admin-table-container{overflow-x:auto!important;border-radius:.5rem!important;padding:1rem!important}.admin-table{min-width:600px!important}.admin-table td,.admin-table th{padding:.75rem .5rem!important;font-size:.8rem!important}.admin-action-buttons{flex-direction:column!important;gap:.5rem!important}.admin-action-buttons button{width:100%!important;padding:.75rem!important}}@media (max-width:480px){.admin-header h1{font-size:1.125rem!important}.admin-header-content{gap:.75rem!important}.admin-header-actions{gap:.5rem!important}.admin-email{font-size:.8rem!important;padding:.4rem!important}.admin-download-all-btn,.admin-logout-btn{padding:.6rem .75rem!important;font-size:.8rem!important}.admin-table td,.admin-table th{padding:.5rem .25rem!important;font-size:.75rem!important}.admin-table{min-width:500px!important}.admin-main,.admin-table-container{padding:.75rem!important}.admin-search-filter{gap:.5rem!important}.edit-modal{padding:.5rem!important}.edit-modal-content{max-width:95vw!important;max-height:95vh!important;padding:1rem!important}.edit-form-grid{grid-template-columns:1fr!important;gap:.75rem!important}.edit-form-field{margin-bottom:.75rem!important}.edit-form-input{padding:.625rem!important;font-size:16px!important}.edit-form-buttons{flex-direction:column!important;gap:.75rem!important}.edit-form-buttons button{width:100%!important}}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.popup-message{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);text-align:center;max-width:400px;width:90%;animation:popupSlideIn .3s ease-out}.popup-icon{color:#10b981;margin-bottom:1rem}.popup-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.popup-text{color:#6b7280;margin:0 0 1.5rem;line-height:1.5}.popup-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 2rem;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px rgba(16,185,129,.3)}.popup-button:hover{transform:translateY(-2px);box-shadow:0 8px 15px -3px rgba(16,185,129,.4)}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}