@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:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f8fafc;color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.landing-header{display:flex;align-items:center;padding:20px 5%;background-color:#fff;border-bottom:1px solid #e2e8f0}.landing-logo-container{display:flex;align-items:center;gap:12px}.logo-img{width:36px;height:36px}.brand-name{font-size:1.5rem;font-weight:700;color:#1e293b}.hero-section{text-align:center;padding:60px 20px 40px}.hero-content{max-width:750px;margin:0 auto}.hero-title{font-size:3.2rem;font-weight:800;color:#1e293b;margin:0 0 20px}.hero-title .highlight{color:#14b8a6}.hero-subtitle{font-size:1.2rem;color:#475569;line-height:1.6;max-width:600px;margin:0 auto}.dashboard-selection{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;padding:40px 5% 60px;max-width:800px;margin:0 auto}.dashboard-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:30px;text-align:center;box-shadow:0 4px 6px -1px #0000000d;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.dashboard-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #00000012}.card-title{font-size:1.5rem;font-weight:700;margin:0 0 10px;color:#1e293b}.card-description{font-size:1rem;color:#475569;line-height:1.5;margin-bottom:25px;flex-grow:1}.btn-view{display:inline-block;background-color:#14b8a6;color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:700;transition:background-color .3s ease}.btn-view:hover{background-color:#0d9488}@media (max-width: 768px){.dashboard-selection{grid-template-columns:1fr;max-width:400px}.hero-title{font-size:2.5rem}}.login-page-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.login-form-wrapper{width:100%;max-width:420px}.login-form{background-color:#fff;padding:40px;border-radius:16px;box-shadow:0 10px 25px -5px #00000012}.login-header{text-align:center;margin-bottom:30px}.login-logo{width:48px;height:48px;margin-bottom:15px}.login-title{font-size:1.8rem;font-weight:700;color:#1e293b;margin:0}.input-group{margin-bottom:20px}.input-group label{display:block;font-weight:600;color:#334155;margin-bottom:8px}.input-group input{width:100%;padding:12px 16px;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease}.input-group input:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a633}.btn-login{width:100%;padding:14px;border:none;border-radius:8px;background-color:#14b8a6;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease;margin-top:10px}.btn-login:hover{background-color:#0d9488}.form-footer{text-align:center;margin-top:25px}.form-footer p{margin:0 0 15px;color:#475569}.form-footer a,.back-link{color:#14b8a6;font-weight:600;text-decoration:none}: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}.modal-content{background:#fff;padding:25px;border-radius:12px;box-shadow:0 5px 15px #0000004d;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #e0e0e0;padding-bottom:15px}.modal-header h2{margin:0;font-size:1.5rem;color:#333}.step-indicator{display:flex;gap:10px}.step-indicator span{width:30px;height:30px;border-radius:50%;background-color:#e0e0e0;color:#888;display:flex;justify-content:center;align-items:center;font-weight:700;transition:background-color .3s,color .3s}.step-indicator span.active{background-color:#007bff;color:#fff}.modal-body{overflow-y:auto;padding-right:15px}form h3,form h4{color:#0056b3;margin-top:15px;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:5px}form h4{font-size:1.1rem;color:#333}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.input-group{display:flex;flex-direction:column;gap:5px}.input-group.full-width{grid-column:1 / -1}.input-group label{font-weight:600;color:#555;font-size:.9rem}.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;border:1px solid #ccc;border-radius:6px;font-size:1rem;transition:border-color .3s}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:#007bff;outline:none}.input-group input[type=file]{padding:8px;border:1px solid #ccc;border-radius:6px}textarea{min-height:80px;resize:vertical}.photo-preview{grid-column:1 / -1;text-align:center}.photo-preview img{max-width:150px;max-height:150px;border-radius:50%;border:3px solid #ddd;object-fit:cover}.checkbox-group{display:flex;flex-wrap:wrap;gap:15px;padding:10px;border:1px solid #eee;border-radius:6px}.checkbox-label{display:flex;align-items:center;gap:8px;font-weight:400;cursor:pointer}.checkbox-label input{width:18px;height:18px}.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:10px;border-radius:6px;text-align:center;margin-bottom:15px}.modal-actions{margin-top:25px;padding-top:15px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.modal-actions button{padding:10px 20px;border:none;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s,transform .1s}.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}.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:64px;background-color:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100}.header-left,.header-right{display:flex;align-items:center;gap:16px}.sidebar-toggle-btn{background:none;border:none;cursor:pointer;font-size:24px;color:#4b5563;padding:4px;flex-shrink:0}@media (max-width: 1024px){.header-center-message,.search-bar{display:none}}@media (max-width: 768px){.desktop-toggle{display:none}.mobile-toggle{display:block}.user-profile{display:none}}.header-center-message{display:flex;align-items:center;margin-left:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-message{margin:0;font-size:14px;font-weight:500;padding:6px 12px;border-radius:8px}.search-bar input{border:1px solid #d1d5db;border-radius:8px;padding:8px 12px;width:250px;font-size:14px;transition:border-color .2s,box-shadow .2s}.user-profile{text-align:right;line-height:1.3}.header-action-btn,.logout-btn{background:none;border:1px solid transparent;color:#4b5563;font-size:22px;cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:64px;background-color:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100}.sidebar-toggle-btn{background:none;border:none;cursor:pointer;font-size:22px;color:#4b5563;padding:4px;flex-shrink:0}.header-message.loading{color:#4b5563;background-color:#f3f4f6;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.search-bar input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.user-profile{text-align:right;line-height:1.25}.header-action-btn,.logout-btn{background:none;border:1px solid transparent;color:#4b5563;font-size:20px;cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}@media (max-width: 1024px){.search-bar{display:none}}@media (max-width: 768px){.desktop-toggle{display:none}.mobile-toggle{display:block}.user-profile{display:none}.header-message{white-space:normal}}.hd-switcher-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1118278c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:grid;place-items:center;padding:12px}.hd-switcher-btn{border:1px solid #e5e7eb;background:#f8fafc;color:#0f172a;padding:12px;border-radius:12px;cursor:pointer;font-weight:800}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:64px;background-color:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:1000}.header-left,.header-right{display:flex;align-items:center;gap:12px}.header-left{flex:1;min-width:0}.sidebar-toggle-btn{background:none;border:none;cursor:pointer;font-size:22px;color:#4b5563;padding:6px;line-height:1;border-radius:8px}.sidebar-toggle-btn:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.header-center-message{display:flex;align-items:center;margin-left:8px;min-width:0;flex:1}.header-message{margin:0;font-size:14px;font-weight:600;padding:6px 10px;border-radius:8px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-message.welcome{color:#065f46;background-color:#d1fae5}.header-message.warning{color:#92400e;background-color:#fef3c7}.header-message.loading{color:#4b5563;background-color:#f3f4f6;animation:hd-pulse 1.5s infinite}@keyframes hd-pulse{0%,to{opacity:1}50%{opacity:.6}}.search-bar input{border:1px solid #d1d5db;border-radius:8px;padding:8px 12px;width:240px;font-size:14px;transition:border-color .2s,box-shadow .2s}.search-bar input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f;outline:none}.user-profile{display:none;text-align:right;line-height:1.25}.user-name{font-weight:600;font-size:14px;margin:0;color:#111827}.user-role{font-size:12px;color:#6b7280;margin:0}.header-action-btn,.logout-btn{background:none;border:1px solid transparent;color:#4b5563;font-size:20px;cursor:pointer;padding:6px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.header-action-btn:hover{background-color:#f3f4f6;color:#111827}.logout-btn{color:#ef4444}.logout-btn:hover{background-color:#fef2f2;color:#b91c1c}.header-action-btn:focus-visible,.logout-btn:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.hd-switcher-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1118278c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1300;display:grid;place-items:center;padding:12px;overscroll-behavior:contain}.hd-switcher{width:100%;max-width:420px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 20px 60px #0206172e;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.hd-switcher-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid #e5e7eb}.hd-switcher-head h3{margin:0;font-size:1.02rem;font-weight:800;color:#0f172a}.hd-switcher-close{border:1px solid #e5e7eb;background:#fff;color:#0f172a;border-radius:10px;padding:4px 8px;cursor:pointer}.hd-switcher-close:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.hd-switcher-body{padding:12px;display:grid;gap:10px}.hd-switcher-sub{margin:0;color:#475569;font-size:.95rem}.hd-switcher-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hd-switcher-btn{border:1px solid #e5e7eb;background:#f8fafc;color:#0f172a;padding:12px;border-radius:12px;cursor:pointer;font-weight:800;text-align:center}.hd-switcher-btn.center{background:#eff6ff;border-color:#dbeafe;color:#1d4ed8}.hd-switcher-btn.doctor{background:#ecfeff;border-color:#a5f3fc;color:#0e7490}.hd-switcher-btn:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.hd-switcher-secondary{border:1px solid #e5e7eb;background:#fff;color:#0f172a;padding:10px 12px;border-radius:10px;cursor:pointer;font-weight:700}.hd-switcher-secondary:focus-visible{outline:2px solid #2563eb;outline-offset:2px}@media (prefers-reduced-motion: reduce){.header-message.loading{animation:none}}@media (min-width: 768px){.desktop-toggle{display:inline-flex}.mobile-toggle{display:none}.user-profile{display:block}.header-message{white-space:nowrap}}@media (min-width: 1024px){.search-bar{display:block}}@media (max-width: 375px){.header-message{white-space:normal}}: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)}@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)}:root{--rx-primary: #8B5CF6;--rx-primary-light: #F5F3FF;--rx-secondary: #10B981;--rx-draft: #6B7280;--rx-danger: #EF4444;--rx-text-dark: #111827;--rx-text-light: #6B7280;--rx-bg: #F9FAFB;--rx-card-bg: #FFFFFF;--rx-border: #E5E7EB;--rx-radius: 12px}.rx-page-container{padding:1.5rem;background-color:var(--rx-bg);font-family:Inter,sans-serif;min-height:100vh}.rx-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem}.rx-back-link{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border:1px solid var(--rx-border);border-radius:var(--rx-radius);background-color:var(--rx-card-bg);color:var(--rx-text-light);text-decoration:none;font-weight:600;transition:background-color .2s}.rx-back-link:hover{background-color:#f3f4f6}.rx-header h1{margin:0;font-size:1.5rem;font-weight:600;color:var(--rx-text-dark)}.rx-header h1 strong{color:var(--rx-primary);font-weight:700}.rx-patient-inline{display:grid;grid-template-columns:1fr;gap:.5rem;width:100%;margin-top:.25rem}.rx-field-with-icon{position:relative}.rx-field-with-icon svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--rx-text-light)}.rx-field-with-icon input{width:100%;padding:.7rem .9rem .7rem 2.4rem;border:1px solid var(--rx-border);border-radius:10px;background:#fff;font-size:.95rem}.rx-field-with-icon input:focus{outline:none;border-color:var(--rx-primary);box-shadow:0 0 0 3px #8b5cf61f}.rx-patient-suggest{position:relative;z-index:20;margin-top:.25rem;background:#fff;border:1px solid var(--rx-border);border-radius:10px;box-shadow:0 8px 24px #00000014;overflow:hidden;grid-column:1 / -1}.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:.6rem;margin:.75rem 0 1rem;padding:.75rem 1rem;border-radius:12px;background:#eff6ff;color:#1e3a8a;border:1px solid #BFDBFE}.rx-info-banner svg{flex:0 0 auto;color:#2563eb}.rx-main-grid{display:grid;grid-template-columns:1fr;gap:1rem}.rx-content-card{background-color:var(--rx-card-bg);border-radius:var(--rx-radius);box-shadow:0 4px 10px #0000000a;padding:1rem;border:1px solid var(--rx-border)}.rx-form-section{margin-bottom:1.25rem}.rx-form-section:last-of-type{margin-bottom:0}.rx-form-section h3{display:flex;align-items:center;gap:.75rem;margin:0 0 1rem;font-size:1.1rem;color:var(--rx-text-dark);padding-bottom:.8rem;border-bottom:1px solid var(--rx-border)}.rx-form-section h3 svg{color:var(--rx-primary)}.rx-form-section input,.rx-form-section textarea,.rx-form-section select{width:100%;padding:.75rem 1rem;border:1px solid var(--rx-border);border-radius:8px;font-size:.95rem;margin-bottom:1rem}.rx-drug-row-wrapper{position:relative;width:100%}.rx-drug-row{display:grid;grid-template-columns:1fr;gap:.75rem;align-items:center;margin-bottom:1rem}.rx-drug-row input,.rx-drug-row select{margin-bottom:0}.rx-delete-drug-btn{display:flex;align-items:center;justify-content:center;background:#fef2f2;color:var(--rx-danger);border:1px solid #FECACA;border-radius:10px;cursor:pointer;padding:.6rem;width:44px;height:44px;justify-self:end}.rx-add-drug-btn{align-self:flex-start;background:var(--rx-primary-light);color:var(--rx-primary);border:1px solid rgba(139,92,246,.25);font-weight:600;padding:.6rem 1rem;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;margin-top:-.25rem}.rx-add-drug-btn:hover{background:#ece7fe}.rx-form-actions{display:grid;grid-template-columns:1fr;gap:.6rem;padding-top:1rem;border-top:1px solid var(--rx-border);margin-top:1rem}.rx-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;padding:.8rem 1.3rem;border-radius:var(--rx-radius);font-size:1rem;font-weight:600;cursor:pointer;color:#fff}.rx-submit-btn.download{background:#4b5563}.rx-submit-btn.draft{background:var(--rx-draft)}.rx-submit-btn.send{background:var(--rx-secondary)}.rx-submit-btn:disabled{background-color:#95a5a6;cursor:not-allowed}.rx-submit-btn.download{background:var(--rx-primary);color:#fff;padding:.9rem 1.1rem}.rx-submit-btn.download:hover{background:#7c3aed}.rx-submit-btn.draft{background:#f3f4f6;color:#111827;padding:.9rem 1.1rem;border:1px solid var(--rx-border)}.rx-submit-btn.draft:hover{background:#e5e7eb}.rx-submit-btn.send{background:#10b981;color:#fff;padding:.9rem 1.1rem}.rx-submit-btn.send:hover{background:#059669}.rx-side-column{display:flex;flex-direction:column;gap:1rem}.rx-recent-controls{display:grid;grid-template-columns:1fr;gap:.5rem;margin:.25rem 0 .75rem}.rx-field-select{position:relative}.rx-field-select svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--rx-text-light);pointer-events:none}.rx-field-select select{width:100%;padding:.7rem .9rem .7rem 2.4rem;border:1px solid var(--rx-border);border-radius:10px;background:#fff;font-size:.95rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.rx-hint{color:var(--rx-text-light);font-size:.95rem;margin:.25rem 0}.rx-recent-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.rx-list-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.75rem;padding:.9rem 1rem;border:1px solid var(--rx-border);border-radius:12px;background:#fff;box-shadow:0 4px 12px #0000000d;transition:box-shadow .2s,transform .12s}.rx-list-card:hover{box-shadow:0 10px 24px #00000014;transform:translateY(-1px)}.rx-list-card:before{content:"";grid-column:1 / -1;height:0;border-top:3px solid var(--rx-primary);border-radius:3px 3px 0 0;margin:-.9rem -1rem .6rem}.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:.8rem;font-weight:700;padding:.18rem .55rem;border-radius:999px;background:var(--rx-primary-light);color:var(--rx-primary);border:1px solid rgba(139,92,246,.25)}.rx-list-date{font-size:.85rem;color:var(--rx-text-light)}.rx-list-actions{display:flex;gap:.5rem;justify-content:flex-end}.rx-fill-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--rx-primary);background:var(--rx-primary);color:#fff;font-weight:700;padding:.55rem .9rem;border-radius:10px;cursor:pointer;transition:background-color .2s,box-shadow .2s,transform .08s}.rx-fill-btn:hover{background:#7c3aed}.rx-fill-btn:active{transform:translateY(1px)}.rx-use-template-btn{background:#eef2ff;color:#4f46e5;padding:.6rem .85rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.rx-use-template-btn:hover{background:#e0e7ff}.rx-submit-btn .spinner,.rx-use-template-btn .spinner{margin-right:6px;vertical-align:-2px}.rx-drug-row input,.rx-drug-row select,.rx-form-section textarea{width:100%;padding:.75rem .9rem;border:1px solid var(--rx-border);border-radius:10px;font-size:.95rem}.rx-drug-row input:focus,.rx-drug-row select:focus,.rx-form-section textarea:focus{outline:none;border-color:var(--rx-primary);box-shadow:0 0 0 3px #8b5cf61f}.rx-suggestions-dropdown{position:absolute;background-color:#fff;border:1px solid var(--rx-border);border-radius:10px;box-shadow:0 8px 24px #00000014;width:100%;max-height:280px;overflow-y:auto;z-index:1000;margin-top:4px}.rx-suggestions-dropdown ul{list-style:none;padding:.25rem;margin:0}.rx-suggestions-dropdown .suggestion-item{padding:10px 15px;cursor:pointer;font-size:14px;border-bottom:1px solid #f0f0f0;border-radius:8px}.rx-suggestions-dropdown .suggestion-item:last-child{border-bottom:none}.rx-suggestions-dropdown .suggestion-item:hover{background-color:#f5f5f5}.rx-suggestions-dropdown .suggestion-item strong{color:#333}.rx-suggestions-dropdown .suggestion-item span{color:#777;margin-left:5px}.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 (min-width: 640px){.rx-header{flex-direction:row;align-items:center;justify-content:space-between}.rx-patient-inline{grid-template-columns:1fr 1fr;align-items:center;max-width:660px}.rx-recent-controls{grid-template-columns:1fr 1fr;align-items:center}.rx-form-actions{grid-template-columns:repeat(3,max-content);justify-content:flex-start}.rx-drug-row{grid-template-columns:2fr 1fr 1fr .8fr auto;align-items:center}.rx-delete-drug-btn{justify-self:center}}@media (min-width: 1024px){.rx-main-grid{grid-template-columns:1.8fr 1fr;gap:1.25rem}.rx-content-card{padding:1.25rem}}@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}}.lab-page-container{padding:1.5rem;background-color:var(--lab-bg);font-family:Inter,sans-serif}.lab-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.lab-header h1{margin:0;font-size:1.75rem;font-weight:700}.lab-action-btn.primary{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--lab-primary);color:#fff;border:none;padding:.75rem 1rem;border-radius:var(--lab-radius);font-size:1rem;font-weight:600;cursor:pointer}.lab-main-grid{display:grid;grid-template-columns:1fr;gap:2rem}.lab-side-column{display:flex;flex-direction:column;gap:2rem}.lab-content-card{background-color:var(--lab-card-bg);border-radius:var(--lab-radius);box-shadow:0 4px 6px -2px #0000000d;padding:1.5rem}.lab-content-card h3{display:flex;align-items:center;gap:.75rem;margin:0 0 1.5rem;font-size:1.1rem;color:var(--lab-text-dark);padding-bottom:1rem;border-bottom:1px solid var(--lab-border)}.lab-form{display:flex;flex-direction:column;gap:1.5rem}.lab-form-group,.lab-test-list{display:flex;flex-direction:column;gap:.5rem}.lab-form-group label,.lab-test-list label{font-weight:500;margin-bottom:.25rem}.lab-form-group input,.lab-form-group textarea,.lab-integration-section select,.lab-test-row input{width:100%;padding:.75rem 1rem;border:1px solid var(--lab-border);border-radius:8px;font-size:1rem;background-color:#fff}.lab-input-with-icon svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--lab-text-light)}.lab-input-with-icon input{padding-left:3rem}.lab-test-row{display:flex;align-items:center;gap:.75rem}.lab-test-row input{flex-grow:1}.lab-delete-test-btn{display:flex;align-items:center;justify-content:center;background:transparent;color:var(--lab-danger);border:none;border-radius:8px;cursor:pointer;padding:.6rem}.lab-add-test-btn{align-self:flex-start;background:var(--lab-primary-light);color:var(--lab-primary);border:none;font-weight:600;padding:.6rem 1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem}.lab-integration-section{padding:1rem;background:var(--lab-bg);border-radius:8px}.lab-integration-section h4{margin:0 0 1rem;font-size:1rem;display:flex;align-items:center;gap:.5rem}.lab-form-actions{display:flex;flex-direction:column;gap:.75rem;padding-top:1.5rem;border-top:1px solid var(--lab-border)}.lab-submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid;padding:.75rem 1.5rem;border-radius:var(--lab-radius);font-size:1rem;font-weight:600;cursor:pointer}.lab-submit-btn.download{background:var(--lab-card-bg);color:var(--lab-text-dark);border-color:var(--lab-border)}.lab-submit-btn.send{background:var(--lab-primary);color:#fff;border-color:var(--lab-primary)}.lab-recent-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.lab-recent-list li{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-radius:8px;background:var(--lab-bg);border:1px solid var(--lab-border)}.lab-recent-info{display:flex;flex-direction:column}.lab-patient-name{font-weight:600}.lab-test-name,.lab-meta-info{font-size:.875rem;color:var(--lab-text-light)}.lab-status-actions{display:flex;justify-content:space-between;align-items:center}.lab-status-badge{font-size:.8rem;font-weight:600;padding:.25rem .75rem;border-radius:999px}.lab-status-badge.completed{background-color:var(--lab-success-light);color:var(--lab-success)}.lab-status-badge.pending{background-color:var(--lab-pending-light);color:var(--lab-pending)}.lab-download-btn,.lab-notify-btn{width:32px;height:32px;border:1px solid var(--lab-border);background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;color:var(--lab-primary)}@media (min-width: 768px){.lab-page-container{padding:2.5rem}.lab-header{flex-direction:row;align-items:center}.lab-form-actions{flex-direction:row;justify-content:flex-end}.lab-recent-list li{flex-direction:row;align-items:center;justify-content:space-between}}@media (min-width: 1200px){.lab-main-grid{grid-template-columns:2fr 1fr}}:root{--lab-primary: #1D4ED8;--lab-primary-light: #DBEAFE;--lab-success: #059669;--lab-pending: #D97706;--lab-danger: #D91A2A;--lab-text-dark: #111827;--lab-text-light: #6B7280;--lab-bg: #F9FAFB;--lab-card-bg: #FFFFFF;--lab-border: #E5E7EB;--lab-radius: 12px}.lab-page-container{padding:1.25rem;background:var(--lab-bg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--lab-text-dark)}.lab-header{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:1.25rem}.lab-back-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--lab-primary);text-decoration:none;font-weight:600}.lab-header h1{margin:0;font-size:1.35rem;font-weight:600}.lab-main-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}.lab-side-column{display:grid;gap:1.25rem}.lab-content-card{background:var(--lab-card-bg);border:1px solid var(--lab-border);border-radius:var(--lab-radius);padding:1rem;box-shadow:0 4px 6px #0000000a}.lab-content-card h3{display:inline-flex;align-items:center;gap:.6rem;margin:0 0 .9rem;font-size:1rem;font-weight:600;border-bottom:1px solid var(--lab-border);padding-bottom:.7rem}.lab-content-card h3 svg{color:var(--lab-primary)}.lab-form{display:grid;gap:1rem}.lab-form-group{display:grid;gap:.45rem}.lab-form-group label{font-size:.92rem;font-weight:600;color:var(--lab-text-dark)}.lab-input-with-icon{position:relative}.lab-input-with-icon svg{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:var(--lab-text-light)}.lab-input-with-icon input{width:100%;padding:.7rem .9rem .7rem 2.4rem;border:1px solid var(--lab-border);border-radius:10px;background:#fff;font-size:.98rem;outline:none;transition:border-color .15s,box-shadow .15s}.lab-input-with-icon input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.lab-selected-row{display:flex;align-items:center;gap:.6rem}.lab-badge{background:var(--lab-primary-light);color:var(--lab-primary);border:1px solid #C7D2FE;border-radius:999px;padding:.25rem .6rem;font-size:.86rem;font-weight:600}.lab-clear-btn{border:1px solid var(--lab-border);background:#fff;color:var(--lab-text-dark);border-radius:10px;padding:.35rem .55rem;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}.lab-suggest{margin-top:.35rem;border:1px solid var(--lab-border);background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 10px 24px #00000014}.lab-suggest ul{list-style:none;margin:0;padding:0;max-height:260px;overflow:auto}.lab-suggest .suggestion-item{display:grid;gap:.2rem;padding:.6rem .75rem;cursor:pointer}.lab-suggest .suggestion-item:hover{background:var(--lab-bg)}.lab-suggest .suggestion-item strong{font-weight:600}.lab-suggest .suggestion-item span{font-size:.9rem;color:var(--lab-text-light)}.lab-test-list{display:grid;gap:.5rem}.lab-test-row{display:flex;align-items:center;gap:.6rem}.lab-test-row input{flex:1;padding:.7rem .9rem;border:1px solid var(--lab-border);border-radius:10px;font-size:.98rem}.lab-delete-test-btn{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--lab-danger);border:1px solid var(--lab-border);border-radius:10px;cursor:pointer;padding:.45rem .6rem}.lab-add-test-btn{align-self:start;background:var(--lab-primary-light);color:var(--lab-primary);border:1px solid #C7D2FE;font-weight:600;padding:.5rem .8rem;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.lab-integration-section{padding:.8rem;background:var(--lab-bg);border-radius:10px;border:1px solid var(--lab-border)}.lab-integration-section h4{margin:0 0 .6rem;font-size:.98rem;display:inline-flex;align-items:center;gap:.5rem}.lab-integration-options select{width:100%;padding:.7rem .9rem;border:1px solid var(--lab-border);border-radius:10px;background:#fff}.lab-form-actions{display:grid;gap:.6rem;border-top:1px solid var(--lab-border);padding-top:.8rem}.lab-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--lab-radius);font-weight:600;cursor:pointer;padding:.65rem 1.1rem;border:1px solid var(--lab-border)}.lab-submit-btn.download{background:#fff;color:var(--lab-text-dark)}.lab-submit-btn[aria-busy=true]{opacity:.85}.lab-hint{color:var(--lab-text-light);margin:0;font-size:.95rem}@media (min-width: 768px){.lab-page-container{padding:2rem}.lab-main-grid{grid-template-columns:2fr 1fr;gap:1.25rem}.lab-form-actions{grid-template-columns:auto;justify-content:end}}: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)}.fb-page{padding:16px;background:#f8fafc;color:#0f172a}.fb-header h1{display:inline-flex;align-items:center;gap:8px;margin:0 0 4px;font-size:1.3rem;font-weight:700}.fb-sub{margin:0 0 12px;color:#475569;font-size:.95rem}.fb-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;margin-bottom:14px;box-shadow:0 8px 24px #0206170d}.fb-card-title{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;font-size:1.05rem;font-weight:700;color:#0f172a}.fb-grid{display:grid;grid-template-columns:1fr;gap:12px}.fb-form-group{display:grid;gap:6px}.fb-form-group.full{grid-column:1 / -1}.fb-form-group label{font-weight:600;font-size:.92rem;color:#0f172a}.fb-form-group input,.fb-form-group textarea,.fb-form-group select{border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;font-size:.98rem;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.fb-form-group input:focus,.fb-form-group textarea:focus,.fb-form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.fb-help{color:#64748b;font-size:.85rem}.fb-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.fb-actions.end{justify-content:flex-end}.fb-btn{border:1px solid #e5e7eb;background:#fff;color:#0f172a;padding:10px 12px;border-radius:10px;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;gap:8px}.fb-btn.primary{background:#eff6ff;border-color:#dbeafe;color:#1d4ed8}.fb-preview{display:inline-flex;align-items:center;gap:8px;color:#475569}.fb-summary{border:1px solid #e5e7eb;background:#f9fafb;border-radius:12px;padding:12px;margin-top:8px}.fb-summary-row{display:flex;align-items:center;justify-content:space-between;padding:6px 2px;color:#0f172a}.fb-summary-row.total{border-top:1px dashed #e5e7eb;margin-top:6px;padding-top:10px;font-weight:800}@media (min-width: 680px){.fb-grid{grid-template-columns:repeat(2,1fr)}.fb-form-group.full{grid-column:span 2}}.drug-lists-container{display:flex;flex-direction:column;gap:1.5rem;padding:1rem;height:100%;overflow-y:auto;background-color:#f8f9fa}.list-section-card{background:#fff;border-radius:8px;padding:1.25rem;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column}.list-section-card h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.1rem;color:#343a40}.list-controls{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.list-field-with-icon,.list-field-select{display:flex;align-items:center;background-color:#f1f3f5;border-radius:6px;padding:0 .5rem;border:1px solid #dee2e6}.list-field-with-icon input,.list-field-select select{width:100%;border:none;background:transparent;padding:.6rem .5rem;font-size:.9rem;outline:none}.list-field-with-icon svg,.list-field-select svg{color:#868e96}.item-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.item-card{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border:1px solid #e9ecef;border-radius:6px;background-color:#fff;transition:background-color .2s,box-shadow .2s}.item-card:hover{background-color:#f8f9fa;box-shadow:0 1px 3px #0000000a}.item-main{display:flex;flex-direction:column;gap:.2rem}.item-name{font-weight:600;color:#212529}.item-date,.item-badge{font-size:.8rem;color:#6c757d}.item-badge{background-color:#e7f5ff;color:#1c7ed6;padding:.1rem .4rem;border-radius:4px;font-weight:500}.item-actions{display:flex;gap:.5rem}.item-actions button{display:flex;align-items:center;gap:.3rem;padding:.4rem .8rem;font-size:.85rem;border-radius:5px;cursor:pointer;border:1px solid transparent;font-weight:500}.fill-btn{background-color:#20c997;color:#fff}.fill-btn:hover{background-color:#1baa80}.view-btn{background-color:#f1f3f5;color:#495057;border-color:#dee2e6}.view-btn:hover{background-color:#e9ecef}.share-btn{background-color:#e7f5ff;color:#1971c2}.share-btn:hover{background-color:#d0ebff}.hint-text{text-align:center;color:#868e96;padding:2rem 1rem;background-color:#f8f9fa;border-radius:6px;font-size:.9rem}: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{background:#fef3c7;color:#d97706}.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}@keyframes spin{to{transform:rotate(360deg)}}@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}.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.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 label{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.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: 480px){.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}.inventory-table td{border:none;border-bottom:1px solid #f1f5f9;position:relative;padding:var(--spacing-sm) 0;display:flex;justify-content:space-between;align-items:center;min-height:44px}.inventory-table td:last-child{border-bottom:none}.inventory-table td:before{content:attr(data-label) ": ";font-weight:600;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase}.action-buttons:before{display:none}.action-buttons{justify-content:flex-end;gap:var(--spacing-xs)}}@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{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}.form-group textarea{resize:vertical;min-height:80px}@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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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}}.prx-container{display:flex;min-height:100vh;background:#f7fbfd;font-family:Inter,Segoe UI,Arial,sans-serif}.prx-sidebar{width:260px;background:#f0fcfa;border-right:1px solid #e4e7ec;padding:16px;display:flex;flex-direction:column;min-height:100vh}.prx-sidebar-title{display:flex;align-items:center;color:#34bab6;font-size:18px;letter-spacing:.5px;margin-bottom:24px}.prx-search-bar{display:flex;align-items:center;margin-bottom:16px;background:#fff;border-radius:16px;padding:4px 12px;box-shadow:0 2px 8px #34bab60a}.prx-search-bar input{border:none;outline:none;background:none;margin-left:8px;width:100%;font-size:15px;color:#4e5d6c}.prx-patient-list{list-style:none;padding:0;margin-bottom:20px}.prx-patient-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;cursor:pointer;border-radius:8px;margin-bottom:6px;transition:background .18s;font-size:16px;color:#2d3a4b}.prx-patient-item.active{background:#e3fafb}.prx-patient-name{font-weight:500}.prx-view-btn{background:#e8f6f3;color:#34bab6;border:none;border-radius:6px;padding:4px 10px;font-size:13px;display:flex;align-items:center;gap:4px;cursor:pointer}.prx-add-patient-btn{margin-top:auto;background:#34bab6;color:#fff;border:none;border-radius:10px;padding:10px 0;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s}.prx-add-patient-btn:hover{background:#27a69c}.prx-main-content{flex:1;padding:30px;display:flex;flex-direction:column;gap:22px}.prx-card{background:#fff;border-radius:14px;box-shadow:0 2px 8px #34bab614;padding:18px 24px;margin-bottom:0}.prx-header{display:flex;align-items:center;gap:8px;font-size:18px;margin-bottom:18px;font-weight:500}.prx-action-btns{margin-left:auto;display:flex;gap:8px}.prx-action-btns button{background:#e8f6f3;color:#34bab6;border:none;border-radius:7px;padding:6px 14px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:4px}.prx-action-btns button.active{background:#34bab6;color:#fff}.prx-profile-info>div,.prx-consented-history>div{margin-bottom:7px;font-size:16px}.prx-profile-history-label{font-weight:600;color:#4e5d6c}.prx-status-active{color:#36c585;background:#edfef4;padding:2px 12px;border-radius:12px;font-size:14px;font-weight:500}.prx-vitals-form{display:flex;gap:18px;flex-wrap:wrap}.prx-form-group{display:flex;flex-direction:column;gap:3px;min-width:120px}.prx-form-group label{color:#27a69c;font-size:15px;font-weight:500;margin-bottom:2px}.prx-form-group input{border:1px solid #e4e7ec;border-radius:7px;padding:6px 12px;font-size:14px;outline:none;margin-bottom:2px}.prx-notes-form{display:flex;gap:10px;margin-bottom:10px}.prx-notes-form textarea{flex:1;border-radius:7px;padding:8px;font-size:15px;border:1px solid #e4e7ec;resize:vertical}.prx-add-note-btn{background:#34bab6;color:#fff;border:none;border-radius:7px;padding:8px 18px;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s}.prx-notes-list{list-style:none;padding:0}.prx-note-item{padding:8px 12px;background:#f0f8ff;border-radius:7px;margin-bottom:7px;display:flex;align-items:center;gap:10px;font-size:15px}.prx-empty{color:#b0bec5;font-size:15px;padding:10px}.prx-note-time{color:#27a69c;font-size:13px;font-weight:500;margin-right:10px}.prx-note-text{flex:1;word-break:break-all}@media (max-width: 900px){.prx-container{flex-direction:column;min-height:unset}.prx-sidebar{width:100%;min-height:unset;border-right:none;border-bottom:1px solid #e4e7ec;flex-direction:row;align-items:flex-start;padding:8px;overflow-x:auto}.prx-sidebar-title{font-size:16px}.prx-search-bar{min-width:160px;margin-right:12px}.prx-patient-list{flex-direction:row;display:flex;gap:8px}.prx-patient-item{font-size:14px;padding:7px 10px;margin-bottom:0}.prx-main-content{padding:15px;gap:12px}.prx-card{padding:12px 8px;border-radius:10px;font-size:14px}.prx-header{font-size:15px}}.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}.file-info{display:flex;align-items:center;gap:12px;flex:1}.file-icon{font-size:32px}.file-details{flex:1}.file-name{font-size:15px;font-weight:600;color:#1a1f36;margin:0 0 4px;word-break:break-word}.file-size{font-size:13px;color:#8792a2;margin:0}.clear-btn{background:#ff6b6b;color:#fff;border:none;width:32px;height:32px;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease,transform .2s ease;flex-shrink:0}.clear-btn:hover{background:#ff5252;transform:scale(1.1)}.progress-bar-container{width:100%;height:8px;background:#e3e8ef;border-radius:4px;overflow:hidden;margin-bottom:16px}.progress-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.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}.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;line-height:1.6}.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}.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}@media (max-width: 768px){.doctor-support-container{padding:16px}.page-title{font-size:26px}.page-subtitle{font-size:14px}.support-card{padding:20px}.card-header{flex-direction:column;gap:12px}.header-icon{width:48px;height:48px;font-size:28px}.alert-content{flex-direction:column}.btn-notify-doctor{align-self:stretch;justify-content:center}.system-notification{left:16px;right:16px;bottom:16px;max-width:none}}@media (max-width: 480px){.page-title{font-size:22px}.card-title{font-size:18px}.upload-label{padding:30px 16px}.upload-icon{font-size:40px}.instruction-item{padding:10px 12px}}.home-care-visits-container{width:100%;padding:20px;background:#f5f7fa;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.page-title{font-size:32px;font-weight:700;color:#2c3e50;margin-bottom:30px;border-bottom:4px solid #3498db;padding-bottom:10px}.visits-section{margin-bottom:40px;background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #00000014}.section-title{font-size:22px;font-weight:600;color:#34495e;margin-bottom:20px;border-left:5px solid #3498db;padding-left:15px}.visits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.visit-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease;border-left:5px solid #3498db}.visit-card:hover{transform:translateY(-5px);box-shadow:0 6px 20px #00000026}.pending-card{border-left-color:#f39c12}.accepted-card{border-left-color:#27ae60}.completed-card{border-left-color:#95a5a6;opacity:.85}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #ecf0f1}.card-header h4{font-size:20px;font-weight:600;color:#2c3e50;margin:0}.status-badge{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase}.status-pending{background:#fff3cd;color:#856404}.status-accepted{background:#d4edda;color:#155724}.status-rejected{background:#f8d7da;color:#721c24}.status-completed{background:#d1ecf1;color:#0c5460}.card-body{margin-bottom:15px}.info-row{display:flex;align-items:flex-start;margin-bottom:10px;font-size:15px;color:#34495e;line-height:1.5}.info-row .icon{font-size:18px;margin-right:10px;min-width:25px}.edit-input{flex:1;padding:8px;border:2px solid #3498db;border-radius:6px;font-size:14px;outline:none;transition:border-color .3s ease}.edit-input:focus{border-color:#2980b9}.card-actions{display:flex;gap:10px;margin-top:15px}.card-actions button{flex:1;padding:10px 15px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.card-actions button:hover{transform:scale(1.05)}.btn-accept{background:#27ae60;color:#fff}.btn-accept:hover{background:#229954}.btn-reject{background:#e74c3c;color:#fff}.btn-reject:hover{background:#c0392b}.btn-edit{background:#3498db;color:#fff}.btn-edit:hover{background:#2980b9}.btn-complete{background:#16a085;color:#fff}.btn-complete:hover{background:#138d75}.btn-save{background:#27ae60;color:#fff}.btn-save:hover{background:#229954}.btn-cancel{background:#95a5a6;color:#fff}.btn-cancel:hover{background:#7f8c8d}.empty-message{text-align:center;color:#7f8c8d;font-size:16px;padding:30px;font-style:italic}@media (max-width: 768px){.home-care-visits-container{padding:15px}.page-title{font-size:26px}.visits-grid{grid-template-columns:1fr}.section-title{font-size:18px}.card-actions{flex-direction:column}.card-actions button{width:100%}}@media (max-width: 480px){.page-title{font-size:22px}.visits-section,.visit-card{padding:15px}.card-header h4{font-size:18px}.info-row{font-size:14px}}.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}.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}.filter-select:focus{outline:none;border-color:#3498db}.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}.date-input:focus{outline:none;border-color:#3498db}.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{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.pdf-btn{background:#e74c3c;color:#fff}.pdf-btn:hover{background:#c0392b}.csv-btn{background:#27ae60;color:#fff}.csv-btn:hover{background:#229954}.btn-icon{font-size:18px}.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}.summaries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:15px}.summary-card{background:#f8f9fa;border-radius:10px;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(-3px);box-shadow:0 4px 15px #0000001f}.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}}@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:1100px;margin:2rem auto;padding:2.5rem;background-color:#fff;border-radius:16px;box-shadow:0 8px 25px #00000014;box-sizing:border-box}.settings-header{padding-bottom:1rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.settings-header h1{font-size:1.8rem;font-weight:700;margin:0}.settings-header p{font-size:1rem;color:#6c757d;margin-top:.25rem}.settings-section{border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.5rem;overflow:hidden}.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)}@media (max-width: 1200px){.settings-container{margin-left:1rem;margin-right:1rem;width:auto}}@media (max-width: 768px){body{background-color:#fff}.settings-container{padding:1.5rem 1rem;margin:0;box-shadow:none;border-radius:0}.settings-header h1{font-size:1.5rem}.form-grid{grid-template-columns:1fr}.profile-photo-section{flex-direction:column;align-items:flex-start}.section-actions{flex-direction:column}.btn-primary,.btn-secondary,.btn-danger,.btn-danger-outline{width:100%}}