@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";:root{--primary-color: #4f46e5;--primary-hover: #4338ca;--secondary-color: #0d9488;--danger-color: #dc2626;--danger-bg: #fee2e2;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--bg-page: #f8fafc;--bg-card: #ffffff;--bg-hover: #f1f5f9;--border-color: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04)}.settings-page{margin:2rem auto}.settings-page h2{margin:.5rem auto}.settings-page p{margin-bottom:1rem}.settings-header h2{margin:.25 0 .25rem 0;color:var(--text-primary)}.settings-header p{margin:0 0 1rem;color:var(--text-secondary)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13.75rem,16.25rem));gap:1rem;max-width:68.75rem;justify-content:center}.settings-card{display:flex;gap:1rem;align-items:center;padding:1rem;background:var(--bg-card);border-radius:.5rem;box-shadow:var(--shadow-md);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.settings-card:hover{transform:translateY(-.1875rem);box-shadow:0 6px 12px -2px #00000014}.settings-card-icon{font-size:2.2rem;min-width:3rem}.settings-card-body h3{margin:0 0 .25rem;font-size:1rem;color:var(--text-primary)}.settings-card-body p{margin:0;color:var(--text-secondary);font-size:.85rem}.medicine-page{max-width:68.75rem;margin:1.5rem auto;padding:1rem;height:100vh}.medicine-grid{display:grid;grid-template-columns:20.5rem 1fr;gap:1rem;align-items:start}.medicine-form-card,.medicine-list-card{background:#fff;border-radius:.625rem;padding:1rem;box-shadow:0 .5rem 1.875rem #0e233a0f;border:.0625rem solid rgba(15,23,42,.04)}.medicine-form-card h3{margin-top:0}.medicine-form label{display:block;margin-top:.5rem;color:#334155;font-weight:600}.medicine-form input,.medicine-form textarea{width:100%;padding:.5rem;border-radius:.5rem;border:1px solid var(--border-color);margin-top:.25rem}.medicine-form .error{color:var(--danger-color);margin-top:.5rem}.list-header{display:flex;gap:.5rem;align-items:center;margin-bottom:.75rem}.list-body{padding:2px;overflow:auto}.medicine-table{width:100%;border-collapse:collapse}.medicine-table th,.medicine-table td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--bg-hover)}.medicine-table th{color:var(--text-primary);font-size:.9rem}.td-button-box{display:flex}.medicine-table td{font-size:.9rem;color:var(--text-secondary)}.medicine-table td button{margin-right:.4rem;padding:3px 5px;border-radius:3px}.add-btn{background-color:var(--primary-color);color:#fff}.add-btn:hover{background-color:var(--primary-hover)}.secondary{background-color:var(--secondary-color);color:#fff}.remove-btn{background-color:var(--danger-bg);color:var(--danger-color);border-color:var(--danger-bg)}.remove-btn:hover{background-color:#fecaca}.clear-btn{background-color:var(--bg-card);color:var(--text-secondary);border-color:#abafb4}.clear-btn:hover{background-color:var(--bg-hover)}@media (max-width: 56.25rem){.medicine-grid{grid-template-columns:1fr}}@media (max-width: 37.5rem){.settings-page{padding:1rem}.settings-grid{grid-template-columns:1fr;max-width:100%}}.list-footer{display:flex;justify-content:space-between;align-items:center;padding:.75rem .25rem;border-top:.0625rem solid #f2f6fb;margin-top:.75rem}.pagination{display:flex;gap:4px;align-items:center;justify-content:flex-end}.pagination button{padding:6px 12px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;font-weight:500}.pagination button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.footer-note{color:var(--text-muted);font-size:.9rem}.settings-footer{text-align:center;padding:.75rem 0;color:var(--text-muted);margin-top:1.25rem}.medicine-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.header-title-group h2{text-align:left;font-family:Montserrat,sans-serif;margin-bottom:5px}.header-title-group p{color:#8f8f8f}.medicine-page-header .header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filter-search-box{background-color:var(--bg-main);padding:.5rem 0 1px;position:sticky;top:-2.5rem;border-bottom:3px solid var(--primary-color);border-radius:.5rem;z-index:1;background-color:#fff;padding:1rem}.filter-bar{display:flex;gap:1rem;align-items:flex-end;padding:1rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:.5rem;flex-wrap:wrap;margin-top:1rem}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-group label{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.filter-group input,.filter-group select{padding:.575rem}.medicine-list-container{display:flex;flex-direction:column;gap:8px}.medicine-list-item{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#fff;border-radius:8px;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s ease-in-out}.medicine-list-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.medicine-info{flex:1;min-width:0}.medicine-name{font-weight:600;color:var(--text-primary);display:block}.medicine-symptoms{font-size:13px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.medicine-type-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;color:var(--text-primary);flex-shrink:0;width:fit-content}.medicine-actions{display:flex;align-items:center;gap:1.5rem;color:var(--text-secondary)}.action-buttons{display:flex;gap:8px}.icon-btn{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:6px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;color:var(--text-secondary);transition:all .2s}.icon-btn:hover{background:var(--border-color)}.icon-btn.secondary{background-color:#f0fdfa;color:var(--secondary-color)}.icon-btn.secondary:hover{background-color:#ccfbf1}.icon-btn.remove-btn{background:var(--danger-bg);color:var(--danger-color)}.icon-btn.remove-btn:hover{background:#fecaca}.medicine-list-item-skeleton{background:var(--bg-card);border:1px solid var(--border-color);padding:12px;border-radius:8px;min-height:60px;display:flex;align-items:center}.edit-drawer{position:fixed;top:0;right:0;width:70vw;height:100%;background:var(--bg-card);box-shadow:-4px 0 12px #00000026;padding:20px;z-index:1100;overflow-y:auto;transition:transform .3s ease-in-out;display:flex;flex-direction:column;resize:horizontal;min-width:350px;max-width:90vw;animation:slideLeft .2s ease}@keyframes slideLeft{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.edit-drawer:before{content:"";position:absolute;left:0;top:0;width:6px;height:100%;cursor:col-resize;background:linear-gradient(90deg,rgba(79,70,229,.15),transparent);transition:background .2s}.edit-drawer:hover:before{background:linear-gradient(90deg,rgba(79,70,229,.35),transparent)}.medicine-form{display:flex;flex-direction:column;gap:1.2rem}.invoice-form-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:1rem;box-shadow:var(--shadow-sm);width:100%}.invoice-form-card h3{margin-top:0;color:var(--text-primary)}.invoice-input{width:100%;padding:.6rem .8rem;border-radius:6px;border:1px solid var(--border-color);font-size:.95rem;height:40px}.invoice-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #4f46e50f}.invoice-items-table{width:100%;border-collapse:collapse;margin-top:8px}.invoice-items-table th,.invoice-items-table td{padding:8px 10px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.invoice-items-table thead th{color:var(--text-secondary);font-size:.85rem;font-weight:600;text-align:left}.invoice-items-table tbody td input{width:100%;padding:6px 8px;border-radius:6px;border:1px solid var(--border-color)}.invoice-items-table tbody td .small-number{width:80px}.invoice-summary{display:flex;flex-direction:column;gap:6px;color:var(--text-primary)}.btn-primary{background:linear-gradient(90deg,var(--primary-color),var(--primary-hover));color:#fff;border-color:#0000000a}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-danger{background:var(--danger-bg);color:var(--danger-color);border:1px solid rgba(220,38,38,.06)}.btn-small{padding:6px 8px;border-radius:6px;font-size:.9rem}.btn-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}.badge-status{display:inline-block;padding:3px 8px;border-radius:999px;font-weight:500;font-size:.75rem;color:#fff}.badge-unpaid{background:#f97316}.badge-partial{background:#f59e0b}.badge-paid{background:#10b981}.badge-cancelled{background:#6b7280}.muted{color:var(--text-muted)}.medicine-form label{font-weight:600;color:var(--text-primary);margin-bottom:.4rem;display:block;font-size:.9rem}.medicine-form input,.medicine-form textarea{padding:.7rem .8rem;border:1px solid var(--border-color);border-radius:6px;font-size:.95rem;font-family:inherit;transition:border-color .2s,box-shadow .2s;background:#fff}.medicine-form input:focus,.medicine-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a}.medicine-form h4{margin-top:1.8rem;margin-bottom:1rem;color:var(--text-primary);font-size:1rem;border-bottom:2px solid var(--border-color);padding-bottom:.6rem}.medicine-form>div[style*="display: flex"][style*=gap]{display:flex!important;gap:8px!important;align-items:flex-start;padding:12px;background:var(--bg-hover);border-radius:6px;margin-bottom:10px;flex-wrap:wrap}.medicine-form>div[style*="display: flex"][style*=gap] input{flex:1;min-width:100px}.medicine-form>div[style*="display: flex"][style*=gap] button{padding:.6rem .9rem;white-space:nowrap;flex-shrink:0}.invoice-list-wrap{overflow-y:auto;border:1px solid rgb(238,238,238);padding:20px;background:#fff;display:flex;flex-direction:column;gap:15px}.invoice-card-item{padding:14px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 3px 10px -2px #00000018;border-radius:3px}.invoice-card-item:has(.badge-unpaid){border-left:4px solid #ffc39c}.invoice-card-item:has(.badge-paid){border-left:4px solid #9bdcc7}.invoice-title-div{font-weight:700;display:flex;gap:8px;align-items:center;margin-bottom:4px}.invoice-numb{font-family:Montserrat,sans-serif;color:#6a7084}.invoice-info{color:#959595;font-family:Inter,sans-serif;line-height:150%;font-size:14px}.icn-btn{border:0;font-size:13px;background:#efefff;width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 0 10px -4px #000000a8;transition:.5s all ease;cursor:pointer}.icn-btn:hover{box-shadow:0 0 10px -1px #0006}.icn-btn[title=Edit]{color:#1b2aca}button.icn-btn[title=Delete]{font-size:13px;color:#b24d4d;background:#ffe9e9}.filter-search-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.filter-search-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-search-right{display:flex;gap:8px;align-items:center}.catlog-title-wrap h2{text-align:left;margin:0}@media (max-width: 768px){.medicine-page{padding:1rem}.medicine-page-header{flex-direction:column;align-items:stretch}.medicine-list-item{flex-direction:column;align-items:stretch;gap:12px}.medicine-actions{flex-wrap:wrap;justify-content:space-between;gap:12px}.medicine-actions>div:not(.action-buttons){min-width:0}.edit-drawer{width:100%;max-width:100vw;border-radius:0;box-shadow:none}.pagination{justify-content:center}.footer-note{text-align:center}}@media screen and (max-width: 767px){.page.medicine-settings .toolbar{position:static}.filter-group{width:100%}.filter-group:has(.btn-cls){width:auto}.filter-search-top{flex-direction:column;gap:15px;align-items:flex-start}.filter-search-right{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.medicine-page-header .header-actions{flex-direction:column;align-items:stretch}}.autosuggest-input{position:relative;width:100%}.autosuggest-input input{width:100%;padding:.5rem .7rem;border:1px solid #cbd5e1;border-radius:.4rem;font-size:1rem}.suggestion-list{position:auto;left:0;right:0;top:100%;z-index:10;background:#fff;border:1px solid #cbd5e1;border-top:none;border-radius:0 0 .4rem .4rem;max-height:180px;overflow-y:auto;margin:0;padding:0;list-style:none;box-shadow:0 4px 16px #00000012}.suggestion-list li{padding:.5rem .7rem;cursor:pointer;font-size:1rem}.suggestion-list li.highlight,.suggestion-list li:hover{background:#e0e7ff;color:#1e293b}.suggestion-item-display{display:flex;justify-content:space-between;align-items:center}.suggestion-score{margin-left:8px}.suggestion-score.exact{color:#064e3b}.suggestion-score.matched{color:#6b7280}.disease-suggestions-dropdown{margin-top:.5rem}.disease-suggestions-title{margin:8px 0 4px;font-size:.9rem;color:#555;font-weight:600}.disease-suggestions-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.disease-suggestion-item{padding:.3rem .5rem;border-radius:.3rem;cursor:pointer;border:.0625rem solid #dae4f1;color:#334155;background-color:#e8f2ff;font-size:.8rem;transition:background-color .2s,border-color .2s}.selected{background-color:#e0f2fe;border-color:#0284c7}:root{--bg: #f6f9fc;--card: #ffffff;--muted: #7f8c8d;--primary-1: #06b6d4;--primary-2: #0b74ff;--accent: #0b60d9}.main{background:var(--bg);min-height:100vh;padding:0;width:100%;font-family:Inter,sans-serif;color:#334155}.step-slide{position:relative;border-radius:2px;margin:1rem 0 2rem}.container{max-width:90%;margin:0 auto;background:var(--card);border-radius:.75rem;box-shadow:0 10px 30px #0e233a14;padding:2rem 2rem 6.25rem;border:1px solid rgba(15,23,42,.04)}.content-box{padding:2rem}@media (max-width: 485px){.content-box{padding:2px}}.pres-header{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#0f172a}.pres-header .sub-header{font-size:.6rem;font-weight:500;margin-top:.25rem;color:#475569}.form-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#0f172a;text-align:left}.progressbar{display:flex;gap:1rem;list-style:none;padding:0;margin:0 0 1.25rem;align-items:center;counter-reset:step}.progressbar li{display:flex;flex-direction:column;align-items:center;cursor:pointer;position:relative;padding:0 .25rem;min-width:5rem}.progressbar li:not(:last-child):after{content:"";position:absolute;right:-50%;top:.875rem;width:100%;height:.1875rem;background:#e6eef8;z-index:0}.progressbar .step-label{font-size:12px;color:var(--muted);margin-top:8px}.progressbar li{outline:none}.progressbar li:before{content:counter(step);counter-increment:step;display:block;width:2.25rem;height:2.25rem;border-radius:50%;border:.125rem solid #e6eef8;background:#fff;color:var(--muted);display:flex;align-items:center;justify-content:center;font-weight:700;z-index:1}.progressbar li.completed:before{background:linear-gradient(90deg,var(--primary-1),var(--primary-2));color:#fff;border-color:transparent}.progressbar li.active:before{background:linear-gradient(90deg,var(--primary-2),var(--accent));color:#fff;border-color:transparent}.form-main{display:flex;flex-direction:column;gap:1.5rem}.form-step{display:grid;grid-template-columns:1fr 20rem;gap:1rem;align-items:start}.form-step{grid-auto-rows:auto}.form-step.full-step{grid-template-columns:1fr}.form-step.full-step .right{display:none}.form-step .right{background:#fbfdff;padding:1rem;border-radius:.5rem;border:.0625rem solid #eef3fb}.pres-form-row{display:flex;gap:1rem;flex-wrap:wrap}.pres-form-group{flex:1;min-width:10rem;display:flex;flex-direction:column}.pres-form-group label,label select{font-weight:600;color:#334155}.form-control,.pres-form-group input,.pres-form-group select,.pres-form-group textarea{padding:.55rem .75rem;border-radius:.5rem;border:.0625rem solid #dae4f1;background:#fff}.medicalHistory-btns{cursor:pointer;padding:.3rem .5rem;border-radius:.3rem;border:.0625rem solid #dae4f1;color:#334155;background-color:#e8f2ff}.medicalHistory-btns-active{cursor:pointer;padding:.3rem .5rem;border-radius:.3rem;color:#334155;background-color:#f0f9ff;border:1px solid #0ea5e9}.medicalHistory-btns:hover,.medicalHistory-btns-active:hover{background-color:#e0f2fe;border-color:#0284c7}.refresh-btn{display:flex;align-items:center;background:#e0f2fe;border:1px solid #0284c7;padding:.4rem;border-radius:.5rem;cursor:pointer;color:#0284c7;box-shadow:2px 2px 3px #bebebe,-2px -2px 3px #fff}.refresh-btn:active{box-shadow:-2px -2px 3px #bebebe,2px 2px 3px #fff}.form-control:focus,.pres-form-group input:focus,label select:focus{outline:none;border-color:var(--primary-2);box-shadow:0 8px 24px #0b74ff14}.full-width{flex:2}.medicine-section{background:#f9fafb;border-radius:.5rem;padding:1rem;border:.0625rem solid #e9f0f8;width:100%;display:block;grid-column:1 / -1!important}.medicine-data{overflow-x:auto}.medicines-list{min-width:56.25rem;display:flex;flex-direction:column;gap:.6rem}.medicine-head{min-width:56.25rem;font-weight:600;padding:.5rem 0;margin:.5rem 0;background:#dae4f1;border-radius:.5rem}.medicine-row{display:grid;grid-template-columns:2rem 1.5fr 1fr 1fr 1fr 1fr 1fr 1fr 4.5rem;gap:.5rem}.parity-box{display:flex;gap:.2rem;align-items:start}.medHistory-checkboxes{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:.55rem .75rem;border-radius:.5rem;border:.0625rem solid #dae4f1;background:#fff}.medicine-checkbox{display:flex;justify-content:center;align-items:start;padding-top:.2rem}.medicine-checkbox input,.test-advice-table input[type=checkbox]{width:1.5rem;height:1.5rem;cursor:pointer}.medicine-row input{padding:.45rem;border-radius:.5rem;border:.0625rem solid #dae4f1}.remove-btn{background:#fff;border:.0625rem solid #fdecee;color:#b91c1c;padding:.45rem .6rem;border-radius:.375rem;cursor:pointer}.medicine-actions{display:flex;gap:.6rem;margin-top:.25rem}.add-btn{background:linear-gradient(90deg,var(--primary-1),var(--primary-2));color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer}.cross-box{display:flex;align-items:center;gap:.5rem;position:fixed;top:.5rem;right:3rem}.toggle-section{border-radius:0 0 .5rem .5rem;gap:0rem}.toggle-section label{margin-bottom:0;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.toggle-title{padding:.5rem;background:#dae4f1;border-radius:.5rem .5rem 0 0;width:auto}.toggle-title input[type=checkbox]{width:auto}.toggle-content{padding:.5rem;background:#eef0f2be;border:1px solid #ddd;border-radius:0 0 .5rem .5rem;display:grid;gap:1rem}.toggle-section .OE-label{margin-bottom:.35rem}.clear-btn{background:#fff;border:.0625rem solid #e6eef8;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer}.icon-btn{background:#fff;border:.0625rem solid #e6eef8;padding:.45rem .6rem;border-radius:.45rem;cursor:pointer;font-size:1rem}.icon-btn.secondary{background:#fff;border:.0625rem solid #e6eef8}.clear-btn:hover{background:#1f7adb;color:#fff}.step-footer{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.6rem}.btn-primary{background:linear-gradient(90deg,var(--primary-2),var(--accent));color:#fff;border:none}.secondary{background:#fff;border:.0625rem solid #e6eef8}.wizard-footer{position:fixed;left:0;right:0;bottom:0;display:flex;gap:.75rem;justify-content:flex-end;align-items:center;padding:.75rem 2rem;background:#fffffffa;border-top:.0625rem solid #eef3fb;z-index:60}.wizard-footer .btn{box-shadow:0 .375rem 1.125rem #0b74ff0f}.medicine-section{background:#eef0f2be;border-radius:.5rem;padding:1rem;border:.0625rem solid #ddd}.form-step .full-width{grid-column:1 / -1}.muted{color:var(--muted);font-size:.8125rem}.review-card{background:#fff;border:.0625rem solid #eef3fb;padding:1rem;border-radius:.5rem}@media (max-width: 56.25rem){.form-step{grid-template-columns:1fr}.progressbar{overflow-x:auto}.form-control,.pres-form-group input,.pres-form-group select{font-size:.875rem}}.reschedule-modal-content{display:flex;flex-direction:column;gap:1.5rem}.reschedule-modal-content h2{margin:0;color:#333;font-size:1.5rem;font-weight:600}.appointment-info{background-color:#f5f5f5;padding:1rem;border-radius:8px;border-left:4px solid #0859af}.appointment-info p{margin:.5rem 0;color:#555;font-size:.95rem}.appointment-info strong{color:#333;font-weight:600}.date-picker-section{display:flex;flex-direction:column;gap:.75rem}.date-picker-section label{color:#333;font-size:.95rem;font-weight:500}.date-input{padding:.75rem;border:2px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .3s}.date-input:focus{outline:none;border-color:#0859af;box-shadow:0 0 0 3px #0859af1a}.date-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.save-btn,.cancel-btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s}.save-btn{background-color:#0859af;color:#fff}.save-btn:hover:not(:disabled){background-color:#063d7a;transform:translateY(-2px);box-shadow:0 4px 8px #0859af4d}.save-btn:disabled{background-color:#ccc;cursor:not-allowed}.cancel-btn{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.cancel-btn:hover:not(:disabled){background-color:#e8e8e8;transform:translateY(-2px)}.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.slot-checker-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.slot-checker-popup{width:550px;max-width:90vw;height:auto;max-height:85vh;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}.slot-checker-popup-header{display:flex;justify-content:space-between;align-items:center;padding:1.2rem;background:linear-gradient(135deg,#0859af,#0d7bb5);color:#fff;border-bottom:none}.slot-checker-popup-header h3{margin:0;font-size:1.15rem;font-weight:600}.popup-close-btn{background:none;border:none;color:#fff;cursor:pointer;padding:.3rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.popup-close-btn:hover{transform:scale(1.2) rotate(90deg);opacity:.9}.popup-close-btn.btn-icon{color:#fff}.popup-doctor-selector{padding:1rem 1.2rem;background:#f9f9f9;border-bottom:1px solid #e0e0e0}.popup-doctor-selector.popup-fixed-doctor{padding:.8rem 1.2rem}.popup-fixed-doctor-name{font-weight:600;color:#0859af;font-size:.98rem;text-align:center;padding:.6rem;background:linear-gradient(135deg,#f0f5ff,#e8f1ff);border-radius:6px;border-left:4px solid #0859af;display:flex;align-items:center;justify-content:center;min-height:2.8rem}.popup-doctor-select{width:100%;padding:.7rem;border:1px solid #ddd;border-radius:6px;font-size:.95rem;background-color:#fff;cursor:pointer;transition:all .3s ease}.popup-doctor-select:hover{border-color:#0859af;box-shadow:0 0 0 3px #0859af1a}.popup-doctor-select:focus{outline:none;border-color:#0859af;box-shadow:0 0 0 3px #0859af33}.slot-checker-popup-content{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;padding:1.2rem;overflow-y:auto;flex:1}.popup-calendar-wrapper{display:flex;flex-direction:column;gap:1rem}.popup-doctor-name{font-weight:600;color:#333;font-size:.95rem;text-align:center;padding:.6rem;background:#f5f5f5;border-radius:6px;border-left:4px solid #0859af}.popup-loading{display:flex;align-items:center;justify-content:center;height:300px;color:#999;font-size:.9rem}.popup-calendar{background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:8px!important;padding:.5rem!important;font-size:.85rem!important}.popup-calendar .react-calendar__tile{padding:.4rem!important;min-height:48px!important;position:relative;background:#fff;border:1px solid #f0f0f0;transition:all .2s ease;font-size:.8rem}.popup-calendar .react-calendar__tile:hover{background-color:#f0f5ff;border-color:#0859af;transform:scale(.98)}.popup-calendar .react-calendar__tile--active{background-color:#0859af!important;color:#fff!important;border-color:#0859af!important}.popup-calendar .tile-disabled{background-color:#f5f5f5!important;color:#6b6b6b!important;cursor:not-allowed}.popup-calendar .tile-green{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)!important;border-color:#4caf50!important}.popup-calendar .tile-yellow{background:linear-gradient(135deg,#fff8e1,#ffe082)!important;border-color:#fbc02d!important}.popup-calendar .tile-red{background:linear-gradient(135deg,#ffebee,#ef9a9a)!important;border-color:#f44336!important}.tile-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.slot-number{font-size:1rem;color:#0859af;font-weight:700}.tile-red .slot-number{color:#d32f2f}.popup-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;padding:.8rem;background-color:#f9f9f9;border-radius:6px;border:1px solid #e0e0e0}.popup-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#666}.popup-legend-dot{width:18px;height:18px;border-radius:3px;border:1px solid #ddd;flex-shrink:0}.popup-legend-dot.green{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#4caf50}.popup-legend-dot.yellow{background:linear-gradient(135deg,#fff8e1,#ffe082);border-color:#fbc02d}.popup-legend-dot.red{background:linear-gradient(135deg,#ffebee,#ef9a9a);border-color:#f44336}.react-calendar__navigation button:disabled{background-color:#e4e4e4;color:#000;font-size:15px}.popup-slot-details{display:flex;flex-direction:column;gap:.8rem;padding:1rem;background-color:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0;height:fit-content;max-height:350px;overflow-y:auto;height:100%}.popup-detail-header{font-weight:700;color:#0859af;font-size:1rem;padding-bottom:.8rem;border-bottom:2px solid #0859af;text-align:center}.popup-details-list{display:flex;flex-direction:column;gap:.7rem}.popup-detail-item{display:flex;justify-content:space-between;align-items:center;padding:.7rem;background-color:#fff;border-radius:6px;border-left:3px solid #0859af;font-size:.9rem}.popup-detail-item span:first-child{color:#666;font-weight:500}.popup-detail-item strong{color:#333;font-weight:700;font-size:1.1rem}.popup-detail-item .text-green{color:#4caf50;font-weight:700}.popup-detail-item .text-red{color:#f44336;font-weight:700}.popup-no-work{text-align:center;background-color:#fff;border-radius:6px;color:#f44336;font-weight:600;font-size:.875rem}@media (max-width: 700px){.slot-checker-popup{width:95vw;max-height:90vh}.slot-checker-popup-content{grid-template-columns:1fr;gap:1rem;padding:1rem}.popup-calendar .react-calendar__tile{min-height:44px!important;padding:.3rem!important}.popup-legend{grid-template-columns:1fr}.popup-slot-details{max-height:none}}@media (max-width: 480px){.slot-checker-popup-header h3{font-size:1rem}.slot-checker-popup{border-radius:12px 12px 0 0;max-height:100vh}.popup-calendar .react-calendar__tile{min-height:40px!important;font-size:.7rem}.slot-number{font-size:.9rem}.popup-detail-item{padding:.6rem;font-size:.85rem}.popup-detail-header{font-size:.95rem}}.dashboard-metrics-container{display:flex;gap:12px;margin:16px 0;align-items:stretch}@media (max-width: 700px){.dashboard-metrics-container{flex-direction:column}}.dashboard-metric-card{display:flex;gap:12px;align-items:center;padding:16px;border-radius:12px;box-shadow:0 6px 18px #061e460f;flex:1}.dashboard-metric-card.blue{background:linear-gradient(90deg,#f7f9ff,#eef6ff)}.dashboard-metric-card.red{background:linear-gradient(90deg,#fff7f6,#fff1ef);box-shadow:0 6px 18px #4606060a}.dashboard-metric-icon{width:64px;height:64px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #061e4614}.dashboard-metric-card.red .dashboard-metric-icon{box-shadow:0 4px 12px #4606060a}.dashboard-metric-content{flex:1}.dashboard-metric-header{display:flex;justify-content:space--between;align-items:baseline;margin-bottom:8px}.dashboard-metric-title{margin:0;color:#0f1724;font-size:14px;font-weight:600}.dashboard-metric-value{font-weight:700}.dashboard-metric-value.blue{color:#22c55e;padding:.5em}.dashboard-metric-value.red{color:#b91c1c;padding:.5em}.dashboard-metric-footer{margin-top:6px;color:#475569;font-size:13px}.dashboard-metric-footer-label{margin-right:8px;color:#64748b}.dashboard-metric-footer-amount{color:#0f1724;font-weight:600}.expand-btn{display:flex;align-items:center;cursor:pointer;position:absolute;top:.5rem;right:0;color:coral;top:0;bottom:0;margin:auto;padding:0;border:0;background:transparent}.expand-btn.icon-btn:hover{background:transparent}.expand-btn.btn-icon{color:coral}@media screen and (min-width: 901px){.expand-btn{display:none!important}}.dashboard-title-block{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:1.5rem 2.5rem;gap:20px}.doctors-body form{flex-direction:row}.compounders-search-form{flex-direction:row;width:35%;margin-left:auto;margin-block:0;position:relative;display:flex;align-items:center;gap:.5rem}.dashboard-title-block .add-form-btn{display:flex;align-items:center;width:40px;min-width:40px;height:40px;border-radius:50%;padding:5px;justify-content:center;font-size:25px;background:#271776;color:#fff;border:none;cursor:pointer}.filter-box .prescribed-filter{background:#1c6ea4}.heading-box .btn-box .btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.25rem;padding:.5rem;font-size:.7rem;font-weight:500;text-decoration:none;vertical-align:middle;cursor:pointer;min-width:auto;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.heading-box .btn-box .remove-btn{color:var(--danger-bg);background-color:#d02752}.dashboard-title-block .add-form-btn.btn-primary{display:flex;align-items:center;width:40px;height:40px;border-radius:50%;padding:5px;justify-content:center;font-size:25px}.dashboard-title-block .add-form-btn svg{font-size:25px}.page.bg-light-blue{background-color:#e2e8f0;padding:0}.page.bg-light-blue .container{max-width:100%;padding:2rem 2.5rem;background:transparent}.dashboard-title-block.add-form{justify-content:flex-start;gap:10px}.dashboard-title-block p{font-size:18px;font-weight:600;color:#2a3686}.ReactModalPortal .ReactModal__Overlay{background-color:#000000bf!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.dashboard .banner table thead th:first-child input{position:relative;top:2px;width:auto;margin-right:.3rem}@media screen and (max-width: 991px){.compounders-search-form{width:100%}}@media screen and (max-width: 767px){.doctors-body form button,.compounder-body form button{font-size:0;border-radius:0 20px 20px 0;padding:8px 10px}.compounders-search-form{width:auto}.doctors-body form button svg,.compounder-body form button svg{font-size:13px}.doctors-body form input::placeholder{font-size:12px}.dashboard-title-block .add-form-btn{width:48px;height:48px;position:fixed;bottom:15px;right:0;z-index:9;transition:.5s all ease;border-radius:25px 0 0 25px}.dashboard-title-block .add-form-btn:hover{width:55px}.dashboard-title-block{gap:10px;padding-inline:1rem;justify-content:flex-start}.page.bg-light-blue .container{padding-inline:1rem}.react-calendar{width:100%}}.table-banner .heading-box{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-inline:1rem}.search-box.dashboard-home-search-box{position:relative}.search-box.dashboard-home-search-box svg{position:absolute;width:20px;height:20px;left:10px}.search-box.dashboard-home-search-box input{padding-left:35px}@media (max-width: 810px){.dashboard .banner:last-child h5{font-size:1.25rem}.heading-box .btn-box .btn{font-size:.7rem}.dashboard .banner:last-child{padding:2rem 1rem}}.radial-menu-container{position:relative;display:flex;justify-content:center;align-items:center}.radial-menu-button{background:none;border:none;cursor:pointer;font-size:1.5rem;color:#333;padding:.1rem;margin:1px;display:flex;align-items:center;justify-content:center;font-size:1.063rem;transform:rotate(90deg);border-radius:50%}.radial-menu-button:hover{background-color:#dae4f1}.radial-menu-button:focus{outline:none}.radial-menu{position:absolute;width:200px;height:200px;transform:translate(-50%,-50%) scale(0);transition:transform .3s cubic-bezier(.68,-.55,.27,1.55);pointer-events:none;z-index:1102}.radial-menu.open{transform:translate(-50%,-50%) scale(1);pointer-events:auto}.radial-menu-items{position:relative;width:108%;height:100%;border-radius:50%;display:flex;justify-content:center;align-items:center}.radial-menu-item{position:absolute;display:flex;justify-content:center;align-items:center;width:40px;height:40px;background-color:#fff;border-radius:50%;box-shadow:0 2px 5px #00000026;transform:rotate(var(--angle)) translate(50px) rotate(calc(-1 * var(--angle)));transition:transform .3s cubic-bezier(.68,-.55,.27,1.55),background-color .2s ease-in-out,box-shadow .2s ease-in-out}.radial-menu-item:hover{background-color:#f0f0f0;box-shadow:0 4px 8px #0003}.radial-menu:not(.open) .radial-menu-item{transform:scale(0)}@media (max-width: 768px){.radial-menu{width:180px;height:180px}.radial-menu-item{transform:rotate(var(--angle)) translate(45px) rotate(calc(-1 * var(--angle)))}}@media (max-width: 480px){.radial-menu{width:150px;height:150px}.radial-menu-item{transform:rotate(var(--angle)) translate(35px) rotate(calc(-1 * var(--angle)))}}.login-page{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0a0e27);display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;animation:backgroundFlash 3s ease-in-out infinite}@keyframes backgroundFlash{0%,24%,to{background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0a0e27)}25%{background:linear-gradient(135deg,#1a1a2e,#2a3a5a,#1a1a2e)}26%{background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0a0e27)}}.lightning-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.lightning{position:absolute;width:4px;background:linear-gradient(to bottom,gold,#ffed4e);box-shadow:0 0 8px gold,0 0 15px #ffed4e,0 0 25px gold;opacity:0;transform-origin:top center}.lightning:before,.lightning:after{content:"";position:absolute;width:4px;background:linear-gradient(to bottom,gold,#ffed4e);box-shadow:0 0 8px gold,0 0 15px #ffed4e}.lightning-tl{top:5%;left:10%;height:0;animation:zigzag-tl 3s ease-in-out infinite}@keyframes zigzag-tl{0%{height:0;opacity:0}5%{opacity:1}8%{height:150px;transform:rotate(35deg)}15%,to{height:150px;opacity:0;transform:rotate(35deg)}}.lightning-tl:before{top:150px;left:0;height:0;transform-origin:top left;animation:zigzag-tl-2 3s ease-in-out infinite}@keyframes zigzag-tl-2{0%,8%{height:0;opacity:0}9%{opacity:1}14%{height:120px;transform:rotate(-40deg)}15%,to{height:120px;opacity:0;transform:rotate(-40deg)}}.lightning-tl:after{top:150px;left:-85px;height:0;transform-origin:top left;animation:zigzag-tl-3 3s ease-in-out infinite}@keyframes zigzag-tl-3{0%,14%{height:0;opacity:0}15%{opacity:1}22%{height:180px;transform:rotate(45deg)}25%,to{height:180px;opacity:0;transform:rotate(45deg)}}.lightning-tr{top:5%;right:10%;height:0;animation:zigzag-tr 3s .3s ease-in-out infinite}@keyframes zigzag-tr{0%{height:0;opacity:0}5%{opacity:1}8%{height:160px;transform:rotate(-35deg)}15%,to{height:160px;opacity:0;transform:rotate(-35deg)}}.lightning-tr:before{top:160px;right:0;height:0;transform-origin:top right;animation:zigzag-tr-2 3s .3s ease-in-out infinite}@keyframes zigzag-tr-2{0%,8%{height:0;opacity:0}9%{opacity:1}14%{height:130px;transform:rotate(40deg)}15%,to{height:130px;opacity:0;transform:rotate(40deg)}}.lightning-tr:after{top:160px;right:-92px;height:0;transform-origin:top right;animation:zigzag-tr-3 3s .3s ease-in-out infinite}@keyframes zigzag-tr-3{0%,14%{height:0;opacity:0}15%{opacity:1}22%{height:170px;transform:rotate(-42deg)}25%,to{height:170px;opacity:0;transform:rotate(-42deg)}}.lightning-bl{bottom:5%;left:15%;height:0;animation:zigzag-bl 3s .6s ease-in-out infinite;transform-origin:bottom center}@keyframes zigzag-bl{0%{height:0;opacity:0}5%{opacity:1}8%{height:140px;transform:rotate(-30deg)}15%,to{height:140px;opacity:0;transform:rotate(-30deg)}}.lightning-bl:before{bottom:140px;left:0;height:0;transform-origin:bottom left;animation:zigzag-bl-2 3s .6s ease-in-out infinite}@keyframes zigzag-bl-2{0%,8%{height:0;opacity:0}9%{opacity:1}14%{height:110px;transform:rotate(35deg)}15%,to{height:110px;opacity:0;transform:rotate(35deg)}}.lightning-bl:after{bottom:140px;left:77px;height:0;transform-origin:bottom left;animation:zigzag-bl-3 3s .6s ease-in-out infinite}@keyframes zigzag-bl-3{0%,14%{height:0;opacity:0}15%{opacity:1}22%{height:150px;transform:rotate(-38deg)}25%,to{height:150px;opacity:0;transform:rotate(-38deg)}}.lightning-br{bottom:5%;right:15%;height:0;animation:zigzag-br 3s .9s ease-in-out infinite;transform-origin:bottom center}@keyframes zigzag-br{0%{height:0;opacity:0}5%{opacity:1}8%{height:155px;transform:rotate(32deg)}15%,to{height:155px;opacity:0;transform:rotate(32deg)}}.lightning-br:before{bottom:155px;right:0;height:0;transform-origin:bottom right;animation:zigzag-br-2 3s .9s ease-in-out infinite}@keyframes zigzag-br-2{0%,8%{height:0;opacity:0}9%{opacity:1}14%{height:115px;transform:rotate(-38deg)}15%,to{height:115px;opacity:0;transform:rotate(-38deg)}}.lightning-br:after{bottom:155px;right:-80px;height:0;transform-origin:bottom right;animation:zigzag-br-3 3s .9s ease-in-out infinite}@keyframes zigzag-br-3{0%,14%{height:0;opacity:0}15%{opacity:1}22%{height:160px;transform:rotate(40deg)}25%,to{height:160px;opacity:0;transform:rotate(40deg)}}.login-form-container{position:relative;z-index:10;background:#0a0e27e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,215,0,.3);border-radius:15px;padding:3rem 2.5rem;width:100%;max-width:450px;box-shadow:0 0 30px #ffd70033,0 0 60px #2a529833}.login-form-container:hover{box-shadow:0 0 40px #ffd7004d,0 0 80px #2a52984d;transition:all .3s ease}.logo{display:block;margin:0 auto 2rem;width:80px;border-radius:10px;filter:drop-shadow(0 0 10px rgba(255,215,0,.3))}.form-title{font-weight:700;text-align:center;background:linear-gradient(135deg,#0a0e27e6,#0a0e27e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.75rem;color:#0a0e27e6;margin-bottom:1.875rem}.login-form-container .form-title{background:linear-gradient(135deg,#ffffffe6,#01106ce6);-webkit-background-clip:text}.login-form-container>p{color:#a0aec0;text-align:center;margin-bottom:2rem;font-size:.95rem;line-height:1.5}form{display:flex;flex-direction:column;gap:1rem}.login-form input[type=text],.login-form input[type=password]{padding:.875rem 1rem;border:1.5px solid rgba(255,215,0,.3);border-radius:8px;background:#1a1f3acc;color:#fff;font-size:.95rem;font-family:inherit;transition:all .3s ease}.login-form input[type=text]::placeholder,.login-form input[type=password]::placeholder{color:#718096}.login-form input[type=text]:focus,.login-form input[type=password]:focus{outline:none;border-color:gold;background:#1a1f3af2;box-shadow:0 0 15px #ffd7004d}.login-form input[type=text]:hover,.login-form input[type=password]:hover{border-color:#ffd70080}.role-selection{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin:1.5rem 0;padding:1.5rem;background:#1a1f3a80;border-radius:8px;border:1px solid rgba(255,215,0,.2)}.role-option{display:flex;align-items:center;gap:.5rem;cursor:pointer}.role-option input[type=radio]{cursor:pointer;width:1rem;height:1rem;accent-color:#ffd700}.role-option label{color:#a0aec0;font-size:.95rem;cursor:pointer;transition:all .2s ease}.role-option input[type=radio]:checked+label{color:gold;font-weight:600}.role-option:hover label{color:#fff}.login-button{position:relative;padding:.875rem 2rem;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#1e3c72,#2a5298);border:2px solid #4a7cc7;border-radius:8px;cursor:pointer;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease;margin-top:1rem;box-shadow:0 5px 15px #0000004d;overflow:hidden}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.3),transparent);transition:left .5s ease}.login-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0006,0 0 20px #ffd70033;border-color:#ffd70080}.login-button:hover:before{left:100%}.login-button:active{transform:translateY(0)}.login-button.struck{animation:buttonStrike .5s ease-in-out}@keyframes buttonStrike{0%,to{box-shadow:0 5px 15px #0000004d}25%{box-shadow:0 0 30px gold,0 0 60px gold,0 0 90px #ffed4e;border-color:gold;transform:scale(1.05) translateY(-2px)}50%{box-shadow:0 0 20px gold,0 0 40px gold,0 0 60px #ffed4e}}.spark{position:fixed;width:4px;height:4px;background:gold;border-radius:50%;opacity:0;pointer-events:none;box-shadow:0 0 10px gold,0 0 20px #ffed4e;z-index:100}@keyframes sparkFly{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(var(--tx),var(--ty))}}.login-loader{width:auto;height:auto;border:4px solid rgba(255,215,0,.2);border-top-color:gold;border-radius:50%;animation:spin 1s linear infinite;margin:1.5rem auto;display:block}.forgot-password-link{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,215,0,.2)}.forgot-password-link p{color:#a0aec0;font-size:.9rem}.forgot-password-link span{color:gold;cursor:pointer;text-decoration:none;font-weight:600;transition:all .2s ease}.forgot-password-link span:hover{color:#ffed4e;text-decoration:underline}@media (max-width: 600px){.login-page{padding:1rem}.login-form-container{padding:2rem 1.5rem;max-width:100%}.form-title{font-size:1.5rem}.role-selection{flex-direction:column;gap:1rem}.role-option{justify-content:center}.login-form input[type=text],.login-form input[type=password]{font-size:16px}.login-button{width:100%}.role-selection{flex-direction:unset;justify-content:flex-start;padding-inline:1rem}}.appointment-card{margin:1rem auto;padding:2rem;background-color:#fff;border-radius:.7rem}.appointment-header{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1.875rem;position:relative}.appointment-logo{width:80px;height:80px;border-radius:50%;object-fit:cover;box-shadow:0 2px 8px #0000001a;flex-shrink:0}h2{color:#6d60ae;text-align:center;font-weight:600;font-size:1.5rem;margin:0}form{display:flex;flex-direction:column;gap:1.875rem}.has-visited-box{display:flex;align-items:center;justify-content:space-between;gap:.625rem;margin-top:.5rem;height:5rem}.checkbox-container{display:flex;align-items:center;gap:.5rem;padding-block:.5rem;padding-inline:0}.search-container{display:flex;gap:.625rem;padding:.1875rem}.search-container button{height:2rem;padding:.3125rem .625rem;font-size:1rem;font-weight:700;border-radius:.3125rem}form input,form select,form textarea{font-size:1rem;padding:.625rem;border-radius:.3125rem;border:1px solid #e2e8f0}.lnr-input-box{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.age-grid{display:flex;gap:.5rem;width:100%;justify-content:space-between}.inner-box-of-lnr{display:flex;flex:1;flex-direction:column;align-items:start;gap:.5rem;height:100%}.address-box{width:100%}.btn-container{display:flex;justify-content:flex-end;align-items:center;margin-top:.5rem;gap:1rem}.dep-doc-tarea-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.dep-and-doc-container,.dep-doc-container{display:flex;flex-direction:column;gap:1rem}.vitals-grid{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:1rem;margin-bottom:1rem;row-gap:1rem}.fees-detail-box{padding:10px;color:#271776ca;font-weight:500;flex:1;border-radius:5px;padding:1rem;margin-top:1rem;border-left:4px solid #2196f3;background:#e3f2fd;font-size:15px;display:flex;flex-direction:column;gap:4px}.fees-detail-box p{display:flex;justify-content:space-between;align-items:center;font-family:Inter,sans-serif;color:#373d6a;font-weight:400;font-size:15px;gap:4px}.pay-status-box{display:flex;gap:.5rem;align-items:center}.fees-detail-box p.total{font-weight:600;font-size:16px}.fees-detail-box p.total span{color:#2196f3;font-size:17px}.appointment-step{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:2px}.float-right{float:right}.font-1rem{font-size:1rem}.mb-0{margin-bottom:0}.position-relative{position:relative}.fw-600{font-weight:600}.font-13{font-size:13px}.flex-1{flex:1}.w-100{width:100%}.mt-2rem{margin-top:2rem}.mt-1rem{margin-top:1rem}.py-05rem{padding-top:.5rem;padding-bottom:.5rem}.w-80px{width:80px}.br-50pct{border-radius:50%}.m-0{margin:0}.w-80pct{width:80%}.text-right{text-align:right}.flex-jc-sb-ai-c{display:flex;justify-content:space-between}.ml-05rem{margin-left:.5rem}.font-11rem{font-size:1.1rem}.logo-responsive{width:80px;height:80px;border-radius:50%;object-fit:cover;box-shadow:0 2px 8px #0000001a;flex-shrink:0}.pay-status-box label{font-weight:600;font-size:14px;color:#667eea}.pay-status-box select{border:0;padding:0;font-size:14px;color:#6b6b6b}.appointment-form .btn-container{margin-top:2rem}.form-component.add-admin-form{background-color:#fff;padding:4rem;gap:1rem 1rem;width:65%}.assign-doctor-box{margin-block:.75rem 2rem;justify-content:space-between}.add-admin-form .assign-check-wrap{max-height:100px;width:400px;overflow-y:auto;margin-top:.5rem;flex-direction:column;align-items:start;gap:.75rem}.assitant-add-form .form-group{margin-bottom:1rem}.appoint-paymnt-status{display:flex;align-items:center;font-size:15px}.appoint-paymnt-status select{width:auto}.appoint-payment-block{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;font-size:.938rem}.appoint-payment-block input{padding:5px 10px;border-radius:3px}.payment-staus-block{display:flex;justify-content:space-between;align-items:center}.appoint-paymnt-status select{width:auto;padding:0;border:0}.appoinmnt-invoice-contnt{border-bottom:1px solid rgb(238,238,238);padding-block:1.25rem 0;display:flex;flex-direction:column;justify-content:space-between;height:calc(100% - 25px)}.apoint-invoice-row p{display:flex;justify-content:space-between;gap:15px;font-size:15px;color:#2a3460}.apoint-invoice-row p:last-child{font-size:1rem;font-weight:600}.apoint-invoice-row{display:flex;flex-direction:column;gap:6px}.appoinmnt-invoice-contnt .btn-container{gap:.625rem}.appoinmnt-invoice-contnt .btn-container .btn-cls,.form-group .age-grid input{width:100%}@media (min-width: 61.875rem){.appointment-card,.back-btn-box{width:80%}.appointment-logo{width:100px;height:100px}.appointment-header{gap:2rem}}@media (max-width: 51.5625rem){.appointment-card form div .age-grid{flex-direction:row}.has-visited-box{height:fit-content}.has-visited-box .checkbox-container,.has-visited-box .search-container{flex-direction:row}.has-visited-box .search-container button{font-size:.7rem;font-weight:500;padding:.3125rem .625rem;border-radius:.3125rem}.inner-box-of-lnr{width:100%}.appointment-header{gap:1rem}.appointment-logo{width:70px;height:70px}h2{font-size:1.3rem}}@media (max-width: 44.0625rem){.lnr-input-box{grid-template-columns:1fr}}@media (max-width: 35.625rem){.has-visited-box .search-container{flex-direction:column;align-items:center}.appointment-card input[type=text],.appointment-card input[type=tel],.appointment-card input[type=search],.appointment-card input[type=number],.appointment-card input[type=date],.appointment-card input::placeholder,.appointment-card select,.appointment-card textarea{font-size:.8rem}.appointment-header{flex-direction:column;gap:.75rem}.appointment-logo{width:65px;height:65px}h2{font-size:1.2rem}}@media (max-width: 30.3125rem){.has-visited-box .search-container{flex-direction:row}.back-btn-box{justify-content:end}}@media (max-width: 25.625rem){.appointment-card{padding:2rem 1rem}.appointment-card input[type=search]{width:12rem;padding:.3125rem}.appointment-header{flex-direction:column;gap:.5rem;margin-bottom:1rem}.appointment-logo{width:60px;height:60px}h2{font-size:1rem}}@media screen and (max-width: 767px){.appointment-card form{width:100%}.vitals-grid{grid-template-columns:1fr}.appointment-form .btn-container{margin-top:2rem;flex-wrap:wrap;gap:.5rem}.appointment-form .btn-container .btn-cls{width:100%}.form-component.add-admin-form{padding:1rem;width:100%;justify-content:flex-start}.appoinmnt-invoice-contnt .btn-container{flex-direction:column}.appoinmnt-invoice-contnt .btn-container .btn-cls{width:100%}}.required-star{color:#ef4444;font-weight:700;margin-left:2px}.optional-tag{color:#94a3b8;font-size:.85em;font-weight:400;margin-left:4px}.form-legend{font-size:.85rem;color:#64748b;margin-bottom:.5rem}.input-error{border-color:#ef4444!important;box-shadow:0 0 0 1px #ef4444!important}.add-doctor-form{width:90%;display:flex;flex-direction:column;align-items:center;gap:25px;padding:3rem 2rem;background-color:#fff}.add-doctor-form form{width:100%;padding:0 1rem 30px}.add-doctor-form form .first-wrapper{display:flex;gap:30px}.add-doctor-form form .first-wrapper div:first-child{flex:1}.add-doctor-form form .doctor-avatar-imgbox{width:100%;height:260px;margin-bottom:20px}.doctor-avatar-imgbox img{width:100%;height:100%}.add-doctor-form form .first-wrapper div:first-child input{width:100%;padding:10px}.messages-container{padding:7rem;font-family:var(--app-font, "Roboto", sans-serif);color:var(--text-main)}.messages-body{display:flex;padding:1rem;border-radius:var(--radius-md);flex-direction:column;height:100%}.messages-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.messages-header h1{font-size:2.25rem;font-weight:700;color:var(--text-main);margin:0}.filter-controls{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;background-color:var(--bg-card);border-radius:var(--radius-md);margin-bottom:1rem;box-shadow:0 2px 10px #0000000d;align-items:center}.filter-controls select,.filter-controls input[type=text],.filter-controls input[type=date]{background-color:var(--bg-main);transition:border-color .2s,box-shadow .2s;min-width:160px}.search-input{display:flex;align-items:center;gap:.5rem;flex:1}.action-buttons .btn{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:background-color .2s,transform .1s;text-transform:capitalize}.btn-primary{background:var(--btn-gradient);color:var(--text-accent)}.btn-primary:hover{transform:translateY(-2px)}.btn-secondary{background-color:#e2e8f0;color:#4a5568}.btn-secondary:hover{background-color:#cbd5e0}.messages-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;background-color:var(--bg-card);border-radius:var(--radius-md);flex-wrap:wrap}.summary-text{font-size:.9rem;color:var(--text-main);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bulk-actions{display:flex;align-items:center;gap:1rem}.bulk-actions .btn-icon{background:none;border:none;cursor:pointer;padding:2%;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s;color:var(--text-main)}.bulk-actions .btn-icon:hover{background-color:#0000000d}.bulk-actions .btn-icon:disabled{opacity:.4;cursor:not-allowed}.btn-danger{color:#e53e3e}.messages-list{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.message-card{background-color:var(--bg-card);border-radius:var(--radius-md);box-shadow:0 2px 10px #0000000d;border-left:5px solid transparent;transition:box-shadow .3s,transform .2s;display:flex;align-items:flex-start;padding:1rem;gap:1rem;width:100%;box-sizing:border-box}.message-selection{display:flex;align-items:center;padding-right:.5rem;flex:0 0 34px}.message-selection input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.message-card.unread{border-left-color:var(--accent);font-weight:600}.message-card:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.message-content{flex:1 1 auto;min-width:0}.message-sender{display:flex;justify-content:space-between;align-items:center;gap:.75rem;font-weight:700;font-size:1.05rem;color:var(--text-main)}.message-contact{font-size:.85rem;color:#718096;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40ch}.message-body{color:var(--text-main);margin:.5rem 0;line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:6.5rem;overflow:hidden}.message-body.expanded{max-height:none;overflow:visible}.message-recipient{font-size:.875rem;font-weight:600;color:#4a5568}.message-timestamp{font-size:.8rem;color:#a0aec0;margin-top:.5rem}.message-actions{display:flex;flex-direction:column;gap:.5rem;flex:0 0 auto;align-self:flex-start}.message-actions .btn-icon{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;display:inline-flex;align-items:center;justify-content:center}.message-actions .btn-icon:hover{background-color:#0000000a}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;flex-wrap:wrap}.pagination-controls .btn{padding:.5rem 1rem}.page-number{padding:.5rem 1rem;border-radius:var(--radius-sm);background-color:var(--bg-card);color:var(--text-main);cursor:pointer;transition:background-color .2s;border:1px solid #9fcdff}.page-number.active{background-color:var(--accent);color:#fff;font-weight:700}.empty-state,.loading-state{text-align:center;padding:4rem;color:#718096}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid var(--accent);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 1rem}.messages-body .toolbar.hide{transform:translateY(0)}.messages-summary span{color:#20264b;font-weight:600}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reply-form{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.reply-form textarea{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:var(--radius-sm);background-color:var(--bg-main);color:var(--text-main)}.reply-actions{display:flex;gap:.5rem;justify-content:flex-end}.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:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background-color:var(--bg-card);padding:2.5rem;border-radius:var(--radius-lg);width:90%;max-width:550px;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 10px 30px #0000001a}.modal-content h2{font-size:1.8rem;color:var(--text-main)}.modal-content select,.modal-content textarea{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:var(--radius-sm);background-color:var(--bg-main);color:var(--text-main);font-size:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;flex-wrap:wrap}.message-search{display:flex;align-items:center;gap:8px;position:relative}.message-search svg{position:absolute;left:14px;color:#88888b}.clear-filter{border:0;color:#096dd9;font-size:20px;cursor:pointer;background:#e5ebff;width:40px;height:40px;border-radius:5px;display:flex;align-items:center;justify-content:center}.filter-controls select{width:auto}.filter-controls .message-search input[type=text]{width:auto;min-width:auto;padding-left:35px}@media (max-width: 900px){.filter-controls{gap:.5rem;padding:.75rem}.filter-controls select,.filter-controls input[type=text],.filter-controls input[type=date]{min-width:120px;flex:1 1 140px}.messages-header h1{font-size:1.6rem}}@media (max-width: 767px){.messages-container{padding:1rem}.message-search{width:100%}.filter-controls{flex-wrap:wrap;gap:.5rem}.message-card{flex-direction:column;align-items:stretch;padding:.75rem}.message-selection{flex:0 0 auto;padding-right:0;margin-bottom:.5rem}.message-actions{flex-direction:row;justify-content:flex-end;gap:.5rem;margin-top:.5rem;width:100%}.message-contact{max-width:28ch}.message-sender{flex-direction:column;align-items:flex-start;gap:.25rem}.messages-header button{font-size:0;width:fit-content;min-width:fit-content;display:block;text-align:center}.messages-header button svg{font-size:17px}.message-body{max-height:100%}.messages-body{padding:0}}@media (max-width: 420px){.filter-controls select,.filter-controls input[type=text],.filter-controls input[type=date]{min-width:0;width:100%}}.toolbar{position:sticky;top:0;width:100%;background-color:#fff;box-shadow:0 2px 4px #0000001a;z-index:1000;transition:transform .3s ease-in-out;will-change:transform}.toolbar.hide{transform:translateY(-100%)}.toolbar.show{transform:translateY(0)}@media screen and (max-width: 767px){.toolbar.show{width:100%;position:static}.toolbar.show .dashboard-title-block{padding:1rem .75rem}}.message-card .btn-link{background:transparent;border:none;color:#007bff;cursor:pointer;padding:.25rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s}.message-card .btn-link:hover{background-color:#0000000d}.capacity-scheduler-form{background:#fff;border-radius:12px;padding:2rem;margin-top:2rem;box-shadow:0 2px 8px #00000014;border:1px solid #e8e8e8}.form-header{margin-bottom:2rem;border-bottom:2px solid #f0f0f0;padding-bottom:1.5rem}.form-header h3{color:#1a1a1a;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.form-header p{color:#666;margin:0;font-size:.95rem}.capacity-form-section{background:linear-gradient(135deg,#f5f7fa,#f8f9fa);border-radius:5px;padding:2rem;margin-bottom:2.5rem;border-left:4px solid #2196f3}.capacity-form-section h4{margin:0 0 1.5rem;color:#1a1a1a;font-size:1.1rem;font-weight:600}.capacity-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#333;font-size:.9rem}.form-group input[type=date],.form-group input[type=number],.form-group textarea{font-size:.938rem;transition:all .2s ease}.capacity-input-wrapper{position:relative;display:flex;align-items:center;gap:.5rem}.capacity-input-wrapper input{flex:1}.capacity-badge{background:#e3f2fd;color:#1976d2;padding:.4rem .8rem;border-radius:4px;font-size:.85rem;font-weight:600;white-space:nowrap}.form-group textarea{resize:vertical;min-height:70px;max-height:150px}.form-group small{color:#999;font-size:.8rem}.checkbox-group{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.checkbox-group label{display:flex;align-items:center;gap:.5rem;font-weight:500;margin:0;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.holiday-badge{background:#fce4ec;color:#c2185b;padding:.3rem .6rem;border-radius:4px;font-size:.8rem;font-weight:600}.capacity-form-submit{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;padding:.9rem 1.8rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-start;margin-top:.5rem}.capacity-form-submit.btn-primary{background:linear-gradient(135deg,#2196f3,#1976d2)}.capacity-form-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2196f34d}.capacity-form-submit:disabled{opacity:.6;cursor:not-allowed}.capacity-list-section{background:linear-gradient(135deg,#f9fafb,#fcfcfc);border-radius:5px;padding:2rem;border-left:4px solid #4caf50}.capacity-list-section h4{margin:0 0 1.5rem;color:#1a1a1a;font-size:1.1rem;font-weight:600}.loading-text,.empty-text{text-align:center;color:#999;padding:2rem;font-size:.95rem}.capacity-list{display:flex;flex-direction:column;gap:1.2rem}.capacity-card{background:#fff;border-radius:10px;padding:1.5rem;border:1px solid #e0e0e0;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.capacity-card:hover{border-color:#2196f3;box-shadow:0 4px 12px #2196f31f}.capacity-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.date-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.date-info strong{font-size:1rem;color:#333}.badge-holiday{background:#fff3e0;color:#e65100;padding:.25rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600}.toggle-btn{background:#f5f5f5;border:1px solid #ddd;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.toggle-btn.working{background:#c8e6c9;color:#1b5e20;border-color:#66bb6a}.toggle-btn.non-working{background:#ffcdd2;color:#b71c1c;border-color:#ef5350}.toggle-btn.btn{background:#f5f5f5;border:1px solid #ddd}.capacity-card-body{display:flex;flex-direction:column;gap:1rem}.capacity-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{color:#999;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value{color:#333;font-size:1.2rem;font-weight:700}.capacity-bar-wrapper{display:flex;flex-direction:column;gap:.5rem}.capacity-bar-bg{background:#e8e8e8;height:14px;border-radius:8px;overflow:hidden;border:1px solid #ddd}.capacity-bar-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:8px}.capacity-status-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.status-badge{padding:.4rem .9rem;border-radius:6px;font-size:.85rem;font-weight:600}.warning-badge{background:#ffebee;color:#c62828;padding:.4rem .9rem;border-radius:6px;font-size:.85rem;font-weight:600}.capacity-notes{background:#f5f5f5;padding:.75rem 1rem;border-radius:6px;font-size:.9rem;color:#666;border-left:3px solid #2196f3}.capacity-notes strong{color:#333}.info-box{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-radius:5px;padding:1.2rem;margin-top:2rem;border-left:4px solid #2196f3}.info-box p{margin:0;color:#555;font-size:.9rem;line-height:1.5}.info-box strong{color:#333}.capacity-scheduler-form .form-header h3{font-size:1.25rem;color:#656565;display:flex;align-items:center;column-gap:10px}.capacity-scheduler-form .form-header h3 svg{color:#715dbb}@media (max-width: 1024px){.form-row,.capacity-stats{grid-template-columns:1fr}.capacity-form-section,.capacity-list-section{padding:1.5rem}}@media (max-width: 768px){.capacity-scheduler-form{padding:1.5rem;border-radius:8px}.form-header{padding-bottom:1rem}.form-header h3{font-size:1.25rem}.capacity-card-header{flex-direction:column;align-items:flex-start;gap:1rem}.toggle-btn{align-self:flex-end}.capacity-stats{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.capacity-scheduler-form{padding:1rem}.form-header h3{font-size:1.1rem}.form-header p{font-size:.85rem}.capacity-form-section,.capacity-list-section,.capacity-card{padding:1rem}.date-info{flex-direction:column;align-items:flex-start}.capacity-form-submit{width:100%;padding:.8rem}.stat-value{font-size:1rem}}@media screen and (max-width: 767px){.doctors .banner{grid-template-columns:1fr;padding-inline:1rem}}.dashboard-title-block .compounders-search-input{padding:.5rem;border:1px solid #ccc;width:100%;font-size:1rem;border-radius:22px;padding:.625rem 1.2rem;position:relative;border:1px solid #c9c9c9}.dashboard-title-block .compounders-search-input::placeholder{font-size:14px}.compounders-search-btn{background:#271776;color:#fff;border:none;border-radius:0 22px 22px 0;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:600;transition:background .2s;position:absolute;right:0;top:0;bottom:0}.compounders-search-btn:hover{background:#1a0f4d}.update-modal-content{max-width:500px;margin:auto;border-radius:12px;padding:2rem}.edit-form-modal{min-width:600px;overflow:hidden;background:#fff;border-radius:12px;margin:auto}.edit-form-content{height:100%;overflow-y:auto}.edit-form-content .add-doctor-form{padding:0}.edit-modal-header{padding:16px 20px;display:flex;align-items:center;background:#0a0e27e6;gap:10px;color:#fff}.edit-modal-header h2{font-size:1.125rem;color:#fff;font-family:Montserrat,sans-serif}.edit-modal-header svg{font-size:18px}.compounder-form{display:block}.inner-form-block{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group input[type=date]:before{display:none}.edit-form-modal.doctor-modal{height:90%;min-width:680px}.edit-form-modal .edit-modal-header{width:100%}@media screen and (max-width: 767px){.edit-form-modal{min-width:100%;height:100%;border-radius:0}.edit-form-modal.doctor-modal{height:100%;min-width:100%}.inner-form-block{grid-template-columns:1fr}.dashboard-title-block .compounders-search-input{padding-right:50px!important;text-overflow:ellipsis;padding:5px 14px;height:30px;font-size:13px;width:100%}.ReactModalPortal .ReactModal__Overlay:has(.edit-form-modal.doctor-modal){z-index:9}}.sidebar .links{display:flex;flex-direction:column;gap:1.875rem;height:100%;justify-content:space-between}@media (max-width: 485px){.sidebar{width:4rem;background:#3939d9f2;z-index:1}.wrapper .hamburger{display:block;color:#fff;background-color:transparent}.sidebar svg.icon-btn:hover{background:#fff;color:#4343db}.sidebar svg.icon-btn{background:transparent;color:#fff;border:0}}.snackbar-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:420px;pointer-events:auto}.snackbar-item{display:flex;flex-direction:column;background:var(--bg-card, #ffffff);border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000026;border-left:4px solid;transition:all .3s ease;animation:slideIn .3s ease-out forwards;pointer-events:auto}.snackbar-item:hover{box-shadow:0 6px 16px #0003;transform:translate(-4px)}.snackbar-content{display:flex;align-items:center;gap:12px;padding:14px 16px;color:var(--text-main, #333);font-size:14px;font-weight:500;line-height:1.4}.snackbar-icon{display:flex;align-items:center;justify-content:center;min-width:24px;width:24px;height:24px;border-radius:50%;font-weight:700;font-size:14px;flex-shrink:0;background:currentColor;color:#fff}.snackbar-message{flex:1;word-break:break-word;overflow-wrap:break-word}.snackbar-close{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-main, #666);font-size:24px;cursor:pointer;padding:0;margin:-4px -4px -4px 8px;opacity:.6;transition:all .2s ease;flex-shrink:0}.snackbar-close:hover{opacity:1;color:var(--text-main, #333);transform:scale(1.1)}.snackbar-progress{height:3px;background:currentColor;animation:progress 4s linear forwards;width:100%}@keyframes slideIn{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(400px)}}@keyframes progress{0%{width:100%}to{width:0%}}.snackbar-confirmation-buttons{display:flex;gap:8px;margin-left:auto}.snackbar-confirmation-buttons button{background:transparent;border:1px solid #ccc;padding:6px 12px;border-radius:4px;cursor:pointer;font-weight:500;font-size:13px;transition:background-color .2s}.snackbar-confirmation-buttons button:hover{background-color:#f0f0f0}@media (max-width: 640px){.snackbar-container{top:10px;right:10px;left:10px;max-width:none}.snackbar-item{border-radius:6px}.snackbar-content{padding:12px 14px;font-size:13px}.snackbar-icon{min-width:22px;width:22px;height:22px;font-size:12px}}:root{--space-xs: .25rem;--space-sm: .5rem;--space-2: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--radius-sm: .4375rem;--radius-md: .5rem;--radius-lg: 1.25rem}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--app-font, "Montserrat", sans-serif)}body{background:#3939d9f2}.container{padding:0 6.25rem}@media (max-width: 1200px){.container{padding:0 1.25rem}}.page{margin-left:6.5rem;background:var(--bg-main);padding:2.5rem;min-height:100vh;border-top-left-radius:3.125rem;border-bottom-left-radius:3.125rem;transition:background .3s;width:calc(100% - 6.5rem);overflow-x:hidden}.loader{width:60px;height:40px;position:relative;display:inline-block;--base-color: #f6f9fa;overflow:hidden;margin-inline:auto}.loader:before{content:"";left:0;top:0;position:absolute;width:36px;height:36px;border-radius:50%;background-color:#09011f;background-image:radial-gradient(circle 8px at 18px 18px,var(--base-color) 100%,transparent 0),radial-gradient(circle 4px at 18px 0px,var(--base-color) 100%,transparent 0),radial-gradient(circle 4px at 0px 18px,var(--base-color) 100%,transparent 0),radial-gradient(circle 4px at 36px 18px,var(--base-color) 100%,transparent 0),radial-gradient(circle 4px at 18px 36px,var(--base-color) 100%,transparent 0),radial-gradient(circle 4px at 30px 5px,var(--base-color) 100%,transparent 0),radial-gradient(circle 4px at 30px 5px,var(--base-color) 100%,transparent 0),radial-gradient(circle 4px at 30px 30px,var(--base-color) 100%,transparent 0),radial-gradient(circle 4px at 5px 30px,var(--base-color) 100%,transparent 0),radial-gradient(circle 4px at 5px 5px,var(--base-color) 100%,transparent 0);background-repeat:no-repeat;box-sizing:border-box;animation:rotationBack 3s linear infinite}.loader:after{content:"";left:35px;top:15px;position:absolute;width:24px;height:24px;border-radius:50%;background-color:#0e0000;background-image:radial-gradient(circle 5px at 12px 12px,var(--base-color) 100%,transparent 0),radial-gradient(circle 2.5px at 12px 0px,var(--base-color) 100%,transparent 0),radial-gradient(circle 2.5px at 0px 12px,var(--base-color) 100%,transparent 0),radial-gradient(circle 2.5px at 24px 12px,var(--base-color) 100%,transparent 0),radial-gradient(circle 2.5px at 12px 24px,var(--base-color) 100%,transparent 0),radial-gradient(circle 2.5px at 20px 3px,var(--base-color) 100%,transparent 0),radial-gradient(circle 2.5px at 20px 3px,var(--base-color) 100%,transparent 0),radial-gradient(circle 2.5px at 20px 20px,var(--base-color) 100%,transparent 0),radial-gradient(circle 2.5px at 3px 20px,var(--base-color) 100%,transparent 0),radial-gradient(circle 2.5px at 3px 3px,var(--base-color) 100%,transparent 0);background-repeat:no-repeat;box-sizing:border-box;animation:rotationBack 4s linear infinite reverse}@keyframes rotationBack{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@media (max-width: 485px){.page{margin-left:4rem;border-radius:0;padding:1.25rem 1.25rem 2.5rem;width:calc(100% - 4rem)}}@media (max-width: 460px){.logo{width:100%}}.form-component{padding-top:2.5rem;padding-bottom:3.75rem;min-height:100vh;background:#e5e5e5;display:flex;justify-content:center;flex-direction:column;align-items:center}.form-component h2{color:gray;margin-bottom:30px}@media (max-width: 485px){.form-title{font-size:1.5rem;text-align:center;margin-top:1rem}}.form-component h4{color:gray;font-weight:700;margin-bottom:15px}.form-component p{max-width:46.875rem;color:gray;margin-bottom:1.25rem;text-align:center}.form-component form{display:flex;flex-direction:column;gap:1.875rem;width:34.375rem}.add-admin-form form{width:100%;gap:0}.assitant-add-form .form-cols-wrap{column-gap:1rem;display:grid;grid-template-columns:1fr 1fr}.form-component p:first-child{font-size:1.75rem;font-weight:700;color:#370080a3;margin-top:1.875rem}.form-component .wrapper{display:flex;gap:3.125rem}.form-component .wrapper .banner{flex:1}.form-component .wrapper .banner:last-child{display:flex;justify-content:center;align-items:center}.form-component .wrapper .banner:last-child img{max-width:28.125rem}@media (max-width: 55.5rem){.form-component{padding-top:1.875rem;padding-bottom:1.875rem}}@media (max-width: 37.5rem){.form-component form{width:100%}}@media (max-width: 485px){.add-admin-form{padding:30px 20px}}.dashboard{display:flex;flex-direction:column;gap:1.25rem}.dashboard .banner{min-height:fit-content}.dashboard .banner:first-child{height:35vh;display:flex;gap:1.25rem}.dashboard .banner:first-child .firstBox{flex:2;display:flex;align-items:center;border-radius:1.25rem;background:#b5b5ff;padding:1.25rem 1.25rem 0 .625rem}.dashboard .banner:first-child .firstBox img{height:100%;flex:1}.dashboard .banner:first-child .firstBox .content{background-color:transparent;padding:0;z-index:0}.dashboard .banner:first-child .firstBox .content div{display:flex;align-items:center;font-size:2.125rem;margin-bottom:.75rem;flex-wrap:wrap}.dashboard .banner:first-child .firstBox .content div p{margin-right:.625rem;font-size:2.125rem}.dashboard .banner:first-child .firstBox .content div h5{color:#ff008d}.dashboard .banner:first-child .firstBox .content p{font-size:1rem;text-align:justify;line-height:1.3}.dashboard .banner:first-child .secondBox{background:#3939d9f2;color:#fff}.dashboard .banner:first-child .thirdBox{color:#ff008d;background:#fff}.dashboard .banner:first-child .secondBox,.dashboard .banner:first-child .thirdBox{flex:1;border-radius:1.25rem;padding:1.25rem 1.5625rem;display:flex;flex-direction:column;justify-content:center;gap:.75rem}.dashboard .banner:first-child .secondBox p,.dashboard .banner:first-child .thirdBox p{font-size:1.5rem;font-weight:600}.dashboard .banner:first-child .secondBox h3,.dashboard .banner:first-child .thirdBox h3{font-size:2.125rem;font-weight:700;letter-spacing:2px}.dashboard .banner:last-child{min-height:65vh;background:#fff;border-radius:1.25rem;padding:2.5rem 0}.dashboard .banner:last-child h5{font-size:1.5rem;letter-spacing:2px;color:#111}.dashboard .banner table{width:100%;color:#111}.dashboard .banner table select{font-size:1.25rem;border:none;width:100%;font-weight:600}.dashboard table td svg{display:flex;margin:0 auto}.dashboard table td .green{font-size:1.25rem;color:#16a34a}.dashboard table td .red{font-size:1.25rem;color:#dc2626}.dashboard .banner table select:focus{outline:none}.middle-banner{background-color:#fff;padding:1rem;border-radius:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:10vh}@media (max-width: 700px){.middle-banner{flex-direction:column-reverse}}.filter-box,.custom-dates{display:flex;align-items:center;gap:.5rem}.custom-dates input{padding:.5rem;border:1px solid gray;border-radius:.5rem;font-size:.8rem}@media (max-width: 900px){.filter-box{flex-direction:column;align-items:start}.middle-banner{align-items:start;position:relative}.search-box{position:absolute;top:1rem;right:1rem}}@media (max-width: 630px){.middle-banner{position:static;align-items:center}.filter-box{flex-direction:column;align-items:center}.search-box{position:static}}.filter-box select{font-weight:600;font-size:1rem;border:1px solid #e2e8f0;padding:.6rem .8rem;border-radius:6px;font-family:Montserrat,sans-serif;font-weight:500;height:40px;font-size:15px}.banner .filter-box select:first-child{background:#ff008d}.dashboard .banner .filter-box select{color:#fff}.filter-box select:focus{outline:0}.filter-box select option{font-weight:600}.filter-box select:focus-visible{outline:0}.filter-group .btn-cls{display:flex;align-items:center;height:40px;font-size:20px}.search-box{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600}.search-box input{padding:.5rem;border:1px solid grey}.table-container{overflow-x:auto}.table-banner .heading-box{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.heading-box .btn-box{display:flex;align-items:center;gap:.5rem}.btn.btn-primary.prescribe-btn{padding:4px 8px;width:fit-content;min-width:fit-content;font-size:12px;border-radius:3px;text-transform:capitalize;font-weight:400}@media (max-width: 830px){.dashboard .banner:last-child h5{letter-spacing:normal}}@media (max-width: 810px){.dashboard .banner:last-child h5{font-size:1.25rem}.heading-box .btn-box .btn{font-size:.7rem}}@media (max-width: 675px){.heading-box .btn-box{flex-direction:column}}@media (max-width: 535px){.table-banner .heading-box{flex-direction:column;gap:2rem}}.dashboard .banner table .value-pending{color:#eab308}.dashboard .banner table .value-accepted{color:#3971d9f2}.dashboard .banner table .value-completed{color:#16a34a}.dashboard .banner table .value-rejected{color:#dc2626}.dashboard .banner table{border-collapse:collapse;border-spacing:0;text-align:center}.dashboard .banner table thead{text-align:justify;padding:.75rem 0}.dashboard .banner table thead tr{background-color:#e5e5e5}.dashboard .banner table thead th{padding:12px;min-width:5rem;border:1px solid #e5e5e5;text-align:center;font-size:14px;font-weight:600;color:#133254}.dashboard .banner table tbody td{padding:12px;min-width:5rem;border:1px solid #e5e5e5;font-size:13px;color:#484848}.dashboard .banner table tbody td .td-btn-container{display:flex;justify-content:space-around;align-items:center;gap:.5rem}.dashboard .banner table tbody tr td:first-child input{position:relative;top:2px;margin-right:15px;width:auto}.doctor-imgbox{width:250px;height:150px;overflow:visible}.doctor-imgbox img{object-fit:cover;width:100%;height:100%}@media (max-width: 86rem){.dashboard .banner:first-child .firstBox .content div,.dashboard .banner:first-child .firstBox .content div p{font-size:1.625rem}.dashboard .banner:first-child .firstBox .content p{font-size:.875rem}.dashboard .banner:first-child .secondBox p,.dashboard .banner:first-child .thirdBox p,.dashboard .banner:first-child .secondBox h3,.dashboard .banner:first-child .thirdBox h3{font-size:1.25rem}}@media (max-width: 63.75rem){.dashboard{height:auto}.dashboard .banner:first-child,.dashboard .banner:last-child{flex-wrap:wrap;height:auto}.dashboard .banner:first-child .firstBox{flex:none;width:100%;height:16.5625rem}.dashboard .banner:first-child .secondBox,.dashboard .banner:first-child .thirdBox{height:10.9375rem}}@media (max-width: 38.75rem){.dashboard .banner:first-child .secondBox,.dashboard .banner:first-child .thirdBox{width:100%;flex:none}}@media (max-width: 30.3125rem){.dashboard .banner:first-child .firstBox{flex-direction:column;height:auto;padding:1.25rem}.dashboard .banner:first-child .firstBox img{width:16.875rem;height:16.875rem;margin-bottom:1.5625rem}.dashboard .banner:first-child .firstBox div{justify-content:center}}.sidebar{position:fixed;width:6.5rem;background:var(--sidebar-bg, var(--bg-card));display:flex;flex-direction:column;justify-content:center;top:0;left:0;height:100%;align-items:center;color:var(--text-accent);padding:4.375rem 0;transition:.3s}.sidebar svg{width:3rem;height:3rem;font-size:2rem;padding:8px}.sidebar svg:hover{background:var(--bg-card);color:var(--accent);border-radius:.5rem;transition:.3s;cursor:pointer}.wrapper{padding:5px;width:3.125rem;overflow:hidden;display:flex;position:fixed;top:1.5rem;left:2rem;font-size:2.125rem;background:transparent;color:#fff;height:2.5rem;width:2.5rem;border-radius:.5rem;justify-content:center;align-items:center;z-index:1101}.wrapper .hamburger{display:none}.show{left:0;transition:.3s}@media (max-width: 485px){.sidebar{width:4rem;background:#3939d9f2;z-index:1}.wrapper .hamburger{display:block;color:#fff;background-color:transparent}.show{width:80px;left:-6.5rem}}.doctors h1{color:#2a3686;font-size:2rem}@media (max-width: 485px){.doctors h1{font-size:1.375rem;text-align:center}}.doc-card{background:#f7f7f7;padding:18px;border-radius:22px;box-shadow:0 10px 30px #00000014;display:inline-block}.doc-card__inner{background:#fff;border-radius:18px;border:2px solid #d9d9d9;padding:28px 26px 24px}.doc-card__avatar{width:160px;height:160px;margin:0 auto 18px;border-radius:50%;padding:8px;background:#bbccf0e9;display:grid;place-items:center}.doc-card__avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#eee}.doc-card__name{margin:8px 0 6px;text-align:center;font-size:1.6rem;line-height:1.2;color:var(--text);font-weight:700}.doc-card__role{margin:0 0 14px;text-align:center;color:var(--muted);font-size:1.05rem}.doc-card__info{margin:10px 0 18px;text-align:center;color:var(--muted);font-size:.98rem}.doc-card__info .label{color:#6b7280;font-weight:600}.doc-card__actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;text-align:center}.doc-btn{padding:12px 14px;border-radius:999px;font-weight:600;font-size:.8rem;border:2px solid #215dd6}.btn--ghost,.btn--primary{background:transparent;color:#215dd6}.doctors .banner{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));grid-gap:20px;padding:2.5rem}.doctors .banner .card{background:#fff;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center}.doctors .banner .card img{width:270px;height:270px;border-radius:100%;margin-bottom:20px}.doctors .banner .card h4{font-size:24px;color:#333;margin-bottom:20px}.doctors .banner .card div{width:100%;display:flex;flex-direction:column;gap:8px;font-size:20px}.doctors .banner .card div p{font-size:1rem;font-weight:600}.doctors .banner .card div p span{font-weight:400}.doc-card.pro-card{box-shadow:#2717761f 0 4px 24px;border-radius:18px;background:#fff;padding:1.5rem;display:flex;flex-direction:column;transition:box-shadow .2s;border:1px solid rgb(236,236,236);position:relative;line-height:130%}.usercard-top{display:flex;gap:20px}.info-section{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.search-section{display:flex;gap:.5rem}.messages h1{color:#3939d9f2;margin-bottom:30px;font-size:2.3rem}.messages .banner{display:flex;flex-direction:column;gap:20px}.messages .banner .card{background:#fff;border-radius:12px;padding:20px}.messages .banner .card div{width:100%;display:flex;flex-direction:column;gap:8px;font-size:20px}.messages .banner .card div p{font-weight:700}.messages .banner .card div p span{font-weight:500}.add-doctor-form form .first-wrapper div:first-child input:file-selector-button{position:absolute;height:80%;width:80%}.form-field-wrap.left{display:flex;flex-direction:column;gap:6px}.form-field-wrap.right{gap:26px;flex:2}.sidebar svg.icon-btn:hover{background:#fff;color:#4343db}.sidebar svg.icon-btn{background:transparent;color:#fff;border:0}@media (max-width: 945px){.add-doctor-form form .first-wrapper{flex-direction:column}.add-doctor-form form .first-wrapper div:first-child img{height:auto}}@media (max-width: 350px){.doctors .banner{display:grid;grid-template-columns:repeat(auto-fit,minmax(100%,1fr));grid-gap:20px}}@media (max-width: 880px){.info-section{flex-direction:column}}@media screen and (max-width: 991px){.page{border-top-left-radius:0;border-bottom-left-radius:0;padding:1rem}}@media screen and (max-width: 767px){.wrapper{background:#3939d9;width:auto;height:auto;top:10px;left:16px;padding:0;border-radius:2px}.page,.dashboard{border-top-left-radius:0;border-bottom-left-radius:0;padding-top:45px}.doctors .banner{grid-template-columns:1fr;padding-inline:1rem}.assitant-add-form .form-cols-wrap{grid-template-columns:1fr}.doctor-imgbox{height:auto}}input[type=date]:before{content:attr(placeholder);color:#444;margin-right:.5em}input[type=time]:before{content:attr(placeholder);color:#444;margin-right:.5em}.theme-light{--bg-main: #f0f0f6;--bg-card: #fff;--accent: #3939d9f2;--btn-gradient: linear-gradient(140deg, #9083d5, #271776ca);--text-main: #111;--text-accent: #fff;--app-font: "Montserrat", sans-serif;--sidebar-bg: #3939d9f2}.theme-dark{--bg-main: #181818;--bg-card: #232323;--accent: #0b74ff;--btn-gradient: linear-gradient(140deg, #232323, #0b74ff);--text-main: #fff;--text-accent: #0b74ff;--app-font: "Inter, system-ui, -apple-system, sans-serif";--sidebar-bg: var(--bg-card)}.theme-cyberpunk{--bg-main: linear-gradient(135deg, #f35f02, #9c07f2, #24243e);--bg-card: #232946;--accent: #ff008d;--btn-gradient: linear-gradient(140deg, #ff008d, #00fff7);--text-main: #fff;--text-accent: #ff008d;--app-font: "Orbitron, sans-serif";--sidebar-bg: linear-gradient( 135deg, rgba(246, 8, 167, .8) 0%, rgba(252, 211, 8, .8) 100% )}.theme-blackpink{--bg-main: #1a001a;--bg-card: #ffb6e6;--accent: #ff008d;--btn-gradient: linear-gradient(140deg, #ffb6e6, #ff008d);--text-main: #1a001a;--text-accent: #fff;--app-font: "Poppins, sans-serif";--sidebar-bg: rgba(20, 0, 20, .6)}.theme-retro{--bg-main: #f5e9da;--bg-card: #ffe066;--accent: #ff6f3c;--btn-gradient: linear-gradient(140deg, #ffe066, #ff6f3c);--text-main: #2d1e2f;--text-accent: #ff6f3c;--app-font: "Georgia, serif";--sidebar-bg: rgba(255, 230, 120, .2)}.theme-darkgreen{--bg-main: #0d1b1e;--bg-card: #1b2a2f;--accent: #00b894;--btn-gradient: linear-gradient(140deg, #1b2a2f, #00b894);--text-main: #fff;--text-accent: #00b894;--app-font: "Roboto, sans-serif";--sidebar-bg: rgba(10, 30, 30, .6)}.arrow-btn{width:40px;height:40px;border-radius:50%;background-image:linear-gradient(to right,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 24px #764ba259;border:none;position:relative;overflow:visible;color:#fff;transition:.5s all ease}.arrow-btn:hover{transform:translate(-3px) scale(1.08);box-shadow:0 12px 32px #764ba259;background-image:linear-gradient(to right,#667eea,#764ba2)}.arrow-btn:focus-visible{outline:2px solid #fb7185;outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;position:relative;border:1px solid transparent;border-radius:.375rem;padding:.6rem .9rem;font-size:1rem;font-weight:600;line-height:1.5;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;min-width:200px;text-transform:uppercase;letter-spacing:.5px;background:#096dd9;color:#fff}.btn-icon{width:2.5rem;height:2.5rem;padding:0;font-size:1.25rem;border-radius:50%}.btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-primary:hover{color:#fff;background-color:#0b5ed7;border-color:#0a58ca}.btn-ghost{color:#0d6efd;background-color:transparent;border-color:transparent}.btn-ghost:hover{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#bb2d3b;border-color:#b02a37}.form-component button.btn-primary{background:var(--btn-gradient)}.ReactModalPortal .ReactModal__Content.ReactModal__Content--after-open{border:0!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.fixed-area-block{margin-bottom:1.1rem}.preview-header{height:25mm;width:100%;background-color:#f8f9fa;border-bottom:1px dashed #dee2e6;display:flex;align-items:center;justify-content:center}.preview-header-image{width:100%;height:100%;object-fit:fill}.preview-footer{height:20mm;width:100%;background-color:#f8f9fa;border-top:1px dashed #dee2e6;display:flex;align-items:center;justify-content:center;margin-top:auto}.preview-footer-image{width:100%;height:100%;object-fit:fill}.fixed-area{min-height:3.75rem;max-height:7.5rem;background:#f4f7fa;border:.0625rem solid #e6e9ef;border-radius:.4rem;padding:.6rem .9rem;font-size:1.01rem;color:#222;margin-top:.25rem;overflow-y:auto;white-space:pre-line}:root{--page-width: 53.125rem;--gutter: 1.5rem;--muted: #6b7280;--accent: #215dd6;--section-bg: #f8fafc;--border: #e6e9ef;--radius: .75rem}.prescription{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Roboto,Segoe UI,Helvetica Neue,Arial,sans-serif;padding:.2rem 0;background:#f3f6fa}.presdownload{width:min(98%,var(--page-width));background:#fff;border:.09375rem solid var(--border);box-shadow:0 .5rem 2rem #0e233a17;margin-top:.5rem;overflow:hidden}.preview-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.pdf-down-btn{background:linear-gradient(90deg,#0ab6b6 60%,#215dd6);color:#fff;padding:.7rem 1.5rem;border-radius:.5rem;cursor:pointer;font-size:1.1rem;font-weight:600;box-shadow:0 .125rem .5rem #0e233a14;border:none;transition:background .2s}.pdf-down-btn:hover{background:linear-gradient(90deg,#215dd6 60%,#0ab6b6)}*{box-sizing:border-box}.content{padding:2.5rem 2.5rem 1.5rem;width:100%;display:flex;flex-direction:column;background:#fff}.a4-paper .modern-header{grid-template-columns:1.5fr 5rem 1fr;gap:1rem}.a4-paper .Dr-details h1{font-size:1.25rem}.a4-paper .clinic-name{font-size:1rem}.a4-paper .pdata{gap:1rem}.a4-paper .fixed-area{max-height:6.3rem}.pdf-generation-mode{box-shadow:none!important;border:none!important;border-radius:0!important;width:210mm!important}.pdf-page{background:#fff;page-break-after:always;height:297mm;position:relative;padding:15mm 12mm;display:flex;flex-direction:column}.pdf-header,.pdf-footer{position:absolute;left:12mm;right:12mm}.pdf-header{top:15mm}.pdf-footer{bottom:15mm}.pdf-content-area{padding-top:80mm;padding-bottom:30mm}.a4-paper .presdownload{box-shadow:none;border:none}.modern-header{width:100%;display:grid;grid-template-columns:1.5fr 7.5rem 1.5fr;gap:2rem;color:var(--accent);align-items:start;margin-bottom:2.2rem}.Dr-details h1{font-size:1.5rem;margin-bottom:.25rem;font-weight:700;color:#1a237e}.Dr-details p{font-size:1rem;color:var(--muted);margin:.18rem 0}.clinic-details p,.logo p{font-size:.95rem;color:var(--muted);margin:.18rem 0}.logo{text-align:center}.logo img{max-width:100%;height:3.75rem;margin-bottom:.2rem}.clinic-name{font-weight:600;color:var(--accent);font-size:1.1rem}.modern-section{background:var(--section-bg);border-radius:var(--radius);margin-bottom:2rem;padding:1.5rem 1.5rem 1.2rem;box-shadow:0 .125rem .5rem #0e233a0a}.outer-data-box{padding:1.1rem 0;border-bottom:.09375rem dashed var(--border);margin-bottom:.5rem}.patient-box{background:#fff;border-radius:var(--radius);margin-bottom:1.2rem;box-shadow:0 .0625rem .25rem #0e233a08}.pdata{display:flex;justify-content:space-between;gap:2.5rem;font-weight:600;margin-top:.5rem}.prescription .hide-on-preview{display:none}.lCol p,.rightCol p{margin:.18rem 0;font-size:1.01rem;font-weight:500}.prescription-box{background:#f6faff;border-radius:var(--radius);margin-bottom:1.2rem;box-shadow:0 .0625rem .25rem #0e233a05}.complaints{margin-bottom:1rem}.diagnosis-box{margin-bottom:1.2rem}.diagnosis-list{list-style:none;padding:0;margin:.2rem 0 .5rem;display:flex;flex-wrap:wrap;gap:1.2rem}.diagnosis-list li{background:#e3eafc;border-radius:.5rem;padding:.3rem .9rem;font-size:.98rem;color:#1a237e}.advice-box{margin-top:1.2rem;background:#e6f7f7;border-radius:.5rem;padding:.7rem 1.2rem;font-size:1.05rem;color:#0a3d62}.test-advice-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.test-advice-item{background:#fff;border-radius:.5rem;padding:.75rem 1rem;border:1px solid #eef2f7;box-shadow:0 2px 4px #0e233a08}.test-advice-item .test-name{font-weight:600;color:#1a237e;margin-bottom:.25rem}.test-advice-item .test-type{font-style:italic;color:var(--muted);margin-left:.5rem}.test-advice-item .test-precautions,.test-advice-item .test-date{font-size:.9rem;color:#475569;padding-left:1rem;position:relative}.medic-details{display:flex;flex-direction:column;margin-top:.5rem}.medic-header{display:grid;grid-template-columns:2.5rem 1fr 5.625rem 5rem 6.25rem 5.625rem;gap:.5rem;font-size:1rem;color:var(--muted);padding:.25rem 0;font-weight:700}.medic-data{padding-bottom:.25rem}.data-row{display:grid;grid-template-columns:2.5rem 1fr 5.625rem 5rem 6.25rem 5.625rem;gap:.5rem;align-items:center;padding:.25rem 0;font-weight:500;background:#fafdff;border-radius:.3rem;margin-bottom:.2rem}.modern-auth-box{margin-top:2rem;display:flex;justify-content:space-between;align-items:center;background:#f3f6fa;border-radius:.5rem;padding:.7rem 1.2rem;box-shadow:0 .0625rem .25rem #0e233a08}.follow-up-date,.sign{margin:.25rem 0;font-weight:600;color:#215dd6}.edit-btn-bar{display:flex;align-items:center;gap:1.2rem;margin:1.5rem 0 .5rem}.edit-btn{background:#215dd6;color:#fff;border:none;border-radius:.4rem;padding:.5rem 1.2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.edit-btn:hover{background:#0ab6b6}.edit-hint{color:var(--muted);font-size:.98rem}.modern-footer{text-align:center;color:var(--accent);padding:1.2rem 0 .7rem;font-size:1.05rem;font-weight:600;border-top:.09375rem solid var(--border);margin-top:2.2rem}@media print{body *{visibility:hidden}.presdownload,.presdownload *{visibility:visible}.presdownload{position:absolute;left:0;top:0;width:210mm;min-height:297mm}.content{padding:1.5cm 1.5cm 1cm!important}.pdf-down-btn,.edit-btn-bar,.hide-on-print{display:none!important}}@media (max-width: 56.25rem){.content{padding:1.2rem .5rem}.modern-header{grid-template-columns:1fr 5rem 1fr;gap:.7rem}.medic-header,.data-row{grid-template-columns:2rem 1fr 4.375rem 3.75rem 5rem 3.75rem}}.outer-data-box{padding:.75rem 0;border-bottom:.0625rem dashed #e2e8f0}.pDetails{width:100%;margin:0}.pdata{display:flex;justify-content:space-between;gap:1rem;font-weight:600;margin-top:.75rem}.lCol p,.rightCol p{margin:.15rem 0}.rightCol{text-align:right}.prescription-body{display:flex;flex-direction:column;gap:1.5rem}.top-section{display:flex;flex-direction:column;gap:1rem}.middle-section{display:flex;gap:1.5rem;align-items:flex-start}.left-section{flex:1}.right-section{flex:1.5}.bottom-section{margin-top:1rem}.prescription,.prescription p,.prescription li,.prescription div{font-size:.95rem}.prescription h1,.prescription h4,.prescription h5{font-size:1.1rem}.test-advice-item .test-precautions{white-space:normal}strong{color:#1a237e;font-weight:700}.data-row{display:grid;grid-template-columns:2.5rem 1fr 5.625rem 5rem 6.25rem 5.625rem;gap:.5rem;align-items:center;padding:.25rem 0;font-weight:500}.no-meds{padding:.5rem 0;color:var(--muted)}.auth-box{margin-top:1.5rem;display:flex;justify-content:space-between;align-items:center}.follow-up-date,.sign{margin:.25rem 0;font-weight:600}.footer{text-align:center;color:var(--accent);padding:.75rem 0 .5rem;font-size:.9rem;font-weight:600}@media print{body *{visibility:hidden}.presdownload,.presdownload *{visibility:visible}.presdownload{position:absolute;left:0;top:0}}@media (max-width: 43.75rem){.header{grid-template-columns:1fr 5rem 1fr}.medic-header,.data-row{grid-template-columns:2rem 1fr 4.375rem 3.75rem 5rem 3.75rem}}.print-options{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.print-options label{display:flex;align-items:center;gap:.5rem}.profile-page{padding:2rem;max-width:1200px;margin:0 auto}.profile-header{text-align:center}.profile-header h1{font-size:2rem;margin-bottom:.75rem;color:#1a1f3a}.profile-header p{color:#878787;font-family:Inter,sans-serif;letter-spacing:.2px}.profile-container{display:flex;flex-wrap:wrap;gap:1rem;margin-top:3rem}@media (max-width: 1024px){.profile-container{grid-template-columns:1fr}}.profile-section{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.profile-section h3{font-size:1.25rem;margin-bottom:1.5rem;color:#656565;border-bottom:2px solid #f0f0f0;padding-bottom:.75rem;display:flex;align-items:center;column-gap:10px}.profile-section h3 svg{color:#715dbb}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.detail-item{display:flex;flex-direction:column}.detail-item label{font-size:.875rem;color:#666;font-weight:600;margin-bottom:.25rem;text-transform:uppercase}.detail-item p{font-size:1rem;color:#333;margin:0;word-break:break-word}.detail-item .badge{display:inline-block;max-width:fit-content;font-weight:600}.account-age-section{grid-column:1 / -1}.account-age-display{display:flex;align-items:center;justify-content:center;gap:2rem;border-radius:8px;color:#282e38;margin-bottom:1.5rem}.age-item{display:flex;align-items:baseline;gap:.5rem}.age-number{font-size:2.5rem;font-weight:600;font-family:Inter,sans-serif}.age-label{font-size:.875rem;opacity:.9;font-family:Inter,sans-serif}.age-separator{font-size:1.5rem;opacity:.7}.joined-date{text-align:center;color:#666;font-size:.95rem;margin:0}.joined-date strong{color:#333;font-weight:600}.calendar-section{grid-column:1 / -1}.calendar-container :global(.react-calendar){border:none;font-family:inherit;width:100%;max-width:400px}.calendar-container :global(.react-calendar__tile){padding:.75rem;border-radius:4px}.calendar-container :global(.react-calendar__tile--active){background:#667eea;color:#fff}.calendar-container :global(.react-calendar__tile:hover){background:#f0f0f0}.calendar-container :global(.react-calendar__tile.join-date-tile){background:#4ecdc4;color:#fff;font-weight:700;box-shadow:inset 0 0 5px #0000001a}.password-section{grid-column:1 / -1}.form-group label{display:block;font-size:.875rem;color:#374151;font-weight:600}.capacity-form .form-group label{margin-bottom:0}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 5px #667eea33}.btn-cls,.password-submit-btn{padding:.75rem 1.5rem;color:#fff;border:none;border-radius:3px;font-size:1rem;font-weight:600;cursor:pointer;background-size:300% 100%;transition:all .4s ease-in-out;background-image:linear-gradient(to right,#667eea,#764ba2,#667eea,#764ba2)}.btn-cls:hover,.password-submit-btn:hover{background-position:100% 0;transition:all .4s ease-in-out}.password-submit-btn:disabled{opacity:.7;cursor:not-allowed}.profile-container .details-grid{display:flex;flex-direction:column;row-gap:20px}.profile-section .detail-item{display:grid;grid-template-columns:1fr 1fr;align-items:center}.flex-center{display:flex;justify-content:center}.profile-section .detail-item label{margin-bottom:0;text-transform:capitalize;display:flex;align-items:center;gap:8px;color:#898989;font-family:Inter,sans-serif;font-weight:600;font-size:.938rem;position:relative}.profile-section .detail-item label:after{content:":";position:absolute;font-size:10px;overflow:visible;right:0}.profile-section .detail-item p{font-size:.938rem;margin:0;word-break:break-word;font-family:Inter,sans-serif;font-weight:500;color:#666e8c}.profile-avatar-block{display:flex;gap:15px;align-items:center;margin-bottom:20px}.profile-avatar{width:75px;height:75px;border-radius:50%;background:#7e6ed7;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.badge{color:#fff;padding:3px 8px;display:inline-block;font-size:.75rem;border-radius:3px;text-transform:capitalize;font-weight:500;font-family:Inter,sans-serif;width:fit-content}.profile-name{color:#666e8c;font-family:Montserrat,sans-serif;margin-bottom:6px;font-size:1.25rem;font-weight:600}.profile-section .detail-item label svg{color:#a69ad5;font-size:24px}.edit-btn-block{margin-top:25px;text-align:center;padding-top:25px;border-top:1px solid #e5e5e5}.edit-profile-btn{padding:10px 30px;background-color:#fff;border:1px solid #7e6ed7;cursor:pointer;border-radius:3px;display:flex;align-items:center;gap:5px;color:#5e5e5e;font-weight:600;font-size:1rem;transition:.5s all ease}.edit-profile-btn:hover{background-color:#7e6ed7;color:#fff}.edit-profile-btn svg{color:#7e6ed7;transition:.5s all ease}.edit-profile-btn:hover svg{color:#fff}.profile-section.user-details-section{width:45%}.profile-section.password-section{margin-top:16px}.security-text{color:#979797;margin-bottom:1.5rem}#capacityDate:before{display:none}@media (max-width: 768px){.profile-page{padding:1rem}.profile-page h2{font-size:1.5rem;margin-bottom:1.5rem}.profile-container{gap:1rem;flex-wrap:unset;flex-direction:column}.profile-section{padding:1.5rem;width:100%}.profile-section.user-details-section{width:100%}.details-grid{grid-template-columns:1fr}.account-age-display{gap:1rem;padding:1.5rem}.age-number{font-size:2rem}.calendar-container :global(.react-calendar){max-width:100%}}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:680px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 25px #0000001a}.modal-header{min-height:fit-content;padding:0 24px 16px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.25rem;color:#1e293b}.close-btn{background:transparent;border:none;font-size:1.75rem;cursor:pointer;color:#64748b}.modal-body{padding:24px;overflow-y:auto;flex-grow:1}.detail-section{margin-bottom:24px}.detail-section h4{margin-top:0;margin-bottom:12px;color:#334155;font-size:1rem;border-bottom:1px solid #f1f5f9;padding-bottom:8px}.detail-section p{margin:0;line-height:1.6;color:#475569}.tags-container{display:flex;flex-wrap:wrap;gap:8px}.tag{background-color:#eef2ff;color:#4338ca;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:500}.tag.tag-blue{background-color:#dbeafe;color:#1d4ed8}.details-table{width:100%;border-collapse:collapse;font-size:.9rem}.details-table th,.details-table td{text-align:left;padding:8px 12px;border-bottom:1px solid #f1f5f9}.details-table th{background-color:#f8fafc;font-weight:600;color:#475569}.modal-footer{min-height:fit-content;padding:16px 24px 0;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}.test-list{list-style-type:disc;padding-left:20px;color:#475569}.header-footer-creator{width:100%;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:30px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.creator-header{text-align:center;margin-bottom:40px;color:#1f2937}.creator-header h2{font-size:2.5rem;font-weight:700;margin:0 0 10px;color:#111827}.creator-header p{font-size:1.1rem;color:#6b7280;margin:0}.creator-tabs{display:flex;gap:15px;margin-bottom:30px;justify-content:center;flex-wrap:wrap}.tab-btn{padding:12px 28px;font-size:1rem;font-weight:600;border:2px solid #d1d5db;background:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease;color:#6b7280}.tab-btn:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.tab-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;color:#fff;box-shadow:0 4px 15px #3b82f666}.creator-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1600px;margin:0 auto}.controls-section{background:#fff;padding:30px;border-radius:12px;box-shadow:0 10px 30px #0000001a;max-height:90vh;overflow-y:auto}.controls-section h3{font-size:1.3rem;font-weight:600;color:#1f2937;margin:20px 0;padding-bottom:10px;border-bottom:2px solid #e5e7eb}.controls-section h3:first-child{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group label{font-size:.5rem;font-weight:600;color:#374151;letter-spacing:.5px}.form-group input[type=text]:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#f0f9ff}.form-group input[type=range]{width:100%;padding:8px 0;cursor:pointer;transition:all .3s ease;height:6px;border-radius:3px;background:linear-gradient(to right,#3b82f6,#2563eb);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#3b82f6;cursor:pointer;box-shadow:0 2px 8px #3b82f666;transition:all .2s ease}.form-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #3b82f699}.form-group input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none;box-shadow:0 2px 8px #3b82f666;transition:all .2s ease}.form-group input[type=range]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #3b82f699}.value-display{display:inline-block;background:#f0f9ff;color:#3b82f6;padding:4px 12px;border-radius:4px;font-weight:600;font-size:.85rem;margin-top:8px}.form-group.full-width{grid-column:1 / -1}.button-position-group{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between}.preview-section{background:#fff;padding:30px;border-radius:12px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;align-items:center;gap:20px}.preview-section h3{width:100%;font-size:1.3rem;font-weight:600;color:#1f2937;margin:0 0 20px;padding-bottom:15px;border-bottom:2px solid #e5e7eb;text-align:center}.preview-section canvas{border:3px solid #e5e7eb;border-radius:8px;background:#fff;width:100%;max-width:100%;box-shadow:0 4px 12px #0000001a;cursor:pointer}.btn-download{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.btn-download:hover{transform:translateY(-3px);box-shadow:0 8px 25px #10b98166}.btn-download:active{transform:translateY(-1px)}.position-btn{flex:1;min-width:120px;padding:12px 20px;font-size:.95rem;font-weight:600;border:2px solid #d1d5db;background:#fff;color:#6b7280;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:6px}.position-btn:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.position-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;color:#fff;box-shadow:0 4px 15px #3b82f666;font-weight:700}.controls-section::-webkit-scrollbar{width:8px}.controls-section::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.controls-section::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.controls-section::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 1200px){.creator-content{grid-template-columns:1fr;gap:20px}.preview-section{margin-top:20px}}@media (max-width: 768px){.header-footer-creator{padding:15px}.creator-header h2{font-size:1.8rem}.creator-header p{font-size:1rem}.controls-section,.preview-section{padding:20px}.form-grid{grid-template-columns:1fr;gap:15px}.tab-btn{padding:10px 20px;font-size:.9rem}.btn{padding:12px 24px;font-size:.9rem;min-width:160px}}@media (max-width: 480px){.creator-tabs{flex-direction:column}.tab-btn{width:100%}.creator-header h2{font-size:1.5rem}.controls-section h3,.preview-section h3{font-size:1.1rem}.btn{width:100%;padding:12px 16px;font-size:.85rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header-footer-creator{animation:fadeIn .5s ease-out}.creator-content{animation:fadeIn .6s ease-out}.settings-page .general-settings-nav-bar{display:flex;gap:15px;margin-bottom:35px;padding:20px;background:var(--bg-card);border-radius:15px;box-shadow:0 2px 8px #0000001a;flex-wrap:wrap;align-items:center;border-bottom:3px solid transparent}.general-settings-nav-bar .general-nav-item{padding:12px 24px;font-size:1rem;font-weight:600;border:2px solid transparent;background:transparent;color:var(--text-main);border-radius:10px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.general-settings-nav-bar .general-nav-item:hover{background:#0b74ff1a;border-color:#0b74ff;color:#0b74ff;transform:translateY(-2px);box-shadow:0 4px 12px #0b74ff33}.general-settings-nav-bar .general-nav-item.active{background:var(--btn-gradient);border-color:#0b74ff;color:#fff;box-shadow:0 4px 15px #0b74ff66;font-weight:700}.general-settings-header-footer-section{display:flex;flex-direction:column;gap:20px}.general-settings-header-footer-section .header-footer-creator{background:transparent;padding:0}.general-settings-header-footer-section .creator-header{margin-bottom:25px}.general-settings-header-footer-section .creator-header h2{font-size:2rem;color:var(--text-main)}.general-settings-header-footer-section .creator-header p{color:var(--text-secondary)}@media (max-width: 1024px){.general-settings-nav-bar{flex-direction:column;align-items:stretch}.general-settings-nav-bar .general-nav-item{width:100%;justify-content:center}}@media (max-width: 768px){.general-settings-nav-bar{gap:10px;padding:15px}.general-settings-nav-bar .general-nav-item{padding:10px 16px;font-size:.9rem;flex:1;min-width:120px}.general-settings-nav-bar .general-nav-item.active{min-width:auto}.general-settings-header-footer-section .page{margin-left:0;padding:0;width:100%}}@media (max-width: 480px){.general-settings-nav-bar{gap:8px;padding:12px}.general-settings-nav-bar .general-nav-item{padding:10px 12px;font-size:.8rem;flex:1}.general-settings-header-footer-section .page{padding-inline:0}.settings-page{margin:0}}.reports-page{height:100vh;padding-top:0rem}.reports-page .banner{background:#fff;padding:12px 18px;border-radius:8px;margin-bottom:12px;box-shadow:0 1px 4px #0000000a;position:sticky;top:0rem;z-index:1;margin-top:2rem;border-bottom:3px solid #096dd9}.banner .content-box{display:flex;flex-direction:column;gap:1rem;padding:.5rem}.banner .desc-dev-box{display:flex;justify-content:space-between;gap:.5rem}.input-container{display:flex;gap:.5rem;justify-content:space-between;min-width:32rem}.input-container label{display:flex;flex-direction:column;justify-content:center}.input-container input,.input-container select{display:flex;align-items:center;padding:.3rem}.check-btn-box{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;padding:.3rem}.check-btn-box label{padding:.3rem}.label-box{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.btn-box{display:flex;gap:.5rem}.reports-page .reports-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.reports-page .card{background:#fff;padding:14px;border-radius:8px;box-shadow:0 1px 4px #0000000a}.reports-page .card .label{color:#666;font-size:13px;margin-bottom:6px}.reports-page .card .value{margin:0;font-size:22px}.search-container{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.reports-page .table-wrap{margin-top:18px;background:#fff;padding:0 12px 12px;border-radius:8px;box-shadow:0 1px 4px #0000000a;overflow-x:auto}.reports-table{width:100%;border-collapse:collapse;font-size:13px;position:relative}.reports-table thead{position:sticky;top:0rem;margin-top:12px}.reports-table th,.reports-table td{padding:10px 8px;text-align:left}.reports-table th{background:#fafafa;color:#333;font-weight:600}tbody tr{border-top:1px solid #dddddd}.btn{border:none}.btn[disabled]{opacity:.6;cursor:not-allowed}.reports-page .search-container{margin-top:0;padding:0 12px 12px}.charts-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin:1rem 0px}@media (max-width: 900px){.charts-container{grid-template-columns:1fr 1fr}}@media (max-width: 900px){.reports-page .reports-cards{grid-template-columns:repeat(2,1fr)}.banner .desc-dev-box{flex-direction:column}.input-container{padding-left:.2rem}.search-box{position:static}}@media (max-width: 891px){.check-btn-box{flex-direction:column}}@media screen and (max-width: 767px){.input-container{flex-direction:column;min-width:100%}.input-container label{flex-direction:row;align-items:center;justify-content:center;gap:.5rem}.reports-page .toolbar,.reports-page .banner{position:static}.reports-page .input-container label{flex-direction:column;align-items:flex-start;padding-left:1px}.reports-page .input-container input,.reports-page .input-container select{width:100%}.check-btn-box{flex-direction:row}.report-btn-box .icon-btn{width:45px;height:45px;padding:.5rem;font-size:20px}.charts-container{grid-template-columns:1fr}.reports-page .search-container{align-items:baseline}}@media (max-width: 680px){.search-container{flex-direction:column}}@media (max-width: 520px){.reports-page .reports-cards{grid-template-columns:repeat(1,1fr)}.reports-page .banner>div:last-child{display:flex;flex-direction:column;gap:8px}}.invoice-drawer{position:fixed;right:0;top:0;height:100%;width:420px;background:#fff;box-shadow:-4px 0 18px #00000014;z-index:9999;padding:16px;overflow:auto}.invoice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:9998}.invoice-list{display:flex;flex-direction:column;gap:8px}.invoice-item{border:1px solid #eee;padding:8px;border-radius:6px;display:flex;justify-content:space-between;align-items:center}.invoice-item .meta{display:flex;flex-direction:column}.invoice-editor{display:flex;flex-direction:column;gap:8px;margin-top:12px}.invoice-editor label{font-size:12px;color:#333}.invoice-editor input,.invoice-editor textarea,.invoice-editor select{padding:8px;border:1px solid #ddd;border-radius:6px}.btn-small{padding:6px 10px;font-size:13px}.bar-chart-container{display:flex;flex-direction:column;align-items:center;margin:2rem 0}.bar-chart-container .bar{transition:opacity .2s}.bar-chart-container .bar:hover{opacity:.8}.bar-chart-container .revenue{fill:#4caf50}.bar-chart-container .due{fill:#f44336}.bar-chart-container .legend{display:flex;gap:1rem;margin-top:1rem}.bar-chart-container .legend-item{display:flex;align-items:center;gap:.5rem}.bar-chart-container .color-box{width:1rem;height:1rem}.bar-chart-container .axis-label{font-size:.75rem;fill:#777}.bar-chart-container .no-data{color:#777}.chart-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1rem;margin-bottom:1rem}.chart-card h3{margin-top:0;font-size:1.2rem;margin-bottom:1rem}.pie-chart-container{display:flex;align-items:center;justify-content:center}.line-chart-container{width:100%}.axis-label{font-size:.75rem;fill:#777}.toggle-switch{position:relative;display:inline-block;width:3.75rem;height:1.8rem}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:1.3rem;width:1.3rem;left:.25rem;bottom:.25rem;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 .0625rem #2196f3}input:checked+.slider:before{transform:translate(1.625rem)}.slider.round{border-radius:2.2rem}.slider.round:before{border-radius:50%}.label-text{white-space:nowrap;position:absolute;right:70px;top:6px;bottom:0;margin-block:auto;font-size:.875rem}@media screen and (max-width: 767px){span.label-text{right:-125px}}.medicine-form-container{display:flex;flex-direction:column;gap:20px}.form-group.full-width{width:100%}.form-row{display:flex;gap:16px}.form-label{font-size:.875rem;font-weight:600;color:#334155;display:flex;align-items:center;gap:6px}.required{color:#ef4444;font-weight:700}.helper-text{font-size:.75rem;font-weight:400;color:#94a3b8;margin-left:4px}.form-input{padding:10px 14px;border:2px solid #e2e8f0;border-radius:8px;font-size:15px;transition:all .2s;background:#fff;color:#1e293b}.form-input:focus{outline:none;border-color:#271776;box-shadow:0 0 0 3px #2717761a}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:20px;border-top:1px solid #e2e8f0}.btn-cancel,.btn-submit{padding:10px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:none;min-width:100px}.btn-cancel{background:#f1f5f9;color:#475569}.btn-cancel:hover{background:#e2e8f0}.btn-submit{background:#271776;color:#fff}.btn-submit:hover{background:#1e1159;transform:translateY(-1px);box-shadow:0 4px 12px #2717764d}.btn-submit:active,.btn-cancel:active{transform:translateY(0)}@media (max-width: 640px){.form-row{flex-direction:column}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}}.medicine-store-page{padding-inline:6.5rem 0}.medicine-store-content{box-sizing:border-box;width:100%}.medicine-store-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2.5rem}.medicine-store-left{display:flex;gap:15px;align-items:center}.medicine-store-header h1{font-size:2rem;font-weight:700;color:#1e293b}.subtitle{color:#64748b;font-size:1rem;margin:0}.search-form{gap:12px;flex-wrap:wrap;align-items:center;padding-right:5rem;display:flex;float:left;flex-direction:row}.medicine-search-form .form-group{position:relative;flex:1;min-width:280px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:18px;pointer-events:none}.search-input:focus{outline:none;border-color:var(--primary-color, #271776);box-shadow:0 0 0 3px #4f46e514}.btn-search{background:var(--primary-color, #271776);color:#fff}.btn-search:hover{background:var(--primary-hover, #4338ca);transform:translateY(-1px);box-shadow:0 6px 18px #4f46e51f}.btn-add{background:var(--primary-color, #271776);color:#fff}.btn-add:hover{background:var(--primary-hover, #4338ca);transform:translateY(-1px);box-shadow:0 6px 18px #4f46e51f}.btn-edit{background:var(--secondary-color, #3b82f6);color:#fff;flex:1}.btn-edit:hover{background:var(--primary-hover, #2563eb)}.btn-delete{background:var(--danger-color, #ef4444);color:#fff;flex:1}.btn-delete:hover{background:#dc2626}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#64748b}.spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#271776;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.medicines-container{min-height:400px;margin-top:4rem;padding:0 2.5rem 2rem}.medicines-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.medicine-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s;display:flex;flex-direction:column;box-shadow:0 1px 3px #0000000d}.medicine-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.medicine-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.medicine-name{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0;flex:1}.medicine-price{background:#ecfdf5;color:#059669;padding:6px 12px;border-radius:6px;font-weight:700;font-size:1rem;white-space:nowrap;margin-left:12px}.medicine-card-body{flex:1;margin-bottom:16px}.medicine-detail{margin-bottom:12px}.medicine-detail:last-child{margin-bottom:0}.detail-label{font-weight:600;color:#475569;display:block;margin-bottom:4px;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.detail-value{color:#334155;display:block;line-height:1.6}.detail-description{color:#64748b;line-height:1.6;margin:0}.medicine-card-footer{display:flex;gap:12px;padding-top:16px;border-top:1px solid var(--bg-hover, #f1f5f9);align-items:center}.medicine-card-footer .icon-btn{width:36px;height:36px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{width:80px;height:80px;color:#cbd5e1;margin-bottom:24px}.empty-state h2{font-size:1.5rem;color:#334155;margin:0 0 12px}.empty-state p{color:#64748b;font-size:1rem;margin:0 0 24px;max-width:400px}.medicine-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.medicine-modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;outline:none}.modal-header{padding:24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.5rem;color:#1e293b;font-weight:700}.close-btn{background:transparent;border:none;font-size:2rem;cursor:pointer;color:#94a3b8;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s;line-height:1;padding:0}.close-btn:hover{background:#f1f5f9;color:#475569}.modal-body{padding:24px;overflow-y:auto;flex:1}.medcine-nav-icon-btn{border:0;width:40px;height:40px;background:#677ce7;border-radius:5px;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer}.medicine-search-form .search-input{padding-left:35px}.medicine-search-form .form-group svg{font-size:15px}.search-form.medicine-search-form{padding-right:0}@media (max-width: 768px){.medicine-store-page{padding:5rem}.medicine-store-header h1{font-size:1.5rem}.search-form{flex-direction:column;align-items:stretch}.medicine-search-wrapper{min-width:100%}.btn{width:100%;justify-content:center}.medicines-grid{grid-template-columns:1fr}.medicine-modal{max-width:100%;margin:0;border-radius:12px 12px 0 0}}@media screen and (max-width: 991px){.medicine-store-header{flex-direction:column;align-items:flex-start;gap:12px}.search-bar-container{width:100%}.search-form.medicine-search-form{flex-direction:row;width:100%}}@media screen and (max-width: 767px){.medicines-container,.medicine-store-header{padding-inline:1rem}.search-form.medicine-search-form{gap:8px}.medicine-search-form .form-group{min-width:auto}}@media (max-width: 480px){.medicine-card-footer{flex-direction:column;align-items:stretch}.medicine-card-footer .icon-btn{width:40px;height:40px}}.back-btn{padding:6px 10px;border-radius:6px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:1px solid var(--border-color, #e2e8f0);background:var(--bg-card, #fff);color:var(--text-secondary, #64748b)}.back-btn:hover{background:var(--bg-hover, #f1f5f9)}*{margin:0;padding:0;box-sizing:border-box}.container{min-height:100vh;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.2;background-image:linear-gradient(rgba(255,0,0,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,0,0,.3) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.1;background:repeating-linear-gradient(0deg,rgba(255,0,0,.15) 0px,transparent 2px,transparent 4px);animation:scanline 8s linear infinite}.content{position:relative;z-index:10;text-align:center;padding:20px}.sharingan-container{margin-bottom:40px;position:relative;display:inline-block}.sharingan{width:192px;height:192px;margin:0 auto;position:relative;filter:drop-shadow(0 0 30px rgba(255,0,0,.8))}.outer-circle{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:4px solid #dc2626;animation:pulse 2s ease-in-out infinite}.inner-circle{position:absolute;top:32px;right:32px;bottom:32px;left:32px;border-radius:50%;background:#dc2626;opacity:.2}.pupil{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:#000;border-radius:50%;border:2px solid #dc2626}.tomoe-container{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform 1s}.tomoe-wrapper{position:absolute;top:50%;left:50%;width:100%;height:100%}.tomoe{position:absolute;background:#dc2626;border-radius:50% 50% 50% 0;width:20px;height:40px;top:25%;left:50%;transform:translate(-50%);transform-origin:center}.error-code{font-size:6rem;font-weight:700;margin-bottom:20px;color:red;text-shadow:0 0 10px #ff0000,0 0 20px #ff0000,0 0 30px #ff0000;font-family:monospace;letter-spacing:.1em}.company-name{font-size:1.5rem;color:#0ff;margin-bottom:30px;font-weight:700;text-shadow:0 0 10px #00ffff;font-family:monospace}.message-bold{font-size:1.25rem;color:#ef4444;margin-bottom:10px;text-shadow:0 0 5px #ff0000;font-family:monospace}.message-regular{font-size:1.125rem;color:#fff;margin-bottom:40px;text-shadow:0 0 5px #ffffff;font-family:monospace}.home-button{padding:12px 32px;background:transparent;border:2px solid #dc2626;color:#ef4444;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-family:monospace;cursor:pointer;box-shadow:0 0 20px #ff000080;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:all .3s}.home-button:hover{background:#dc2626;color:#000}.binary-rain{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.1}.binary-digit{position:absolute;color:#dc2626;font-size:12px;animation:fall linear infinite;font-family:monospace}@keyframes fall{0%{transform:translateY(-100px);opacity:0}50%{opacity:1}to{transform:translateY(100vh);opacity:0}}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes gridMove{0%{transform:translateY(0)}to{transform:translateY(50px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.glitch{animation:glitchAnim .1s infinite}@keyframes glitchAnim{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(2px,2px)}to{transform:translate(0)}}@media (max-width: 768px){.error-code{font-size:4rem}.sharingan{width:144px;height:144px}.company-name{font-size:1.25rem}}.dashboard{display:flex;flex-direction:column;min-height:100vh;width:100%;background-color:var(--bg-main);margin-left:6.5rem;width:calc(100% - 6.5rem);transition:.5s all ease-in}.dashboard-content{flex:1;padding:2.5rem;overflow-y:auto;font-family:var(--app-font, "Roboto", sans-serif);color:var(--text-main)}.tabs{background:var(--bg-card);border-bottom:1px solid #e2e8f0;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;overflow-x:auto;box-shadow:0 2px 10px #0000000d}.tab{padding:1rem 1.5rem;background:none;border:none;border-bottom:4px solid transparent;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--text-light, #6b7280);transition:all .2s ease;text-align:center;white-space:nowrap;position:relative;overflow:hidden}.tab.btn{background:none;border:none;border-bottom:4px solid transparent}.tab:before{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--accent);transform:scaleX(0);transform-origin:center;transition:transform .2s ease;z-index:1}.tab:hover{color:var(--accent);background:rgba(var(--accent),.05)}.tab:hover:before{transform:scaleX(0)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);background:transparent;font-weight:600;box-shadow:none}.tab.active:before{transform:scaleX(1)}.tab-content{padding:0;width:100%;overflow:visible;background-color:#fff;border-radius:20px}.tab-content .form-component{width:100%;max-width:100%;background:transparent;display:flex;flex-direction:column;overflow:visible;padding-inline:2rem}.tab-content form{width:100%}.form-component h2{color:var(--text-main);font-size:1.5rem;font-weight:600;margin:0 0 2rem;padding-bottom:0;border-bottom:none}.each-hospital-card{background-color:#f9f9f9;border:1px solid rgb(221,221,221);border-radius:8px;padding:20px;margin-bottom:20px}.hospital-name-title{color:#4370db;margin-bottom:12px}.form-section h5{margin-bottom:8px;color:#8e94a7}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.form-group label{font-weight:500;color:var(--text-light, #6b7280);letter-spacing:.5px;font-size:14px;font-family:Inter,sans-serif}input,select,textarea,.form-group input,.form-group select,.form-group textarea{padding:.625rem .75rem;border:1px solid #d4dbe6;border-radius:6px;font-size:.938rem;background:var(--bg-card);color:#48484a;transition:all .2s ease;box-sizing:border-box}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:#a0aec0;font-size:.875rem}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#d1d5db;background:var(--bg-card)}input:focus,select:focus,textarea:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2196f3;background:var(--bg-card);box-shadow:0 0 0 3px #2196f31a}input:focus,select:focus,textarea:focus,.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible{outline:0}.form-group textarea{resize:vertical;min-height:3rem;font-family:inherit}.doctors.banner{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;width:100%;overflow:visible;margin-bottom:2rem}.doctors.banner .card{background:var(--bg-card);border:1px solid #e2e8f0;border-radius:6px;padding:1.5rem;display:flex;flex-direction:column;box-shadow:0 1px 2px #0000000d;transition:all .2s ease;overflow:visible;height:100%}.doctors.banner .card:hover{border-color:var(--accent);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;transform:translateY(-2px)}.doctors.banner .card .btn{width:100%;margin-top:auto;padding:.6rem .9rem;background:var(--btn-gradient);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.doctors.banner .card .btn.btn-primary{background:var(--btn-gradient)}.doctors.banner .card .btn:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.doctors.banner .card .btn:active{transform:translateY(0)}.doc-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:.75rem;width:100%}.doc-card-header h4{font-size:1rem;font-weight:600;color:var(--text-main);margin:0 0 .25rem}.doc-card-header p{color:var(--text-light, #6b7280);font-size:.8rem;margin:0}.rating-badge{background:var(--btn-gradient);color:#fff;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;font-weight:600;flex-shrink:0;white-space:nowrap;box-shadow:none}.doc-card-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem;width:100%}.detail-item{display:flex;justify-content:space-between;gap:1rem}.detail-item span:first-child{font-size:.8rem;color:var(--text-light, #6b7280);font-weight:500}.detail-item span:last-child{font-size:.9rem;font-weight:600;color:var(--text-main)}.detail-row{display:flex;justify-content:space-between;font-size:.9rem;flex-wrap:wrap;gap:.5rem}.detail-row span:first-child{color:var(--text-light, #6b7280);font-size:.8rem}.detail-row span:last-child{color:var(--text-main);font-weight:500;font-size:.9rem}.nabh-badge{background:rgba(var(--accent),.1);color:var(--accent)}.form-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.radio-group,.checkbox-list{display:flex;gap:1rem;flex-wrap:wrap}.radio-label,.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:#7d818f;-webkit-user-select:none;user-select:none;font-family:Inter,sans-serif}.radio-label input[type=radio],.checkbox-label input[type=checkbox],.checkbox-group input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;accent-color:var(--accent)}.checkbox-group{display:flex;gap:.5rem;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem}.cost-estimate{background:rgba(var(--accent),.05);border:1px solid #e2e8f0;border-radius:6px;padding:1.25rem}.cost-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #e2e8f0;font-size:.9rem}.cost-item.total{border-bottom:none;font-weight:600;font-size:1rem;color:var(--text-main);margin-top:.5rem;padding-top:.75rem;border-top:1px solid #e2e8f0}.cost-value{color:var(--accent);font-weight:600}.selected-hospital{border:1px solid #dde7ff;background:#f9f9f9;border-left:4px solid var(--accent);padding:1rem 1.25rem;margin-bottom:1.5rem;border-radius:6px}.selected-hospital h4{margin:0 0 .25rem;color:var(--text-main);font-size:1rem;font-weight:600}.selected-hospital p{margin:0;color:var(--text-light, #6b7280);font-size:.85rem}.urgency-badge{padding:.35rem .85rem;border-radius:.75rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.urgency-routine{background-color:#e3f2fd;color:#1976d2}.urgency-urgent{background-color:#fff3e0;color:#f57c00}.urgency-emergency{background-color:#ffebee;color:#c62828}.status-badge{color:#fff;padding:.35rem .85rem;border-radius:.5rem;font-size:.8rem;font-weight:600;text-transform:capitalize;display:inline-block}.status-submitted{background-color:#f59e0b}.status-under-review{background-color:var(--accent)}.status-accepted{background-color:#10b981}.status-scheduled{background-color:#8b5cf6}.status-admitted{background-color:#06b6d4}.status-declined{background-color:#ef4444}.status-timeline{display:flex;justify-content:space-between;margin:2rem 0;padding:0;overflow-x:auto;gap:.5rem;-webkit-overflow-scrolling:touch}.timeline-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;text-align:center}.timeline-dot{width:.875rem;height:.875rem;background-color:#cbd5e1;border-radius:50%;border:2px solid #cbd5e1;z-index:1;transition:all .3s ease}.timeline-label{font-size:.75rem;color:var(--text-light, #6b7280);margin-top:.5rem;word-break:break-word}.timeline-step.completed .timeline-dot{background-color:var(--accent);border-color:var(--accent)}.timeline-step.active .timeline-dot{background-color:var(--accent);border-color:var(--accent);transform:scale(1);box-shadow:0 0 0 4px rgba(var(--accent),.2)}.timeline-step.active .timeline-label{font-weight:700;color:var(--accent)}.timeline-step:not(:last-child):after{content:"";position:absolute;top:.375rem;left:50%;right:-50%;height:2px;background-color:#cbd5e1;z-index:0}.timeline-step.completed:not(:last-child):after{background-color:var(--accent)}.file-upload{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px dashed #d6d6d6;background:rgba(var(--accent),.03);flex-direction:column}.file-upload svg{font-size:28px;color:#8f9fac}.file-upload .btn{margin:0;flex-shrink:0;text-transform:capitalize;letter-spacing:0;font-size:14px;border-radius:2px;min-width:auto;padding:6px 20px;font-weight:500;background:transparent;color:#4370db;border:1px solid #4370db}.file-info{font-size:.8rem;color:var(--text-light, #6b7280)}.button-group{display:flex;gap:1rem;justify-content:flex-end;flex-wrap:wrap;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.button-group .btn{padding:.6rem .9rem;background:var(--btn-gradient);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.button-group .btn.btn-primary{background:var(--btn-gradient)}.button-group .btn:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.button-group .btn:active{transform:translateY(0)}.form-component form input,.form-component form select,.form-component form textarea{font-size:1rem}.create_referral_form .form-section{padding-bottom:2rem;margin-bottom:0}.create_referral_form .form-section h4{color:#4370db}.create_referral_form .grid-container .form-group,.create_referral_form .grid-container{margin-bottom:0}.create_referral_form .button-group{border-top:0;padding:0}.track-form-wrap{display:grid;grid-template-columns:1fr auto;gap:1rem}.no-found-text{min-width:100%;font-size:14px;color:#666;margin-top:10px}.track-form-wrap .clear-filter{font-size:1rem}@media (max-width: 1024px){.dashboard{flex-direction:column}.tabs{display:flex;flex-direction:row;justify-content:center;width:100%;border-right:none;border-bottom:1px solid #e2e8f0;padding:0;flex-wrap:wrap}.tab{text-align:center;border-left:none;border-bottom:4px solid transparent;padding:1rem 1.25rem}.tab.active{border-left-color:transparent;border-bottom-color:var(--accent);background:transparent}.dashboard-content{padding:2rem}.doctors.banner{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}}@media (max-width: 768px){.tabs{flex-wrap:wrap;padding:0}.tab{padding:.75rem 1rem;font-size:.85rem;flex:1 1 auto;min-width:120px;white-space:normal;word-wrap:break-word}.dashboard-content{padding:1rem}.grid-container{grid-template-columns:1fr;gap:1rem;margin-bottom:0}.doctors.banner{grid-template-columns:1fr;gap:1rem}.status-timeline{flex-direction:column;gap:1rem;align-items:flex-start}.timeline-step:not(:last-child):after{left:.375rem;top:50%;bottom:-50%;width:2px;height:auto}.timeline-step{flex-direction:row;align-items:center;gap:1rem;text-align:left}.button-group{flex-direction:column-reverse;gap:.75rem}.button-group .btn{width:100%}}@media (max-width: 767px){.tab-content .form-component{padding-inline:.625rem}.track-form-wrap{grid-template-columns:1fr}.track-form-wrap .clear-filter{margin-left:auto}.loader-content p{font-size:1.2rem}.file-upload{flex-direction:column}}@media (max-width: 480px){.doctors.banner{grid-template-columns:1fr}.doc-card-header{flex-direction:column}.rating-badge{width:100%;text-align:center}.radio-group,.checkbox-list{gap:1rem}.dashboard{margin-left:4rem;width:calc(100% - 4rem)}#root:has(.show.sidebar) .page,#root:has(.show.sidebar) .dashboard{transition:.5s all ease-in;margin-left:0;width:100%}}