.card-elevated{border:none;border-radius:22px;box-shadow:0 10px 35px rgba(0,0,0,.06);overflow:visible}.header-icon{width:58px;height:58px;background:linear-gradient(135deg,#0d6efd,#3d8bfd)}.badge-total{padding:10px 16px;border-radius:999px;font-weight:600;font-size:.9rem}.btn-add{padding:10px 18px}.search-input{padding-left:42px!important;border-radius:14px!important;height:48px;border:1px solid #d0d5dd!important;background:white!important}.action-btn,.table-action-btn{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:10px}.action-btn svg{transition:all .18s ease}.action-btn-edit{border:1px solid #eab308!important;color:#eab308!important}.action-btn-edit:hover{background:#eab308!important}.action-btn-edit:hover svg{color:#111827!important}.action-btn-check{border:1px solid #198754!important;color:#198754!important;background:transparent!important}.action-btn-check:hover{background:#198754!important;color:#fff!important;border-color:#198754!important}.action-btn-check:hover svg{color:#111827!important}.action-btn-delete{border:1px solid #ef4444!important;color:#ef4444!important}.action-btn-delete:hover{background:#ef4444!important}.action-btn-delete:hover svg{color:#111827!important}.action-btn-view{border:1px solid #3b82f6!important;color:#3b82f6!important}.action-btn-view:hover{background:#3b82f6!important}.action-btn-view:hover svg{color:#ffffff!important}.rdt_TableHeadRow{background:#f9fafb!important;border-bottom:1px solid #eaecf0!important;min-height:56px!important}.rdt_TableRow{min-height:72px!important;border-bottom:1px solid #f2f4f7!important}.rdt_TableRow:hover{background:#f8fbff!important}.form-subtle{border-radius:14px!important;min-height:46px}textarea.form-subtle{min-height:110px}.modal-footer{border-top:1px solid var(--bs-border-color)}.modal-footer-custom{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid #eef2f6}.modal-footer-custom .btn{min-width:140px;height:46px;border-radius:14px;font-weight:600}.modal-title-custom{display:flex;align-items:center;gap:14px}.modal-title-custom h5{margin:0;font-weight:700}.modal-title-custom span{font-size:.85rem;color:var(--bs-secondary-color)}@media (max-width:768px){.modal-footer-custom{flex-direction:column-reverse}.modal-footer-custom .btn{width:100%}}.modal-icon{width:48px;height:48px;border-radius:14px}.modal-icon-warning{background:rgba(255,193,7,.18);color:#d97706}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.btn-modal-cancel{min-width:120px}.btn-modal-cancel,.btn-modal-save{height:44px;border-radius:10px;font-weight:600;transition:all .2s ease}.btn-modal-save{min-width:140px;display:flex;align-items:center;justify-content:center;gap:8px}.date-picker-wrapper,.date-picker-wrapper .react-datepicker-wrapper{width:100%}.date-picker-icon{left:14px;z-index:10}.date-picker-wrapper .form-control{padding-left:42px!important}.react-datepicker{z-index:9999!important}.react-datepicker__popper{z-index:9999!important;background:white}.react-datepicker__header{background-color:#f9fafb;border:1px solid #eaecf0}.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__time-list-item--selected{background-color:#0d6efd}.search-select-icon{pointer-events:none}.search-select{padding-left:42px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.react-select__control{min-height:48px!important;border-radius:14px!important;border-color:#d0d5dd!important;box-shadow:none!important;padding-left:12px}.react-select__control:hover{border-color:#86b7fe!important}.react-select__control--is-focused{border-color:#86b7fe!important;box-shadow:0 0 0 4px rgba(13,110,253,.12)!important}.react-select__menu{z-index:9999!important}.react-select__option{color:#212529!important;background:white!important}.react-select__option--is-focused{background:#f8f9fa!important}.react-select__option--is-selected{background:#0d6efd!important;color:white!important}.react-select__input-container,.react-select__single-value{color:#212529!important}.status-card-active{background:var(--bs-success-bg-subtle);border:1px solid var(--bs-success-border-subtle)}.status-card-inactive{background:var(--bs-danger-bg-subtle);border:1px solid var(--bs-danger-border-subtle)}:root{--background:#f4f7fb;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}html{height:100%}body,html{max-width:100vw;overflow-x:hidden}body{min-height:100vh;display:flex;flex-direction:column;color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main.app-content{flex:1 1;width:100%}.app-footer{width:100%;padding:12px 24px;text-align:center;font-size:.85rem;color:#171717;background:#ffffff;border-top:1px solid #e5e7eb}.app-footer a{color:#171717;text-decoration:underline}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.modal-content{border:none!important;border-radius:24px!important;overflow:visible;box-shadow:0 20px 60px rgba(0,0,0,.18),0 8px 24px rgba(0,0,0,.08)}.modal-header{border-bottom:1px solid #eef2f6!important;padding:20px 24px!important;background:#ffffff}.modal-title{font-weight:700;color:#101828;display:flex;align-items:center;gap:10px}.modal-body{padding:24px!important;background:#ffffff}.modal-footer{border-top:1px solid #eef2f6!important;padding:18px 24px!important;background:#fafbfd;display:flex;justify-content:flex-end;gap:12px}.modal .btn{min-width:120px;min-height:44px;border-radius:14px;font-weight:600;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.modal .btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.12)}.modal .form-control,.modal .form-select,.modal .react-datepicker-wrapper input{border-radius:14px!important;min-height:48px;border:1px solid #d0d5dd!important;transition:border-color .2s ease,box-shadow .2s ease}.modal textarea.form-control{min-height:120px}.modal .form-control:focus,.modal .form-select:focus,.modal .react-datepicker-wrapper input:focus{border-color:#86b7fe!important;box-shadow:0 0 0 4px rgba(13,110,253,.12)!important}.modal .form-label{font-weight:600;color:#344054;margin-bottom:8px}.modal-backdrop.show{opacity:.45!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width:768px){.modal-dialog{margin:12px!important}.modal-content{border-radius:20px!important}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%}}.card-elevated{border:1px solid var(--bs-border-color,#e6edf3);border-radius:12px;box-shadow:0 6px 24px rgba(16,24,40,.06);background:var(--bs-body-bg,#fff)}.badge-soft{background:#eef4ff;color:#0d6efd;padding:8px 14px;border-radius:999px;font-weight:600}.form-subtle{background:var(--bs-body-bg,#fff);border:1px solid var(--bs-border-color,#e6edf3);border-radius:12px}.form-subtle:focus{outline:none;box-shadow:0 0 0 4px rgba(13,110,253,.08);border-color:#3b82f6}textarea.form-subtle{min-height:120px}.react-select__control{min-height:44px;border-radius:12px;border-color:#d0d5dd;box-shadow:none}.react-select__control--is-focused,.react-select__control:focus{box-shadow:0 0 0 4px rgba(59,130,246,.12);border-color:#3b82f6}.react-select__menu{background:#fff;border-radius:10px;overflow:visible;z-index:99999;position:absolute}.react-datepicker-popper,.react-datepicker__popper{position:fixed!important;z-index:99999!important}.react-datepicker__popper{overflow:visible!important}.react-datepicker__popper>div{z-index:99999!important}.react-select__option--is-focused{background-color:#f1f5f9}.react-select__option--is-selected{background-color:#0d6efd;color:#fff}.search-select-wrapper{position:relative}.search-select-icon{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:#98a2b3;z-index:5}.header-icon{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#0d6efd,#4f8cff);justify-content:center;color:white}.header-icon,.patient-card{display:flex;align-items:center}.patient-card{gap:14px}.patient-avatar{width:42px;height:42px;border-radius:12px;background:#eff6ff;display:flex;align-items:center;justify-content:center;color:#0d6efd}.patient-name{font-weight:600;color:#101828}.patient-sub{font-size:.85rem;color:#667085}.history-btn{border-radius:12px;display:flex;align-items:center;gap:8px;font-weight:500}.badge-total{padding:8px 16px!important;font-size:.875rem!important;font-weight:600!important;border-radius:999px!important}.btn-add,.btn-back{display:flex;align-items:center;gap:8px;padding:10px 16px;font-weight:600;border-radius:14px;transition:all .2s ease}.btn-add:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(13,110,253,.25)}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#98a2b3;pointer-events:none;z-index:5}.search-input-wrapper .form-control{padding-left:44px!important}.modal-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#eff6ff;color:#0d6efd;margin-bottom:16px}.modal-icon.modal-icon-primary{background:#0d6efd;color:white}.modal-icon.modal-icon-success{background:#d1fae5;color:#059669}.modal-icon.modal-icon-danger{background:#fee2e2;color:#dc2626}.modal-icon.modal-icon-warning{background:#fef3c7;color:#d97706}.menu-item-icon{width:48px;height:48px;border-radius:12px;background:var(--bs-secondary-bg);color:var(--bs-secondary-color)}.dashboard-icon,.menu-item-icon{display:flex;align-items:center;justify-content:center}.dashboard-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#f0f4f8,#e6edf3);color:#344054}.date-picker-wrapper{position:relative;display:flex;align-items:center}.date-picker-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#98a2b3;pointer-events:none;z-index:5}.date-picker-wrapper .react-datepicker-wrapper input{padding-right:44px!important}.rdt_Pagination option,.rdt_Pagination select{color:#212529!important;background-color:#ffffff!important}