@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#e8f0f5;color:#1a1a1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.landing-header{display:flex;align-items:center;padding:24px 5%;background-color:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #00000005;position:relative;z-index:10}.landing-logo-container{display:flex;align-items:center;gap:14px}.logo-img{width:42px;height:42px;border-radius:8px}.brand-name{font-size:1.75rem;font-weight:700;color:#1a1a1a;letter-spacing:-.5px}.hero-section{text-align:center;padding:80px 20px 50px;background-color:#e8f0f5}.hero-content{max-width:850px;margin:0 auto}.hero-title{font-size:3.5rem;font-weight:800;color:#1a1a1a;margin:0 0 24px;letter-spacing:-1px;line-height:1.1}.hero-title .highlight{color:#14b8a6}.hero-subtitle{font-size:1.25rem;color:#1a1a1a;line-height:1.7;max-width:700px;margin:0 auto;font-weight:400}.dashboard-selection{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:50px 8% 80px;max-width:1200px;margin:0 auto}.dashboard-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:40px 32px;text-align:left;box-shadow:0 2px 8px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:240px}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f;border-color:#14b8a6}.card-title{font-size:1.5rem;font-weight:700;margin:0 0 12px;color:#1a1a1a;letter-spacing:-.3px}.card-description{font-size:1rem;color:#1a1a1a;line-height:1.6;margin-bottom:24px;flex-grow:1}.btn-view{display:inline-block;background-color:#14b8a6;color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;text-align:center;width:fit-content}.btn-view:hover{background-color:#0d9488;transform:translateY(-2px)}@media (max-width: 1024px){.dashboard-selection{grid-template-columns:repeat(2,1fr);max-width:800px;gap:24px}}@media (max-width: 768px){.dashboard-selection{grid-template-columns:1fr;max-width:500px;gap:24px;padding:40px 5% 60px}.hero-title{font-size:2.5rem}.hero-section{padding:60px 20px 40px}.hero-subtitle{font-size:1.1rem}.dashboard-card{padding:32px 24px;text-align:center}.btn-view{width:100%}}@media (max-width: 768px){.dashboard-selection{grid-template-columns:1fr;max-width:450px;gap:24px;padding:40px 5% 60px}.hero-title{font-size:2.5rem}.hero-section{padding:60px 20px 40px}.hero-subtitle{font-size:1.1rem}.dashboard-card{padding:32px 24px}}.login-page-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#f0fdf4,#dcfce7,#f0f9ff)}.login-form-wrapper{width:100%;max-width:480px}.login-form{background-color:#fff;padding:48px 40px;border-radius:20px;box-shadow:0 20px 60px -12px #00000026,0 0 0 1px #0000000d;border:1px solid rgba(20,184,166,.1)}.login-header{text-align:center;margin-bottom:32px}.login-logo{width:64px;height:64px;margin-bottom:20px;border-radius:12px;box-shadow:0 4px 12px #14b8a633}.login-title{font-size:2rem;font-weight:700;color:#1e293b;margin:0;letter-spacing:-.5px}.approval-notification{padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:.9375rem;line-height:1.5}.approval-notification.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:2px solid #10b981;font-weight:600}.error-message{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:.9375rem;font-weight:500;border:2px solid #ef4444}.input-group{margin-bottom:24px}.input-group label{display:block;font-weight:600;color:#334155;margin-bottom:10px;font-size:.9375rem}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input{width:100%;padding:14px 50px 14px 18px;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;box-sizing:border-box;transition:all .3s ease;background:#f8fafc}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#64748b;transition:color .2s ease;z-index:1}.password-toggle-btn:hover{color:#14b8a6}.password-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.password-toggle-btn svg{width:20px;height:20px}.input-group input{width:100%;padding:14px 18px;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;box-sizing:border-box;transition:all .3s ease;background:#f8fafc}.input-group input:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 4px #14b8a626;background:#fff}.password-input-wrapper input:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 4px #14b8a626;background:#fff}.input-group input::placeholder{color:#94a3b8}.password-input-wrapper input::placeholder{color:#94a3b8}.btn-login{width:100%;padding:16px;border:none;border-radius:10px;background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;font-size:1.0625rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:12px;box-shadow:0 4px 12px #14b8a659}.btn-login:hover:not(:disabled){background:linear-gradient(135deg,#0d9488,#0f766e);transform:translateY(-2px);box-shadow:0 6px 20px #14b8a673}.btn-login:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-footer{text-align:center;margin-top:28px}.form-footer p{margin:0 0 18px;color:#475569;font-size:.9375rem}.link-button{background:none;border:none;color:#14b8a6;font-weight:600;font-size:.9375rem;cursor:pointer;text-decoration:underline;padding:0;margin-left:4px}.link-button:hover{color:#0d9488}.form-footer a,.back-link{color:#14b8a6;font-weight:600;text-decoration:none;font-size:.9375rem;transition:color .2s ease}.form-footer a:hover,.back-link:hover{color:#0d9488;text-decoration:underline}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.card-checkbox-item input:checked~.card-checkbox-content{color:var(--primary)}.card-checkbox-item input:checked~.card-checkbox-content,.card-checkbox-item:has(input:checked){border-color:var(--primary);background:var(--card-selected)}.form-step{overflow-y:auto;padding-right:8px}.form-step.step-2{flex-grow:1;display:flex;flex-direction:column}.input-grid.full-height-grid{flex-grow:1}.input-row{display:flex;flex-direction:column;gap:12px}.input-group label,.section-label{font-size:13px;font-weight:500;color:var(--text-light)}.section-label{margin-bottom:8px}.input-group input,.input-group select,.input-group textarea{padding:10px 12px;border:1px solid var(--secondary);border-radius:8px;font-size:14px;background:var(--card-bg);transition:border-color .2s,box-shadow .2s;width:100%}.alert-error{background:var(--error-100);color:var(--error);padding:12px 16px;border-radius:8px;margin:0 16px 10px;font-weight:500;font-size:14px;flex-shrink:0}.map-helper-text{font-size:13px;color:var(--text-light);text-align:center;margin-bottom:8px;flex-shrink:0}.map-container{border:1px solid var(--gray);border-radius:8px;overflow:hidden;height:100%;flex:1}.map-container.error{border-color:var(--error)}.card-checkbox-section{display:flex;flex-direction:column;width:100%}.card-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.card-checkbox-item{display:block;cursor:pointer;padding:12px;border:1.5px solid var(--secondary);border-radius:12px;background:var(--card-bg);text-align:center;transition:all .2s}.card-checkbox-item:hover{background:var(--card-hover);border-color:var(--text-light)}.card-checkbox-item input[type=checkbox]{display:none}.card-checkbox-content{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500;color:var(--text-light);transition:all .2s}.card-checkbox-item input:checked~.card-checkbox-content,.card-checkbox-item:has(input:checked){border-color:var(--primary);background:var(--card-selected);color:var(--primary)}.PhoneInput{border:1px solid var(--secondary);border-radius:8px;padding:6px 12px;background:var(--card-bg);transition:border-color .2s}.PhoneInputInput{border:none!important;outline:none!important;background:transparent!important;color:var(--text)!important;font-size:14px}.form-nav{display:flex;gap:8px;padding-top:16px;margin-top:auto;border-top:1px solid var(--gray);width:100%;flex-shrink:0}.nav-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:background-color .2s,transform .2s;border:none;flex:1}.nav-btn svg{width:16px;height:16px}.nav-btn.secondary{background:var(--card-bg);border:1px solid var(--secondary);color:var(--text)}.nav-btn.secondary:hover:not(:disabled){background:#f9fafb}.nav-btn.primary{background:var(--primary);color:#fff;flex-grow:1.5}.nav-btn.primary:hover:not(:disabled){background:var(--primary-hover)}.nav-btn:disabled{opacity:.6;cursor:not-allowed}.react-select-container .react-select__control{border:1px solid var(--secondary);border-radius:8px;padding:3px 4px;box-shadow:none;transition:border-color .2s,box-shadow .2s}.react-select-container .react-select__multi-value{background-color:var(--card-selected);color:var(--primary);border-radius:6px}.react-select-container .react-select__multi-value__label{color:var(--primary);font-weight:500}.react-select-container .react-select__multi-value__remove:hover{background-color:#bfdbfe;color:#1d4ed8}.opening-hours-grid{display:flex;flex-direction:column;gap:1rem}.day-hours-row{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:1rem;position:relative}.day-label{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:14px}.time-inputs{display:flex;align-items:center;gap:.5rem}.time-inputs input[type=time]{padding:8px;border:1px solid var(--secondary);border-radius:6px;font-size:14px;background-color:#fff}.time-inputs input.error{border-color:var(--error)}.closed-text{color:var(--text-light);font-style:italic;padding:8px 0}.copy-btn{background:#f0f0f0;border:1px solid var(--secondary);border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;color:var(--text-light)}.copy-btn:hover{background:var(--gray);color:var(--text)}.day-error{grid-column:2 / -1;font-size:12px;color:var(--error);margin-top:-12px}@media (min-width: 768px){.register-modal-content{max-width:520px}.card-checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.input-row{flex-direction:row;gap:12px}.input-row .input-group{flex:1}}.oh-section{width:100%;box-sizing:border-box;padding:6px 0}.oh-timezone{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.oh-tz-title{font-weight:600;font-size:14px}.oh-tz-help{font-size:12px;color:#666;margin-left:8px}.oh-tz-select{min-width:220px;padding:8px;border-radius:6px;border:1px solid #e3e6ea;background:#fff}.opening-hours-grid{display:flex;flex-direction:column;gap:10px;max-height:440px;overflow-y:auto;padding-right:6px}.oh-row{display:grid;grid-template-columns:160px 1fr;gap:14px;align-items:start;background:#fbfbfb;border:1px solid #eee;padding:10px;border-radius:8px}.oh-left{display:flex;align-items:center;gap:10px}.oh-day-name{font-weight:700;color:#222;width:110px}.oh-day-toggle{position:relative;width:44px;height:24px;display:inline-block}.oh-day-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#d7d7d7;border-radius:16px;transition:.18s}.oh-day-slider:before{content:"";position:absolute;left:4px;top:4px;width:16px;height:16px;background:#fff;border-radius:50%;transition:.18s}.oh-day-toggle input:checked+.oh-day-slider{background:#2f9dff}.oh-day-toggle input:checked+.oh-day-slider:before{transform:translate(20px)}.oh-sessions{display:flex;flex-direction:column;gap:8px}.oh-closed-chip{padding:6px 8px;background:#fff7f7;border-radius:6px;color:#a33;border:1px solid #f2dede}.oh-session-cluster{display:flex;flex-direction:column;gap:8px}.oh-range{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.oh-range-left{display:flex;align-items:center;gap:8px;min-width:140px}.oh-mini-toggle{position:relative;display:inline-block;width:32px;height:18px}.oh-mini-toggle span{position:absolute;top:0;right:0;bottom:0;left:0;background:#ddd;border-radius:18px}.oh-mini-toggle span:after{content:"";position:absolute;left:3px;top:3px;width:12px;height:12px;background:#fff;border-radius:50%;transition:.14s}.oh-mini-toggle input:checked+span{background:#28a745}.oh-session-title{font-weight:600;font-size:13px}.oh-times{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.oh-time{width:120px;padding:6px 8px;border:1px solid #e0e3e7;border-radius:6px;background:#fff;font-size:14px}.oh-time[disabled]{background:#f6f7f8;color:#9aa0a6;border-color:#eceff1;cursor:not-allowed}.oh-time-sep{font-weight:600;color:#444}.oh-session-errors{margin-top:6px;display:flex;flex-direction:column;gap:4px}.oh-error{color:#b72525;font-size:13px}.oh-time.error{box-shadow:0 0 0 3px #b71c1c0f;border-color:#d9534f}@media (max-width: 820px){.oh-row{grid-template-columns:1fr}.oh-left{justify-content:space-between}.oh-range{width:100%}.oh-range-left{min-width:0}.oh-times{width:100%;gap:6px}.oh-time{width:44%;min-width:120px}}@media (max-width:480px){.opening-hours-grid{max-height:520px}.oh-time{width:100%;min-width:0}.oh-range{flex-direction:column;align-items:flex-start;gap:8px}.oh-range-left{width:100%;justify-content:flex-start}.oh-times{width:100%}}.react-select__multi-value{background:#eef2ff!important}.react-select__multi-value__label{color:#3730a3!important;font-weight:600}.react-select__multi-value__remove{color:#4f46e5!important}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chip{display:inline-flex;align-items:center;gap:6px;background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe;padding:6px 10px;border-radius:999px;font-size:13px;font-weight:600}.chip-remove{background:transparent;border:none;color:#4f46e5;font-size:16px;line-height:1;cursor:pointer}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182799;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.register-modal-content{background:#fff;width:100%;max-height:90vh;overflow:hidden;border-radius:12px 12px 0 0;box-shadow:0 -8px 24px #0003;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f0f0f0}.progress-section{display:flex;flex-direction:column;gap:6px;min-width:0}.step-number{font-size:14px;color:#374151;font-weight:600}.progress-bar{width:100%;height:6px;background:#f3f4f6;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:#2563eb;width:0%;transition:width .2s ease}.close-btn{background:transparent;border:none;color:#111827;font-size:22px;padding:6px;border-radius:8px}.close-btn:disabled{opacity:.6}.alert-error{background:#fee2e2;color:#991b1b;padding:10px 14px;border-radius:8px;margin:10px 16px 0;font-size:14px}.modal-body{padding:12px 16px 16px;overflow:auto}.step-title{font-size:18px;font-weight:700;color:#111827;margin:0 0 12px}.multi-step-form{display:flex;flex-direction:column}.input-grid,.input-row{display:grid;grid-template-columns:1fr;gap:12px}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label,.section-label{font-size:14px;font-weight:600;color:#374151}.input-group input,.input-group select,.input-group textarea{border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;font-size:14px;outline:none}.input-group textarea{resize:vertical}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.error{border-color:#ef4444!important}.phone-error .PhoneInputInput{border-color:#ef4444}.full-height-grid{height:420px}.map-container{height:100%;width:100%;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb}.opening-hours-grid{display:flex;flex-direction:column;gap:14px}.oh-row{display:flex;gap:12px;align-items:flex-start;border:1px solid #f3f4f6;border-radius:12px;padding:10px}.oh-left{display:flex;flex-direction:column;gap:8px;min-width:110px}.oh-day-name{font-weight:700;font-size:14px;color:#111827}.oh-day-toggle input{display:none}.oh-day-toggle .oh-day-slider{display:inline-block;width:42px;height:24px;background:#e5e7eb;border-radius:999px;position:relative}.oh-day-toggle .oh-day-slider:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .15s ease,background .15s ease;box-shadow:0 1px 2px #0000001f}.oh-day-toggle input:checked+.oh-day-slider{background:#2563eb}.oh-day-toggle input:checked+.oh-day-slider:after{transform:translate(18px)}.oh-sessions{flex:1;display:flex;flex-direction:column;gap:8px}.oh-session-cluster{display:flex;flex-direction:column;gap:12px}.oh-range{display:flex;align-items:center;justify-content:space-between;gap:10px}.oh-range-left{display:flex;align-items:center;gap:8px}.oh-mini-toggle input{display:none}.oh-mini-toggle span{display:inline-block;width:34px;height:20px;background:#e5e7eb;border-radius:999px;position:relative}.oh-mini-toggle span:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .15s ease;box-shadow:0 1px 2px #0000001f}.oh-mini-toggle input:checked+span{background:#059669}.oh-mini-toggle input:checked+span:after{transform:translate(14px)}.oh-session-title{font-weight:600;color:#374151;font-size:14px}.oh-times{display:flex;align-items:center;gap:8px}.oh-time{border:1px solid #e5e7eb;border-radius:10px;padding:8px 10px;min-width:120px}.oh-time.error{border-color:#ef4444}.oh-time-sep{color:#6b7280}.oh-closed-chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#f3f4f6;color:#374151;font-size:12px;width:fit-content}.oh-session-errors{display:flex;flex-direction:column;gap:6px}.oh-error{font-size:12px;color:#b91c1c}.card-checkbox-section{display:flex;flex-direction:column;gap:8px}.card-checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checkbox-card{display:flex;align-items:center;gap:8px;border:1px solid #e5e7eb;border-radius:10px;padding:10px}.checkbox-card.checked{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.checkbox-card input{width:16px;height:16px}.checkbox-card-text{font-size:14px;color:#111827}.react-select-container{width:100%}.react-select__control{border-radius:10px!important;min-height:44px}.react-select__value-container{padding:4px 8px!important}.form-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-top:1px solid #f3f4f6;gap:10px}.nav-btn{display:inline-flex;align-items:center;gap:8px;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer;border:none}.nav-btn.primary{background:#2563eb;color:#fff}.nav-btn.secondary{background:#f3f4f6;color:#111827}@media (min-width: 640px){.register-modal-content{max-width:720px;border-radius:14px;margin:24px;align-self:center}.modal-overlay{align-items:center}.input-grid,.input-row{grid-template-columns:repeat(2,1fr)}.full-height-grid{height:520px}}@media (min-width: 1024px){.register-modal-content{max-width:960px}.card-checkbox-grid{grid-template-columns:repeat(3,1fr)}}.react-select-container{font-size:16px}.react-select__control{min-height:44px;cursor:pointer}.react-select__menu-portal{z-index:10000}.react-select__menu{max-height:40vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.react-select__clear-indicator{display:none}.register-modal-content .modal-body{overflow:hidden}@media (max-width: 768px){.register-modal-content .modal-body{overflow:visible}.register-modal-content{transform:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}}body.scroll-locked{overflow:hidden}.react-select__menu{z-index:100000!important}.react-select__menu-list{max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.react-select-container.fullwidth{width:100%}.react-select__control{min-height:44px}:root{--primary: #3b82f6;--primary-hover: #2563eb;--secondary: #d1d5db;--error: #ef4444;--error-100: #fef2f2;--text: #111827;--text-light: #4b5563;--gray: #e5e7eb;--card-bg: #ffffff;--card-hover: #f3f4f6;--card-selected: #e0f2fe;--gap: 16px}html{-webkit-text-size-adjust:100%}.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:8px}.register-modal-content{background:var(--card-bg);border-radius:12px;width:100%;max-width:480px;height:90vh;max-height:650px;display:flex;flex-direction:column;box-shadow:0 6px 18px #0000001f;overflow:hidden}.modal-header{padding:10px 16px;border-bottom:1px solid var(--gray);display:flex;align-items:center;flex-shrink:0}.progress-section{display:flex;align-items:center;flex:1;gap:8px}.step-number{font-size:13px;font-weight:600;color:var(--text-light)}.progress-bar{flex:1;height:6px;background:var(--gray);border-radius:6px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,#8b5cf6 100%);border-radius:6px;transition:width .3s ease}.close-btn{background:transparent;border:none;color:var(--text-light);font-size:22px;cursor:pointer;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.close-btn:hover{background:var(--card-hover);color:var(--text)}.modal-body{flex-grow:1;display:flex;flex-direction:column;overflow:hidden;padding:16px}.step-title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:16px;margin-top:0;flex-shrink:0}.multi-step-form{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.form-step{overflow-y:auto;padding-right:8px;flex-grow:1}.input-grid{display:flex;flex-direction:column;gap:var(--gap)}.input-group{display:flex;flex-direction:column;gap:4px}.input-group label{font-size:13px;font-weight:500;color:var(--text-light)}.input-group input,.input-group select,.input-group textarea{padding:10px 12px;border:1px solid var(--secondary);border-radius:8px;font-size:16px;background:var(--card-bg);transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box;font-family:inherit}.input-group textarea{resize:vertical;min-height:60px}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.input-group input.error,.input-group select.error,.input-group textarea.error{border-color:var(--error)}.input-group input.error:focus,.input-group select.error:focus,.input-group textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.error-text{color:var(--error);font-size:12px;margin-top:2px}.standalone-error{margin-top:-.75rem;margin-bottom:1rem}.PhoneInput{border:1px solid var(--secondary);border-radius:8px;padding:6px 12px;background:var(--card-bg);transition:border-color .2s;display:flex;align-items:center;font-size:16px}.PhoneInput:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.PhoneInput.phone-error{border-color:var(--error)}.PhoneInput.phone-error:focus-within{box-shadow:0 0 0 3px #ef44441a}.PhoneInputInput{border:none!important;outline:none!important;background:transparent!important;color:var(--text)!important;font-size:16px!important;height:auto;padding:0;margin-left:8px}.react-select-container .react-select__control{border:1px solid var(--secondary);border-radius:8px;padding:3px 4px;box-shadow:none;transition:border-color .2s,box-shadow .2s;font-size:16px}.react-select-container .react-select__single-value,.react-select-container .react-select__input-container,.react-select-container .react-select__placeholder{font-size:16px}.react-select-container .react-select__control--is-focused{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.react-select-container.error .react-select__control{border-color:var(--error)}.react-select-container.error .react-select__control--is-focused{border-color:var(--error);box-shadow:0 0 0 3px #ef44441a}.checkbox-group{display:flex;flex-direction:row;align-items:center;gap:.5rem;padding:4px 0}.checkbox-group input[type=checkbox]{width:1rem;height:1rem;margin:0;flex-shrink:0;accent-color:var(--primary)}.checkbox-group label{font-weight:400;color:var(--text-light);line-height:1.4;font-size:13px}.checkbox-group a{color:var(--primary);text-decoration:none}.checkbox-group a:hover{text-decoration:underline}button,select,textarea,input{font-size:max(16px,1em)}@media (max-width: 480px){.register-modal-content{max-width:100%;height:92vh}.step-number,.input-group label{font-size:12px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;overflow-y:auto}.modal-content{background:#fff;padding:0;border-radius:12px;box-shadow:0 5px 15px #0000004d;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e0e0e0;flex-shrink:0;gap:20px;box-sizing:border-box}.modal-header h2{margin:0;font-size:1.5rem;color:#333;flex:1;min-width:0}.step-indicator{display:flex;gap:10px;align-items:center;flex-shrink:0}.step-indicator span{width:32px;height:32px;border-radius:50%;background-color:#e0e0e0;color:#888;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:14px;transition:background-color .3s,color .3s;flex-shrink:0}.step-indicator span.active{background-color:#007bff;color:#fff}.modal-body{overflow-y:auto;padding:25px;flex:1;min-height:0;box-sizing:border-box}form h3,form h4{color:#0056b3;margin-top:25px;margin-bottom:18px;border-bottom:1px solid #eee;padding-bottom:8px;font-size:1.2rem;font-weight:600}form h3:first-child{margin-top:0;margin-bottom:18px}form h4{font-size:1.1rem;color:#333;margin-top:20px;margin-bottom:15px;font-weight:600}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 20px;width:100%;align-items:start;box-sizing:border-box}.form-grid>*{min-width:0}.input-group{display:flex;flex-direction:column;gap:6px;width:100%;box-sizing:border-box}.input-group.full-width{grid-column:1 / -1}.input-group label{font-weight:600;color:#333;font-size:.9rem;margin:0;line-height:1.4;display:block}.input-group input[type=text],.input-group input[type=email],.input-group input[type=tel],.input-group input[type=password],.input-group input[type=date],.input-group input[type=number],.input-group select,.input-group textarea{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:1rem;transition:border-color .3s,box-shadow .3s;box-sizing:border-box;font-family:inherit;height:42px;line-height:1.5}.input-group select{height:42px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:35px}.input-group textarea{height:auto;min-height:100px}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 3px #007bff1a}.input-group input[type=file]{padding:10px 12px;border:1px solid #ccc;border-radius:6px;background:#fff;cursor:pointer;height:42px;font-size:.95rem}.input-group input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.input-group input[type=date]{position:relative}.input-group input[type=date]::-webkit-calendar-picker-indicator{position:absolute;right:12px;cursor:pointer}textarea{min-height:100px;resize:vertical;font-family:inherit;padding:10px 12px;line-height:1.5}.photo-preview{grid-column:1 / -1;text-align:center;margin-top:8px;padding:15px;background:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0;box-sizing:border-box}.photo-preview img{max-width:150px;max-height:150px;width:150px;height:150px;border-radius:50%;border:3px solid #ddd;object-fit:cover;display:inline-block}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:15px;border:1px solid #eee;border-radius:6px;background:#fafafa;box-sizing:border-box}.checkbox-label{display:flex;align-items:center;gap:8px;font-weight:400;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s}.checkbox-label:hover{background-color:#f0f0f0}.checkbox-label input{width:18px;height:18px;margin:0;cursor:pointer;flex-shrink:0}.verification-notice{margin-top:20px;padding:15px;background-color:#e9f7ff;border-left:4px solid #007bff;border-radius:4px}.verification-notice ul{padding-left:20px;margin:5px 0 0}.error-message{color:#d93025;background-color:#f8d7da;border:1px solid #f5c6cb;padding:12px 16px;border-radius:6px;text-align:center;margin:0 25px 20px;font-size:.95rem;font-weight:500}.modal-actions{padding:20px 25px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap;flex-shrink:0;background:#fff}.modal-actions button{padding:12px 24px;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;min-height:44px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.modal-actions button:active{transform:translateY(1px)}.btn-next,.btn-submit{background-color:#007bff;color:#fff}.btn-next:hover,.btn-submit:hover{background-color:#0056b3}.btn-back{background-color:#6c757d;color:#fff}.btn-back:hover{background-color:#5a6268}.btn-cancel{background-color:#f1f1f1;color:#333;border:1px solid #ccc}.btn-cancel:hover{background-color:#e0e0e0}.btn-submit:disabled{background-color:#a0cffa;cursor:not-allowed;opacity:.7}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width: 768px){.modal-overlay{padding:0;align-items:flex-end}.modal-content{max-width:100%;border-radius:12px 12px 0 0;max-height:95vh}.modal-header{padding:16px 20px;flex-direction:column;align-items:flex-start;gap:15px}.modal-header h2{font-size:1.3rem}.modal-body{padding:20px}.form-grid{grid-template-columns:1fr;gap:16px}.step-indicator{width:100%;justify-content:center}.modal-actions{padding:16px 20px;flex-direction:column-reverse;gap:10px}.modal-actions button{width:100%;flex:1}.checkbox-group{grid-template-columns:1fr}}.dashboard-page-content{padding:2.5rem}.home-grid-layout{display:grid;grid-template-columns:2fr 1fr;gap:2.5rem;align-items:flex-start}.main-column,.side-column{display:flex;flex-direction:column;gap:2.5rem}.content-card{background-color:#fff;border:1px solid var(--border-color);border-radius:16px;padding:2rem;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #00000012}.content-card h3{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}.pending-requests .request-item{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0;border-bottom:1px solid var(--border-color)}.pending-requests .request-item:last-of-type{border-bottom:none}.request-details p{margin:0}.request-details .role{font-size:.9rem;color:var(--text-secondary);margin-top:2px}.request-buttons{display:flex;gap:.75rem}.approve-btn,.reject-btn{padding:.5rem 1.25rem;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.approve-btn{background-color:var(--primary-color);color:#fff}.approve-btn:hover{background-color:var(--primary-hover)}.reject-btn{background-color:var(--danger-bg);color:var(--danger-color)}.reject-btn:hover{background-color:var(--danger-hover);color:#fff}.health-center-info ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem}.health-center-info li{display:flex;align-items:center;gap:1rem;color:var(--text-secondary)}.health-center-info li svg{font-size:1.25rem;color:var(--primary-color)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.action-button{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.action-button svg{font-size:1.5rem;color:var(--text-secondary);transition:color .2s ease}.action-button span{text-align:center}.action-button:hover{border-color:var(--primary-color);color:var(--primary-color)}.action-button:hover svg{color:var(--primary-color)}@media (max-width: 768px){.dashboard-main-content{padding-left:0}.sidebar{transform:translate(-100%);z-index:1000;transition:transform var(--transition-speed)}.sidebar.mobile-open{transform:translate(0)}.desktop-toggle{display:none}.mobile-toggle{display:block}.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity var(--transition-speed)}.mobile-overlay.open{opacity:1;visibility:visible}.home-grid-layout{grid-template-columns:1fr}.dashboard-page-content{padding:1.5rem}.dashboard-header{padding:1rem 1.5rem;flex-wrap:wrap;row-gap:1rem}.header-right{flex-grow:1;justify-content:flex-end}.header-right .search-bar{display:none}}@media (max-width: 480px){.dashboard-page-content{padding:1rem}.content-card{padding:1.5rem}.content-card h3{font-size:1.1rem}.request-item{flex-direction:column;align-items:flex-start;gap:1rem}.request-buttons{width:100%;display:grid;grid-template-columns:1fr 1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}.user-profile .user-name{font-size:.9rem}.user-profile .user-role{display:none}}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--stat-accent)}.stat-card.patients-card{--stat-accent: #3b82f6}.stat-card.doctors-card{--stat-accent: #10b981}.stat-card.appointments-card{--stat-accent: #f59e0b}.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px #0000001a}.stat-card .stat-icon{background:linear-gradient(135deg,var(--stat-accent),color-mix(in srgb,var(--stat-accent) 80%,transparent));color:#fff;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.stat-info h3{font-size:2rem;font-weight:700;margin:0;color:var(--text-primary);line-height:1}.stat-info p{font-size:.875rem;color:var(--text-secondary);margin:.25rem 0;font-weight:500}.stat-trend{font-size:.75rem;padding:.25rem .5rem;border-radius:12px;font-weight:600}.stat-trend.positive{background:#dcfce7;color:#166534}.stat-trend.neutral{background:#e0e7ff;color:#3730a3}.enhanced-action-btn{background:#fff;border:2px solid var(--border-color);border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s ease;text-align:left;font-family:inherit;position:relative;overflow:hidden}.enhanced-action-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--action-color);transform:scaleX(0);transition:transform .3s ease}.enhanced-action-btn:hover:before{transform:scaleX(1)}.enhanced-action-btn.primary-action{--action-color: #3b82f6}.enhanced-action-btn.secondary-action{--action-color: #10b981}.enhanced-action-btn.tertiary-action{--action-color: #f59e0b}.enhanced-action-btn.quaternary-action{--action-color: #8b5cf6}.enhanced-action-btn.info-action{--action-color: #06b6d4}.enhanced-action-btn.warning-action{--action-color: #ef4444}.enhanced-action-btn:hover{border-color:var(--action-color);background:color-mix(in srgb,var(--action-color) 5%,white);transform:translateY(-2px)}.enhanced-action-btn svg{font-size:1.5rem;color:var(--action-color);flex-shrink:0}.action-content span{font-weight:600;color:var(--text-primary);font-size:.875rem;display:block}.action-content small{color:var(--text-secondary);font-size:.75rem;margin-top:.25rem}.enhanced-center-info{display:flex;flex-direction:column;align-items:center;text-align:center}.enhanced-center-info h3{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.enhanced-center-info .card-title-icon{color:var(--primary-color);font-size:1.25rem}.online-status{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;color:#16a34a;background:#dcfce7;padding:.3rem .6rem;border-radius:12px}.center-details{display:flex;flex-direction:column;align-items:center;width:100%;gap:1rem}.center-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin-bottom:.5rem}.center-basic h4{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.center-basic p{margin:.25rem 0 0;font-size:.875rem;color:var(--text-secondary);background:#f3f4f6;padding:.25rem .75rem;border-radius:12px;display:inline-block}.contact-list{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:1rem;width:100%}.contact-list li{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--text-secondary);text-align:left;padding:.5rem;border-radius:8px;background:#f8fafc}.contact-list li svg{flex-shrink:0;font-size:1.125rem;color:var(--primary-color)}.status-container{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);width:100%;justify-content:center}.status-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge.open{background:#dcfce7;color:#166534}.status-badge.closed{background:#fee2e2;color:#dc2626}.pending-requests .request-badge{background:var(--primary-color);color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;margin-left:.5rem}.request-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.request-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--border-color);border-radius:8px;transition:background .2s ease}.request-item:hover{background:#f8fafc}.request-item:last-child{border-bottom:none}.request-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem;flex-shrink:0}.request-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.patient-name{font-weight:600;color:var(--text-primary);margin:0;font-size:.9375rem}.request-type{color:var(--text-secondary);font-size:.875rem;margin:0;line-height:1.2}.request-time{font-size:.8125rem;color:#94a3b8;margin:0}.request-actions{display:flex;gap:.5rem;flex-shrink:0}.approve-btn,.reject-btn{width:36px;height:36px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1rem}.approve-btn{background:#dcfce7;color:#166534}.approve-btn:hover{background:#bbf7d0}.reject-btn{background:#e0e7ff;color:#3730a3}.reject-btn:hover{background:#c7d2fe}.activities-timeline{display:flex;flex-direction:column;gap:1rem}.activity-timeline-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:8px;transition:background .2s ease}.activity-timeline-item:hover{background:#f8fafc}.activity-indicator{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.875rem;flex-shrink:0}.activity-icon.appointment{background:#dbeafe;color:#1e40af}.activity-icon.payment{background:#dcfce7;color:#166534}.activity-icon.doctor{background:#fef3c7;color:#d97706}.activity-icon.alert{background:#fee2e2;color:#dc2626}.activity-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.activity-message{margin:0;font-size:.875rem;color:var(--text-primary);font-weight:500;line-height:1.3}.activity-time{font-size:.75rem;color:var(--text-secondary)}.card-title-icon{color:var(--primary-color);font-size:1.25rem;margin-right:.5rem}.no-requests{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-secondary);text-align:center}.no-requests svg{font-size:3rem;margin-bottom:.75rem;opacity:.5}.no-requests p{margin:0;font-size:.875rem}.loading-center-info{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.75rem}@media (max-width: 1024px){.dashboard-stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.enhanced-actions-grid{grid-template-columns:repeat(2,1fr);gap:.875rem}.enhanced-action-btn{padding:1rem}}@media (max-width: 768px){.dashboard-stats-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.stat-card{padding:1rem}.stat-info h3{font-size:1.5rem}.enhanced-actions-grid{grid-template-columns:1fr;gap:.75rem}.enhanced-action-btn{padding:1rem;flex-direction:column;text-align:center;gap:.75rem}.request-item{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem .5rem}.request-actions{align-self:flex-end}.center-avatar{width:60px;height:60px;font-size:1.5rem}.contact-list li{font-size:.8125rem;padding:.375rem}}@media (max-width: 480px){.dashboard-page-content{padding:1rem}.stat-card{flex-direction:column;text-align:center;gap:.75rem;padding:.875rem}.stat-card .stat-icon{width:40px;height:40px;font-size:1.25rem}.stat-info h3{font-size:1.25rem}.enhanced-action-btn{padding:.75rem}.enhanced-action-btn svg{font-size:1.25rem}.request-item{padding:.75rem .25rem}.request-avatar{width:40px;height:40px;font-size:1rem}.center-avatar{width:50px;height:50px;font-size:1.25rem}.contact-list li{font-size:.75rem;padding:.25rem;gap:.5rem}.contact-list li svg{font-size:1rem}.activity-timeline-item{padding:.5rem}.activity-indicator{width:28px;height:28px;font-size:.75rem}.activity-message{font-size:.8125rem}.activity-time{font-size:.6875rem}}@media (max-width: 360px){.dashboard-page-content{padding:.75rem}.content-card{padding:1rem}.content-card h3{font-size:1rem}.dashboard-stats-grid{gap:.75rem}.stat-card{padding:.75rem}.enhanced-actions-grid{gap:.5rem}.enhanced-action-btn{padding:.625rem}.request-item{padding:.5rem .125rem}}@media (max-width: 768px) and (orientation: landscape){.dashboard-stats-grid,.enhanced-actions-grid{grid-template-columns:repeat(3,1fr)}.enhanced-action-btn{flex-direction:row;text-align:left}}.form-group-compact input.readonly-input,.form-group-compact input:disabled{background:#e5e7eb!important;color:#6b7280!important;cursor:not-allowed;border-color:#d1d5db}.dashboard-page-content{padding:2rem;background-color:#f4f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 4px 12px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000014}.stat-icon{font-size:2.5rem;padding:1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.doctors-card .stat-icon{background-color:#38b2ac}.pharmacists-card .stat-icon{background-color:#5a67d8}.nurses-card .stat-icon{background-color:#ed8936}.stat-info h3{margin:0;font-size:2rem;color:#2d3748}.stat-info p{margin:.25rem 0 .5rem;color:#718096;font-size:1rem}.stat-trend{font-size:.875rem;font-weight:500}.stat-trend.positive{color:#38a169}.stat-trend.neutral{color:#718096}.home-grid-layout{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.main-column,.side-column{display:flex;flex-direction:column;gap:1.5rem}.content-card{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000000d}.content-card h3{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;margin:0 0 1.5rem;color:#2d3748;border-bottom:1px solid #e2e8f0;padding-bottom:1rem}.card-title-icon{font-size:1.5rem;color:#4a5568}.enhanced-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.enhanced-action-btn{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;text-align:left;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:background-color .2s,border-color .2s}.enhanced-action-btn:hover{background-color:#edf2f7;border-color:#cbd5e0}.enhanced-action-btn svg{font-size:1.75rem;color:#4a5568}.action-content span{font-weight:600;color:#2d3748}.action-content small{color:#718096}.no-activity{text-align:center;padding:2rem 1rem;color:#a0aec0}.no-activity svg{font-size:2.5rem;margin-bottom:.5rem}.health-center-info h3{display:flex;justify-content:space-between}.online-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#38a169;font-weight:600}.center-details{text-align:center}.center-avatar{width:80px;height:80px;border-radius:50%;background-color:#5a67d8;color:#fff;font-size:2.5rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.center-basic h4{margin:0;font-size:1.2rem;color:#2d3748}.center-basic p{margin:.25rem 0 1.5rem;color:#718096}.contact-list{list-style:none;padding:0;margin:0;text-align:left}.contact-list li{display:flex;align-items:center;gap:.75rem;color:#4a5568;margin-bottom:.75rem}.contact-list li svg{font-size:1.25rem;color:#a0aec0}@media (max-width: 768px){.dashboard-page-content{padding:1rem}.stat-card{flex-direction:column;text-align:center;gap:.5rem}}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:70px;background-color:#fff;border-bottom:2px solid #f1f5f9;position:sticky;top:0;z-index:1000;box-shadow:0 1px 3px #0000000d}.header-left,.header-right{display:flex;align-items:center;gap:16px}.header-left{flex:1;min-width:0}.sidebar-toggle-btn{background:none;border:none;cursor:pointer;font-size:24px;color:#64748b;padding:8px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.sidebar-toggle-btn:hover{background-color:#f1f5f9;color:#1e293b}.sidebar-toggle-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.desktop-toggle{display:inline-flex}.header-center-message{display:flex;align-items:center;margin-left:16px;min-width:0;flex:1}.header-message{margin:0;font-size:14px;font-weight:600;padding:8px 16px;border-radius:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.header-message.welcome{color:#065f46;background-color:#d1fae5;border:1px solid #a7f3d0}.header-message.warning{color:#92400e;background-color:#fef3c7;border:1px solid #fde68a}.header-message.loading{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0;animation:pulse 1.5s infinite}.search-bar{display:flex;align-items:center}.search-bar input{border:1px solid #e2e8f0;border-radius:10px;padding:10px 16px;width:280px;font-size:14px;color:#1e293b;background-color:#f8fafc;transition:all .2s ease}.search-bar input::placeholder{color:#94a3b8}.search-bar input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none;background-color:#fff}.user-profile{display:flex;flex-direction:column;align-items:flex-end;line-height:1.3;padding:8px 16px;background-color:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;min-width:180px}.user-name{font-weight:700;font-size:14px;margin:0;color:#0f172a;letter-spacing:-.01em}.user-role{font-size:12px;color:#64748b;margin:2px 0 0;font-weight:500}.notification-wrapper{position:relative}.notification-btn{background:none;border:1px solid #e2e8f0;color:#64748b;font-size:20px;cursor:pointer;padding:10px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;position:relative}.notification-btn:hover{background-color:#f1f5f9;border-color:#cbd5e1;color:#1e293b;transform:translateY(-1px)}.notification-badge{position:absolute;top:4px;right:4px;background-color:#ef4444;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;line-height:1.4;box-shadow:0 2px 4px #0003}.notification-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:380px;max-width:90vw;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #0f172a26;z-index:1000;animation:slideDown .2s ease;max-height:500px;display:flex;flex-direction:column}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f1f5f9;background-color:#f8fafc;border-radius:12px 12px 0 0}.notification-header h3{margin:0;font-size:16px;font-weight:700;color:#0f172a}.notification-close{background:none;border:none;color:#64748b;font-size:20px;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease;line-height:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.notification-close:hover{background-color:#e2e8f0;color:#1e293b}.notification-list{overflow-y:auto;max-height:400px;padding:8px}.notification-item{padding:12px 16px;border-bottom:1px solid #f1f5f9;transition:background-color .2s ease;border-radius:8px;margin-bottom:4px}.notification-item:hover{background-color:#f8fafc}.notification-item:last-child{border-bottom:none;margin-bottom:0}.notification-content{display:flex;flex-direction:column;gap:4px}.notification-title{margin:0;font-size:14px;font-weight:600;color:#0f172a;line-height:1.4}.notification-message{margin:0;font-size:13px;color:#64748b;line-height:1.5}.notification-time{font-size:11px;color:#94a3b8;margin-top:4px}.notification-empty{padding:40px 20px;text-align:center;color:#94a3b8}.notification-empty svg{margin-bottom:12px;opacity:.5}.notification-empty p{margin:0;font-size:14px}.header-action-btn,.logout-btn{background:none;border:1px solid #e2e8f0;color:#64748b;font-size:20px;cursor:pointer;padding:10px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.header-action-btn:hover{background-color:#f1f5f9;border-color:#cbd5e1;color:#1e293b;transform:translateY(-1px)}.logout-btn{color:#ef4444;border-color:#fee2e2;background-color:#fef2f2}.logout-btn:hover{background-color:#fee2e2;border-color:#fecaca;color:#dc2626;transform:translateY(-1px)}.header-action-btn:focus-visible,.logout-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.hd-switcher-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1300;display:grid;place-items:center;padding:20px;animation:fadeIn .2s ease}.hd-switcher{width:100%;max-width:440px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 60px #0f172a33;display:grid;grid-template-rows:auto 1fr;overflow:hidden;animation:slideUp .3s ease}.hd-switcher-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f1f5f9;background-color:#f8fafc}.hd-switcher-head h3{margin:0;font-size:18px;font-weight:700;color:#0f172a}.hd-switcher-close{border:1px solid #e2e8f0;background:#fff;color:#64748b;border-radius:8px;padding:6px 10px;cursor:pointer;font-size:18px;font-weight:600;transition:all .2s ease;line-height:1}.hd-switcher-close:hover{background-color:#f1f5f9;color:#1e293b}.hd-switcher-close:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.hd-switcher-body{padding:24px;display:grid;gap:16px}.hd-switcher-sub{margin:0;color:#64748b;font-size:14px;font-weight:500}.hd-switcher-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hd-switcher-btn{border:2px solid;background:transparent;padding:16px;border-radius:12px;cursor:pointer;font-weight:700;font-size:15px;text-align:center;transition:all .2s ease}.hd-switcher-btn.center{background:#eff6ff;border-color:#3b82f6;color:#1e40af}.hd-switcher-btn.center:hover{background:#dbeafe;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.hd-switcher-btn.doctor{background:#f0fdfa;border-color:#14b8a6;color:#0f766e}.hd-switcher-btn.doctor:hover{background:#ccfbf1;transform:translateY(-2px);box-shadow:0 4px 12px #14b8a633}.hd-switcher-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.hd-switcher-secondary{border:1px solid #e2e8f0;background:#fff;color:#64748b;padding:12px 16px;border-radius:10px;cursor:pointer;font-weight:600;transition:all .2s ease}.hd-switcher-secondary:hover{background-color:#f8fafc;border-color:#cbd5e1;color:#1e293b}.hd-switcher-secondary:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (max-width: 1024px){.search-bar{display:none}.header-message{max-width:300px}.user-profile{min-width:150px}}@media (max-width: 768px){.dashboard-header{padding:0 16px;height:64px}.desktop-toggle{display:none}.mobile-toggle{display:inline-flex}.user-profile{display:none}.header-center-message{margin-left:8px}.header-message{font-size:13px;padding:6px 12px;max-width:none}.header-right{gap:8px}.header-action-btn,.logout-btn{padding:8px;font-size:18px}}@media (max-width: 480px){.dashboard-header{padding:0 12px}.header-message{white-space:normal;max-width:180px;font-size:12px}.hd-switcher-overlay{padding:12px}.hd-switcher{max-width:100%}.hd-switcher-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.header-message.loading,.hd-switcher,.hd-switcher-overlay{animation:none}.header-action-btn:hover,.logout-btn:hover,.hd-switcher-btn:hover{transform:none}}:root{--do-bg: #F9FAFB;--do-card-bg: #FFFFFF;--do-border: #E5E7EB;--do-text-dark: #1F2937;--do-text-light: #6B7280;--do-primary: #4F46E5;--do-success: #10B981;--do-warning: #F59E0B;--do-danger: #EF4444;--do-radius: 12px;--do-shadow: 0 4px 6px -1px rgba(0,0,0,.05), 0 2px 4px -2px rgba(0,0,0,.05)}.do-page-container{padding:2rem;background-color:var(--do-bg);font-family:Inter,sans-serif}.do-main-grid{display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:flex-start}.do-content-card{background-color:var(--do-card-bg);border-radius:var(--do-radius);padding:1.5rem;box-shadow:var(--do-shadow);border:1px solid var(--do-border)}.do-content-card h3{display:flex;align-items:center;gap:.75rem;margin:0 0 1.5rem;font-size:1.1rem;font-weight:600;color:var(--do-text-dark)}.do-content-card h3 svg{color:var(--do-text-light)}.do-profile-details h2{font-size:1.75rem;font-weight:700;margin:0 0 1rem;color:var(--do-text-dark)}.do-detail-item{display:flex;align-items:center;gap:.75rem;color:var(--do-text-light);margin-bottom:.75rem}.do-detail-item.status span,.do-detail-item.status svg{color:var(--do-success);font-weight:600}.do-stats-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:1rem}.do-stat-item{padding:1.25rem;border-radius:var(--do-radius);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.do-stat-item h4{margin:.5rem 0 .25rem;font-size:2.25rem;font-weight:700}.do-stat-item p{margin:0;font-size:.9rem;color:var(--do-text-light);font-weight:500}.do-stat-item.appointments{grid-column:1 / -1;grid-row:1 / 2;background-color:#eef2ff;border:1px solid #C7D2FE}.do-stat-item.appointments h4{font-size:2.5rem;color:var(--do-primary)}.do-stat-item.appointments p{margin-bottom:1rem}.do-appointment-breakdown{display:flex;justify-content:space-around;align-items:center;gap:1.5rem;padding-top:1rem;border-top:1px solid #C7D2FE;flex-wrap:wrap;width:100%}.do-appointment-breakdown span{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--do-text-dark)}.do-appointment-breakdown svg{color:var(--do-primary)}.do-stat-item.labs{background-color:#fef3c7;grid-row:2 / 3;grid-column:1 / 2}.do-stat-item.labs h4,.do-stat-item.labs svg{color:var(--do-warning)}.do-stat-item.prescriptions{background-color:#fee2e2;grid-row:2 / 3;grid-column:2 / 3}.do-stat-item.prescriptions h4,.do-stat-item.prescriptions svg{color:var(--do-danger)}.do-notifications-card{grid-column:1 / -1}.do-notification-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:8px;border-left:4px solid}.do-notification-content p{margin:0;color:var(--do-text-dark)}.do-notification-content small{color:var(--do-text-light)}.do-notification-item.admin{border-color:var(--do-primary)}.do-notification-item.admin .do-notification-icon{color:var(--do-primary)}.do-notification-item.pharmacy{border-color:var(--do-success)}.do-notification-item.pharmacy .do-notification-icon{color:var(--do-success)}.do-notification-item.lab{border-color:var(--do-warning)}.do-notification-item.lab .do-notification-icon{color:var(--do-warning)}.do-notification-item.critical{border-color:var(--do-danger);background-color:#fee2e2;animation:pulse-alert 2s ease-in-out infinite}.do-notification-item.critical.unread{background-color:#fee2e2;border-width:3px}.do-notification-item.critical.read{background-color:#f9fafb;opacity:.7}.do-notification-icon.critical-icon{color:var(--do-danger);animation:shake .5s ease-in-out}.critical-badge{display:inline-block;background-color:var(--do-danger);color:#fff;padding:4px 12px;border-radius:6px;font-size:.75rem;font-weight:700;margin-bottom:8px;letter-spacing:.5px}.mark-read-btn:hover{background-color:#45a049!important;transform:scale(1.05);transition:all .2s ease}@keyframes pulse-alert{0%,to{box-shadow:0 0 #ef4444b3}50%{box-shadow:0 0 0 10px #ef444400}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width: 1024px){.do-main-grid{grid-template-columns:1fr}}@media (max-width: 768px){.do-page-container{padding:1rem}.do-stats-container{grid-template-columns:1fr}.do-stat-item.labs,.do-stat-item.prescriptions{grid-column:1 / -1}.do-stat-item.labs{grid-row:2 / 3}.do-stat-item.prescriptions{grid-row:3 / 4}.do-appointment-breakdown{flex-direction:column;align-items:flex-start;gap:.75rem}}.pm-header h1{margin:0 0 .75rem;font-size:1.25rem;font-weight:700}.pm-add-patient-btn{justify-self:start;border:1px solid #E5E7EB;background:#eef2ff;color:#4f46e5;font-weight:800;padding:.6rem .95rem;border-radius:12px;cursor:pointer}.pm-patient-table th{text-align:left;font-weight:800;color:#374151}.pm-temp-badge{background:#fee2e2;color:#b91c1c;border:1px solid #FECACA;font-size:.75rem;font-weight:800;padding:.1rem .45rem;border-radius:999px}.pm-status-badge{font-size:.78rem;font-weight:800;padding:.2rem .6rem;border-radius:999px;color:#fff}.pm-action-btn{display:inline-flex;align-items:center;gap:.45rem;border:1px solid #E5E7EB;background:#fff;color:#111827;padding:.55rem .7rem;border-radius:10px;cursor:pointer;font-weight:700;width:100%}.pm-modal-header h2{margin:0;font-size:1.06rem;font-weight:900}.pm-btn-primary{background:#4f46e5;color:#fff;font-weight:800;border:0;padding:.65rem .95rem;border-radius:12px;cursor:pointer}.pm-btn-secondary{background:#f3f4f6;color:#111827;font-weight:800;border:1px solid #E5E7EB;padding:.65rem .95rem;border-radius:12px;cursor:pointer}.pm-btn-mini{display:inline-flex;align-items:center;gap:.35rem;background:#ecfeff;color:#0891b2;border:1px solid #BAE6FD;padding:.4rem .6rem;border-radius:10px;cursor:pointer;font-weight:800}.pm-form-group label{display:block;font-weight:800;font-size:.9rem;margin-bottom:.3rem}.pm-profile-section h3{display:flex;align-items:center;gap:.55rem;margin:0 0 .6rem;font-size:1rem;font-weight:900}.pm-prescription-title{font-weight:900}.pm-page-btn,.pm-page-num{border:1px solid #E5E7EB;background:#fff;color:#111827;padding:.45rem .75rem;border-radius:10px;cursor:pointer;font-weight:700}.pm-modal-content,.pm-modal-content *{font-weight:400!important}.pm-modal-content .pm-btn-primary,.pm-modal-content .pm-btn-secondary,.pm-modal-content .pm-btn-mini{font-weight:400!important;filter:saturate(1.05)}.pm-modal-content h1,.pm-modal-content h2,.pm-modal-content h3,.pm-modal-content h4,.pm-modal-content h5,.pm-modal-content h6,.pm-modal-content label,.pm-modal-content strong,.pm-modal-content b{font-weight:400!important}.pm-page-container{padding:1rem;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif;color:#111827;background:#f9fafb;min-height:100vh}.pm-header h1{margin:0 0 .75rem;font-size:1.25rem;font-weight:600}.pm-toolbar{display:grid;grid-template-columns:1fr;gap:.6rem;margin-bottom:.85rem}.pm-search-bar{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5rem;background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:.6rem .7rem}.pm-search-bar input{border:0;outline:none;font-size:.95rem;background:transparent}.pm-add-patient-btn{justify-self:start;border:1px solid #E5E7EB;background:#eef2ff;color:#4f46e5;font-weight:600;padding:.6rem .95rem;border-radius:12px;cursor:pointer}.pm-content-card{background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:.9rem;box-shadow:0 6px 14px #0000000d}.pm-table-wrapper{width:100%;overflow-x:auto}.pm-patient-table{width:100%;border-collapse:collapse}.pm-patient-table th,.pm-patient-table td{padding:.75rem .6rem;font-size:.95rem;border-bottom:1px solid #E5E7EB;white-space:nowrap}.pm-patient-table th{text-align:left;font-weight:600;color:#374151}.pm-user-info{display:flex;align-items:center;gap:.45rem}.pm-temp-badge{background:#fee2e2;color:#b91c1c;border:1px solid #FECACA;font-size:.75rem;font-weight:600;padding:.1rem .45rem;border-radius:999px}.pm-status-badge{font-size:.78rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;color:#fff}.pm-status-badge.active{background:#10b981}.pm-status-badge.inactive{background:#6b7280}.pm-actions-stack{display:flex;flex-direction:column;align-items:stretch;gap:.45rem}.pm-action-btn{display:inline-flex;align-items:center;gap:.45rem;border:1px solid #E5E7EB;background:#fff;color:#111827;padding:.55rem .7rem;border-radius:10px;cursor:pointer;font-weight:600;width:100%}.pm-action-btn.view{background:#f9fafb}.pm-action-btn.investigation{background:#ecfeff;color:#0891b2;border-color:#bae6fd}.pm-action-btn.history{background:#f5f3ff;color:#6d28d9;border-color:#ddd6fe}.pm-action-text{display:inline}.pm-empty-state{display:grid;place-items:center;gap:.5rem;color:#6b7280;padding:2.5rem 0}.pm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1118278c;-webkit-backdrop-filter:saturate(140%) blur(2px);backdrop-filter:saturate(140%) blur(2px);display:grid;place-items:center;padding:.75rem;z-index:999}.pm-modal-content{background:#fff;border-radius:16px;border:1px solid #E5E7EB;width:100%;max-height:95vh;overflow:hidden;box-shadow:0 18px 48px #00000029;display:grid;grid-template-rows:auto 1fr}.pm-modal-compact{max-width:460px}.pm-modal-narrow{max-width:560px}.pm-modal-wide{max-width:960px}@media (max-width: 380px){.pm-modal-compact{max-width:92vw}}.pm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.95rem 1rem;border-bottom:1px solid #E5E7EB}.pm-modal-header h2{margin:0;font-size:1.06rem;font-weight:600}.pm-modal-close-btn{border:1px solid #E5E7EB;background:#f9fafb;border-radius:12px;padding:.4rem .55rem;cursor:pointer}.pm-modal-body{overflow:auto;padding:1rem}.pm-modal-footer{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;padding:.95rem 1rem 1.1rem;border-top:1px solid #E5E7EB}.pm-btn-primary{background:#4f46e5;color:#fff;font-weight:600;border:0;padding:.65rem .95rem;border-radius:12px;cursor:pointer}.pm-btn-primary[aria-busy=true]{opacity:.85}.pm-btn-secondary{background:#f3f4f6;color:#111827;font-weight:600;border:1px solid #E5E7EB;padding:.65rem .95rem;border-radius:12px;cursor:pointer}.pm-btn-mini{display:inline-flex;align-items:center;gap:.35rem;background:#ecfeff;color:#0891b2;border:1px solid #BAE6FD;padding:.4rem .6rem;border-radius:10px;cursor:pointer;font-weight:600}.pm-form-grid{display:grid;grid-template-columns:1fr;gap:.7rem}.pm-form-group label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.3rem}.pm-form-group input,.pm-form-group select{width:100%;border:1px solid #E5E7EB;border-radius:12px;padding:.75rem .9rem;font-size:.98rem;background:#fff;transition:border-color .15s,box-shadow .15s}.pm-form-group input:focus,.pm-form-group select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.pm-profile-section{margin-bottom:1rem}.pm-profile-section h3{display:flex;align-items:center;gap:.55rem;margin:0 0 .6rem;font-size:1rem;font-weight:600}.pm-info-grid{display:grid;grid-template-columns:1fr;gap:.4rem}.pm-info-grid p{display:grid;grid-template-columns:.9fr 1.1fr;column-gap:.5rem;margin:0}.pm-family-member-card{border:1px solid #E5E7EB;background:#fff;border-radius:14px;padding:.8rem;margin-bottom:.6rem}.pm-family-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.pm-family-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem .7rem;margin-top:.45rem}.pm-medical-info{color:#374151;font-size:.95rem}.pm-prescription-grid{display:grid;grid-template-columns:1fr;gap:.7rem}.pm-prescription-card{border:1px solid #E5E7EB;border-radius:14px;background:#fff;padding:.8rem}.pm-prescription-meta{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.pm-prescription-title{font-weight:600}.pm-prescription-date{color:#6b7280;font-size:.95rem}.pm-prescription-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.7rem}.pm-pagination{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;margin-top:.8rem}.pm-page-btn,.pm-page-num{border:1px solid #E5E7EB;background:#fff;color:#111827;padding:.45rem .75rem;border-radius:10px;cursor:pointer;font-weight:600}.pm-page-num.active{background:#eef2ff;color:#4f46e5;border-color:#c7d2fe}.pm-no-bold,.pm-no-bold *{font-weight:400!important}@media (min-width: 640px){.pm-toolbar{grid-template-columns:1fr auto;align-items:center}.pm-actions-stack{flex-direction:row;justify-content:flex-end}.pm-action-btn{width:auto}.pm-form-grid,.pm-info-grid,.pm-prescription-grid{grid-template-columns:1fr 1fr}.pm-modal-compact{max-width:520px}}@media (min-width: 1024px){.pm-prescription-grid{grid-template-columns:1fr 1fr 1fr}.pm-modal-wide{max-width:960px}}.pm-table-wrapper .pm-patient-table thead tr>th:nth-child(5){padding-left:10px!important;text-align:right!important}.pm-table-wrapper .pm-patient-table tbody tr>td:nth-child(5){padding-left:20px!important}.pmv-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182799;-webkit-backdrop-filter:saturate(140%) blur(2px);backdrop-filter:saturate(140%) blur(2px);display:grid;place-items:center;padding:.75rem;z-index:1000}.pmv-modal{width:100%;max-width:560px;background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 20px 60px #0000002e;display:grid;grid-template-rows:auto 1fr;max-height:92vh;overflow:hidden}.pmv-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1rem;background:radial-gradient(1200px 300px at -10% -30%,rgba(59,130,246,.1),transparent 60%),#fff;border-bottom:1px solid #e5e7eb}.pmv-head-left{display:flex;align-items:center;gap:.75rem;min-width:0}.pmv-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;font-weight:700}.pmv-title-wrap{min-width:0}.pmv-title{margin:0;font-size:1.05rem;font-weight:700;color:#0f172a}.pmv-subtitle{margin:0;font-size:.92rem;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pmv-head-right{display:flex;align-items:center;gap:.5rem}.pmv-chip{padding:.25rem .55rem;border-radius:999px;font-size:.78rem;font-weight:700;border:1px solid}.pmv-chip.warn{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.pmv-badge{padding:.25rem .55rem;border-radius:999px;font-size:.78rem;font-weight:700}.pmv-badge.ok{background:#dcfce7;color:#166534}.pmv-badge.bad{background:#fee2e2;color:#991b1b}.pmv-close{border:1px solid #e5e7eb;background:#fff;color:#0f172a;border-radius:10px;padding:.35rem .55rem;cursor:pointer}.pmv-body{overflow:auto;padding:1rem}.pmv-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:.9rem 1rem;box-shadow:0 8px 24px #0206170f;margin-bottom:.9rem}.pmv-card-title{display:inline-flex;align-items:center;gap:.55rem;margin:0 0 .8rem;font-size:1rem;font-weight:700;color:#0f172a}.pmv-card-title svg{color:#3b82f6}.pmv-info-grid{display:grid;grid-template-columns:1fr;gap:.65rem}.pmv-kv{display:grid;grid-template-columns:120px 1fr;gap:.5rem;align-items:center}.pmv-k{color:#475569;font-weight:600;font-size:.93rem}.pmv-v{color:#0f172a;font-weight:600}.pmv-family-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.pmv-family-card{border:1px solid #e5e7eb;border-radius:12px;padding:.8rem;background:#fff;box-shadow:0 6px 18px #0206170d}.pmv-family-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.pmv-family-name{display:flex;align-items:center;gap:.6rem;min-width:0}.pmv-mini-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:.9rem;font-weight:700;background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff}.pmv-family-title{margin:0;font-size:.98rem;font-weight:700;color:#0f172a}.pmv-family-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.7rem}.pmv-note{margin:.6rem 0 0;color:#334155;line-height:1.5}.pmv-note span{font-weight:700}.pmv-btn{border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;border-radius:10px;padding:.45rem .6rem;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;gap:.4rem}@media (min-width: 640px){.pmv-modal{max-width:720px}.pmv-info-grid{grid-template-columns:1fr 1fr}.pmv-kv{grid-template-columns:120px 1fr}}@media (min-width: 1024px){.pmv-modal{max-width:860px}}:root{--ah-primary: #4F46E5;--ah-danger: #EF4444;--ah-success: #10B981;--ah-warning: #F59E0B;--ah-info: #3B82F6;--ah-clinic: #3B82F6;--ah-clinic-light: #DBEAFE;--ah-telemedicine: #8B5CF6;--ah-telemedicine-light: #EDE9FE;--ah-home-visit: #EC4899;--ah-home-visit-light: #FCE7F3;--ah-text-dark: #1F2937;--ah-text-light: #6B7280;--ah-bg: #F9FAFB;--ah-card-bg: #FFFFFF;--ah-border: #E5E7EB;--ah-radius: 12px}.ah-page-container{padding:1rem;background-color:var(--ah-bg);font-family:Inter,sans-serif}.ah-header{display:flex;flex-direction:column;gap:1rem;align-items:stretch;margin-bottom:1.5rem}.ah-header h1{font-size:1.75rem;color:var(--ah-text-dark);margin:0;text-align:center}.ah-new-appointment-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--ah-primary);color:#fff;border:none;padding:.75rem 1rem;border-radius:var(--ah-radius);font-size:1rem;font-weight:600;cursor:pointer}.ah-content-card{background:var(--ah-card-bg);border-radius:var(--ah-radius);box-shadow:0 4px 6px -1px #0000000d;overflow:hidden}.ah-schedule-header{padding:1rem;border-bottom:1px solid var(--ah-border)}.ah-schedule-header h3{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;color:var(--ah-text-dark);margin:0 0 1rem}.ah-view-toggle{display:flex;background:var(--ah-bg);border-radius:8px;padding:.25rem}.ah-view-toggle button{flex:1;padding:.5rem;border:none;background:transparent;border-radius:6px;font-weight:500;cursor:pointer;color:var(--ah-text-light)}.ah-view-toggle button.active{background:var(--ah-card-bg);color:var(--ah-primary);box-shadow:0 1px 3px #0000001a}.ah-schedule-body{padding:1rem}.ah-daily-view-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.ah-appointment-item{background:var(--ah-card-bg);border:1px solid var(--ah-border);border-left:4px solid;border-radius:8px;padding:1rem;display:grid;grid-template-areas:"patient time" "type type" "actions actions";gap:.75rem;align-items:center}.ah-appt-patient{grid-area:patient;display:flex;align-items:center;gap:.75rem;font-weight:600}.ah-avatar{width:32px;height:32px;border-radius:50%}.ah-appt-time{grid-area:time;display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:var(--ah-text-light);justify-self:end}.ah-appt-type{grid-area:type;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;padding:.25rem .75rem;border-radius:6px;width:fit-content}.ah-appt-actions{grid-area:actions;display:flex;flex-wrap:wrap;gap:.5rem;border-top:1px solid var(--ah-border);padding-top:.75rem;margin-top:.25rem}.ah-appointment-item.clinic-visit{border-left-color:var(--ah-clinic)}.ah-appointment-item.clinic-visit .ah-appt-type{background:var(--ah-clinic-light);color:var(--ah-clinic)}.ah-appointment-item.telemedicine{border-left-color:var(--ah-telemedicine)}.ah-appointment-item.telemedicine .ah-appt-type{background:var(--ah-telemedicine-light);color:var(--ah-telemedicine)}.ah-appointment-item.home-visit{border-left-color:var(--ah-home-visit)}.ah-appointment-item.home-visit .ah-appt-type{background:var(--ah-home-visit-light);color:var(--ah-home-visit)}.ah-appointment-item.pending{opacity:.8;background-image:repeating-linear-gradient(-45deg,transparent,transparent 5px,rgba(0,0,0,.02) 5px,rgba(0,0,0,.02) 10px)}.ah-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--ah-border);background:var(--ah-card-bg);border-radius:6px;cursor:pointer;position:relative}.ah-action-btn.whatsapp{background:var(--ah-success);color:#fff;border-color:var(--ah-success)}.ah-action-btn.files{color:var(--ah-info)}.ah-action-btn.notes{color:var(--ah-telemedicine)}.ah-action-btn.confirm{color:var(--ah-success)}.ah-action-btn.reschedule{color:var(--ah-warning)}.ah-action-btn.cancel{color:var(--ah-danger)}.ah-badge{position:absolute;top:-5px;right:-5px;background:var(--ah-danger);color:#fff;font-size:.65rem;font-weight:600;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.ah-action-divider{display:none}.ah-weekly-view-placeholder{text-align:center;color:var(--ah-text-light);padding:2rem 0}@media (min-width: 768px){.ah-page-container{padding:2rem}.ah-header{flex-direction:row;justify-content:space-between;align-items:center}.ah-header h1{text-align:left}.ah-schedule-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.ah-schedule-header h3{margin:0}.ah-view-toggle{width:auto}.ah-appointment-item{grid-template-columns:auto 1fr auto auto;grid-template-areas:"time patient type actions";padding:.75rem 1rem}.ah-appt-time{justify-self:start}.ah-appt-actions{border:none;padding:0;margin:0}.ah-action-divider{display:block;width:1px;height:20px;background-color:var(--ah-border);margin:0 .25rem}}.ah-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ah-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.ah-modal-content{background:#fff;padding:2rem;border-radius:12px;width:100%;max-width:550px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .4s ease-out}.ah-modal-content h2{margin-top:0;margin-bottom:.5rem;font-size:1.5rem;color:#1f2937}.ah-modal-content p{margin-top:0;margin-bottom:1.5rem;color:#6b7280}.ah-new-appt-form{display:flex;flex-direction:column;gap:1rem}.ah-form-group{display:flex;flex-direction:column}.ah-form-group label{font-weight:600;color:#1f2937;margin-bottom:.5rem}.ah-form-group input,.ah-form-group select,.ah-form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.ah-form-group input:focus,.ah-form-group select:focus,.ah-form-group textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #e0e7ff}.ah-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.ah-btn-primary,.ah-btn-secondary{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;border:none;font-size:.95rem;transition:background-color .2s,transform .1s}.ah-btn-primary{background-color:#4f46e5;color:#fff}.ah-btn-primary:hover{background-color:#4338ca}.ah-btn-primary:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.ah-btn-secondary{background-color:#e5e7eb;color:#1f2937;border:1px solid #d1d5db}.ah-btn-secondary:hover{background-color:#d1d5db}.ah-btn-primary:active,.ah-btn-secondary:active{transform:translateY(1px)}.pharmacy-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:2000;padding:1rem;animation:fadeIn .2s ease}.pharmacy-modal{width:100%;max-width:600px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pharmacy-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #f1f5f9}.pharmacy-modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#0f172a;font-family:Poppins,sans-serif}.pharmacy-modal-close{background:#f1f5f9;border:none;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#475569}.pharmacy-modal-close:hover{background:#e2e8f0;color:#0f172a}.pharmacy-modal-body{padding:1.5rem;flex:1;overflow-y:auto}.pharmacy-loading,.pharmacy-empty{text-align:center;padding:3rem 1.5rem;color:#64748b}.pharmacy-empty{display:flex;flex-direction:column;align-items:center;gap:1rem}.pharmacy-empty svg{color:#cbd5e1}.pharmacy-empty p{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.pharmacy-empty span{font-size:.875rem;color:#64748b}.pharmacy-list{display:flex;flex-direction:column;gap:1rem}.pharmacy-card{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;padding:1.25rem;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;background:#fff}.pharmacy-card:hover{border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed1a;transform:translateY(-2px)}.pharmacy-card.selected{border-color:#7c3aed;background:linear-gradient(135deg,#faf5ff,#f5f3ff);box-shadow:0 4px 12px #7c3aed33}.pharmacy-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#ede9fe,#f5f3ff);border-radius:12px;color:#7c3aed;flex-shrink:0}.pharmacy-info{display:flex;flex-direction:column;gap:.25rem}.pharmacy-info h3{margin:0;font-size:1.125rem;font-weight:700;color:#0f172a;font-family:Poppins,sans-serif}.pharmacy-info p{margin:0;font-size:.875rem;color:#64748b;line-height:1.4}.pharmacy-info span{font-size:.8125rem;color:#94a3b8;font-weight:500}.pharmacy-selected-icon{display:flex;align-items:center;color:#7c3aed;animation:checkmark .3s ease}@keyframes checkmark{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.pharmacy-modal-footer{display:flex;gap:.75rem;padding:1.5rem;border-top:2px solid #f1f5f9}.pharmacy-btn-cancel,.pharmacy-btn-send{flex:1;padding:.875rem 1.5rem;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;border:none;font-family:Poppins,sans-serif}.pharmacy-btn-cancel{background:#f1f5f9;color:#475569}.pharmacy-btn-cancel:hover{background:#e2e8f0;color:#1e293b}.pharmacy-btn-send{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;box-shadow:0 4px 12px #7c3aed66}.pharmacy-btn-send:hover:not(:disabled){box-shadow:0 6px 20px #7c3aed80;transform:translateY(-2px)}.pharmacy-btn-send:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #7c3aed66}.pharmacy-btn-send:disabled{background:linear-gradient(135deg,#cbd5e1,#94a3b8);cursor:not-allowed;box-shadow:none;transform:none;opacity:.6}@media (max-width: 640px){.pharmacy-modal{max-width:95vw}.pharmacy-card{grid-template-columns:auto 1fr;gap:.875rem}.pharmacy-selected-icon{grid-column:1 / -1;justify-content:center;margin-top:.5rem}.pharmacy-modal-footer{flex-direction:column}.pharmacy-btn-cancel,.pharmacy-btn-send{width:100%}}:root{--rx-primary: #7C3AED;--rx-primary-dark: #6D28D9;--rx-primary-light: #EDE9FE;--rx-primary-gradient: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);--rx-secondary: #14B8A6;--rx-secondary-dark: #0D9488;--rx-secondary-light: #CCFBF1;--rx-secondary-gradient: linear-gradient(135deg, #14B8A6 0%, #0D9488 100%);--rx-success: #10B981;--rx-success-light: #D1FAE5;--rx-warning: #F59E0B;--rx-warning-light: #FEF3C7;--rx-danger: #EF4444;--rx-danger-light: #FEE2E2;--rx-draft: #6366F1;--rx-draft-light: #E0E7FF;--rx-text-dark: #0F172A;--rx-text-normal: #1E293B;--rx-text-light: #64748B;--rx-text-lighter: #94A3B8;--rx-bg: #F8FAFC;--rx-bg-alt: #F1F5F9;--rx-card-bg: #FFFFFF;--rx-card-hover: #FEFEFE;--rx-border: #E2E8F0;--rx-border-light: #F1F5F9;--rx-border-dark: #CBD5E1;--rx-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--rx-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--rx-shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--rx-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--rx-shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--rx-radius-sm: 8px;--rx-radius: 12px;--rx-radius-lg: 16px;--rx-radius-xl: 20px;--rx-transition: all .3s cubic-bezier(.4, 0, .2, 1);--rx-transition-fast: all .15s ease}.rx-page-container{padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#e0e7ff);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;position:relative}.rx-page-container:before{content:"";position:absolute;top:0;left:0;right:0;height:300px;background:var(--rx-primary-gradient);opacity:.05;z-index:0;border-radius:0 0 50% 50%/0 0 30px 30px}@media (min-width: 768px){.rx-page-container{padding:2rem}}.rx-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;position:relative;z-index:1}.rx-back-link{display:inline-flex;align-items:center;gap:.625rem;padding:.75rem 1.25rem;border:1px solid var(--rx-border);border-radius:var(--rx-radius);background:var(--rx-card-bg);color:var(--rx-text-light);text-decoration:none;font-weight:600;font-size:.9375rem;transition:var(--rx-transition);box-shadow:var(--rx-shadow-sm);max-width:fit-content}.rx-back-link:hover{background:var(--rx-primary-light);color:var(--rx-primary);border-color:var(--rx-primary);box-shadow:var(--rx-shadow);transform:translate(-4px)}.rx-header h1{margin:0;font-size:2rem;font-weight:700;color:var(--rx-text-dark);font-family:Poppins,sans-serif;letter-spacing:-.5px;line-height:1.2}.rx-header h1 strong{background:var(--rx-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.rx-patient-inline{display:grid;grid-template-columns:1fr;gap:.75rem;width:100%;margin-top:.5rem}.rx-selected-patient{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}@media (max-width: 639px){.rx-patient-inline{gap:.625rem;margin-top:.75rem}.rx-selected-patient{gap:.5rem}}.rx-field-with-icon{position:relative;display:flex;align-items:center}.rx-field-with-icon input{width:100%;padding:.875rem 1rem;border:2px solid var(--rx-border);border-radius:var(--rx-radius);background:var(--rx-card-bg);font-size:.9375rem;font-weight:500;color:var(--rx-text-normal);transition:var(--rx-transition);box-shadow:var(--rx-shadow-sm)}.rx-field-with-icon input::placeholder{color:var(--rx-text-lighter);font-weight:400}.rx-field-with-icon input:hover{border-color:var(--rx-border-dark);box-shadow:var(--rx-shadow)}.rx-field-with-icon input:focus{outline:none;border-color:var(--rx-primary);box-shadow:0 0 0 4px var(--rx-primary-light),var(--rx-shadow);background:#fff}.rx-patient-suggest{position:relative;z-index:20;margin-top:.5rem;background:var(--rx-card-bg);border:2px solid var(--rx-primary-light);border-radius:var(--rx-radius);box-shadow:var(--rx-shadow-lg);overflow:hidden;grid-column:1 / -1;animation:slideDown .2s ease-out}.rx-patient-suggest ul{list-style:none;margin:0;padding:.25rem;max-height:280px;overflow-y:auto}.rx-patient-suggest .suggestion-item{display:flex;justify-content:space-between;gap:.5rem;padding:.6rem .75rem;cursor:pointer;border-radius:8px}.rx-patient-suggest .suggestion-item:hover{background:#f3f4f6}.rx-patient-suggest .suggestion-item strong{color:var(--rx-text-dark)}.rx-patient-suggest .suggestion-item span{color:var(--rx-text-light)}.rx-info-banner{display:flex;align-items:center;gap:.875rem;margin:0 0 1.5rem;padding:1rem 1.25rem;border-radius:var(--rx-radius);background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#3730a3;border:2px solid #C7D2FE;box-shadow:var(--rx-shadow-sm);position:relative;overflow:hidden;z-index:1}.rx-info-banner:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#6366f1,#4f46e5);z-index:-1}.rx-info-banner svg{flex:0 0 auto;color:#6366f1;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.rx-info-banner span{font-weight:500;font-size:.9375rem;line-height:1.5}.rx-main-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;position:relative;z-index:1}.rx-content-card{background:var(--rx-card-bg);border-radius:var(--rx-radius-lg);box-shadow:var(--rx-shadow-md);padding:1.75rem;border:1px solid var(--rx-border-light);transition:var(--rx-transition);position:relative;overflow:hidden}.rx-content-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--rx-primary-gradient);opacity:0;transition:var(--rx-transition)}.rx-content-card:hover{box-shadow:var(--rx-shadow-lg);border-color:var(--rx-primary-light)}.rx-content-card:hover:before{opacity:1}.rx-form-section{margin-bottom:2rem;padding:1.5rem;background:var(--rx-bg);border-radius:var(--rx-radius);border:1px solid var(--rx-border-light)}.rx-form-section:last-of-type{margin-bottom:0}.rx-form-section h3{display:flex;align-items:center;gap:.75rem;margin:-1.5rem -1.5rem 1.25rem;padding:1rem 1.5rem;font-size:1.125rem;font-weight:700;color:var(--rx-text-dark);background:linear-gradient(135deg,var(--rx-primary-light) 0%,transparent 100%);border-bottom:2px solid var(--rx-primary-light);font-family:Poppins,sans-serif;letter-spacing:-.3px}.rx-form-section h3 svg{color:var(--rx-primary);flex-shrink:0}.rx-form-section input,.rx-form-section textarea,.rx-form-section select{width:100%;padding:.875rem 1rem;border:2px solid var(--rx-border);border-radius:var(--rx-radius-sm);font-size:.9375rem;font-weight:500;color:var(--rx-text-normal);margin-bottom:.875rem;background:var(--rx-card-bg);transition:var(--rx-transition);box-shadow:var(--rx-shadow-sm);font-family:Inter,sans-serif}.rx-form-section input::placeholder,.rx-form-section textarea::placeholder{color:var(--rx-text-lighter);font-weight:400}.rx-form-section input:hover,.rx-form-section textarea:hover,.rx-form-section select:hover{border-color:var(--rx-border-dark);box-shadow:var(--rx-shadow)}.rx-form-section input:focus,.rx-form-section textarea:focus,.rx-form-section select:focus{outline:none;border-color:var(--rx-primary);box-shadow:0 0 0 4px var(--rx-primary-light),var(--rx-shadow);background:#fff}.rx-form-section textarea{resize:vertical;min-height:100px;line-height:1.6}.rx-drug-row-wrapper{position:relative;width:100%;margin-bottom:.75rem}.rx-drug-row{display:grid;grid-template-columns:1fr;gap:.75rem;align-items:center}.rx-drug-row input,.rx-drug-row select{margin-bottom:0;height:44px}.rx-delete-drug-btn{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);color:var(--rx-danger);border:2px solid #FECACA;border-radius:var(--rx-radius-sm);cursor:pointer;padding:.625rem;width:44px;height:44px;justify-self:end;transition:var(--rx-transition);box-shadow:var(--rx-shadow-sm)}.rx-delete-drug-btn:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);box-shadow:var(--rx-shadow);transform:translateY(-2px)}.rx-delete-drug-btn:active{transform:translateY(0)}.rx-add-drug-btn{align-self:flex-start;background:linear-gradient(135deg,var(--rx-primary-light) 0%,#F5F3FF 100%);color:var(--rx-primary);border:2px dashed var(--rx-primary);font-weight:700;padding:.75rem 1.25rem;border-radius:var(--rx-radius);cursor:pointer;font-size:.9375rem;font-family:Poppins,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:.625rem;margin-top:.5rem;transition:var(--rx-transition);box-shadow:var(--rx-shadow-sm)}.rx-add-drug-btn:hover{background:var(--rx-primary);color:#fff;border-style:solid;box-shadow:var(--rx-shadow-md);transform:translateY(-2px)}.rx-add-drug-btn:active{transform:translateY(0);box-shadow:var(--rx-shadow-sm)}.rx-form-actions{display:grid;grid-template-columns:1fr;gap:.875rem;padding-top:1.5rem;margin-top:1.5rem}.rx-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;border:none;padding:1rem 1.5rem;border-radius:var(--rx-radius);font-size:1rem;font-weight:700;font-family:Poppins,sans-serif;cursor:pointer;color:#fff;transition:var(--rx-transition);box-shadow:var(--rx-shadow);position:relative;overflow:hidden;letter-spacing:.3px}.rx-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.rx-submit-btn:hover:before{left:100%}.rx-submit-btn.download{background:var(--rx-primary-gradient);box-shadow:0 4px 12px #7c3aed66}.rx-submit-btn.download:hover{box-shadow:0 6px 20px #7c3aed80;transform:translateY(-2px)}.rx-submit-btn.draft{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 12px #6366f166}.rx-submit-btn.draft:hover{box-shadow:0 6px 20px #6366f180;transform:translateY(-2px)}.rx-submit-btn.send{background:var(--rx-secondary-gradient);box-shadow:0 4px 12px #14b8a666}.rx-submit-btn.send:hover{box-shadow:0 6px 20px #14b8a680;transform:translateY(-2px)}.rx-submit-btn:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);cursor:not-allowed;opacity:.6;transform:none!important;box-shadow:var(--rx-shadow-sm)}.rx-submit-btn:disabled:hover{box-shadow:var(--rx-shadow-sm)}.rx-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--rx-shadow-sm)}.rx-side-column{display:flex;flex-direction:column;gap:1.25rem}.rx-side-column .rx-content-card{padding:1.5rem}.rx-side-column .rx-content-card h3{display:flex;align-items:center;gap:.625rem;margin:0 0 1rem;font-size:1.125rem;font-weight:700;color:var(--rx-text-dark);font-family:Poppins,sans-serif}.rx-side-column .rx-content-card h3 svg{color:var(--rx-primary);flex-shrink:0}.rx-recent-controls{display:grid;grid-template-columns:1fr;gap:.75rem;margin:0 0 1rem}.rx-field-select{position:relative;display:flex;align-items:center}.rx-field-select select{width:100%;padding:.75rem 1rem;border:2px solid var(--rx-border);border-radius:var(--rx-radius-sm);background:var(--rx-card-bg);font-size:.9375rem;font-weight:500;color:var(--rx-text-normal);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:var(--rx-transition);box-shadow:var(--rx-shadow-sm)}.rx-field-select select:hover{border-color:var(--rx-border-dark);box-shadow:var(--rx-shadow)}.rx-field-select select:focus{outline:none;border-color:var(--rx-primary);box-shadow:0 0 0 4px var(--rx-primary-light),var(--rx-shadow)}.rx-hint{color:var(--rx-text-light);font-size:.875rem;margin:.5rem 0;padding:.75rem 1rem;background:var(--rx-bg);border-radius:var(--rx-radius-sm);border-left:3px solid var(--rx-primary-light);line-height:1.5}.rx-recent-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.875rem;max-height:500px;overflow-y:auto;padding-right:.25rem}.rx-recent-list::-webkit-scrollbar{width:6px}.rx-recent-list::-webkit-scrollbar-track{background:var(--rx-bg);border-radius:10px}.rx-recent-list::-webkit-scrollbar-thumb{background:var(--rx-border-dark);border-radius:10px}.rx-recent-list::-webkit-scrollbar-thumb:hover{background:var(--rx-primary)}.rx-list-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border:2px solid var(--rx-border-light);border-radius:var(--rx-radius-lg);background:var(--rx-card-bg);box-shadow:var(--rx-shadow);transition:var(--rx-transition);position:relative;overflow:hidden}.rx-list-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--rx-primary-gradient);opacity:0;transition:var(--rx-transition)}.rx-list-card:hover{box-shadow:var(--rx-shadow-lg);transform:translateY(-3px);border-color:var(--rx-primary-light)}.rx-list-card:hover:before{opacity:1}.rx-list-main{display:grid;gap:.25rem}.rx-list-title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.rx-list-name{font-weight:700;color:var(--rx-text-dark);letter-spacing:.2px}.rx-badge{font-size:.8125rem;font-weight:600;padding:.375rem .75rem;border-radius:999px;background:var(--rx-primary-gradient);color:#fff;border:none;box-shadow:0 2px 8px #7c3aed40;letter-spacing:.3px;display:inline-flex;align-items:center;gap:.375rem}.rx-list-date{font-size:.85rem;color:var(--rx-text-light)}.rx-list-actions{display:flex;gap:.625rem;justify-content:flex-end;position:relative;z-index:10;pointer-events:auto}.rx-fill-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--rx-secondary-gradient);color:#fff;font-weight:700;font-family:Poppins,sans-serif;padding:.625rem 1rem;border-radius:var(--rx-radius-sm);cursor:pointer;transition:var(--rx-transition);position:relative;z-index:20;pointer-events:auto;-webkit-user-select:none;user-select:none;box-shadow:0 2px 8px #14b8a64d;font-size:.875rem}.rx-fill-btn:hover{box-shadow:0 4px 12px #14b8a666;transform:translateY(-2px)}.rx-fill-btn:active{transform:translateY(0);box-shadow:0 2px 6px #14b8a64d}.rx-fill-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.rx-use-template-btn{background:var(--rx-card-bg);color:var(--rx-primary);padding:.625rem 1rem;border:2px solid var(--rx-primary-light);display:inline-flex;align-items:center;gap:.5rem;border-radius:var(--rx-radius-sm);font-weight:700;font-family:Poppins,sans-serif;position:relative;z-index:20;pointer-events:auto;-webkit-user-select:none;user-select:none;cursor:pointer;transition:var(--rx-transition);box-shadow:var(--rx-shadow-sm);font-size:.875rem}.rx-use-template-btn:hover{background:var(--rx-primary-light);border-color:var(--rx-primary);box-shadow:var(--rx-shadow);transform:translateY(-2px)}.rx-use-template-btn:active{transform:translateY(0);box-shadow:var(--rx-shadow-sm)}.rx-use-template-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.rx-submit-btn .spinner,.rx-use-template-btn .spinner{margin-right:6px;vertical-align:-2px}.rx-drug-row input,.rx-drug-row select{width:100%;padding:.75rem 1rem;border:2px solid var(--rx-border);border-radius:var(--rx-radius-sm);font-size:.9375rem;font-weight:500;color:var(--rx-text-normal);background:var(--rx-card-bg);transition:var(--rx-transition);box-shadow:var(--rx-shadow-sm)}.rx-drug-row input::placeholder{color:var(--rx-text-lighter);font-weight:400}.rx-drug-row input:hover,.rx-drug-row select:hover{border-color:var(--rx-border-dark);box-shadow:var(--rx-shadow)}.rx-drug-row input:focus,.rx-drug-row select:focus{outline:none;border-color:var(--rx-primary);box-shadow:0 0 0 4px var(--rx-primary-light),var(--rx-shadow);background:#fff}.rx-drug-row select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748B' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.rx-suggestions-dropdown{position:absolute;background-color:var(--rx-card-bg);border:2px solid var(--rx-primary-light);border-radius:var(--rx-radius);box-shadow:var(--rx-shadow-lg);width:100%;max-height:320px;overflow-y:auto;z-index:1000;margin-top:.5rem;animation:slideDown .2s ease-out}.rx-suggestions-dropdown ul{list-style:none;padding:.5rem;margin:0}.rx-suggestions-dropdown .suggestion-item{padding:.875rem 1rem;cursor:pointer;font-size:.9375rem;border-radius:var(--rx-radius-sm);transition:var(--rx-transition-fast);display:flex;flex-direction:column;gap:.25rem}.rx-suggestions-dropdown .suggestion-item:hover{background:var(--rx-primary-light);transform:translate(4px)}.rx-suggestions-dropdown .suggestion-item strong{color:var(--rx-text-dark);font-weight:600}.rx-suggestions-dropdown .suggestion-item span{color:var(--rx-text-light);font-size:.8125rem}.rx-status-badge{font-size:.75rem;font-weight:600;padding:.25rem .6rem;border-radius:99px;color:#fff;text-transform:capitalize}.rx-status-badge.sent{background-color:var(--rx-secondary)}.rx-status-badge.draft{background-color:var(--rx-draft)}.rx-recent-info{display:flex;flex-direction:column;gap:.1rem}.rx-patient-name{font-weight:600;color:var(--rx-text-dark)}.rx-drug-name{font-size:.875rem;color:var(--rx-text-light)}.rx-recent-meta{text-align:right}.rx-date{font-size:.875rem;color:var(--rx-text-light);display:block;margin-bottom:.25rem}.rx-recent-list li{display:grid;gap:.5rem;padding:.7rem .2rem;border-bottom:1px solid var(--rx-border)}.rx-recent-list li:last-child{border-bottom:none}.rx-recent-info{display:flex;justify-content:space-between;column-gap:.75rem}.rx-recent-actions{display:flex;gap:.5rem;justify-content:flex-end}:where(.rx-page-container) a:focus-visible,:where(.rx-page-container) button:focus-visible,:where(.rx-page-container) input:focus-visible,:where(.rx-page-container) select:focus-visible,:where(.rx-page-container) textarea:focus-visible{outline:2px solid var(--rx-primary);outline-offset:2px;border-radius:10px}@media (max-width: 639px){.rx-field-with-icon input{padding:.75rem .875rem;font-size:.875rem}.rx-field-select select{padding:.625rem .875rem;font-size:.875rem}.rx-drug-row{grid-template-columns:1fr;gap:.5rem}.rx-drug-row input,.rx-drug-row select{width:100%;margin-bottom:.5rem}.rx-delete-drug-btn{width:100%;justify-self:stretch}.rx-form-actions{grid-template-columns:1fr;gap:.75rem}.rx-recent-controls{grid-template-columns:1fr;gap:.625rem}.rx-content-card{padding:1.25rem}.rx-form-section{padding:1rem}.rx-form-section h3{margin:-1rem -1rem 1rem;padding:.875rem 1rem;font-size:1rem}}@media (min-width: 640px){.rx-header{flex-direction:column;align-items:flex-start;gap:1.25rem}.rx-patient-inline{grid-template-columns:1fr;max-width:100%}.rx-recent-controls{grid-template-columns:1fr 1fr;gap:.75rem}.rx-form-actions{grid-template-columns:repeat(3,1fr);gap:.75rem}.rx-drug-row{grid-template-columns:2fr 1.2fr 1fr .8fr auto;align-items:center;gap:.75rem}.rx-delete-drug-btn{justify-self:center;margin:0}}@media (min-width: 1024px){.rx-main-grid{grid-template-columns:1.8fr 1fr;gap:1.5rem}.rx-content-card{padding:2rem}.rx-side-column .rx-content-card{padding:1.75rem}.rx-form-actions{grid-template-columns:repeat(3,max-content);justify-content:flex-start}}@media (min-width: 768px){.rx-header h1{font-size:1.75rem}}@media (min-width: 1200px){.rx-main-grid{grid-template-columns:2fr 1fr}}.error-page-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:2rem;font-family:Inter,sans-serif}.error-content-card{background-color:#fff;padding:2rem 3rem;border-radius:16px;box-shadow:0 8px 25px #0000001a;text-align:center;max-width:500px;width:100%;border-top:4px solid #EF4444}.error-content-card h1{color:#ef4444;font-size:2rem;font-weight:700;margin:0 0 .5rem}.error-content-card p{color:#6b7280;font-size:1.1rem;line-height:1.6;margin:0 0 2rem}.error-back-link{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;background-color:#8b5cf6;color:#fff;font-weight:600;padding:.8rem 1.75rem;border-radius:12px;font-size:1rem;transition:background-color .2s ease,transform .2s ease}.error-back-link:hover{background-color:#7c3aed;transform:translateY(-2px)}.rx-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1118278c;-webkit-backdrop-filter:saturate(140%) blur(2px);backdrop-filter:saturate(140%) blur(2px);display:grid;place-items:center;padding:.75rem;z-index:1000;overscroll-behavior:contain}.rx-modal{width:100%;max-width:540px;background:#fff;border-radius:14px;border:1px solid var(--rx-border);box-shadow:0 18px 48px #00000029;display:grid;grid-template-rows:auto 1fr;max-height:92vh;overflow:hidden}.rx-modal-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.85rem 1rem;border-bottom:1px solid var(--rx-border)}.rx-modal-header h2{margin:0;font-size:1.02rem;font-weight:600;color:var(--rx-text-dark);line-height:1.2}.rx-modal-close{border:1px solid var(--rx-border);background:var(--rx-bg);color:var(--rx-text-dark);border-radius:12px;padding:.44rem .6rem;cursor:pointer}.rx-modal-close:focus-visible{outline:2px solid var(--rx-primary);outline-offset:2px;border-radius:12px}.rx-modal-body{overflow:auto;padding:.9rem 1rem 1rem;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.rx-section{margin-bottom:.9rem}.rx-section h3{margin:0 0 .55rem;font-size:.98rem;font-weight:600;color:var(--rx-text-dark)}.rx-bullet{list-style:disc;padding-left:1.2rem;margin:0;display:grid;gap:.35rem;color:var(--rx-text-dark);word-wrap:break-word;overflow-wrap:anywhere}.rx-meds-grid{display:grid;grid-template-columns:1fr;border:1px solid var(--rx-border);border-radius:10px;overflow:hidden}.rx-meds-head{background:var(--rx-primary-light);color:var(--rx-text-dark);padding:.55rem .7rem;font-weight:600;border-bottom:1px solid var(--rx-border)}.rx-meds-cell{padding:.55rem .7rem;border-bottom:1px solid var(--rx-border);color:var(--rx-text-dark);line-height:1.35;word-break:break-word;overflow-wrap:anywhere}.rx-notes{background:var(--rx-bg);color:var(--rx-text-dark);border:1px solid var(--rx-border);border-radius:10px;padding:.8rem .9rem;line-height:1.55;white-space:pre-wrap;word-break:break-word}@media (max-width: 380px){.rx-modal{max-width:92vw}.rx-modal-header h2{font-size:.98rem}.rx-modal-close{padding:.4rem .55rem}}@media (min-width: 640px){.rx-modal{max-width:750px}.rx-meds-grid{grid-template-columns:2fr 1fr 1fr .8fr}.rx-meds-head,.rx-meds-cell{border-right:1px solid var(--rx-border)}.rx-meds-head:nth-child(4n),.rx-meds-cell:nth-child(4n){border-right:none}}@media (min-width: 1024px){.rx-modal{max-width:800px}}@media (prefers-reduced-motion: reduce){.rx-submit-btn,.rx-use-template-btn,.rx-list-card,.rx-fill-btn,.rx-modal-overlay,.rx-modal{transition:none}}:root{--lab-primary: #7c3aed;--lab-primary-dark: #6d28d9;--lab-primary-light: #ede9fe;--lab-secondary: #14b8a6;--lab-secondary-dark: #0d9488;--lab-success: #10b981;--lab-danger: #ef4444;--lab-text-dark: #0f172a;--lab-text-normal: #1e293b;--lab-text-light: #64748b;--lab-bg: #f8fafc;--lab-card-bg: #ffffff;--lab-border: #e2e8f0;--lab-border-light: #f1f5f9;--lab-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--lab-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--lab-radius: 12px;--lab-radius-lg: 16px}.lab-page-container{padding:2rem;background:linear-gradient(135deg,#f8fafc,#e0e7ff);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.lab-header{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.lab-back-link{display:inline-flex;align-items:center;gap:.625rem;padding:.75rem 1.25rem;border:2px solid var(--lab-border);border-radius:var(--lab-radius);background:var(--lab-card-bg);color:var(--lab-text-light);text-decoration:none;font-weight:600;font-size:.9375rem;box-shadow:var(--lab-shadow);max-width:fit-content;transition:all .2s ease}.lab-back-link:hover{background:var(--lab-primary-light);color:var(--lab-primary);border-color:var(--lab-primary);box-shadow:var(--lab-shadow-lg)}.lab-header h1{margin:0;font-size:2rem;font-weight:700;color:var(--lab-text-dark);font-family:Poppins,sans-serif;display:flex;align-items:center;gap:.75rem}.lab-header h1 svg{color:var(--lab-primary)}.lab-content-card{background:var(--lab-card-bg);border-radius:var(--lab-radius-lg);box-shadow:var(--lab-shadow-lg);padding:2rem;border:1px solid var(--lab-border-light)}.lab-section{margin-bottom:2rem;padding:1.5rem;background:var(--lab-bg);border-radius:var(--lab-radius);border:1px solid var(--lab-border-light)}.lab-section h3{display:flex;align-items:center;gap:.75rem;margin:-1.5rem -1.5rem 1.25rem;padding:1rem 1.5rem;font-size:1.125rem;font-weight:700;color:var(--lab-text-dark);background:linear-gradient(135deg,var(--lab-primary-light) 0%,transparent 100%);border-bottom:2px solid var(--lab-primary-light);font-family:Poppins,sans-serif;border-radius:var(--lab-radius) var(--lab-radius) 0 0}.lab-section h3 svg{color:var(--lab-primary);flex-shrink:0}.lab-patient-search{display:flex;flex-direction:column;gap:1rem}.lab-search-input{position:relative;display:flex;align-items:center}.lab-search-input svg{position:absolute;left:1rem;color:var(--lab-text-light);pointer-events:none;z-index:2}.lab-search-input input{width:100%;padding:.875rem 1rem .875rem 2.75rem;border:2px solid var(--lab-border);border-radius:var(--lab-radius);background:var(--lab-card-bg);font-size:.9375rem;font-weight:500;color:var(--lab-text-normal);transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.lab-search-input input::placeholder{color:var(--lab-text-light);font-weight:400}.lab-search-input input:focus{outline:none;border-color:var(--lab-primary);box-shadow:0 0 0 4px var(--lab-primary-light),var(--lab-shadow)}.lab-suggestions-dropdown{position:relative;background:var(--lab-card-bg);border:2px solid var(--lab-primary-light);border-radius:var(--lab-radius);box-shadow:var(--lab-shadow-lg);max-height:300px;overflow-y:auto;padding:.5rem}.suggestion-item{padding:.875rem 1rem;cursor:pointer;border-radius:8px;transition:all .2s ease;display:flex;flex-direction:column;gap:.25rem}.suggestion-item:hover{background:var(--lab-primary-light)}.suggestion-item strong{color:var(--lab-text-dark);font-weight:600}.suggestion-item span{color:var(--lab-text-light);font-size:.875rem}.lab-selected-patient{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:var(--lab-radius);gap:1rem}.patient-badge{flex:1;display:flex;flex-direction:column;gap:.375rem}.patient-badge strong{font-size:1.0625rem;font-weight:700;color:#065f46}.patient-badge span{font-size:.875rem;color:#047857}.btn-clear{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fff;color:var(--lab-danger);border:2px solid #fecaca;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-clear:hover{background:#fef2f2;border-color:var(--lab-danger)}.lab-tests-list{display:flex;flex-direction:column;gap:.875rem}.lab-test-row{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center}.lab-test-row input{width:100%;padding:.875rem 1rem;border:2px solid var(--lab-border);border-radius:var(--lab-radius);font-size:.9375rem;font-weight:500;color:var(--lab-text-normal);background:var(--lab-card-bg);transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.lab-test-row input:focus{outline:none;border-color:var(--lab-primary);box-shadow:0 0 0 4px var(--lab-primary-light),var(--lab-shadow)}.btn-delete-test{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,#fef2f2,#fee2e2);color:var(--lab-danger);border:2px solid #fecaca;border-radius:10px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-delete-test:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);box-shadow:var(--lab-shadow)}.btn-add-test{display:inline-flex;align-items:center;gap:.625rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--lab-primary-light) 0%,#f5f3ff 100%);color:var(--lab-primary);border:2px dashed var(--lab-primary);border-radius:var(--lab-radius);font-weight:700;font-family:Poppins,sans-serif;cursor:pointer;transition:all .2s ease;margin-top:.5rem;max-width:fit-content}.btn-add-test:hover{background:var(--lab-primary);color:#fff;border-style:solid}.lab-section textarea{width:100%;padding:.875rem 1rem;border:2px solid var(--lab-border);border-radius:var(--lab-radius);font-size:.9375rem;font-weight:500;color:var(--lab-text-normal);background:var(--lab-card-bg);resize:vertical;min-height:120px;font-family:Inter,sans-serif;line-height:1.6;transition:all .2s ease}.lab-section textarea:focus{outline:none;border-color:var(--lab-primary);box-shadow:0 0 0 4px var(--lab-primary-light),var(--lab-shadow)}.lab-actions{display:flex;justify-content:flex-end;padding-top:1.5rem;margin-top:1.5rem;border-top:2px solid var(--lab-border-light)}.btn-send-lab{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--lab-primary) 0%,var(--lab-primary-dark) 100%);color:#fff;border:none;border-radius:var(--lab-radius);font-size:1.0625rem;font-weight:700;font-family:Poppins,sans-serif;cursor:pointer;box-shadow:0 4px 12px #7c3aed66;transition:all .2s ease}.btn-send-lab:hover:not(:disabled){box-shadow:0 6px 20px #7c3aed80;transform:translateY(-2px)}.btn-send-lab:active:not(:disabled){transform:translateY(0)}.btn-send-lab:disabled{background:linear-gradient(135deg,#cbd5e1,#94a3b8);cursor:not-allowed;box-shadow:none;opacity:.7}.lab-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172acc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:2rem}.lab-modal{background:#fff;border-radius:var(--lab-radius-lg);width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;border:1px solid var(--lab-border)}.lab-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid var(--lab-border-light);background:linear-gradient(135deg,#fafafa,#fff);border-radius:var(--lab-radius-lg) var(--lab-radius-lg) 0 0}.lab-modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--lab-text-dark);font-family:Poppins,sans-serif}.lab-modal-close{background:var(--lab-bg);border:none;border-radius:8px;cursor:pointer;color:var(--lab-text-light);padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.lab-modal-close:hover{background:var(--lab-border);color:var(--lab-text-dark)}.lab-modal-body{flex:1;overflow-y:auto;padding:1.5rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.loading-state svg{color:var(--lab-primary)}.loading-state p{color:var(--lab-text-light);font-weight:500;margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;gap:1rem;text-align:center}.empty-state p{font-size:1.125rem;font-weight:600;color:var(--lab-text-normal);margin:0}.empty-state span{font-size:.875rem;color:var(--lab-text-light);max-width:400px;line-height:1.5}.lab-branches-list{display:flex;flex-direction:column;gap:1rem}.lab-branch-card{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;padding:1.25rem;border:2px solid var(--lab-border);border-radius:var(--lab-radius);cursor:pointer;transition:all .2s ease;background:#fff}.lab-branch-card:hover{border-color:var(--lab-primary);box-shadow:var(--lab-shadow)}.lab-branch-card.selected{border-color:var(--lab-success);background:linear-gradient(135deg,#f0fdf4,#dcfce7);box-shadow:0 4px 12px #10b98133}.lab-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--lab-primary-light) 0%,#f5f3ff 100%);border-radius:12px;color:var(--lab-primary);flex-shrink:0}.lab-info{display:flex;flex-direction:column;gap:.375rem}.lab-info h4{margin:0;font-size:1.125rem;font-weight:700;color:var(--lab-text-dark);font-family:Poppins,sans-serif}.branch-name{font-size:.875rem;font-weight:600;color:var(--lab-primary)}.lab-info p{margin:0;font-size:.875rem;color:var(--lab-text-light);line-height:1.4}.lab-phone{font-size:.8125rem;color:var(--lab-text-light);font-weight:500}.lab-selected-icon{display:flex;align-items:center}.lab-modal-footer{display:flex;gap:.75rem;padding:1.5rem;border-top:2px solid var(--lab-border-light)}.btn-cancel,.btn-confirm{flex:1;padding:.875rem 1.5rem;border-radius:10px;font-weight:700;font-size:1rem;font-family:Poppins,sans-serif;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-cancel{background:var(--lab-bg);color:var(--lab-text-light)}.btn-cancel:hover{background:var(--lab-border);color:var(--lab-text-normal)}.btn-confirm{background:linear-gradient(135deg,var(--lab-success) 0%,#059669 100%);color:#fff;box-shadow:0 4px 12px #10b98166}.btn-confirm:hover:not(:disabled){box-shadow:0 6px 20px #10b98180;transform:translateY(-2px)}.btn-confirm:disabled{background:linear-gradient(135deg,#cbd5e1,#94a3b8);cursor:not-allowed;box-shadow:none;opacity:.7}@media (max-width: 768px){.lab-page-container{padding:1rem}.lab-content-card{padding:1.5rem}.lab-section{padding:1.25rem}.lab-header h1{font-size:1.5rem}.lab-test-row{grid-template-columns:1fr}.btn-delete-test{width:100%;height:40px}.lab-actions{justify-content:stretch}.btn-send-lab{width:100%}.lab-branch-card{grid-template-columns:auto 1fr;gap:.875rem}.lab-selected-icon{grid-column:1 / -1;justify-content:center;margin-top:.5rem}.lab-modal-footer{flex-direction:column}.btn-cancel,.btn-confirm{width:100%}}:root{--set-primary: #059669;--set-primary-dark: #047857;--set-primary-light: #D1FAE5;--set-danger: #EF4444;--set-text-dark: #1F2937;--set-text-light: #6B7280;--set-bg: #F9FAFB;--set-card-bg: #FFFFFF;--set-border: #E5E7EB;--set-radius: 12px;--set-shadow: 0 4px 12px rgba(0,0,0,.05)}.set-page-container{padding:1.5rem;background-color:var(--set-bg);font-family:Inter,sans-serif}.set-header h1{font-size:2rem;font-weight:700;margin:0 0 2rem}.set-main-grid{display:grid;grid-template-columns:1fr;gap:2rem}.set-content-card{background-color:var(--set-card-bg);border-radius:var(--set-radius);box-shadow:var(--set-shadow);padding:1.5rem}.set-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--set-border);padding-bottom:1rem;margin-bottom:1.5rem}.set-content-card h3{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.25rem;color:var(--set-primary)}.set-form{display:flex;flex-direction:column;gap:1rem}.set-form-group{display:flex;flex-direction:column}.set-form-group label{font-weight:500;color:var(--set-text-light);margin-bottom:.5rem;font-size:.875rem}.set-form-group input,.set-form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--set-border);border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.set-form-group input:disabled,.set-form-group textarea:disabled{background-color:var(--set-bg);color:var(--set-text-light);cursor:not-allowed}.set-form-group input:focus,.set-form-group textarea:focus{outline:none;border-color:var(--set-primary);box-shadow:0 0 0 3px var(--set-primary-light)}.set-file-link{margin:0;padding:.75rem 0}.set-form-row{display:grid;grid-template-columns:1fr;gap:1rem}.set-action-btn,.set-edit-btn,.set-nav-btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:8px;font-weight:600;cursor:pointer;border:none;padding:.75rem 1.25rem;transition:background-color .2s,transform .1s}.set-action-btn.primary{background-color:var(--set-primary);color:#fff}.set-action-btn.primary:hover{background-color:var(--set-primary-dark)}.set-edit-btn{background:none;border:1px solid var(--set-primary);color:var(--set-primary)}.set-nav-btn{background-color:#e5e7eb;color:#374151}:is(.set-action-btn,.set-edit-btn,.set-nav-btn):active{transform:translateY(1px)}.set-profile-upload{display:flex;flex-direction:column;align-items:center;gap:1rem}.set-avatar-preview{position:relative}.set-avatar-preview img{width:100px;height:100px;border-radius:50%;object-fit:cover}.set-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:0;transition:opacity .3s;cursor:pointer}.set-avatar-preview:hover .set-avatar-overlay{opacity:1}.set-form-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--set-border)}.set-security-sections{display:flex;flex-direction:column;gap:1.5rem}.set-security-block{background:var(--set-bg);padding:1.5rem;border-radius:var(--set-radius)}.set-security-block h4{margin:0 0 .25rem;font-size:1.1rem}.set-help-text{font-size:.875rem;color:var(--set-text-light);margin-bottom:1rem}.set-security-block .set-form-actions{padding-top:1rem;margin-top:.5rem}@media (min-width: 768px){.set-page-container{padding:2rem}.set-main-grid,.set-form-row{grid-template-columns:1fr 1fr}}.set-form-group input,.set-form-group textarea,.set-form-group select{width:100%;padding:.75rem 1rem;border:1px solid var(--set-border);border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s,box-shadow .2s;background-color:#fff;color:var(--set-text-dark)}.set-form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em;padding-right:2.5rem}.set-form-group input:focus,.set-form-group textarea:focus,.set-form-group select:focus{outline:none;border-color:var(--set-primary);box-shadow:0 0 0 3px var(--set-primary-light)}.set-form-group input:disabled,.set-form-group textarea:disabled,.set-form-group select:disabled{background-color:var(--set-bg);cursor:not-allowed;color:var(--set-text-light)}.drug-lists-container{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;height:100%;overflow-y:auto;background:linear-gradient(135deg,#f8fafc,#e0e7ff);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.drug-lists-container::-webkit-scrollbar{width:8px}.drug-lists-container::-webkit-scrollbar-track{background:#f1f5f9}.drug-lists-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.drug-lists-container::-webkit-scrollbar-thumb:hover{background:#7c3aed}.list-section-card{background:#fff;border-radius:16px;padding:1.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;border:1px solid #f1f5f9;transition:all .3s ease;position:relative;overflow:hidden}.list-section-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#7c3aed,#6d28d9);opacity:0;transition:opacity .3s ease}.list-section-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#ede9fe}.list-section-card:hover:before{opacity:1}.list-section-card h3{display:flex;align-items:center;gap:.75rem;margin:0 0 1.25rem;font-size:1.25rem;font-weight:700;color:#0f172a;font-family:Inter,sans-serif}.list-section-card h3 svg{color:#7c3aed;flex-shrink:0}.list-controls{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem}.list-field-with-icon,.list-field-select{display:flex;align-items:center;background-color:#f8fafc;border-radius:10px;padding:0 1rem;border:2px solid #e2e8f0;transition:all .2s ease;position:relative}.list-field-with-icon:hover,.list-field-select:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000001a}.list-field-with-icon:focus-within,.list-field-select:focus-within{border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed1a;background:#fff}.list-field-with-icon input,.list-field-select select{width:100%;border:none;background:transparent;padding:.75rem .5rem;font-size:.9375rem;font-weight:500;color:#1e293b;outline:none}.list-field-with-icon input::placeholder{color:#94a3b8;font-weight:400}.list-field-select select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748B' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.list-field-with-icon svg,.list-field-select svg{color:#64748b;flex-shrink:0;pointer-events:none;transition:color .2s ease}.list-field-with-icon:focus-within svg,.list-field-select:focus-within svg{color:#7c3aed}.item-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.875rem;max-height:500px;overflow-y:auto;padding-right:.25rem}.item-list::-webkit-scrollbar{width:6px}.item-list::-webkit-scrollbar-track{background:#f8fafc;border-radius:10px}.item-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.item-list::-webkit-scrollbar-thumb:hover{background:#7c3aed}.item-card{display:flex;justify-content:space-between;align-items:center;padding:1.125rem 1.25rem;border:2px solid #f1f5f9;border-radius:12px;background:linear-gradient(135deg,#fff,#fefefe);transition:all .2s ease;position:relative;overflow:hidden}.item-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#7c3aed,#6d28d9);opacity:0;transition:opacity .2s ease}.item-card:hover{border-color:#ede9fe;box-shadow:0 4px 12px #7c3aed1a;transform:translateY(-2px)}.item-card:hover:before{opacity:1}.item-main{display:flex;flex-direction:column;gap:.375rem;flex:1}.item-title-row{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.item-name{font-weight:700;color:#0f172a;font-size:1rem;line-height:1.4}.item-date{font-size:.8125rem;color:#64748b;font-weight:500}.item-badge{font-size:.75rem;color:#7c3aed;background:linear-gradient(135deg,#ede9fe,#f5f3ff);padding:.25rem .625rem;border-radius:999px;font-weight:600;letter-spacing:.3px;border:1px solid #e9d5ff}.item-pharmacy{font-size:.8125rem;color:#14b8a6;font-weight:500;display:flex;align-items:center;gap:.25rem}.item-actions{display:flex;gap:.625rem;flex-shrink:0}.item-actions button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;border-radius:8px;cursor:pointer;border:2px solid transparent;font-weight:600;transition:all .2s ease;font-family:Inter,sans-serif;white-space:nowrap}.item-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.fill-btn{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;box-shadow:0 2px 8px #14b8a64d}.fill-btn:hover:not(:disabled){box-shadow:0 4px 12px #14b8a666;transform:translateY(-2px)}.fill-btn:active:not(:disabled){transform:translateY(0)}.view-btn{background-color:#f8fafc;color:#475569;border-color:#e2e8f0}.view-btn:hover:not(:disabled){background-color:#ede9fe;border-color:#7c3aed;color:#7c3aed;box-shadow:0 2px 8px #7c3aed33}.share-btn{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0369a1;border-color:#7dd3fc}.share-btn:hover:not(:disabled){background:linear-gradient(135deg,#bae6fd,#7dd3fc);box-shadow:0 2px 8px #0369a133;transform:translateY(-2px)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;gap:1rem}.loading-container svg{color:#7c3aed}.loading-container p{color:#64748b;font-weight:500;margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;gap:.875rem;text-align:center}.empty-state svg{color:#cbd5e1}.empty-state p{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.empty-state span{font-size:.875rem;color:#64748b;max-width:400px;line-height:1.5}.animate-spin{animation:spin 1s linear infinite}@media (max-width: 768px){.drug-lists-container{padding:1rem}.list-section-card{padding:1.25rem}.list-controls{grid-template-columns:1fr}.item-card{flex-direction:column;align-items:flex-start;gap:.875rem}.item-actions{width:100%;justify-content:stretch}.item-actions button{flex:1;justify-content:center}}.nurse-documents-container{padding:2rem;background:linear-gradient(135deg,#f8fafc,#e0e7ff);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.page-header{margin-bottom:2rem;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;border-left:4px solid #7c3aed}.page-title{font-size:1.75rem;font-weight:700;color:#0f172a;margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.page-subtitle{font-size:.9375rem;color:#64748b;margin:0;line-height:1.5}.loading-state{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;gap:1rem}.spinner-icon{color:#7c3aed;animation:spin 1s linear infinite}.loading-state p{font-size:1.125rem;color:#64748b;font-weight:500;margin:0}.empty-state{background:#fff;border-radius:16px;padding:4rem 2rem;text-align:center;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #f1f5f9}.empty-state svg{margin-bottom:1.5rem}.empty-state h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .75rem}.empty-state p{color:#64748b;margin:0;font-size:1rem;line-height:1.5}.documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.document-card{background:#fff;border-radius:16px;padding:1.75rem;box-shadow:0 4px 6px -1px #0000001a;border:2px solid #f1f5f9;display:flex;flex-direction:column;gap:1.25rem;position:relative;overflow:visible;pointer-events:auto}.document-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#7c3aed,#6d28d9);opacity:0;pointer-events:none;z-index:1}.document-card:hover{box-shadow:0 10px 20px -3px #00000026;border-color:#ede9fe}.document-card:hover:before{opacity:1}.document-icon{display:flex;justify-content:center;align-items:center;padding:1.25rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0;pointer-events:none}.document-info{flex:1;pointer-events:none}.document-name{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0 0 1rem;word-break:break-word;line-height:1.4}.document-meta{display:flex;flex-direction:column;gap:.625rem}.meta-item{font-size:.875rem;color:#64748b;line-height:1.5}.meta-item strong{color:#1e293b;font-weight:600;margin-right:.375rem}.document-actions{display:flex;gap:.75rem;margin-top:auto;position:relative;z-index:100;pointer-events:auto;isolation:isolate}.btn-view,.btn-download{flex:1;padding:.875rem 1.25rem;border:none;border-radius:10px;font-size:.875rem;font-weight:700;cursor:pointer!important;font-family:Inter,sans-serif;display:flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:.3px;position:relative;z-index:101!important;pointer-events:auto!important;user-select:none;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.btn-view{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;box-shadow:0 2px 8px #7c3aed4d}.btn-view:hover:not(:disabled){box-shadow:0 4px 12px #7c3aed66;transform:translateY(-1px)}.btn-view:active:not(:disabled){box-shadow:0 1px 4px #7c3aed4d;transform:translateY(0)}.btn-view:disabled,.btn-download:disabled{opacity:.7;cursor:not-allowed;pointer-events:none}.btn-download{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;box-shadow:0 2px 8px #14b8a64d}.btn-download:hover:not(:disabled){box-shadow:0 4px 12px #14b8a666;transform:translateY(-1px)}.btn-download:active:not(:disabled){box-shadow:0 1px 4px #14b8a64d;transform:translateY(0)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172acc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:2rem}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;border:1px solid #e2e8f0}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid #f1f5f9;background:linear-gradient(135deg,#fafafa,#fff);border-radius:16px 16px 0 0}.modal-header h3{margin:0;font-size:1.375rem;font-weight:700;color:#0f172a;word-break:break-word}.modal-close{background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;color:#475569;padding:.5rem;line-height:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:30;pointer-events:auto;-webkit-user-select:none;user-select:none;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.modal-close:hover{background:#e2e8f0;color:#0f172a;transform:scale(1.05)}.modal-close:active{background:#cbd5e1;transform:scale(.95)}.modal-body{flex:1;overflow:auto;padding:1.5rem;display:flex;justify-content:center;align-items:center}.document-preview-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.document-preview-iframe{width:100%;height:600px;border:none;border-radius:8px}.preview-not-available{text-align:center;padding:3rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.preview-not-available svg{margin-bottom:.5rem}.preview-not-available p{color:#64748b;margin:0;font-size:1.0625rem;font-weight:500}.modal-footer{padding:1.5rem;border-top:1px solid #E5E7EB;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.document-details{flex:1}.document-details p{margin:.25rem 0;font-size:.875rem;color:#6b7280}.document-details strong{color:#374151}.btn-download-modal{padding:.875rem 1.5rem;background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:700;cursor:pointer;font-family:Inter,sans-serif;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #14b8a64d;position:relative;z-index:20;pointer-events:auto;-webkit-user-select:none;user-select:none;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.btn-download-modal:hover:not(:disabled){box-shadow:0 4px 12px #14b8a666;transform:translateY(-1px)}.btn-download-modal:active:not(:disabled){box-shadow:0 1px 4px #14b8a64d;transform:translateY(0)}.btn-download-modal:disabled{opacity:.7;cursor:not-allowed;pointer-events:none}@media (max-width: 768px){.nurse-documents-container{padding:1rem}.page-header{padding:1rem;margin-bottom:1.5rem}.page-title{font-size:1.5rem;flex-wrap:wrap}.page-subtitle{font-size:.875rem}.documents-grid{grid-template-columns:1fr;gap:1rem}.document-card{padding:1.25rem;gap:1rem}.document-icon{padding:1rem}.document-name{font-size:1rem;margin-bottom:.75rem}.meta-item{font-size:.8125rem}.document-actions{flex-direction:column;gap:.625rem}.btn-view,.btn-download{width:100%;padding:.75rem 1rem;font-size:.8125rem}.modal-overlay{padding:.5rem;align-items:flex-end}.modal-content{max-height:95vh;max-width:100%;border-radius:16px 16px 0 0}.modal-header{padding:1rem 1.25rem}.modal-header h3{font-size:1.125rem}.modal-body{padding:1rem;min-height:300px}.document-preview-iframe{height:400px;min-height:300px}.document-preview-image{max-height:60vh}.preview-not-available{padding:2rem 1rem}.modal-footer{flex-direction:column;align-items:stretch;padding:1rem 1.25rem;gap:.75rem}.btn-download-modal{width:100%;padding:.75rem 1rem}.empty-state{padding:3rem 1.5rem}.empty-state h3{font-size:1.25rem}.empty-state p{font-size:.9375rem}}@media (max-width: 480px){.nurse-documents-container{padding:.75rem}.page-header{padding:.875rem}.page-title{font-size:1.25rem}.page-title svg{width:24px;height:24px}.document-card{padding:1rem}.document-icon svg{width:40px;height:40px}.document-name{font-size:.9375rem}.btn-view,.btn-download{padding:.625rem .875rem;font-size:.75rem}.btn-view svg,.btn-download svg{width:16px;height:16px}.modal-content{max-height:98vh}.modal-header{padding:.875rem 1rem}.modal-body{padding:.75rem}.document-preview-iframe{height:350px}.modal-close{padding:.375rem}.modal-close svg{width:20px;height:20px}}@media (hover: none) and (pointer: coarse){.btn-view,.btn-download,.btn-download-modal,.modal-close{min-height:44px;min-width:44px}.document-card{touch-action:manipulation}}:root{--do-primary: #6a5af9;--do-primary-light: #ece9ff;--do-secondary: #00c896;--do-text-dark: #2c3e50;--do-text-light: #8a99b2;--do-bg: #f4f7fc;--do-card-bg: #ffffff;--do-border: #e9eef5;--do-shadow: 0 10px 30px -15px rgba(0, 0, 0, .1);--do-radius: 20px}.do-page-container{padding:2.5rem;background-color:var(--do-bg);font-family:Poppins,sans-serif;display:flex;flex-direction:column;gap:2rem}.do-content-card{background-color:var(--do-card-bg);border-radius:var(--do-radius);padding:2rem;box-shadow:var(--do-shadow);border:1px solid var(--do-border);transition:transform .3s ease,box-shadow .3s ease}.do-content-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px -15px #00000026}.do-content-card h3{display:flex;align-items:center;gap:.75rem;font-size:1.2rem;font-weight:600;margin:0 0 1.5rem;color:var(--do-text-dark)}.do-content-card h3 svg{color:var(--do-primary);font-size:1.5rem}.do-profile-card{background:linear-gradient(135deg,var(--do-card-bg) 70%,var(--do-primary-light))}.do-profile-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;position:relative}.do-avatar{width:70px;height:70px;border-radius:50%;background:linear-gradient(45deg,var(--do-primary),#a097f7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:600;flex-shrink:0}.do-profile-info h2{margin:0;font-size:1.75rem;font-weight:700;color:var(--do-text-dark)}.do-profile-info p{margin:0;font-size:1rem;color:var(--do-text-light)}.do-status-badge{position:absolute;top:0;right:0;display:flex;align-items:center;gap:.5rem;background-color:#e3fcf7;color:var(--do-secondary);padding:.5rem 1rem;border-radius:16px;font-weight:600}.do-status-badge svg{font-size:1.25rem}.do-details-list{list-style:none;padding-top:1.5rem;margin:0;border-top:1px solid var(--do-border)}.do-details-list li{display:flex;align-items:center;gap:1rem;font-size:1rem;color:var(--do-text-light)}.do-details-list li svg{font-size:1.5rem;color:var(--do-text-light)}.do-details-list li strong{font-weight:500;color:var(--do-text-dark)}.do-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.do-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;text-align:center}.do-stat-item{background:var(--do-bg);padding:1.5rem;border-radius:16px;border:1px solid var(--do-border)}.do-stat-item h4{margin:0;font-size:2.5rem;font-weight:700;color:var(--do-primary)}.do-stat-item p{margin:0;color:var(--do-text-light);font-size:.9rem}.do-notification-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.do-notification-list li{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:16px;transition:background-color .3s ease}.do-notification-list li:hover{background-color:var(--do-bg)}.do-notification-list li p{margin:0;flex-grow:1;color:var(--do-text-dark)}.do-notification-list li small{color:var(--do-text-light);font-size:.8rem}.do-notification-icon{width:10px;height:10px;border-radius:50%;flex-shrink:0}.do-notification-icon.appointment{background-color:#6a5af9}.do-notification-icon.lab{background-color:#ff9f43}.do-notification-icon.message{background-color:#00c896}@media (max-width: 1200px){.do-main-grid{grid-template-columns:1fr}}@media (max-width: 768px){.do-page-container{padding:1.5rem}.do-profile-header{flex-direction:column;align-items:flex-start;gap:1rem}.do-status-badge{position:static;align-self:flex-start}.do-stats-grid{grid-template-columns:1fr}}.center-status-toggle{display:flex;align-items:center;gap:.75rem;padding:0 1rem;border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0;margin-left:1rem}.status-label{font-size:.9rem;font-weight:600;color:#4a5568;min-width:50px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;height:70px;background-color:#fff;border-bottom:1px solid #e2e8f0}.sidebar-toggle-btn{background:none;border:none;font-size:1.75rem;cursor:pointer;color:#4a5568}.search-bar input{border:1px solid #e2e8f0;border-radius:8px;padding:.5rem 1rem;min-width:250px}.center-status-toggle{display:flex;align-items:center;gap:.75rem;padding:0 1rem;border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0}.status-label{font-size:.9rem;font-weight:600;color:#4a5568;min-width:120px;text-align:center}.toggle-switch{position:relative;width:50px;height:26px;background-color:#cbd5e0;border-radius:13px;border:none;cursor:pointer;transition:background-color .3s ease}.toggle-switch.open{background-color:#48bb78}.toggle-knob{position:absolute;top:3px;left:4px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .3s ease}.toggle-switch.open .toggle-knob{transform:translate(23px)}.toggle-switch:disabled{cursor:not-allowed;opacity:.7}.user-profile p{margin:0}.user-name{font-weight:600;color:#2d3748}.user-role{font-size:.875rem;color:#718096}.header-action-btn,.logout-btn{background:none;border:none;color:#4a5568;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.header-action-btn:hover,.logout-btn:hover{background-color:#f1f5f9;color:#1e293b}@media (max-width: 768px){.desktop-toggle,.search-bar,.user-profile,.center-status-toggle{display:none}.mobile-toggle{display:inline-block}}.dashboard-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #eef2f7;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px}.header-left{display:flex;align-items:center;gap:8px}.sidebar-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#111827;cursor:pointer}.header-right{display:flex;align-items:center;gap:10px;min-width:0}.search-bar{display:none}@media (min-width: 768px){.search-bar{display:block;min-width:220px}.search-bar input{width:100%;border:1px solid #e5e7eb;border-radius:10px;padding:8px 10px;font-size:14px;outline:none}.search-bar input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}}.center-status-toggle{display:flex;align-items:center;gap:8px}.status-label{font-size:12px;color:#374151}.toggle-switch{position:relative;width:46px;height:26px;background:#e5e7eb;border-radius:999px;border:none;cursor:pointer}.toggle-switch.open{background:#10b981}.toggle-switch.closed{background:#e5e7eb}.toggle-switch:disabled{opacity:.6;cursor:not-allowed}.toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .16s ease;box-shadow:0 1px 2px #0000001f}.toggle-switch.open .toggle-knob{transform:translate(20px)}.user-profile{display:none;text-align:right;line-height:1.1}.user-name{font-weight:700;color:#111827;font-size:13px;margin:0}.user-role{color:#6b7280;font-size:12px;margin:0}@media (min-width: 1024px){.user-profile{display:block}}.role-switcher{position:relative;display:inline-flex;align-items:center}.header-action-btn,.logout-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#111827;cursor:pointer}.role-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 24px #0000001f;padding:6px;display:grid;gap:4px;z-index:100}.role-menu-item{width:100%;text-align:left;background:transparent;border:none;border-radius:10px;padding:8px 10px;font-size:14px;color:#111827;cursor:pointer}.role-menu-item:hover{background:#eff6ff;color:#1d4ed8}.desktop-toggle{display:none}.mobile-toggle{display:inline-flex}@media (min-width: 1024px){.desktop-toggle{display:inline-flex}.mobile-toggle{display:none}}.profile-card .profile-header{display:flex;align-items:center;gap:1.5rem}.profile-card .avatar{width:70px;height:70px;border-radius:50%;background-color:#5a67d8;color:#fff;font-size:2rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-card .profile-info{flex-grow:1}.profile-card .profile-info h2{margin:0;font-size:1.5rem;color:#2d3748}.profile-card .profile-info p{margin:.25rem 0 0;color:#718096;font-size:1rem}.profile-card .status-badge{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;padding:.4rem .8rem;border-radius:12px}.profile-card .status-badge.online{background:#dcfce7;color:#166534}.profile-card .status-badge.offline{background:#fee2e2;color:#991b1b}.details-list,.notification-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.details-list li,.notification-list li{padding:.75rem;border-radius:8px;background-color:#f7fafc;border:1px solid #e2e8f0}.details-list li{display:flex;justify-content:space-between;align-items:center}.details-list li strong{color:#2d3748}.details-list li span,.notification-list li span{color:#4a5568}.notification-list li.pending{border-left:4px solid #ed8936;background-color:#fffaf0}.notification-list li p{margin:0 0 .25rem;font-weight:600}.notification-list li small{font-size:.8rem;color:#718096}.no-data-message{text-align:center;padding:2rem 1rem;color:#a0aec0}@media (max-width: 1024px){.home-grid-layout{grid-template-columns:1fr}}@media (max-width: 480px){.profile-card .profile-header{flex-direction:column;align-items:center;text-align:center}.profile-card .avatar{width:80px;height:80px;font-size:2.5rem}.details-list li{flex-direction:column;align-items:flex-start;gap:.25rem}}:root{--sidebar-width: 260px;--sidebar-collapsed-width: 88px;--primary-color: #4f46e5;--primary-hover: #4338ca;--danger-color: #ef4444;--danger-bg: #fee2e2;--danger-hover: #fca5a5;--text-primary: #1f2937;--text-secondary: #6b7280;--bg-main: #f9fafb;--bg-sidebar: #ffffff;--border-color: #e5e7eb;--transition-speed: .3s ease}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background-color:var(--bg-main);color:var(--text-primary);overflow-x:hidden}.dashboard-layout{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);padding:1.5rem;display:flex;flex-direction:column;z-index:100;transition:width var(--transition-speed)}.dashboard-main-content{flex-grow:1;padding-left:var(--sidebar-width);transition:padding-left var(--transition-speed)}.sidebar.collapsed{width:var(--sidebar-collapsed-width);padding:1.5rem 1rem;align-items:center}.dashboard-layout.sidebar-collapsed .dashboard-main-content{padding-left:var(--sidebar-collapsed-width)}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2.5rem;background-color:var(--bg-sidebar);border-bottom:1px solid var(--border-color)}.header-left,.header-right{display:flex;align-items:center;gap:1rem}.sidebar-toggle-btn{background:none;border:none;cursor:pointer;font-size:1.5rem;color:var(--text-secondary)}.mobile-toggle{display:none}.search-bar{position:relative}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-bar input{width:300px;padding:.6rem 1rem .6rem 2.5rem;border-radius:8px;border:1px solid var(--border-color)}.notification-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--text-secondary)}.user-profile{text-align:right}.user-name{margin:0;font-weight:600}.user-role{margin:0;font-size:.875rem;color:var(--text-secondary)}.sidebar-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.sidebar-logo{width:48px;height:48px;background:linear-gradient(135deg,#60a5fa,#34d399);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;flex-shrink:0}.sidebar-subtitle,.sidebar-nav,.nav-item{transition:all .2s ease}.sidebar-subtitle{font-size:.8rem;color:var(--text-secondary);white-space:nowrap}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.nav-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:8px;text-decoration:none;color:var(--text-secondary);font-weight:500}.nav-item:hover{background-color:#f3f4f6}.nav-item.active{color:var(--primary-color);background-color:#eef2ff}.nav-icon{font-size:1.25rem;flex-shrink:0}.sidebar.collapsed .sidebar-subtitle,.sidebar.collapsed .nav-text{display:none}.sidebar.collapsed .sidebar-header,.sidebar.collapsed .nav-item{justify-content:center}.staff-management-page{padding:1.5rem;max-width:1200px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-header h1{font-size:1.875rem;font-weight:700;margin:0;color:var(--text-primary)}.add-staff-btn{background:linear-gradient(135deg,var(--primary-color) 0%,#3730a3 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem}.add-staff-btn:hover{background:linear-gradient(135deg,#3730a3,#312e81);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e566}.table-controls{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;align-items:center}.table-controls select{padding:.625rem;border-radius:8px;border:1px solid var(--border-color);background-color:#fff;font-size:.875rem;min-width:150px}.table-controls .search-bar{position:relative;flex-grow:1;max-width:300px}.table-controls .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:1rem;z-index:1}.table-controls .search-bar input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;background:#fff}.table-controls .search-bar input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a}.content-card{background:#fff;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.staff-table-container{overflow-x:auto}.staff-table{width:100%;border-collapse:collapse;background:#fff}.staff-table th{background:#f8fafc;padding:1rem;text-align:left;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e5e7eb}.staff-table td{padding:1rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.staff-table tr:hover{background:#f8fafc}.role-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.role-badge.doctor{background:#dbeafe;color:#1e40af}.role-badge.nurse{background:#dcfce7;color:#166534}.role-badge.pharmacist,.role-badge.pharmacy{background:#fef3c7;color:#d97706}.role-badge.lab{background:#e0e7ff;color:#4f46e5}.action-buttons{display:flex;gap:.5rem;justify-content:flex-start}.icon-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;font-size:1.125rem;color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:#f3f4f6}.icon-btn.edit-btn:hover{color:#3b82f6;background:#dbeafe}.icon-btn.delete-btn:hover{color:#ef4444;background:#fee2e2}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-state-icon{font-size:4rem;color:#d1d5db;margin-bottom:1rem}.empty-state h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.empty-state p{margin:0 0 1.5rem;font-size:1rem}.modal-overlay-compact{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content-compact{background:#fff;border-radius:12px;width:100%;max-width:420px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header-compact{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.modal-header-compact h2{margin:0;font-size:1.125rem;font-weight:700;color:var(--text-primary)}.close-btn-compact{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:1.25rem;padding:.25rem;border-radius:6px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-btn-compact:hover:not(:disabled){background:#ef44441a;color:#ef4444}.close-btn-compact:disabled{opacity:.5;cursor:not-allowed}.modal-form-compact{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.form-row-compact{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row-compact .form-group-compact:last-child{max-width:130px;justify-self:start}.form-group-compact{display:flex;flex-direction:column;gap:.5rem}.form-group-compact label{font-weight:600;font-size:.875rem;color:var(--text-primary)}.form-group-compact input,.form-group-compact select{padding:.75rem;font-size:.9375rem;border-radius:8px;border:1.5px solid var(--border-color);background:#f9fafb;transition:all .2s ease;font-family:inherit}.form-group-compact input:focus,.form-group-compact select:focus{outline:none;border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px #4f46e51a}.form-group-compact input:disabled,.form-group-compact select:disabled{opacity:.6;cursor:not-allowed}.form-group-compact input::placeholder{color:#9ca3af}.form-group-compact input.readonly-input,.form-group-compact input:disabled{background:#e5e7eb!important;color:#6b7280!important;cursor:not-allowed;border-color:#d1d5db;text-align:center;font-size:.8125rem;padding:.625rem .5rem}.form-group-compact input.readonly-input:focus,.form-group-compact input:disabled:focus{border-color:#d1d5db!important;box-shadow:none!important;background:#e5e7eb!important}.password-wrapper-compact{position:relative;display:flex;align-items:center;background:#f9fafb;border:1.5px solid var(--border-color);border-radius:8px;transition:all .2s ease}.password-wrapper-compact:focus-within{border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px #4f46e51a}.password-wrapper-compact input{flex:1;border:none;background:transparent;padding:.75rem;font-family:Courier New,monospace;font-size:.875rem}.password-wrapper-compact input:focus{outline:none;box-shadow:none}.password-actions{display:flex;gap:.25rem;padding:.25rem}.password-action-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:1rem;padding:.375rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.password-action-btn:hover:not(:disabled){background:var(--primary-color);color:#fff}.password-action-btn:disabled{opacity:.5;cursor:not-allowed}.form-group-compact small{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.modal-footer-compact{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:#f8fafc}.btn-cancel-compact,.btn-submit-compact{border:none;padding:.75rem 1.25rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;min-width:80px;justify-content:center}.btn-cancel-compact{background:#fff;color:var(--text-secondary);border:1.5px solid var(--border-color)}.btn-cancel-compact:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.btn-cancel-compact:disabled{opacity:.6;cursor:not-allowed}.btn-submit-compact{background:linear-gradient(135deg,var(--primary-color) 0%,#3730a3 100%);color:#fff;border:1.5px solid transparent}.btn-submit-compact:hover:not(:disabled){background:linear-gradient(135deg,#3730a3,#312e81);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e566}.btn-submit-compact:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-right:.25rem}@media (max-width: 768px){.dashboard-main-content{padding-left:0}.sidebar{transform:translate(-100%);z-index:1000;transition:transform var(--transition-speed)}.sidebar.mobile-open{transform:translate(0)}.desktop-toggle{display:none}.mobile-toggle{display:block}.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity var(--transition-speed)}.mobile-overlay.open{opacity:1;visibility:visible}.staff-management-page{padding:1rem}.page-header{flex-direction:column;align-items:stretch;gap:1rem}.table-controls{flex-direction:column;gap:.75rem}.table-controls select,.table-controls .search-bar{width:100%;max-width:none}.staff-table thead{display:none}.staff-table,.staff-table tbody,.staff-table tr,.staff-table td{display:block;width:100%}.staff-table tr{border:1px solid var(--border-color);border-radius:8px;margin-bottom:1rem;background:#fff;box-shadow:0 2px 4px #0000000d}.staff-table td{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #f1f5f9}.staff-table tr td:last-child{border-bottom:none}.staff-table td:before{content:attr(data-label);font-weight:600;color:var(--text-primary);margin-right:1rem}.staff-table td.action-buttons:before{display:none}.action-buttons{justify-content:flex-end;width:100%}.modal-overlay-compact{padding:2rem .75rem .75rem;align-items:flex-start}.modal-content-compact{max-width:100%;max-height:90vh}.modal-header-compact{padding:1rem 1.25rem}.modal-form-compact{padding:1.25rem;gap:1rem}.form-row-compact{grid-template-columns:1fr;gap:1rem}.form-row-compact .form-group-compact:last-child{max-width:none;justify-self:stretch}.modal-footer-compact{padding:1rem 1.25rem;flex-direction:column;gap:.5rem}.btn-cancel-compact,.btn-submit-compact{width:100%;padding:.875rem 1rem}}@media (max-width: 480px){.dashboard-page-content{padding:1rem}.content-card{padding:1.5rem}.content-card h3{font-size:1.1rem}.staff-management-page{padding:.75rem}.modal-overlay-compact{padding:1rem .5rem .5rem}.modal-content-compact{border-radius:8px;max-height:95vh}.modal-header-compact{padding:.875rem 1rem}.modal-header-compact h2{font-size:1rem}.modal-form-compact{padding:1rem;gap:.875rem}.form-group-compact input,.form-group-compact select{padding:.625rem;font-size:.875rem}.password-wrapper-compact input{padding:.625rem;font-size:.8125rem}.modal-footer-compact{padding:.75rem 1rem}.btn-cancel-compact,.btn-submit-compact{padding:.75rem;font-size:.8125rem}}.logout-btn{background-color:#fee2e2;color:#ef4444;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;transition:background-color .2s,color .2s}.logout-btn:hover{background-color:#ef4444;color:#fff}@media (max-width: 768px){.header-buttons{flex-direction:column;width:100%;gap:.5rem}.switch-view-btn,.add-staff-btn{width:100%;justify-content:center}.shift-actions{flex-direction:column;width:100%}.shift-btn{width:100%;justify-content:center;padding:.75rem 1rem}}@media (max-width: 480px){.shift-btn{font-size:.75rem;padding:.625rem .875rem}}.header-buttons{display:flex;gap:1rem;align-items:center}.switch-view-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.switch-view-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.shift-actions{display:flex;gap:.5rem;flex-wrap:wrap}.shift-btn{border:none;padding:.5rem 1rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.8125rem;display:flex;align-items:center;gap:.375rem}.add-shift-btn{background:linear-gradient(135deg,var(--primary-color) 0%,#3730a3 100%);color:#fff}.add-shift-btn:hover{background:linear-gradient(135deg,#3730a3,#312e81);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e566}.manage-shift-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.manage-shift-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.manage-shifts-modal{max-width:600px}.modal-icon{margin-right:.5rem;font-size:1.25rem}.staff-info-banner{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.staff-details{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.staff-name{font-weight:700;font-size:1.125rem;color:var(--text-primary)}.center-name{color:var(--text-secondary);font-size:.875rem}.shifts-summary{display:flex;gap:1rem;flex-wrap:wrap}.summary-item{color:var(--text-secondary);font-size:.8125rem}.shift-duration-info{background:#f0f9ff;border:1px solid #e0f2fe;border-radius:8px;padding:.75rem;margin-top:1rem}.duration-display{display:flex;align-items:center;gap:.5rem;color:#0369a1;font-weight:600;font-size:.875rem}.clock-icon{font-size:1rem}.shifts-container{max-height:500px;overflow-y:auto}.shifts-section{margin-bottom:2rem}.section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-color)}.shifts-list{display:flex;flex-direction:column;gap:.75rem}.shift-item{border:1px solid var(--border-color);border-radius:8px;padding:1rem;background:#fff;transition:all .2s ease}.shift-item.upcoming{border-left:4px solid #3b82f6}.shift-item.past{opacity:.8;border-left:4px solid #9ca3af}.shift-item:hover{box-shadow:0 2px 8px #0000001a}.shift-main-info{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.shift-date-time{flex:1}.shift-date{font-weight:600;color:var(--text-primary);font-size:.9375rem}.shift-time{color:var(--text-secondary);font-size:.875rem;margin-top:.25rem;display:flex;align-items:center;gap:.5rem}.duration{background:#f3f4f6;color:var(--text-secondary);padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.shift-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.shift-type{background:#e0e7ff;color:#3730a3;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.shift-status-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-icon{font-size:.875rem}.shift-notes{background:#fffbeb;border:1px solid #fef3c7;border-radius:6px;padding:.75rem;margin:.75rem 0;font-size:.875rem}.shift-actions{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #f1f5f9}.status-dropdown{padding:.375rem .75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.8125rem;background:#fff;color:var(--text-primary)}.status-dropdown:focus{outline:none;border-color:var(--primary-color)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary)}.loading-state p{margin-top:1rem;font-size:.875rem}.form-group-compact textarea{padding:.75rem;font-size:.9375rem;border-radius:8px;border:1.5px solid var(--border-color);background:#f9fafb;transition:all .2s ease;font-family:inherit;resize:vertical;min-height:80px;line-height:1.5}.form-group-compact textarea:focus{outline:none;border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px #4f46e51a}.form-group-compact textarea:disabled{opacity:.6;cursor:not-allowed}.form-group-compact textarea::placeholder{color:#9ca3af}@media (max-width: 768px){.header-buttons{flex-direction:column;width:100%;gap:.5rem}.switch-view-btn,.add-staff-btn{width:100%;justify-content:center}.shift-actions{flex-direction:column;width:100%}.shift-btn{width:100%;justify-content:center;padding:.75rem 1rem}.manage-shifts-modal{max-width:100%}.shift-main-info{flex-direction:column;gap:.75rem}.shift-meta{align-items:flex-start;flex-direction:row;gap:.75rem}.shift-actions{flex-wrap:wrap}.status-dropdown{width:100%}.shifts-summary{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.shift-btn{font-size:.75rem;padding:.625rem .875rem}.staff-details{flex-direction:column;align-items:flex-start;gap:.5rem}.shift-actions{justify-content:space-between}.duration{display:none}}.actions-cell{text-align:center}.action-button{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease}.action-button svg{font-size:1.125rem}.action-button:hover{background-color:#f3f4f6}.assign-button{color:#10b981}.assign-button:hover{background-color:#d1fae5;color:#047857}.na-text{color:#9ca3af;font-style:italic;font-size:.875rem}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--info-color: #3b82f6;--background-light: #f9fafb;--card-shadow: 0 2px 4px rgba(0, 0, 0, .05);--border-radius: 8px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--readonly-bg: #f1f5f9;--readonly-border: #cbd5e1;--readonly-text: #64748b;--global-color: #8b5cf6;--center-color: #059669}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.inventory-management-page{padding:var(--spacing-md);background-color:var(--background-light);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.page-header{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.page-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.header-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.action-btn,.import-btn,.add-medicine-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.75rem var(--spacing-md);border:none;border-radius:var(--border-radius);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-decoration:none;min-height:44px}.import-btn{background-color:#fff;color:var(--text-primary);border:1px solid var(--border-color)}.import-btn:hover:not(:disabled){background-color:#f3f4f6}.add-medicine-btn{background-color:var(--primary-color);color:#fff}.add-medicine-btn:hover:not(:disabled){background-color:var(--primary-hover)}.import-btn:disabled,.add-medicine-btn:disabled{opacity:.5;cursor:not-allowed}.content-card{background-color:#fff;padding:var(--spacing-md);border-radius:12px;box-shadow:var(--card-shadow)}.table-controls{margin-bottom:var(--spacing-lg)}.search-section{width:100%}.search-bar-container,.search-bar{position:relative;width:100%}.search-bar .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:1.25rem;z-index:1}.search-bar input{border:1px solid var(--border-color);border-radius:var(--border-radius);background:#fff;outline:none;padding:.75rem .75rem .75rem 2.75rem;width:100%;font-size:1rem;min-height:44px;transition:border-color .2s ease,box-shadow .2s ease}.search-bar input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.search-bar input:disabled{background-color:var(--readonly-bg);color:var(--readonly-text);cursor:not-allowed}.suggestions-list{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid var(--border-color);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:0 4px 12px #0000001a;list-style:none;margin:0;padding:0;z-index:1000;max-height:400px;overflow-y:auto}.suggestions-list li{padding:var(--spacing-md);cursor:pointer;border-bottom:1px solid #f1f5f9;transition:background-color .2s ease;min-height:44px;display:flex;align-items:center}.suggestions-list li:last-child{border-bottom:none}.suggestions-list li:hover,.suggestions-list li:focus{background-color:#f8fafc}.suggestion-content{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.suggestion-main{font-size:.9rem;color:var(--text-primary)}.suggestion-meta{display:flex;flex-direction:column;gap:2px}.suggestion-source{font-size:.75rem;font-weight:500;padding:2px 6px;border-radius:4px;width:fit-content}.suggestion-source.center{background-color:#d1fae5;color:var(--center-color)}.suggestion-source.global{background-color:#ede9fe;color:var(--global-color)}.add-to-inventory{font-size:.7rem;color:var(--text-secondary);font-style:italic}.table-header{margin-bottom:var(--spacing-md)}.table-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.table-description{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.4}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.inventory-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:700px}.inventory-table th,.inventory-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}.inventory-table th{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background-color:var(--background-light);position:sticky;top:0;z-index:10}.inventory-table td{color:var(--text-primary)}.medicine-row.global{background-color:#fefbff;border-left:3px solid var(--global-color)}.medicine-row.center{background-color:#f0fdf4;border-left:3px solid var(--center-color)}.loading-message,.no-data-message{text-align:center;padding:var(--spacing-xl) var(--spacing-md);color:var(--text-secondary);font-style:italic}.source-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.source-badge.center{background-color:#d1fae5;color:var(--center-color)}.source-badge.global{background-color:#ede9fe;color:var(--global-color)}.action-buttons{display:flex;gap:var(--spacing-sm);justify-content:flex-start;flex-wrap:wrap;align-items:center}.icon-btn{background:none;border:none;cursor:pointer;font-size:1.25rem;padding:var(--spacing-sm);color:var(--text-secondary);transition:all .2s ease;border-radius:var(--border-radius);min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center}.icon-btn:hover:not(:disabled),.icon-btn:focus:not(:disabled){background-color:#f3f4f6}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn.view-btn:hover{color:#3b82f6}.icon-btn.use-btn{color:#10b981;background:#10b9811a}.icon-btn.use-btn:hover:not(:disabled){color:#059669;background:#10b98133}.icon-btn.use-btn:disabled{color:#94a3b8;background:#94a3b81a;cursor:not-allowed}.icon-btn.edit-btn:hover{color:var(--warning-color)}.icon-btn.delete-btn:hover{color:var(--error-color)}.read-only-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs);background-color:var(--readonly-bg);color:var(--readonly-text);border-radius:var(--border-radius);font-size:1rem;min-width:28px;min-height:28px}.modal-overlay,.details-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#11182799;display:flex;justify-content:center;align-items:center;z-index:1050;padding:var(--spacing-md)}.modal-content,.details-modal-content{background:#fff;border-radius:12px;padding:var(--spacing-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px -5px #0000001a}.modal-header,.details-modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.modal-header h2,.details-modal-header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;word-break:break-word}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);border-radius:50%;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}.close-btn:hover{background-color:#f3f4f6;color:var(--text-primary)}.details-modal-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.details-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.detail-item{padding:0}.detail-item label{display:block;font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;margin-bottom:var(--spacing-xs)}.detail-item span{font-size:.9rem;color:var(--text-primary);word-wrap:break-word}.read-only-indicator{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--readonly-bg);border:1px solid var(--readonly-border);border-radius:var(--border-radius);margin-bottom:var(--spacing-md)}.read-only-indicator .icon{color:var(--readonly-text)}.read-only-indicator .text{font-size:.875rem;color:var(--readonly-text);font-weight:500}.details-modal-footer{display:flex;justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.close-button{background-color:#f3f4f6;color:var(--text-primary);border:1px solid var(--border-color);padding:.6rem var(--spacing-md);border-radius:var(--border-radius);cursor:pointer;font-weight:500;transition:background-color .2s ease;min-height:44px}.close-button:hover{background-color:#e5e7eb}.modal-form .form-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;width:100%;min-width:0}.form-group>label{display:block;width:100%;min-width:0;max-width:100%;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;word-wrap:break-word;word-break:normal;-webkit-hyphens:none;hyphens:none;text-indent:0!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;line-height:1.4;box-sizing:border-box}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-xs);display:block;width:100%;min-width:0;max-width:100%;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;word-wrap:break-word;word-break:normal;text-indent:0!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;line-height:1.4;box-sizing:border-box}.form-group input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);outline:none;font-size:1rem;min-height:44px;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.form-group input:read-only{background-color:var(--readonly-bg);color:var(--readonly-text);cursor:not-allowed}.modal-footer{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.btn-cancel,.btn-save{padding:.75rem var(--spacing-md);border-radius:var(--border-radius);font-weight:500;cursor:pointer;border:1px solid transparent;transition:background-color .2s;min-height:44px;font-size:1rem}.btn-cancel{background-color:#fff;border-color:var(--border-color);color:var(--text-primary);order:2}.btn-cancel:hover{background-color:#f9fafb}.btn-save{background-color:var(--primary-color);color:#fff;order:1}.btn-save:hover:not(:disabled){background-color:var(--primary-hover)}.btn-save:disabled{opacity:.5;cursor:not-allowed}@media (min-width: 576px){.inventory-management-page{padding:var(--spacing-lg)}.header-actions{flex-direction:row}.content-card{padding:var(--spacing-lg)}.modal-footer{flex-direction:row;justify-content:flex-end}.btn-cancel{order:1}.btn-save{order:2}}@media (min-width: 768px){.page-header{flex-direction:row;justify-content:space-between;align-items:center}.page-header h1{font-size:1.75rem}.search-bar-container{max-width:400px}.details-grid,.modal-form .form-grid{grid-template-columns:1fr 1fr}.inventory-table{min-width:100%}.suggestion-meta{flex-direction:row;justify-content:space-between;align-items:center}}@media (min-width: 1024px){.inventory-management-page,.content-card{padding:var(--spacing-xl)}.modal-content,.details-modal-content{max-width:600px}}@media (min-width: 1200px){.search-bar-container{max-width:500px}}@media (max-width: 374px){.inventory-management-page{padding:var(--spacing-sm)}.page-header h1{font-size:1.25rem}.header-actions{flex-direction:column;width:100%}.action-btn,.import-btn,.add-medicine-btn{width:100%;font-size:.875rem}.content-card,.modal-overlay,.details-modal-overlay{padding:var(--spacing-sm)}.modal-content,.details-modal-content{max-width:100%;padding:var(--spacing-md);max-height:95vh}.modal-header h2,.details-modal-header h2,.table-header h3{font-size:1rem}.table-description{font-size:.8rem}}@media (max-width: 479px){.inventory-table,.inventory-table thead,.inventory-table tbody,.inventory-table th,.inventory-table td,.inventory-table tr{display:block}.inventory-table thead tr{position:absolute;top:-9999px;left:-9999px}.inventory-table tr{border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background-color:#fff;box-shadow:0 2px 4px #0000000d}.inventory-table td{border:none;border-bottom:1px solid #f1f5f9;position:relative;padding:var(--spacing-sm) 0 var(--spacing-sm) 0;padding-left:40%;display:flex;justify-content:space-between;align-items:center;min-height:44px;word-break:break-word}.inventory-table td:last-child{border-bottom:none;padding-left:0}.inventory-table td:before{content:attr(data-label) ": ";font-weight:600;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;position:absolute;left:0;width:35%;padding-right:var(--spacing-xs)}.action-buttons:before{display:none}.action-buttons{justify-content:flex-end;gap:var(--spacing-xs);flex-wrap:wrap;width:100%}.icon-btn{min-width:40px;min-height:40px;font-size:1.1rem;padding:var(--spacing-xs)}.search-bar input{font-size:16px}.modal-content,.details-modal-content{max-width:calc(100vw - 1rem);padding:var(--spacing-md)}.modal-form .form-grid{grid-template-columns:1fr}.form-group input,.form-group select,.form-group textarea{font-size:16px}.suggestions-list{max-height:300px;font-size:.875rem}.suggestion-main{font-size:.85rem}.table-wrapper{-webkit-overflow-scrolling:touch}}@media (min-width: 480px) and (max-width: 575px){.inventory-table{min-width:100%}.inventory-table th,.inventory-table td{padding:var(--spacing-sm);font-size:.8rem}.modal-content,.details-modal-content{max-width:90vw}.header-actions{flex-direction:row;gap:var(--spacing-sm)}.action-btn,.import-btn,.add-medicine-btn{flex:1;min-width:0}}@media (max-width: 767px){button,.icon-btn,.action-btn,.import-btn,.add-medicine-btn{min-height:44px;min-width:44px;touch-action:manipulation}.suggestions-list li{min-height:48px;padding:var(--spacing-sm) var(--spacing-md)}.content-card{margin-bottom:var(--spacing-md)}.modal-form .form-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.modal-footer{flex-direction:column-reverse;gap:var(--spacing-sm)}.btn-cancel,.btn-save{width:100%;order:initial}.modal-overlay,.details-modal-overlay{align-items:flex-end;padding:0}.modal-content,.details-modal-content{border-radius:16px 16px 0 0;max-height:90vh;margin:0;width:100%}.table-header h3{font-size:1.125rem}.table-description{font-size:.875rem;line-height:1.5}.search-bar-container{width:100%}.search-bar input{width:100%;padding-left:2.5rem}.action-buttons{gap:var(--spacing-xs)}.icon-btn{padding:var(--spacing-xs)}.autocomplete-group{position:relative}.suggestions-list{position:absolute;top:100%;left:0;right:0;z-index:1000;max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.form-group input,.form-group select,.form-group textarea{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=text],input[type=number],input[type=date],input[type=email],input[type=tel],select,textarea{font-size:16px}.details-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.detail-item{padding:var(--spacing-sm) 0}.detail-item label{font-size:.7rem;margin-bottom:var(--spacing-xs)}.detail-item span{font-size:.9rem;word-break:break-word}}@media (max-width: 767px) and (orientation: landscape){.modal-content,.details-modal-content{max-height:85vh;border-radius:12px}.inventory-table{min-width:600px}.table-wrapper{overflow-x:auto}}@supports (-webkit-touch-callout: none){@media (max-width: 767px){.modal-overlay,.details-modal-overlay{position:fixed;-webkit-overflow-scrolling:touch}.modal-content,.details-modal-content{-webkit-overflow-scrolling:touch}input,select,textarea{font-size:16px!important}}}@media (max-width: 767px){.modal-content,.details-modal-content,.suggestions-list{transform:translateZ(0)}}@media (max-width: 767px){.inventory-management-page,.modal-content,.details-modal-content,.suggestions-list{-webkit-overflow-scrolling:touch;overflow-scrolling:touch}.icon-btn,.action-btn,.suggestion-item,.suggestion-name,.fill-btn{-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation}.modal-overlay,.details-modal-overlay{overscroll-behavior:contain}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.inventory-table tr{box-shadow:0 1px 3px #0000001a}.header-actions{width:100%}.header-actions button{flex:1}.suggestions-list{box-shadow:0 8px 16px #00000026;border:1px solid var(--border-color)}.modal-header{position:sticky;top:0;background:#fff;z-index:10;padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.form-group{margin-bottom:var(--spacing-md)}.form-group:last-child{margin-bottom:0}.error-text{font-size:.8rem;margin-top:var(--spacing-xs);color:var(--error-color);word-break:break-word}.warning-text{font-size:.8rem;margin-top:var(--spacing-xs);color:var(--warning-color);word-break:break-word}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.icon-btn:focus,.add-medicine-btn:focus,.import-btn:focus,.search-bar input:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast: high){:root{--border-color: #000;--text-secondary: #000;--readonly-border: #000;--readonly-text: #000}}.modal-overlay.compact{padding:0;align-items:flex-end}.modal-content.compact{max-width:100%;width:100%;min-width:0;border-radius:16px 16px 0 0;max-height:90vh;padding:var(--spacing-md);overflow-x:hidden;overflow-y:auto;box-sizing:border-box}.modal-content.compact *{max-width:100%;box-sizing:border-box}.modal-content.compact .form-group,.modal-content.compact .form-group *{min-width:0;max-width:100%}.modal-content.enhanced{max-width:100%}@media (min-width: 768px){.modal-overlay.compact{align-items:center;padding:var(--spacing-md)}.modal-content.compact{border-radius:12px;max-width:600px;width:auto}}.modal-body.compact{padding:0;width:100%;min-width:0;max-width:100%;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}.modal-body.compact .form-group{margin-bottom:var(--spacing-md);width:100%;min-width:0;max-width:100%}.modal-body.compact .form-group label{font-size:.875rem;margin-bottom:var(--spacing-xs);display:block;width:100%;min-width:0;max-width:100%;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;word-wrap:break-word;word-break:normal;text-indent:0!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;line-height:1.4;box-sizing:border-box}.modal-body.compact .form-group input,.modal-body.compact .form-group select,.modal-body.compact .form-group textarea{width:100%;font-size:16px;min-height:44px;padding:.75rem}.autocomplete-group{position:relative;width:100%;min-width:0;max-width:100%}.suggestions-list.priority-sorted-list{position:absolute;top:100%;left:0;right:0;z-index:1000;max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;margin-top:2px;width:100%;box-sizing:border-box}.suggestion-item{padding:12px;min-height:60px;display:flex;flex-direction:column;cursor:pointer;border-bottom:1px solid #f1f5f9;width:100%;min-width:0;max-width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.suggestion-item:hover,.suggestion-item:focus{background-color:#f8fafc}.suggestion-content{display:flex;flex-direction:column;gap:8px;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.suggestion-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;width:100%;min-width:0;flex-wrap:wrap}.suggestion-name{flex:1;min-width:0;max-width:100%;text-align:left;background:none;border:none;padding:0;cursor:pointer;font-size:.9rem;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.4;overflow:visible;text-overflow:clip}.suggestion-name strong{word-wrap:break-word;overflow-wrap:break-word;white-space:normal;display:inline}.suggestion-name .suggestion-brand,.suggestion-name .suggestion-generic{word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.fill-btn{padding:6px 12px;font-size:.75rem;min-height:32px;min-width:60px;border-radius:var(--border-radius);border:1px solid var(--border-color);background:#fff;cursor:pointer;white-space:nowrap;flex-shrink:0}.suggestion-details{display:flex;flex-wrap:wrap;gap:4px;word-wrap:break-word;overflow-wrap:break-word;width:100%}.modal-footer{display:flex;flex-direction:column-reverse;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}@media (min-width: 576px){.modal-footer{flex-direction:row;justify-content:flex-end}.btn-cancel,.btn-save{width:auto;min-width:120px}}@media (max-width: 575px){.btn-cancel,.btn-save{width:100%}}.warning-banner{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);font-size:.875rem;display:flex;align-items:center;gap:var(--spacing-sm);word-break:break-word}.confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#111827b3;display:flex;align-items:center;justify-content:center;z-index:1060;padding:var(--spacing-md)}.confirm-dialog{background:#fff;border-radius:12px;padding:var(--spacing-lg);max-width:90vw;width:100%;max-width:400px}.confirm-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.confirm-header h3{font-size:1.125rem;margin:0}.confirm-actions{display:flex;flex-direction:column-reverse;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}@media (min-width: 576px){.confirm-actions{flex-direction:row;justify-content:flex-end}}.btn-primary,.btn-secondary{padding:.75rem var(--spacing-md);border-radius:var(--border-radius);font-weight:500;cursor:pointer;border:1px solid transparent;transition:background-color .2s;min-height:44px;font-size:1rem;width:100%}@media (min-width: 576px){.btn-primary,.btn-secondary{width:auto;min-width:120px}}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}.btn-secondary{background-color:#fff;border-color:var(--border-color);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:#f9fafb}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 5px 15px #0000004d;width:90%;max-width:600px}.modal-content h2{margin-top:0;margin-bottom:1.5rem;font-size:1.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.form-group input{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem}.form-group input:disabled{background-color:#f3f4f6;cursor:not-allowed}.modal-actions{margin-top:2rem;display:flex;justify-content:flex-end;gap:1rem}.modal-actions button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-secondary{background-color:#f3f4f6;color:var(--text-primary);border:1px solid var(--border-color)}.btn-danger{background-color:var(--danger-color);color:#fff}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content{background:#fff;border-radius:12px;width:550px;max-width:95vw;max-height:90vh;overflow-y:auto;box-shadow:0 5px 20px #0003;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;animation:slide-up .3s ease-out}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;padding-bottom:12px;margin-bottom:20px}.modal-header h2{font-weight:700;margin:0;font-size:1.5rem;color:#1f2937}.close-btn{background:none;border:none;cursor:pointer;font-size:1.5rem;color:#6b7280;transition:color .2s ease;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background-color:#f3f4f6;color:#1f2937}.modal-body{padding-top:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-grid .form-group{margin-bottom:0}.form-group{display:flex;flex-direction:column;margin-bottom:16px}.form-group label{font-weight:600;margin-bottom:6px;font-size:.9rem;color:#4b5563}.form-group input{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f633}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid #e5e7eb;margin-top:10px}.modal-footer button{padding:10px 22px;font-size:1rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:600;border:none;min-width:100px}.modal-footer .btn-primary{background-color:#3b82f6;color:#fff}.modal-footer .btn-primary:hover{background-color:#2563eb}.modal-footer .btn-secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db}.modal-footer .btn-secondary:hover{background-color:#f9fafb}@media (max-width: 600px){.form-grid{grid-template-columns:1fr}.modal-content{width:90vw;padding:16px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background:#fff;border-radius:10px;width:600px;padding:20px;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-header h2{margin:0;font-size:20px}.close-btn{background:none;border:none;font-size:20px;cursor:pointer}.modal-body{max-height:70vh;overflow-y:auto}.form-group{margin-bottom:15px;position:relative}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-group input{width:100%;padding:8px;border:1px solid #ddd;border-radius:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.suggestions-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:6px;max-height:200px;overflow-y:auto;z-index:1000}.suggestion-item{display:flex;justify-content:space-between;padding:5px 10px;cursor:pointer}.suggestion-item:hover{background:#f0f0f0}.fill-btn{background:#007bff;color:#fff;border:none;padding:2px 8px;border-radius:4px;cursor:pointer}.modal-footer{display:flex;justify-content:flex-end;gap:10px}.btn-primary,.btn-secondary{padding:8px 15px;border:none;cursor:pointer;border-radius:6px}.btn-primary{background:#28a745;color:#fff}.btn-secondary{background:#ccc;color:#000}.modal-overlay.compact{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182799;display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:8px}.modal-content.compact{background:#fff;width:100%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;border-radius:12px 12px 0 0;overflow:hidden;box-shadow:0 -8px 24px #0003}@media (min-width: 640px){.modal-overlay.compact{align-items:center}.modal-content.compact{border-radius:12px;max-height:76vh}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #f0f0f0}.modal-header h2{font-size:16px;font-weight:700;margin:0;color:#111827}.close-btn{background:transparent;border:none;color:#111827;font-size:20px;padding:4px;border-radius:8px;cursor:pointer}.modal-body.compact{padding:10px 12px;overflow:auto}.form-group label{font-size:13px;font-weight:600;color:#374151}.form-group input{border:1px solid #e5e7eb;border-radius:10px;padding:8px 10px;font-size:14px;outline:none}.form-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.form-group input.error{border-color:#ef4444}.error-text{color:#b91c1c;font-size:12px}.warning-text{color:#d97706;font-size:12px}.input-with-button{position:relative;display:flex;align-items:center}.input-with-button input{flex:1;border:1px solid #e5e7eb;border-radius:10px;padding:8px 10px;font-size:14px;outline:none}.input-with-button input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.generate-btn{position:absolute;right:4px;background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .2s ease;z-index:1}.generate-btn:hover{background:#2563eb}.generate-btn:active{background:#1d4ed8;transform:translateY(1px)}.form-grid{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width: 620px){.form-grid{grid-template-columns:1fr 1fr}}.autocomplete-group{position:relative}.suggestions-status{margin-top:4px;font-size:12px;color:#6b7280}.suggestions-list{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:1200;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:6px;margin:0;list-style:none;max-height:240px;overflow-y:auto;box-shadow:0 10px 20px #0000001f}.suggestion-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px;border-radius:8px}.suggestion-name{background:transparent;border:none;color:#111827;font-size:14px;text-align:left;cursor:pointer;flex:1}.suggestion-item:hover .suggestion-name{color:#1d4ed8}.fill-btn{background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe;padding:6px 10px;border-radius:8px;font-weight:600;cursor:pointer}.warning-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;margin-bottom:12px;font-size:13px;font-weight:500}.warning-banner.batch_duplicate{background:#fef3c7;color:#92400e;border:1px solid #fbbf24}.warning-banner.product_duplicate{background:#dbeafe;color:#1e40af;border:1px solid #60a5fa}.warning-banner.product_exists{background:#fee2e2;color:#b91c1c;border:1px solid #f87171}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100}.confirm-dialog{background:#fff;border-radius:12px;padding:20px;max-width:400px;width:90%}.confirm-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.warning-icon{color:#f59e0b;font-size:20px}.confirm-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.modal-footer.compact{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 12px;border-top:1px solid #f3f4f6}.btn-secondary{background:#f3f4f6;color:#111827;border:none;padding:8px 12px;border-radius:10px;cursor:pointer}.btn-primary{background:#2563eb;color:#fff;border:none;padding:8px 12px;border-radius:10px;cursor:pointer}.btn-primary:hover{background:#1d4ed8}.btn-secondary:hover{background:#e5e7eb}.settings-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.settings-page .page-header h1{font-size:1.75rem;font-weight:700;margin:0}.save-changes-btn{background-color:var(--primary-color);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background-color .2s ease}.save-changes-btn:hover{background-color:var(--primary-hover)}.save-changes-btn svg{font-size:1.2rem}.settings-form{padding:2rem}.form-section-title{font-size:1.25rem;font-weight:600;margin:0 0 2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:.5rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e533}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:1.5rem}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 10px 30px #0000001a;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;padding-bottom:1rem;margin-bottom:1.5rem}.modal-header h2{font-size:1.5rem;margin:0}.close-btn{background:none;border:none;font-size:1.75rem;cursor:pointer;color:#9ca3af}.modal-form .form-group{margin-bottom:1.25rem}.modal-form label{display:block;margin-bottom:.5rem;font-weight:500}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.btn-secondary{background-color:#e5e7eb;color:#1f2937;border:none}.link-button{background:none;border:none;color:var(--primary-color);text-decoration:underline;cursor:pointer;padding:0;font-size:inherit}.error-message{color:#ef4444;text-align:center;margin-bottom:1rem;background-color:#fee2e2;padding:.75rem;border-radius:8px}.settings-page{padding:20px;max-width:1200px;margin:0 auto}.settings-page.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.page-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.save-changes-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--primary-color) 0%,#3730a3 100%);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.save-changes-btn:hover:not(:disabled){background:linear-gradient(135deg,#3730a3,#312e81);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e566}.settings-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid #e5e7eb}.tab-btn{display:flex;align-items:center;gap:6px;padding:12px 20px;background:none;border:none;color:var(--text-secondary);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.tab-btn:hover{color:var(--primary-color)}.tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.settings-form,.tab-content{display:flex;flex-direction:column;gap:24px}.content-card{background:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.content-card h3{display:flex;align-items:center;gap:8px;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:600;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{padding:12px;border:1.5px solid #d1d5db;border-radius:8px;font-size:14px;background:#f9fafb;transition:all .2s ease;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px #4f46e51a}.form-group textarea{resize:vertical;min-height:80px;line-height:1.5}.phone-input{border:1.5px solid #d1d5db;border-radius:8px;padding:4px 8px;background:#f9fafb;transition:all .2s ease}.phone-input:focus-within{border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px #4f46e51a}.upload-group{display:flex;flex-direction:column;gap:8px}.upload-group label{font-size:14px;font-weight:600;color:var(--text-primary)}.file-upload-area{border:2px dashed #d1d5db;border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:border-color .2s ease;background:#f9fafb}.file-upload-area:hover{border-color:var(--primary-color);background:#fff}.file-input{width:100%;padding:8px;border:none;background:none;cursor:pointer}.image-preview{position:relative;margin-top:12px;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.image-preview img{width:100%;height:120px;object-fit:cover}.remove-image-btn{position:absolute;top:8px;right:8px;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px}.location-instructions{color:var(--text-secondary);font-size:14px;margin-bottom:16px}.map-container{border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;margin-bottom:12px}.location-info{padding:12px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;font-size:14px;color:#0369a1}.opening-hours-grid{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid #d1d5db;border-radius:12px;background:#f9fafb}.day-row{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:16px}.day-label{font-weight:600;font-size:14px;color:var(--text-primary)}.time-inputs{display:flex;align-items:center;gap:8px}.time-inputs input[type=time]{padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background:#fff;min-width:80px}.time-inputs span{color:var(--text-secondary);font-size:13px}.closed-label{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-secondary);cursor:pointer}.closed-label input[type=checkbox]{margin:0}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background-color .2s ease;border:1px solid transparent}.checkbox-label:hover{background:#f3f4f6;border-color:#e5e7eb}.checkbox-label input[type=checkbox]{margin:0;width:16px;height:16px;cursor:pointer}@media (max-width: 768px){.settings-page{padding:16px}.page-header{flex-direction:column;gap:16px;align-items:stretch}.settings-tabs{flex-wrap:wrap}.tab-btn{padding:10px 16px;font-size:13px}.content-card{padding:16px}.form-row{grid-template-columns:1fr;gap:12px}.media-upload-section{grid-template-columns:1fr;gap:16px}.day-row{grid-template-columns:60px 1fr;gap:8px}.time-inputs{flex-wrap:wrap;gap:6px}.time-inputs input[type=time]{min-width:70px;font-size:12px}.checkbox-group{grid-template-columns:1fr;gap:8px}}@media (max-width: 480px){.settings-page,.content-card{padding:12px}.form-group input,.form-group select,.form-group textarea{padding:10px;font-size:14px}.save-changes-btn{width:100%;justify-content:center}}.form-group-with-edit{display:flex;flex-direction:column;gap:6px}.input-with-edit{display:flex;align-items:center;gap:8px}.input-with-edit input,.input-with-edit select,.input-with-edit textarea{flex:1;padding:12px;border:1.5px solid #d1d5db;border-radius:8px;font-size:14px;background:#f9fafb;transition:all .2s ease;outline:none}.input-with-edit input:focus,.input-with-edit select:focus,.input-with-edit textarea:focus{border-color:#4f46e5;background:#fff;box-shadow:0 0 0 3px #4f46e51a}.disabled-input{background:#f3f4f6!important;color:#6b7280!important;cursor:not-allowed!important;border-color:#e5e7eb!important}.readonly-input{background:#fef2f2!important;border-color:#fecaca!important;color:#991b1b!important;cursor:not-allowed!important}.edit-toggle-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:8px;cursor:pointer;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px}.edit-toggle-btn:hover{background:#4f46e5;color:#fff;border-color:#4f46e5}.edit-toggle-btn svg{width:16px;height:16px}.help-text{font-size:11px;color:#ef4444;margin-top:2px;font-style:italic}.Toastify__toast--success{background:linear-gradient(135deg,#10b981,#059669);border-radius:8px}.Toastify__progress-bar--success{background:#ffffffb3}.save-changes-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px;box-shadow:0 2px 4px #10b98133}.save-changes-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.save-changes-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.save-changes-btn:disabled:after{content:"";position:absolute;width:14px;height:14px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px}.media-upload-section{display:grid;grid-template-columns:1fr 1fr;gap:24px}.image-preview{position:relative;margin-top:12px;border-radius:8px;overflow:hidden;border:2px solid #e5e7eb;background:#fff}.image-preview img{width:100%;height:120px;object-fit:cover;display:block}.image-preview.banner img{height:80px}.location-info{padding:12px 16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px;font-size:14px;color:#0369a1;margin-top:12px}@media (max-width: 768px){.input-with-edit{flex-direction:column;align-items:stretch}.edit-toggle-btn{align-self:flex-end;margin-top:4px;width:fit-content;padding:6px 12px;font-size:12px}.media-upload-section{grid-template-columns:1fr;gap:16px}}@media (max-width: 480px){.form-group-with-edit{gap:8px}.edit-toggle-btn{padding:8px 16px;border-radius:4px}.save-changes-btn{width:100%;justify-content:center}}.input-with-edit input,.input-with-edit select,.input-with-edit textarea,.edit-toggle-btn,.save-changes-btn{transition:all .2s ease}.security-form{display:flex;flex-direction:column;gap:20px}.password-input-group{position:relative;display:flex;align-items:center}.password-input-group input{flex:1;padding-right:40px}.password-toggle-btn{position:absolute;right:8px;background:none;border:none;color:#6b7280;cursor:pointer;padding:4px}.password-toggle-btn:hover{color:#4f46e5}.security-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.btn-link{background:none;border:none;color:#4f46e5;text-decoration:underline;cursor:pointer;font-size:14px}.btn-link:hover{color:#3730a3}.current-credentials{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:20px}.credential-item{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;color:#374151}.credential-item:last-child{margin-bottom:0}.credential-item svg{width:16px;height:16px;color:#6b7280}.security-change-section{display:flex;flex-direction:column;gap:20px}.change-group{display:flex;flex-direction:column;gap:8px}.change-input-group{display:flex;gap:12px;align-items:center}.change-input-group input,.phone-input-security{flex:1}.btn-change{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:10px 16px;border-radius:6px;font-weight:600;cursor:pointer;font-size:13px;white-space:nowrap;transition:all .2s ease}.btn-change:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309)}.btn-change:disabled{opacity:.6;cursor:not-allowed}.security-notice{display:flex;gap:12px;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:16px;margin-top:20px}.security-notice svg{width:20px;height:20px;color:#f59e0b;flex-shrink:0;margin-top:2px}.security-notice strong{color:#92400e}.security-notice p{margin:4px 0 0;font-size:13px;color:#92400e;line-height:1.4}.otp-modal{max-width:400px;width:90%}.otp-form{display:flex;flex-direction:column;gap:20px}.otp-input-group{display:flex;justify-content:center}.otp-input{width:180px;padding:12px;text-align:center;font-size:18px;font-weight:600;letter-spacing:2px;border:2px solid #d1d5db;border-radius:8px;background:#f9fafb}.otp-input:focus{border-color:#4f46e5;background:#fff;outline:none}.timer{text-align:center;font-size:14px;color:#ef4444;font-weight:600}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cancel{padding:10px 20px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer}.btn-verify{padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer}.btn-verify:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.change-input-group{flex-direction:column;align-items:stretch}.btn-change{justify-content:center}.security-actions{flex-direction:column;align-items:stretch}.modal-actions{justify-content:stretch}.modal-actions button{flex:1}}@media (max-width: 480px){.otp-input{width:150px;font-size:16px}.credential-item{flex-direction:column;align-items:flex-start;gap:4px}}*{box-sizing:border-box;margin:0;padding:0}.prx-container{display:flex;gap:1.5rem;padding:1.5rem;background:#f5f7fa;min-height:100vh;position:relative;width:100%;max-width:100vw;overflow-x:hidden}.prx-mobile-toggle{display:none;position:fixed;bottom:20px;right:20px;z-index:1001;background:#1a73e8;color:#fff;border:none;border-radius:50%;width:56px;height:56px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1a73e866}.prx-mobile-toggle:hover{background:#1557b0;transform:scale(1.05)}.prx-mobile-toggle:active{transform:scale(.95)}.prx-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;cursor:pointer}.prx-sidebar{width:320px;flex-shrink:0;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - 3rem);overflow:hidden;transition:transform .3s ease}.prx-sidebar-header{display:flex;align-items:center;justify-content:space-between}.prx-sidebar-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.prx-close-btn{display:none;background:none;border:none;cursor:pointer;padding:.5rem;color:#6b7280;border-radius:6px;transition:all .2s}.prx-close-btn:hover{background:#f3f4f6;color:#1f2937}.prx-search-bar{display:flex;align-items:center;gap:.5rem;background:#f9fafb;padding:.75rem 1rem;border-radius:8px;border:1px solid #e5e7eb}.prx-search-bar input{flex:1;border:none;background:transparent;outline:none;font-size:.95rem;color:#1f2937;width:100%}.prx-search-bar input::placeholder{color:#9ca3af}.prx-patient-list{list-style:none;padding:0;margin:0;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:.5rem}.prx-patient-list::-webkit-scrollbar{width:6px}.prx-patient-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.prx-patient-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.prx-patient-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.prx-patient-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f9fafb;border-radius:8px;cursor:pointer;transition:all .2s;border:2px solid transparent}.prx-patient-item:hover{background:#f3f4f6;transform:translate(4px)}.prx-patient-item.active{background:#eff6ff;border-color:#1a73e8}.prx-patient-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.prx-patient-name{font-weight:600;color:#1f2937;font-size:.95rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.prx-patient-meta{font-size:.85rem;color:#6b7280}.prx-temp-badge{display:inline-block;background:#fef3c7;color:#92400e;padding:.125rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.prx-temp-badge-large{display:inline-block;background:#fef3c7;color:#92400e;padding:.25rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600}.prx-loading-sidebar{display:flex;align-items:center;justify-content:center;padding:3rem 1rem;color:#6b7280;font-size:.95rem}.prx-empty-search{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#9ca3af;gap:.75rem}.prx-empty-search p{margin:0;font-weight:600;color:#6b7280;font-size:1rem}.prx-empty-search span{margin:0;font-size:.85rem;color:#9ca3af;line-height:1.4}.prx-main-content{flex:1;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;overflow-x:hidden;min-width:0}.prx-card,.prx-combined-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;width:100%}.prx-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6;flex-wrap:wrap;gap:1rem}.prx-header-notes{margin-top:2rem;padding-top:1.5rem;border-top:2px solid #f3f4f6;border-bottom:none;padding-bottom:1rem;margin-bottom:1rem}.prx-header-left{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:#1f2937}.prx-action-btns{display:flex;gap:.5rem;flex-wrap:wrap}.prx-action-btns button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:2px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;color:#6b7280;transition:all .2s}.prx-action-btns button:hover{border-color:#1a73e8;color:#1a73e8;background:#eff6ff}.prx-action-btns button.active{background:#1a73e8;border-color:#1a73e8;color:#fff}.prx-profile-info{display:flex;flex-direction:column;gap:.75rem}.prx-info-row{display:flex;align-items:center;padding:.75rem;background:#f9fafb;border-radius:8px;gap:1rem;flex-wrap:wrap}.prx-label{font-weight:600;color:#6b7280;min-width:140px;font-size:.9rem}.prx-value{color:#1f2937;flex:1;font-size:.9rem;word-break:break-word}.prx-status-badge{padding:.25rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600}.prx-status-badge.active{background:#d1fae5;color:#065f46}.prx-status-badge.inactive{background:#fee2e2;color:#991b1b}.prx-consented-history{display:flex;flex-direction:column;gap:.75rem}.prx-profile-history-label{font-weight:600;color:#374151;font-size:1rem}.prx-profile-history{background:#f9fafb;padding:1rem;border-radius:8px;color:#4b5563;line-height:1.6;border-left:4px solid #1a73e8}.prx-vitals-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:0}.prx-form-group{display:flex;flex-direction:column;gap:.5rem}.prx-form-group label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#374151;font-size:.9rem}.prx-form-group input{padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;transition:all .2s;outline:none;width:100%}.prx-form-group input:focus{border-color:#1a73e8;background:#eff6ff}.prx-notes-form{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.prx-notes-form textarea{padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-family:inherit;resize:vertical;min-height:100px;transition:all .2s;outline:none;width:100%}.prx-notes-form textarea:focus{border-color:#1a73e8;background:#eff6ff}.prx-submit-btn{width:100%;padding:1rem;background:#1a73e8;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem}.prx-submit-btn:hover{background:#1557b0;transform:translateY(-2px);box-shadow:0 4px 12px #1a73e84d}.prx-submit-btn:active{transform:translateY(0)}.prx-submit-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.prx-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;color:#6b7280;gap:1rem;min-height:400px}.prx-empty-state h2{color:#374151;margin:0;font-size:1.5rem}.prx-empty-state p{color:#9ca3af;margin:0;font-size:1rem}.prx-loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:1.1rem;color:#6b7280}@media (max-width: 1024px){.prx-container{gap:1rem}.prx-vitals-form{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.prx-mobile-toggle{display:flex!important;align-items:center;justify-content:center}.prx-overlay{display:block}.prx-container{padding:1rem;gap:0;flex-direction:column}.prx-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:1000;max-height:100vh;height:100vh;transform:translate(-100%);border-radius:0;width:85%;max-width:350px;padding:1rem;box-shadow:4px 0 12px #00000026}.prx-sidebar.open{transform:translate(0)}.prx-close-btn{display:flex!important}.prx-main-content{width:100%;min-width:100%}.prx-card,.prx-combined-card{padding:1rem}.prx-vitals-form{grid-template-columns:1fr}.prx-header{flex-direction:column;align-items:flex-start}.prx-action-btns{width:100%}.prx-action-btns button{flex:1;justify-content:center;padding:.625rem .5rem;font-size:.85rem}.btn-text{display:inline}.prx-info-row{flex-direction:column;align-items:flex-start;gap:.5rem}.prx-label{min-width:auto}.prx-header-left{font-size:1.1rem}.prx-empty-state{padding:2rem 1rem;min-height:300px}.prx-empty-state h2{font-size:1.25rem}.prx-empty-state p{font-size:.9rem}.prx-search-bar{padding:.625rem .875rem}.prx-search-bar input{font-size:.9rem}}@media (max-width: 480px){.prx-container{padding:.5rem}.prx-sidebar{width:90%;max-width:none}.prx-mobile-toggle{width:52px;height:52px;bottom:16px;right:16px}.prx-card,.prx-combined-card{padding:.75rem;border-radius:10px}.prx-action-btns button{font-size:.8rem;padding:.5rem .375rem}.btn-text{display:none}.prx-patient-name{font-size:.875rem}.prx-patient-meta{font-size:.8rem}.prx-header-left{font-size:1rem}.prx-header-left span{display:none}.prx-label,.prx-value,.prx-form-group label{font-size:.825rem}.prx-form-group input,.prx-notes-form textarea{font-size:.875rem;padding:.625rem}.prx-submit-btn{font-size:.875rem;padding:.875rem}.prx-sidebar-title{font-size:1.1rem}.prx-search-bar{padding:.5rem .75rem}.prx-patient-item{padding:.875rem}.prx-empty-search{padding:2rem .75rem}.prx-empty-search p{font-size:.9rem}.prx-empty-search span{font-size:.8rem}}@media (max-width: 360px){.prx-container{padding:.25rem}.prx-mobile-toggle{width:48px;height:48px;bottom:12px;right:12px}.prx-card,.prx-combined-card{padding:.625rem}.prx-header{gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.prx-action-btns{gap:.375rem}.prx-action-btns button{padding:.5rem .25rem}.prx-sidebar{width:95%}}.doctor-support-container{width:100%;max-width:1200px;margin:0 auto;padding:25px;background:#f5f7fb;min-height:100vh;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.page-header{margin-bottom:30px}.page-title{font-size:32px;font-weight:700;color:#1a1f36;margin:0 0 8px;letter-spacing:-.5px}.page-subtitle{font-size:16px;color:#697386;margin:0;font-weight:400}.support-card{background:#fff;border-radius:16px;padding:28px;margin-bottom:24px;box-shadow:0 2px 8px #0000000a,0 1px 2px #0000000f;border:1px solid #e3e8ef;transition:box-shadow .3s ease,transform .3s ease}.support-card:hover{box-shadow:0 4px 16px #00000014,0 2px 4px #00000014;transform:translateY(-2px)}.card-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f0f3f7}.header-icon{font-size:32px;background:linear-gradient(135deg,#667eea,#764ba2);width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-content{flex:1}.card-title{font-size:20px;font-weight:600;color:#1a1f36;margin:0 0 4px}.card-description{font-size:14px;color:#697386;margin:0}.card-body{padding-top:4px}.instruction-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#f8f9fb;border-radius:8px;margin-bottom:12px;border-left:3px solid #667eea;transition:background .2s ease}.instruction-item:hover{background:#f0f3f7}.instruction-item:last-child{margin-bottom:0}.instruction-icon{font-size:18px;color:#667eea;font-weight:700;flex-shrink:0}.instruction-item p{font-size:15px;color:#3c4257;line-height:1.6;margin:0}.upload-area{margin-bottom:20px}.upload-label{display:block;padding:40px 20px;border:2px dashed #d1d9e6;border-radius:12px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafbfc}.upload-label:hover{border-color:#667eea;background:#f5f7ff}.upload-icon-wrapper{margin-bottom:16px}.upload-icon{font-size:48px;display:inline-block}.upload-text{font-size:16px;font-weight:600;color:#3c4257;margin:0 0 8px}.upload-hint{font-size:13px;color:#8792a2;margin:0}.file-input-hidden{display:none}.selected-file-card{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#f0f3f7;border-radius:10px;border:1px solid #e3e8ef;margin-bottom:16px;gap:12px}.file-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.file-icon{font-size:32px;flex-shrink:0}.file-details{flex:1;min-width:0}.file-name{font-size:15px;font-weight:600;color:#1a1f36;margin:0 0 4px;word-break:break-word;overflow-wrap:break-word}.file-size{font-size:13px;color:#8792a2;margin:0}.clear-btn{background-color:#ff6b6b;color:#fff;border:0;outline:none;width:30px;height:30px;min-width:30px;max-width:30px;min-height:30px;max-height:30px;border-radius:50%;font-size:16px;font-weight:700;line-height:30px;text-align:center;cursor:pointer;flex-shrink:0;flex-grow:0;padding:0;margin:0;box-sizing:border-box;transition:all .2s ease;position:relative;overflow:hidden}.clear-btn:before{content:"×";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;line-height:1}.clear-btn:hover{background-color:#ff5252;transform:scale(1.08)}.clear-btn:active{transform:scale(.92)}.clear-btn:focus{outline:none;box-shadow:0 0 0 3px #ff6b6b33}.progress-bar-container{width:100%;height:8px;background:#e3e8ef;border-radius:4px;overflow:hidden;margin-bottom:16px;position:relative}.progress-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.progress-text{position:absolute;top:-25px;right:0;font-size:12px;font-weight:600;color:#667eea}.upload-actions{display:flex;justify-content:flex-end}.btn-upload{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 32px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.btn-upload:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-upload:disabled{opacity:.6;cursor:not-allowed}.alert-box{padding:20px;border-radius:12px;display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.alert-box:last-child{margin-bottom:0}.alert-danger{background:linear-gradient(135deg,#fff5f5,#ffe5e5);border:2px solid #ff6b6b}.alert-success{background:linear-gradient(135deg,#f0fff4,#e5ffe5);border:2px solid #51cf66}.alert-content{display:flex;align-items:flex-start;gap:16px}.alert-icon-wrapper{flex-shrink:0}.alert-icon{font-size:32px;display:inline-block}.alert-text{flex:1}.alert-title{font-size:18px;font-weight:600;color:#1a1f36;margin:0 0 6px}.alert-message{font-size:14px;color:#3c4257;margin:0 0 8px;line-height:1.6}.alert-timestamp{font-size:12px;color:#8792a2;margin:0;font-style:italic}.btn-notify-doctor{align-self:flex-start;background:#ff6b6b;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 12px #ff6b6b4d}.btn-notify-doctor:hover{background:#ff5252;transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.manual-alert-section{margin-top:20px;padding-top:20px;border-top:2px solid #f0f3f7;display:flex;justify-content:center}.btn-create-alert{background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 12px #ff6b6b4d}.btn-create-alert:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.system-notification{position:fixed;bottom:30px;right:30px;padding:16px 24px;border-radius:10px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 24px #00000026;animation:slideIn .3s ease;z-index:1000;max-width:400px}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.notification-success{background:#51cf66;color:#fff}.notification-error{background:#ff6b6b;color:#fff}.notification-icon{font-size:24px;font-weight:700}.notification-text{font-size:15px;font-weight:500;margin:0;word-break:break-word}@media (max-width: 768px){.doctor-support-container{padding:16px}.page-title{font-size:24px}.page-subtitle{font-size:14px}.support-card{padding:20px;margin-bottom:16px}.card-header{flex-direction:row;gap:12px}.header-icon{width:48px;height:48px;font-size:24px}.card-title{font-size:18px}.card-description{font-size:13px}.upload-label{padding:30px 16px}.upload-icon{font-size:40px}.upload-text{font-size:15px}.upload-hint{font-size:12px}.selected-file-card{padding:14px 16px;gap:10px}.file-icon{font-size:28px}.file-name{font-size:14px}.file-size{font-size:12px}.clear-btn{width:28px;height:28px;min-width:28px;max-width:28px;min-height:28px;max-height:28px;font-size:14px;line-height:28px}.clear-btn:before{font-size:18px}.alert-content{flex-direction:column;gap:12px}.btn-notify-doctor{align-self:stretch;justify-content:center;width:100%}.btn-upload{width:100%;justify-content:center}.upload-actions,.manual-alert-section{justify-content:stretch}.btn-create-alert{width:100%;justify-content:center}.system-notification{left:16px;right:16px;bottom:16px;max-width:none}.instruction-item{padding:10px 12px}.instruction-item p{font-size:14px}}@media (max-width: 480px){.doctor-support-container{padding:12px}.page-title{font-size:22px}.page-subtitle{font-size:13px}.support-card{padding:16px;border-radius:12px}.card-header{gap:10px;padding-bottom:12px}.header-icon{width:44px;height:44px;font-size:22px}.card-title{font-size:17px}.card-description{font-size:12px}.upload-label{padding:24px 12px}.upload-icon{font-size:36px}.upload-text{font-size:14px}.upload-hint{font-size:11px}.instruction-item{padding:8px 10px;gap:8px}.instruction-item p{font-size:13px}.selected-file-card{padding:12px 14px;gap:8px}.file-icon{font-size:24px}.file-name{font-size:13px}.file-size{font-size:11px}.clear-btn{width:26px;height:26px;min-width:26px;max-width:26px;min-height:26px;max-height:26px;font-size:13px;line-height:26px}.clear-btn:before{font-size:16px}.alert-title{font-size:16px}.alert-message{font-size:13px}.btn-upload,.btn-notify-doctor,.btn-create-alert{padding:12px 20px;font-size:14px}.system-notification{padding:12px 16px;bottom:12px;left:12px;right:12px}.notification-text{font-size:14px}}@media (max-width: 360px){.page-title{font-size:20px}.support-card{padding:14px}.header-icon{width:40px;height:40px;font-size:20px}.card-title{font-size:16px}.upload-label{padding:20px 10px}.instruction-item p{font-size:12px}.selected-file-card{padding:10px 12px}.file-icon{font-size:22px}.file-name{font-size:12px}.clear-btn{width:24px;height:24px;min-width:24px;max-width:24px;min-height:24px;max-height:24px;font-size:12px;line-height:24px}.clear-btn:before{font-size:14px}}.homecare-container{padding:20px;max-width:1400px;margin:0 auto;background:#f5f7fa;min-height:100vh}.homecare-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.homecare-header h1{font-size:32px;font-weight:700;color:#2c3e50;margin:0 0 8px}.homecare-header p{font-size:16px;color:#7f8c8d;margin:0}.btn-add{background:#27ae60;color:#fff;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-add:hover{background:#229954;transform:translateY(-2px);box-shadow:0 4px 12px #27ae604d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001f}.stat-icon{font-size:48px}.stat-content h3{font-size:36px;font-weight:700;margin:0;color:#2c3e50}.stat-content p{font-size:14px;color:#7f8c8d;margin:4px 0 0;text-transform:uppercase;letter-spacing:.5px}.stat-card.pending{border-left:4px solid #f39c12}.stat-card.started{border-left:4px solid #3498db}.stat-card.in-progress{border-left:4px solid #9b59b6}.stat-card.completed{border-left:4px solid #27ae60}.visits-section{margin-bottom:40px}.section-title{font-size:24px;font-weight:700;color:#2c3e50;margin-bottom:20px}.visits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.visit-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s;border-left:4px solid #ecf0f1}.visit-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0000001f}.visit-card.started{border-left-color:#3498db}.visit-card.in-progress{border-left-color:#9b59b6}.visit-card.completed{border-left-color:#27ae60}.card-header{padding:20px;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;align-items:center;gap:12px}.card-header h3{font-size:20px;font-weight:600;color:#2c3e50;margin:0;flex:1}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;white-space:nowrap}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.started{background:#cce5ff;color:#004085}.status-badge.in-progress{background:#e8daef;color:#633974}.status-badge.completed{background:#d4edda;color:#155724}.card-body{padding:20px}.info-item{display:flex;gap:12px;margin-bottom:16px}.info-item:last-child{margin-bottom:0}.info-icon{font-size:20px;flex-shrink:0;width:24px}.info-text{flex:1}.info-text strong{display:block;font-size:12px;color:#7f8c8d;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.info-text p{font-size:14px;color:#2c3e50;margin:0;line-height:1.5}.card-actions{padding:16px 20px;border-top:1px solid #ecf0f1;display:flex;gap:10px}button{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;flex:1}button:disabled{opacity:.5;cursor:not-allowed}.btn-start{background:#3498db;color:#fff}.btn-start:hover:not(:disabled){background:#2980b9;transform:translateY(-2px)}.btn-in-progress{background:#9b59b6;color:#fff}.btn-in-progress:hover:not(:disabled){background:#8e44ad}.btn-complete{background:#27ae60;color:#fff}.btn-complete:hover:not(:disabled){background:#229954}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover:not(:disabled){background:#2980b9}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover:not(:disabled){background:#7f8c8d}.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;overflow-y:auto}.modal-container{background:#fff;border-radius:16px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003;margin:auto}.modal-container.large{max-width:900px}.modal-header{padding:24px;border-bottom:2px solid #ecf0f1;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;z-index:1}.modal-header h2{font-size:24px;font-weight:700;color:#2c3e50;margin:0}.modal-close{background:none;border:none;font-size:32px;color:#7f8c8d;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s;flex-shrink:0}.modal-close:hover{background:#ecf0f1}.modal-body{padding:24px}.form-section{margin-bottom:32px}.form-section:last-child{margin-bottom:0}.form-section h3{font-size:18px;font-weight:600;color:#2c3e50;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #3498db}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:600;color:#2c3e50;margin-bottom:8px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px;border:2px solid #ecf0f1;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3498db}.form-group textarea{resize:vertical;min-height:80px}.modal-footer{padding:20px 24px;border-top:2px solid #ecf0f1;display:flex;gap:12px;justify-content:flex-end;position:sticky;bottom:0;background:#fff}.modal-footer button{flex:0 0 auto;min-width:120px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.spinner{width:50px;height:50px;border:4px solid #ecf0f1;border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.homecare-container{padding:12px}.homecare-header{flex-direction:column;align-items:flex-start}.homecare-header h1{font-size:24px}.btn-add{width:100%;justify-content:center}.stats-grid,.visits-grid,.form-grid{grid-template-columns:1fr}.modal-container{max-height:95vh}.card-actions,.modal-footer{flex-direction:column}.modal-footer button{width:100%}}@media (max-width: 480px){.stat-card{padding:16px}.stat-icon{font-size:36px}.stat-content h3{font-size:28px}.card-header{flex-direction:column;align-items:flex-start}}.reports-container{width:100%;padding:20px;background:#f5f7fa;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.reports-title{font-size:32px;font-weight:700;color:#2c3e50;margin-bottom:30px;border-bottom:4px solid #3498db;padding-bottom:10px}.reports-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #00000014;margin-bottom:25px}.filter-group{display:flex;flex-direction:column;gap:8px;position:relative}.filter-group label{font-size:14px;font-weight:600;color:#34495e;text-transform:uppercase;letter-spacing:.5px}.filter-select{padding:10px 12px;border:2px solid #bdc3c7;border-radius:8px;font-size:15px;color:#2c3e50;background:#fff;cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease}.filter-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.search-wrapper{position:relative}.search-input{width:100%;padding-right:40px}.clear-search-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#e74c3c;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:background .3s ease;z-index:10}.clear-search-btn:hover{background:#c0392b}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #3498db;border-top:none;border-radius:0 0 8px 8px;max-height:320px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #00000026;animation:slideDown .2s ease-out}.suggestion-item{padding:12px 15px;cursor:pointer;border-bottom:1px solid #ecf0f1;transition:background-color .2s ease}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:#ebf5fb}.suggestion-name{font-size:15px;font-weight:600;color:#2c3e50;margin-bottom:4px;display:flex;align-items:center;gap:8px}.name-icon{font-size:16px}.name-text{flex:1}.suggestion-contact{font-size:13px;color:#7f8c8d;display:flex;align-items:center;gap:8px;margin-left:24px}.contact-icon{font-size:12px}.selected-patient-badge{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;padding:12px 20px;border-radius:25px;margin-bottom:20px;font-size:15px;box-shadow:0 4px 12px #3498db4d;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.badge-icon{font-size:18px}.selected-patient-badge strong{font-weight:700}.badge-close{background:#ffffff4d;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .3s ease;margin-left:5px}.badge-close:hover{background:#ffffff80}.date-range{display:flex;align-items:center;gap:10px}.date-range span{color:#7f8c8d;font-weight:500}.date-input{flex:1;padding:10px 12px;border:2px solid #bdc3c7;border-radius:8px;font-size:14px;color:#2c3e50;transition:border-color .3s ease,box-shadow .3s ease}.date-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.date-input:disabled{background:#f5f7fa;cursor:not-allowed;opacity:.6}.export-actions{display:flex;gap:15px;margin-bottom:25px;justify-content:flex-end}.export-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.export-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.export-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.pdf-btn{background:#e74c3c;color:#fff}.pdf-btn:hover:not(:disabled){background:#c0392b}.csv-btn{background:#27ae60;color:#fff}.csv-btn:hover:not(:disabled){background:#229954}.btn-icon{font-size:18px}.spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 20px}.report-content{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #00000014}.report-section-title{font-size:24px;font-weight:600;color:#2c3e50;margin-bottom:20px;border-left:5px solid #3498db;padding-left:15px}.table-responsive{overflow-x:auto;margin-top:15px}.report-table{width:100%;border-collapse:collapse;font-size:14px}.report-table thead{background:#34495e;color:#fff}.report-table th{padding:12px 15px;text-align:left;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:13px}.report-table tbody tr{border-bottom:1px solid #ecf0f1;transition:background-color .2s ease}.report-table tbody tr:hover{background-color:#f8f9fa}.report-table td{padding:12px 15px;color:#34495e}.report-table tbody tr:nth-child(2n){background-color:#fafafa}.report-table tbody tr:nth-child(2n):hover{background-color:#f0f0f0}.table-footer{text-align:right;padding:15px 0;color:#7f8c8d;font-size:14px;font-weight:600;border-top:2px solid #ecf0f1;margin-top:10px}.table-footer strong{color:#2c3e50;font-size:16px}.summaries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:15px}.summary-card{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;border-left:5px solid #3498db;transition:transform .3s ease,box-shadow .3s ease}.summary-card:hover{transform:translateY(-5px);box-shadow:0 6px 20px #00000026}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e0e0e0}.summary-header h4{font-size:20px;font-weight:600;color:#2c3e50;margin:0}.summary-date{background:#3498db;color:#fff;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600}.summary-body{display:flex;flex-direction:column;gap:12px}.summary-section{display:flex;flex-direction:column;gap:5px}.summary-section strong{color:#34495e;font-size:14px;font-weight:600}.summary-section p{color:#5a6c7d;font-size:14px;line-height:1.5;margin:0}@media (max-width: 1024px){.reports-filters,.summaries-grid{grid-template-columns:1fr}}@media (max-width: 768px){.reports-container{padding:15px}.reports-title{font-size:26px}.report-section-title{font-size:20px}.export-actions{flex-direction:column}.export-btn{width:100%;justify-content:center}.table-responsive{overflow-x:scroll}.report-table{font-size:12px}.report-table th,.report-table td{padding:8px 10px}.selected-patient-badge{font-size:13px;padding:10px 16px}}@media (max-width: 480px){.reports-title{font-size:22px}.reports-filters,.report-content{padding:15px}.date-range{flex-direction:column;align-items:stretch}.summary-card{padding:15px}.summary-header{flex-direction:column;align-items:flex-start;gap:10px}}:root{--primary-color: #007bff;--primary-hover: #0056b3;--danger-color: #dc3545;--danger-hover: #c82333;--light-gray: #f8f9fa;--medium-gray: #e9ecef;--dark-gray: #343a40;--border-color: #dee2e6;--success-color: #28a745;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--page-bg: #f0f2f5}body{background-color:var(--page-bg);font-family:var(--font-family);margin:0}.settings-container{width:100%;max-width:100%;min-height:100vh;margin:0;padding:0;background-color:var(--page-bg);box-sizing:border-box}.settings-inner{max-width:1200px;margin:0 auto;padding:2rem;background-color:transparent}.settings-header{padding:2rem 2rem 1.5rem;margin-bottom:0;background-color:#fff;border-radius:12px 12px 0 0}.settings-header h1{font-size:2rem;font-weight:700;margin:0;color:var(--dark-gray)}.settings-header p{font-size:1rem;color:#6c757d;margin-top:.5rem;margin-bottom:0}.settings-body{background-color:#fff;padding:0 2rem 2rem;border-radius:0 0 12px 12px;margin-bottom:2rem}.settings-section{border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.5rem;overflow:hidden;background-color:#fff}.section-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:var(--light-gray);cursor:pointer;-webkit-user-select:none;user-select:none}.section-header h3{margin:0;font-size:1.15rem;font-weight:600}.chevron{font-size:1rem;transition:transform .3s ease}.chevron.open{transform:rotate(180deg)}.section-content{padding:1.5rem;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.profile-photo-section{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.profile-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--border-color)}.photo-actions{display:flex;gap:1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.5rem}.form-group{margin-bottom:1.25rem}.form-group.indented{padding-left:1rem;margin-top:1rem}.form-group label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.5rem}input[type=text],input[type=email],input[type=tel],input[type=number],input[type=time],select,.file-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:6px;font-size:1rem;background-color:#fff;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff33}.btn-primary,.btn-secondary,.btn-danger,.btn-danger-outline{padding:.7rem 1.4rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.btn-primary{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--medium-gray);color:var(--dark-gray);border-color:#ced4da}.btn-secondary:hover{background-color:#d3d9df}.btn-danger{background-color:var(--danger-color);color:#fff;border-color:var(--danger-color)}.btn-danger:hover{background-color:var(--danger-hover)}.btn-danger-outline{background-color:transparent;color:var(--danger-color);border-color:var(--danger-color)}.btn-danger-outline:hover{background-color:#dc35450d}.full-width{width:100%;margin-top:1rem}.section-actions{display:flex;gap:1rem;margin-top:1rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.day-selector{display:flex;gap:.5rem;flex-wrap:wrap}.day-btn{padding:.5rem 1rem;border:1px solid var(--border-color);background-color:#fff;border-radius:20px;cursor:pointer}.day-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.toggle-group{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#ccc;border-radius:24px;transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.4s}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translate(20px)}.connected-account{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border-color)}.connected-account:last-child{border-bottom:none}.connected-account .status{font-weight:600}.status.connected{color:var(--success-color)}.account-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}.account-action-card{padding:2rem 1.5rem;border-radius:12px;border:2px solid var(--border-color);background:#fff;text-align:center;transition:all .3s ease}.account-action-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.account-action-card.warning-card{border-color:#ffc107;background:#fffbf0}.account-action-card.danger-card{border-color:var(--danger-color);background:#fff5f5}.action-icon{font-size:3rem;margin-bottom:1rem;display:block}.account-action-card h4{font-size:1.2rem;font-weight:700;margin:0 0 .5rem;color:var(--dark-gray)}.account-action-card p{font-size:.9rem;color:#6c757d;margin:0 0 1.5rem;line-height:1.5}.btn-warning{padding:.7rem 1.4rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;border:1px solid #ffc107;background-color:#ffc107;color:#000;transition:all .2s ease}.btn-warning:hover{background-color:#ffb300;border-color:#ffb300}.info-grid{display:grid;gap:1rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--light-gray);border-radius:8px;border:1px solid var(--border-color)}.info-label{font-weight:600;color:var(--dark-gray);font-size:.95rem}.info-value{color:#6c757d;font-size:.95rem}.info-link{color:var(--primary-color);text-decoration:none;font-weight:600;transition:color .2s ease}.info-link:hover{color:var(--primary-hover);text-decoration:underline}input[type=password]{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:6px;font-size:1rem;background-color:#fff;transition:border-color .2s,box-shadow .2s}button:disabled{opacity:.6;cursor:not-allowed}button:disabled:hover{transform:none}.loading-text{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:3rem;color:#6c757d;font-size:1.1rem}.message-banner{padding:1rem 1.5rem;border-radius:8px;margin:0 2rem 1.5rem;font-weight:600;display:flex;align-items:center;gap:.75rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message-banner.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message-banner.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.settings-section,.account-action-card,button{transition:all .3s ease}@media (max-width: 1200px){.settings-inner{padding:1.5rem}}@media (max-width: 768px){.settings-container{background-color:#fff}.settings-inner{padding:0}.settings-header{padding:1.5rem 1rem;border-radius:0}.settings-header h1{font-size:1.5rem}.settings-body{padding:0 1rem 1.5rem;border-radius:0}.message-banner{margin:0 1rem 1.5rem}.form-grid{grid-template-columns:1fr}.profile-photo-section{flex-direction:column;align-items:center;text-align:center}.photo-actions{width:100%;flex-direction:column}.section-actions{flex-direction:column}.btn-primary,.btn-secondary,.btn-danger,.btn-danger-outline,.btn-warning{width:100%}.account-actions-grid{grid-template-columns:1fr}.day-selector{justify-content:flex-start}}@media (max-width: 480px){.settings-header{padding:1rem}.settings-header h1{font-size:1.3rem}.settings-body{padding:0 .75rem 1rem}.message-banner{margin:0 .75rem 1rem;padding:.75rem 1rem}.section-header{padding:.75rem 1rem}.section-content{padding:1rem}.profile-photo{width:70px;height:70px}}.pharmacy-dashboard{min-height:100vh;background:#f5f7fa;padding:2rem}.pharmacy-dashboard-loading,.pharmacy-dashboard-login,.pharmacy-dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center}.pharmacy-dashboard-header{background:#fff;padding:2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.pharmacy-dashboard-header h1{margin:0 0 1rem;color:#1a202c;font-size:2rem}.pharmacy-info h2{margin:0;color:#2d3748;font-size:1.5rem}.pharmacy-info p{margin:.5rem 0 0;color:#718096}.pharmacy-dashboard-tabs{display:flex;gap:1rem;margin-bottom:2rem}.pharmacy-dashboard-tabs button{padding:.75rem 1.5rem;border:none;background:#fff;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;color:#718096;transition:all .3s}.pharmacy-dashboard-tabs button:hover{background:#edf2f7}.pharmacy-dashboard-tabs button.active{background:#4299e1;color:#fff}.pharmacy-dashboard-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.pharmacy-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.pharmacy-stat-card{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000001a;border-left:4px solid}.pharmacy-stat-card .stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.today{background:#4299e1;border-color:#4299e1}.stat-icon.preparing{background:#9f7aea;border-color:#9f7aea}.stat-icon.ready{background:#48bb78;border-color:#48bb78}.pharmacy-stat-card .stat-content h3{margin:0;font-size:2rem;color:#1a202c}.pharmacy-stat-card .stat-content p{margin:.25rem 0 0;color:#718096;font-size:.9rem}.pharmacy-notifications-section{margin-bottom:2rem}.pharmacy-notifications-section h2{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#1a202c}.pharmacy-notifications-list{display:flex;flex-direction:column;gap:1rem}.pharmacy-notification-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#fff5f5;border-left:4px solid #fc8181;border-radius:8px}.pharmacy-notification-item.unread{background:#fed7d7}.pharmacy-today-prescriptions h2{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;color:#1a202c}.pharmacy-prescriptions-list{display:flex;flex-direction:column;gap:1rem}.pharmacy-prescription-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border-left:4px solid #4299e1}.prescription-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.prescription-header h3{margin:0;color:#1a202c;font-size:1.25rem}.prescription-doctor{margin:.25rem 0 0;color:#718096;font-size:.9rem}.status-badge.preparing{background:#feebc8;color:#c05621}.status-badge.ready{background:#c6f6d5;color:#22543d}.status-badge.completed{background:#bee3f8;color:#2c5282}.prescription-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem}.prescription-medicines-preview,.prescription-medicines-list{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.prescription-medicines-preview ul,.prescription-medicines-list ul{margin:.5rem 0 0;padding-left:1.5rem;list-style-type:disc}.prescription-medicines-preview li,.prescription-medicines-list li{margin:.25rem 0;color:#4a5568}.prescription-investigations{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.prescription-investigations ul{margin:.5rem 0 0;padding-left:1.5rem;list-style-type:disc}.prescription-notes{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.prescription-notes p{margin:.5rem 0 0;color:#4a5568;font-style:italic}.prescription-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0;display:flex;gap:.5rem}.btn-status.preparing{background:#ed8936;color:#fff}.btn-status.preparing:hover{background:#dd6b20}.btn-status.ready{background:#48bb78;color:#fff}.btn-status.ready:hover{background:#38a169}.btn-status.completed{background:#4299e1;color:#fff}.btn-status.completed:hover{background:#3182ce}.pharmacy-prescriptions-container{padding:0}.pharmacy-prescriptions-header{margin-bottom:2rem}.pharmacy-prescriptions-header h1{margin:0 0 1rem;color:#1a202c}.pharmacy-filters{display:flex;gap:.5rem;flex-wrap:wrap}.pharmacy-filters button{padding:.5rem 1rem;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s}.pharmacy-filters button:hover{background:#edf2f7}.pharmacy-filters button.active{background:#4299e1;color:#fff;border-color:#4299e1}.pharmacy-prescriptions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.pharmacy-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:#718096}.pharmacy-empty-state svg{margin-bottom:1rem;opacity:.5}.pharmacy-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}@media (max-width: 768px){.pharmacy-dashboard{padding:1rem}.pharmacy-stats-grid,.pharmacy-prescriptions-grid,.prescription-details{grid-template-columns:1fr}}.lab-dashboard{min-height:100vh;background:#f5f7fa;padding:2rem}.lab-dashboard-loading,.lab-dashboard-login,.lab-dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center}.lab-dashboard-header{background:#fff;padding:2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.lab-dashboard-header h1{margin:0 0 1rem;color:#1a202c;font-size:2rem}.lab-info h2{margin:0;color:#2d3748;font-size:1.5rem}.lab-info p{margin:.5rem 0 0;color:#718096}.lab-dashboard-tabs{display:flex;gap:1rem;margin-bottom:2rem}.lab-dashboard-tabs button{padding:.75rem 1.5rem;border:none;background:#fff;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;color:#718096;transition:all .3s}.lab-dashboard-tabs button:hover{background:#edf2f7}.lab-dashboard-tabs button.active{background:#9f7aea;color:#fff}.lab-dashboard-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.lab-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.lab-stat-card{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000001a;border-left:4px solid}.lab-stat-card .stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.today{background:#9f7aea;border-color:#9f7aea}.stat-icon.pending{background:#ed8936;border-color:#ed8936}.stat-icon.in-progress{background:#4299e1;border-color:#4299e1}.stat-icon.completed{background:#48bb78;border-color:#48bb78}.lab-stat-card .stat-content h3{margin:0;font-size:2rem;color:#1a202c}.lab-stat-card .stat-content p{margin:.25rem 0 0;color:#718096;font-size:.9rem}.lab-notifications-section{margin-bottom:2rem}.lab-notifications-section h2{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#1a202c}.lab-notifications-list{display:flex;flex-direction:column;gap:1rem}.lab-notification-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#fff5f5;border-left:4px solid #fc8181;border-radius:8px}.lab-notification-item.unread{background:#fed7d7}.notification-icon{color:#e53e3e;flex-shrink:0}.notification-content p{margin:.25rem 0;color:#1a202c}.notification-content small{color:#718096;font-size:.85rem}.lab-today-requests h2{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;color:#1a202c}.lab-requests-list{display:flex;flex-direction:column;gap:1rem}.lab-request-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border-left:4px solid #9f7aea}.request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.request-header h3{margin:0;color:#1a202c;font-size:1.25rem}.request-doctor{margin:.25rem 0 0;color:#718096;font-size:.9rem}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500;text-transform:capitalize}.status-badge.pending{background:#fed7d7;color:#c53030}.status-badge.in_progress{background:#feebc8;color:#c05621}.status-badge.completed{background:#c6f6d5;color:#22543d}.request-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem}.detail-item{color:#4a5568;font-size:.9rem}.detail-item strong{color:#2d3748}.request-tests-preview,.request-tests-list{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.request-tests-preview ul,.request-tests-list ul{margin:.5rem 0 0;padding-left:1.5rem;list-style-type:disc}.request-tests-preview li,.request-tests-list li{margin:.25rem 0;color:#4a5568}.request-clinical-history{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.request-clinical-history p{margin:.5rem 0 0;color:#4a5568;font-style:italic}.request-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0;display:flex;gap:.5rem}.btn-status{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s}.btn-status.in-progress{background:#4299e1;color:#fff}.btn-status.in-progress:hover{background:#3182ce}.btn-status.completed{background:#48bb78;color:#fff}.btn-status.completed:hover{background:#38a169}.lab-requests-container{padding:0}.lab-requests-header{margin-bottom:2rem}.lab-requests-header h1{margin:0 0 1rem;color:#1a202c}.lab-filters{display:flex;gap:.5rem;flex-wrap:wrap}.lab-filters button{padding:.5rem 1rem;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s}.lab-filters button:hover{background:#edf2f7}.lab-filters button.active{background:#9f7aea;color:#fff;border-color:#9f7aea}.lab-requests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.lab-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:#718096}.lab-empty-state svg{margin-bottom:1rem;opacity:.5}.lab-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.lab-dashboard{padding:1rem}.lab-stats-grid,.lab-requests-grid,.request-details{grid-template-columns:1fr}}