html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}:focus{outline:2px solid #1976d2;outline-offset:2px}button{font-family:inherit}a{color:#1976d2;text-decoration:none;transition:color .2s ease}a:hover{color:#1565c0}::selection{background-color:#1976d233;color:#212121}@media print{.no-print{display:none!important}body{background:#fff!important;color:#000!important}}.header{background:var(--primary-color);box-shadow:var(--shadow-md);color:var(--white);padding:var(--spacing-lg) 0;position:relative;z-index:10}.header-content{justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 var(--spacing-xl);position:relative;z-index:1}.header-content,.header-title{align-items:center;display:flex}.header-title{gap:var(--spacing-lg)}.header-logo{align-items:center;background:#fff3;border-radius:50%;display:flex;height:50px;justify-content:center;position:relative;width:50px}.logo-icon{color:var(--white);font-size:1.5rem}.title-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.main-title{color:var(--white);font-size:var(--font-size-2xl);font-weight:600;letter-spacing:-.5px;margin:0}.header-subtitle{align-items:center;color:#ffffffe6;display:flex;font-size:var(--font-size-sm);font-weight:400;gap:var(--spacing-md)}.subtitle-text{font-weight:400}.status-indicator{align-items:center;background:#fff3;border-radius:var(--radius-full);display:flex;font-size:var(--font-size-xs);font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.status-dot{background:var(--secondary-color);border-radius:50%;height:6px;width:6px}.header-nav,.header-nav-item{align-items:center;display:flex;gap:var(--spacing-sm)}.header-nav-item{border-radius:var(--radius-md);color:#fffc;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);position:relative;text-decoration:none;transition:all var(--transition-fast)}.header-nav-item:hover{background:#ffffff1a;color:var(--white);transform:translateY(-1px)}.header-nav-item.active{background:#fff3;box-shadow:var(--shadow-sm);color:var(--white)}.nav-icon{font-size:var(--font-size-base)}.nav-text{font-size:var(--font-size-sm);font-weight:500}@media (max-width:1024px){.header-content{flex-direction:column;gap:var(--spacing-lg);text-align:center}.header-nav{flex-wrap:wrap;justify-content:center}}@media (max-width:768px){.header{padding:var(--spacing-md) 0}.header-content{padding:0 var(--spacing-lg)}.main-title{font-size:var(--font-size-xl)}.header-subtitle{flex-direction:column;gap:var(--spacing-sm)}.header-nav{gap:var(--spacing-xs)}.header-nav-item{font-size:var(--font-size-xs);padding:var(--spacing-sm)}.nav-text{display:none}.nav-icon{font-size:var(--font-size-lg)}}@media (max-width:480px){.header-title{flex-direction:column;gap:var(--spacing-md)}.logo-icon{font-size:1.25rem}.main-title{font-size:var(--font-size-lg);text-align:center}.header-nav{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:4px;width:100%}.header-nav-item{flex:0 0 auto}}.footer{background:var(--surface-color);border-top:1px solid var(--divider-color);color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:auto;padding:var(--spacing-lg) var(--spacing-xl);text-align:center}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin:0 auto;max-width:1400px}.footer-text{font-weight:400;margin:0}.footer-links{gap:var(--spacing-lg)}.footer-link,.footer-links{align-items:center;display:flex}.footer-link{color:var(--text-secondary);font-weight:500;gap:var(--spacing-xs);text-decoration:none;transition:color .2s ease}.footer-link:hover{color:var(--primary-color)}.footer-link-icon{font-size:var(--font-size-sm)}.footer-version{font-size:var(--font-size-xs);opacity:.7}@media (max-width:768px){.footer{padding:var(--spacing-md)}.footer-content{flex-direction:column;gap:var(--spacing-sm);text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.footer-links{flex-direction:column;gap:var(--spacing-sm)}}.popover-content{background-color:#4caf50;border:1px solid #000;padding:10px;z-index:1000}.close-button{background-color:#116914;border:1px solid #000;border-radius:5px;color:#fff;padding:5px}.calendar-container{background:var(--surface-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:100%;padding:var(--spacing-xl)}.calendar-header{align-items:center;border-bottom:2px solid var(--divider-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.calendar-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.calendar-actions{display:flex;gap:var(--spacing-sm)}.calendar-action-btn{align-items:center;background:var(--primary-color);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-duration)}.calendar-action-btn:hover{background:var(--primary-color-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.calendar-action-btn.active{background:var(--success-color);color:#fff}.fc{background:#0000;font-family:inherit}.fc-toolbar{margin-bottom:var(--spacing-lg)!important}.fc-toolbar-title{color:var(--text-primary)!important;font-size:var(--font-size-lg)!important;font-weight:var(--font-weight-bold)!important}.fc-button{background:var(--primary-color)!important;border-color:var(--primary-color)!important;border-radius:var(--border-radius-sm)!important;color:#fff!important;font-weight:var(--font-weight-medium)!important;padding:var(--spacing-sm) var(--spacing-md)!important;transition:all var(--transition-duration)!important}.fc-button:hover{background:var(--primary-color-dark)!important;border-color:var(--primary-color-dark)!important;box-shadow:var(--shadow-md)!important;transform:translateY(-1px)!important}.fc-button:focus{box-shadow:0 0 0 3px var(--primary-color-alpha)!important}.fc-button-active{background:var(--primary-color-dark)!important;border-color:var(--primary-color-dark)!important}.fc-daygrid-day{background:#fff!important;border:1px solid var(--border-color)!important}.fc-daygrid-day:hover{background:var(--surface-hover)!important}.fc-daygrid-day.fc-day-today{background:var(--primary-color-light)!important}.fc-daygrid-day-number{color:var(--text-primary)!important;font-weight:var(--font-weight-medium)!important}.fc-col-header-cell{background:var(--surface-secondary)!important;border:1px solid var(--border-color)!important}.fc-col-header-cell-cushion{color:var(--text-primary)!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-bold)!important;letter-spacing:.5px!important;text-transform:uppercase!important}.fc-event{border:none!important;border-radius:var(--border-radius-sm)!important;box-shadow:var(--shadow-sm)!important;cursor:pointer!important;margin:1px!important;padding:var(--spacing-xs) var(--spacing-sm)!important;transition:all var(--transition-duration)!important}.fc-event:hover{box-shadow:var(--shadow-md)!important;transform:translateY(-1px)!important}.fc-event.no-conflict{background:var(--success-color)!important;color:#fff!important}.fc-event.conflict{background:var(--error-color)!important;color:#fff!important}.fc-event-custom{align-items:center;display:flex;height:100%;justify-content:space-between;width:100%}.fc-event-title{flex:1 1;font-size:var(--font-size-xs)!important;font-weight:var(--font-weight-medium)!important;line-height:1.2!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fc-event-actions{display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition-duration)}.fc-event:hover .fc-event-actions{opacity:1}.fc-event-edit-btn{align-items:center!important;background:#fff3!important;border:none!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:8px!important;height:16px!important;justify-content:center!important;transition:all var(--transition-duration)!important;width:16px!important}.fc-event-edit-btn:hover{background:#ffffff4d!important;transform:scale(1.1)!important}.calendar-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);height:400px;justify-content:center}.calendar-loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}.edit-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-modal-content{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:400px;padding:var(--spacing-xl);text-align:center;width:90%}.edit-modal-content h3{color:var(--text-primary);margin-bottom:var(--spacing-md)}.edit-modal-content p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.edit-modal-content button{background:var(--primary-color);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-duration)}.edit-modal-content button:hover{background:var(--primary-color-dark);transform:translateY(-1px)}.hospital-slot{background:#e3f2fd!important;border-color:#2196f3!important;border-radius:var(--border-radius-sm)!important;box-shadow:var(--shadow-sm)!important;color:#1976d2!important;font-size:.85em!important;font-weight:var(--font-weight-medium)!important;margin:1px!important;opacity:.8!important;padding:var(--spacing-xs) var(--spacing-sm)!important}.hospital-slot:hover{box-shadow:var(--shadow-md)!important;opacity:1!important}@media (max-width:768px){.calendar-container{padding:var(--spacing-lg)}.calendar-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.calendar-actions{justify-content:center}.fc-toolbar{flex-direction:column;gap:var(--spacing-sm)}.fc-toolbar-chunk{display:flex;justify-content:center}.fc-event-title{font-size:10px!important}.fc-event-edit-btn{font-size:6px!important;height:14px!important;width:14px!important}}@media (max-width:480px){.calendar-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:var(--spacing-md)}.fc-toolbar-title{font-size:var(--font-size-base)!important}.fc-button{font-size:.75rem!important;padding:.25rem .4rem!important}.calendar-container .fc{min-width:620px}}.fc-event-dragging{box-shadow:var(--shadow-lg)!important;opacity:.8!important;transform:rotate(5deg)!important}.fc-daygrid-day.fc-day-past{background:var(--surface-disabled)!important}.fc-daygrid-day.fc-day-future{background:#fff!important}.event-popup-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.event-popup{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-height:80vh;max-width:500px;overflow-y:auto;padding:var(--spacing-xl);width:90%}.event-popup-header{align-items:center;border-bottom:2px solid var(--divider-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.event-popup-header h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.event-popup-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xl);height:30px;justify-content:center;padding:0;transition:all var(--transition-duration);width:30px}.event-popup-close:hover{background:var(--surface-hover);color:var(--text-primary)}.event-popup-content{margin-bottom:var(--spacing-lg)}.event-detail{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.event-detail:last-child{border-bottom:none}.event-label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.event-value{color:var(--text-secondary);font-size:var(--font-size-base)}.event-status{border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:var(--spacing-xs) var(--spacing-sm)}.event-status.no-conflict{background:var(--success-color-light);color:var(--success-color-dark)}.event-status.conflict{background:var(--error-color-light);color:var(--error-color-dark)}.event-popup-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.event-action-btn{align-items:center;border:none;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-duration)}.event-delete-btn{background:var(--error-color);color:#fff}.event-delete-btn:hover{background:var(--error-color-dark);transform:translateY(-1px)}.event-close-btn{background:var(--surface-secondary);color:var(--text-primary)}.event-close-btn:hover{background:var(--surface-hover);transform:translateY(-1px)}.form-container{background:var(--surface-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);margin:0 auto;max-width:500px;overflow:hidden;padding:var(--spacing-xl);position:relative;width:100%}.form-container.form-loading:after{align-items:center;background:#fffc;bottom:0;content:"";display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.form-title{border-bottom:2px solid var(--primary-color);color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);text-align:center}.form-group{position:relative}.form-group label{margin-bottom:var(--spacing-sm)}.form-group input,.form-group select{box-sizing:border-box;width:100%}.form-group input:disabled,.form-group select:disabled{background:var(--surface-disabled);color:var(--text-disabled);cursor:not-allowed}.form-group.error input,.form-group.error select{border-color:var(--error-color);box-shadow:0 0 0 3px var(--error-color-alpha)}.error-message{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.error-message:before{content:"⚠️";font-size:var(--font-size-sm)}.submit-button{background:var(--primary-color);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);letter-spacing:1px;margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);text-transform:uppercase;transition:all var(--transition-duration);width:100%}.submit-button:hover:not(:disabled){background:var(--primary-color-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.submit-button:disabled{background:var(--surface-disabled);box-shadow:none;color:var(--text-disabled);cursor:not-allowed;transform:none}.error-notification{align-items:center;background:var(--error-color-light);border:2px solid var(--error-color);border-radius:var(--border-radius-md);color:var(--error-color-dark);display:flex;font-weight:var(--font-weight-medium);gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding:var(--spacing-md)}.notification-icon{flex-shrink:0;font-size:var(--font-size-lg)}.ai-suggestions{background:var(--info-color-light);border:2px solid var(--info-color);border-radius:var(--border-radius-md)}.ai-suggestions h4{align-items:center;color:var(--info-color-dark);display:flex;font-size:var(--font-size-base);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.suggestions-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.suggestion-item{background:#fff;border:1px solid var(--info-color);border-radius:var(--border-radius-sm);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.suggestion-date{color:var(--text-primary);font-weight:var(--font-weight-medium)}.existing-shifts{color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic}.use-suggestion-btn{align-self:flex-start;background:var(--info-color);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-duration)}.use-suggestion-btn:hover{background:var(--info-color-dark);transform:translateY(-1px)}@media (max-width:768px){.form-container{margin:var(--spacing-md);padding:var(--spacing-lg)}.form-title{font-size:var(--font-size-lg)}.submit-button{font-size:var(--font-size-base);padding:var(--spacing-lg)}}.form-group input[type=number]{-moz-appearance:textfield}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-group>div{margin-top:var(--spacing-sm)}.form-group>div>div{align-items:flex-end;display:flex;gap:var(--spacing-sm)}.form-group>div>div input{flex:1 1}.form-group>div>div button{background:var(--secondary-color);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-duration);white-space:nowrap}.form-group>div>div button:hover{background:var(--secondary-color-dark);transform:translateY(-1px)}@keyframes formPulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.form-container.form-loading{animation:formPulse 1.5s ease-in-out infinite}.doctors-container{background:var(--surface-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--spacing-xl)}.doctors-header{border-bottom:2px solid var(--divider-color);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);text-align:center}.doctors-header h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.doctors-header p{color:var(--text-secondary);font-size:var(--font-size-base)}.doctors-content{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl)}.add-doctor-section{background:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl)}.add-doctor-section h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}.doctor-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group input,.form-group select{background:var(--surface-color);border:2px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--spacing-md);transition:all var(--transition-duration)}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha);outline:none}.location-checkboxes{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.checkbox-label{align-items:center;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);transition:background-color var(--transition-duration)}.checkbox-label:hover{background:var(--gray-100)}.checkbox-label input[type=checkbox]{accent-color:var(--primary-color);height:16px;width:16px}.ai-schedule-section{background:linear-gradient(135deg,var(--primary-color-light) 0,var(--primary-color) 100%);border-radius:var(--border-radius-lg);color:#fff;padding:var(--spacing-xl)}.ai-schedule-section h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}.ai-controls{align-items:center;display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-lg)}.month-selector{gap:var(--spacing-md)}.month-selector select{background:#ffffffe6;border:none;border-radius:var(--border-radius-md);color:var(--text-primary);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md)}.ai-generate-btn{background:#fff3;border:2px solid #ffffff4d;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-duration)}.ai-generate-btn:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.ai-generate-btn:disabled{cursor:not-allowed;opacity:.6}.ai-suggestions{background:#ffffff1a;border-radius:var(--border-radius-lg);margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.ai-suggestions h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}.ai-suggestion{background:#ffffff1a;border:1px solid #fff3;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-lg)}.suggestion-header h5{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin:0}.score{background:#fff3;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm)}.suggestion-details{margin-bottom:var(--spacing-md)}.suggestion-details p{font-size:var(--font-size-sm);margin:var(--spacing-xs) 0}.suggestion-actions{gap:var(--spacing-md)}.apply-btn,.view-btn{border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-duration)}.view-btn{background:#fff3;border:1px solid #ffffff4d;color:#fff}.view-btn:hover{background:#ffffff4d}.doctors-list-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl)}.doctors-list-section h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}.doctors-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.doctor-card{background:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);transition:all var(--transition-duration)}.doctor-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.doctor-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.doctor-header h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.doctor-actions{display:flex;gap:var(--spacing-sm)}.doctor-details p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:var(--spacing-xs) 0}.doctor-details strong{color:var(--text-primary)}.location-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.location-tag{background:var(--primary-color);border-radius:var(--border-radius-sm);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm)}@media (max-width:768px){.doctors-container{padding:var(--spacing-lg)}.form-row{grid-template-columns:1fr}.ai-controls{align-items:stretch;flex-direction:column}.month-selector{justify-content:center}.doctors-grid{grid-template-columns:1fr}.suggestion-actions{flex-direction:column}.modal-content{padding:var(--spacing-lg);width:95%}}.hospitals-container{background:var(--surface-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--spacing-xl)}.hospitals-header{border-bottom:2px solid var(--divider-color);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);text-align:center}.hospitals-header h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.hospitals-header p{color:var(--text-secondary);font-size:var(--font-size-base)}.hospitals-content{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl)}.add-hospital-section{background:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl)}.add-hospital-section h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}.hospital-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-row{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{letter-spacing:.5px;text-transform:uppercase}.form-group input{background:var(--surface-color);border:2px solid var(--border-color);color:var(--text-primary);padding:var(--spacing-md);transition:all var(--transition-duration)}.form-group input:focus{box-shadow:0 0 0 3px var(--primary-color-alpha)}.submit-btn{align-self:flex-start;background:var(--primary-color);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-duration)}.submit-btn:hover:not(:disabled){background:var(--primary-color-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.submit-btn:disabled{background:var(--gray-400);cursor:not-allowed;transform:none}.hospitals-list-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl)}.hospitals-list-section h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}.loading{color:var(--text-secondary);font-size:var(--font-size-lg);padding:var(--spacing-xl);text-align:center}.hospitals-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.hospital-card{background:var(--gray-50);border-radius:var(--border-radius-lg);position:relative}.hospital-header{border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-md)}.hospital-code{min-width:50px;text-align:center}.hospital-actions{display:flex;gap:var(--spacing-sm)}.delete-btn,.edit-btn{background:none;border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-lg);padding:var(--spacing-xs);transition:all var(--transition-duration)}.edit-btn:hover{background:var(--primary-color-alpha)}.delete-btn:hover{background:var(--error-color-alpha)}.hospital-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.hospital-name{margin:0 0 var(--spacing-sm) 0}.hospital-address,.hospital-capacity,.hospital-phone{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4;margin:0}.hospital-address strong,.hospital-capacity strong,.hospital-phone strong{color:var(--text-primary);font-weight:var(--font-weight-medium)}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--surface-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;padding:var(--spacing-xl);width:90%}.modal-content h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}.modal-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.cancel-btn{background:var(--gray-400);border:none;color:#fff;font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-duration)}.cancel-btn:hover{background:var(--gray-500);transform:translateY(-1px)}@media (max-width:768px){.hospitals-container{padding:var(--spacing-lg)}.form-row,.hospitals-grid{grid-template-columns:1fr}.modal-content{padding:var(--spacing-lg);width:95%}.modal-actions{flex-direction:column}}.hospital-slots-container{background:var(--surface-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);margin:0 auto;max-width:1400px;min-height:100vh;padding:var(--spacing-xl)}.slots-header{border-bottom:2px solid var(--divider-color);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);text-align:center}.slots-header h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.slots-header p{color:var(--text-secondary);font-size:var(--font-size-base)}.month-selector{align-items:center;background:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.selector-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.selector-group label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.selector-group select{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-base);min-width:120px;padding:var(--spacing-sm)}.refresh-btn{margin-left:auto}.refresh-btn:disabled{background:var(--gray-400)}.slots-analysis{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.slots-analysis h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}.analysis-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.analysis-card{background:var(--gray-50);border:2px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-lg);transition:all var(--transition-duration)}.analysis-card.low{border-color:var(--warning-color)}.analysis-card.medium{border-color:var(--success-color)}.analysis-card.high{border-color:var(--error-color)}.analysis-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.hospital-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.utilization-badge{border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.utilization-badge.low{background:var(--warning-color-alpha);color:var(--warning-color)}.utilization-badge.medium{background:var(--success-color-alpha);color:var(--success-color)}.utilization-badge.high{background:var(--error-color-alpha);color:var(--error-color)}.hospital-name,.slot-stats{margin-bottom:var(--spacing-md)}.slot-stats{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:1fr 1fr}.stat-item{align-items:center;background:var(--surface-color);border-radius:var(--border-radius-sm);display:flex;justify-content:space-between;padding:var(--spacing-xs)}.stat-label{color:var(--text-secondary)}.stat-label,.stat-value{font-size:var(--font-size-sm)}.stat-value{font-weight:var(--font-weight-bold)}.stat-value.used{color:var(--primary-color)}.stat-value.total{color:var(--text-primary)}.stat-value.available{color:var(--success-color)}.stat-value.utilization{color:var(--text-primary)}.progress-bar{height:8px}.progress-fill{background:var(--primary-color)}.combination-suggestions{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.combination-suggestions h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}.suggestions-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.suggestion-card{background:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-lg);transition:all var(--transition-duration)}.suggestion-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.suggestion-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.suggestion-type{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.suggestion-priority{background:var(--primary-color-alpha);border-radius:var(--border-radius-sm);color:var(--primary-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.suggestion-content{margin-bottom:var(--spacing-md)}.suggestion-content p{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.hospital-pair{align-items:center;background:var(--surface-color);border-radius:var(--border-radius-sm);display:flex;gap:var(--spacing-sm);margin:var(--spacing-sm) 0;padding:var(--spacing-sm)}.hospital-pair span{color:var(--text-primary);font-weight:var(--font-weight-medium)}.hospital-pair span:nth-child(2){color:var(--primary-color);font-weight:var(--font-weight-bold)}.combination-benefits{background:var(--success-color-alpha);border-radius:var(--border-radius-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.combination-benefits p{color:var(--success-color);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.redistribution-flow{align-items:center;background:var(--surface-color);border-radius:var(--border-radius-sm);display:flex;gap:var(--spacing-sm);margin:var(--spacing-sm) 0;padding:var(--spacing-sm)}.redistribution-flow span{color:var(--text-primary);font-weight:var(--font-weight-medium)}.redistribution-flow span:nth-child(2){color:var(--primary-color);font-weight:var(--font-weight-bold)}.redistribution-details{background:var(--warning-color-alpha);border-radius:var(--border-radius-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.redistribution-details p{color:var(--warning-color);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.suggestion-reason{background:var(--gray-100);border-radius:var(--border-radius-sm);color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.suggestion-actions{display:flex;gap:var(--spacing-sm)}.apply-btn,.details-btn{border:none;border-radius:var(--border-radius-sm);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-duration)}.apply-btn{background:var(--success-color);color:#fff}.apply-btn:hover{background:var(--success-color-dark);transform:translateY(-1px)}.details-btn{background:var(--primary-color);color:#fff}.details-btn:hover{background:var(--primary-color-dark);transform:translateY(-1px)}.summary-stats{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.summary-stats h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}.summary-card{align-items:center;background:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-duration)}.summary-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.summary-icon{align-items:center;background:var(--primary-color-alpha);border-radius:var(--border-radius-lg);color:var(--primary-color);display:flex;font-size:var(--font-size-2xl);height:50px;justify-content:center;width:50px}.summary-content h4{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-xs) 0}.summary-content p{color:var(--text-secondary);font-size:var(--font-size-sm);letter-spacing:.5px;margin:0;text-transform:uppercase}@media (max-width:768px){.hospital-slots-container{padding:var(--spacing-lg)}.month-selector{align-items:stretch;flex-direction:column}.analysis-grid,.slot-stats,.suggestions-grid{grid-template-columns:1fr}.hospital-pair,.redistribution-flow{flex-direction:column;text-align:center}.suggestion-actions{flex-direction:column}.stats-grid{grid-template-columns:1fr}.summary-card{flex-direction:column;text-align:center}}.hospital-actions{margin-top:var(--spacing-md);text-align:center}.edit-btn{background:var(--primary-color);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.edit-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.edit-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-modal{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-height:80vh;max-width:500px;overflow-y:auto;padding:var(--spacing-xl);width:90%}.edit-modal-header{align-items:center;border-bottom:1px solid var(--divider-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.edit-modal-header h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-xl);line-height:1;padding:var(--spacing-xs)}.close-btn:hover{color:var(--text-primary)}.edit-modal-content{margin-bottom:var(--spacing-lg)}.form-group label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.form-group input{border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-base);padding:var(--spacing-sm);transition:border-color .2s ease;width:100%}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f11a;outline:none}.edit-modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.cancel-btn{background:var(--gray-100);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.cancel-btn:hover{background:var(--gray-200)}.save-btn{background:var(--success-color);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.save-btn:hover:not(:disabled){background:var(--success-dark)}.save-btn:disabled{background:var(--gray-300);cursor:not-allowed}.availability-container{background:var(--surface-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--spacing-xl)}.availability-header{align-items:center;border-bottom:2px solid var(--divider-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md)}.availability-header h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.refresh-btn{align-items:center;display:flex;gap:var(--spacing-xs)}.refresh-btn:hover:not(:disabled){background:var(--primary-color-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.on-call-section{background:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.on-call-section h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}.on-call-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.on-call-card{background:var(--surface-color);border:2px solid var(--success-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:all var(--transition-duration)}.on-call-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.doctor-name{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.hospital-location{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.shift-time{margin-bottom:var(--spacing-md)}.no-on-call,.shift-time{color:var(--text-secondary)}.no-on-call{padding:var(--spacing-xl);text-align:center}.no-on-call p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.no-on-call small{color:var(--text-secondary);opacity:.8}.availability-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.availability-section h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}.availability-table{overflow-x:auto}.availability-table table{background:var(--surface-color);border-collapse:collapse;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);overflow:hidden;width:100%}.availability-table th{background:var(--primary-color);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.5px;padding:var(--spacing-md);text-align:left;text-transform:uppercase}.availability-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:var(--spacing-md)}.availability-table tr:hover{background:var(--gray-50)}.doctors-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.doctor-tag{background:var(--primary-color-alpha);border-radius:var(--border-radius-sm);color:var(--primary-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm)}.no-doctors{color:var(--text-secondary);font-style:italic}.status-badge{border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.status-badge.on-call{background:var(--success-color);color:#fff}.status-badge.available{background:var(--success-color-alpha);color:var(--success-color)}.status-badge.full{background:var(--error-color-alpha);color:var(--error-color)}.upcoming-section{background:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.upcoming-section h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}.upcoming-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.upcoming-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:all var(--transition-duration)}.upcoming-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.shift-date{color:var(--primary-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.5px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.no-upcoming{color:var(--text-secondary);padding:var(--spacing-xl);text-align:center}.no-upcoming p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.no-upcoming small{color:var(--text-secondary);opacity:.8}@media (max-width:768px){.availability-container{padding:var(--spacing-lg)}.on-call-grid,.upcoming-grid{grid-template-columns:1fr}.availability-table{font-size:var(--font-size-sm)}.availability-table td,.availability-table th{padding:var(--spacing-sm)}.doctors-list{flex-direction:column}}.analytics-container{background:var(--surface-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);margin:0 auto;max-width:1400px;min-height:100vh;padding:var(--spacing-xl)}.analytics-header{align-items:center;border-bottom:2px solid var(--divider-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.analytics-header h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.refresh-btn{background:var(--primary-color);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-duration)}.refresh-btn:hover{background:var(--primary-color-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.metrics-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-xl)}.metric-card{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl);transition:all var(--transition-duration)}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-icon{align-items:center;background:var(--primary-color-alpha);border-radius:var(--border-radius-lg);color:var(--primary-color);display:flex;font-size:var(--font-size-3xl);height:60px;justify-content:center;width:60px}.metric-content h3{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-xs) 0}.metric-content p{color:var(--text-secondary);font-size:var(--font-size-sm);letter-spacing:.5px;margin:0;text-transform:uppercase}.analytics-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.analytics-row{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr}.analytics-section{background:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl)}.analytics-section h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}.table-container{overflow-x:auto}.analytics-table{background:var(--surface-color);border-collapse:collapse;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);overflow:hidden;width:100%}.analytics-table th{background:var(--primary-color);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.5px;padding:var(--spacing-md);text-align:left;text-transform:uppercase}.analytics-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:var(--spacing-md)}.analytics-table tr:hover{background:var(--gray-50)}.hospitals-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.hospital-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:all var(--transition-duration)}.hospital-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.hospital-code{background:var(--primary-color);border-radius:var(--border-radius-sm);color:#fff;display:inline-block;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.hospital-code,.hospital-name{font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.hospital-name{color:var(--text-primary);font-size:var(--font-size-lg)}.hospital-address,.hospital-capacity{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.no-hospitals{color:var(--text-secondary);padding:var(--spacing-xl);text-align:center}.no-hospitals p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.no-hospitals small{color:var(--text-secondary);opacity:.8}.chart-container{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-lg)}.progress-bars{gap:var(--spacing-md)}.progress-bars,.progress-item{display:flex;flex-direction:column}.progress-item{gap:var(--spacing-xs)}.progress-label{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);justify-content:space-between}.progress-bar{background:var(--gray-200);height:20px;overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--border-radius-sm)}.progress-fill{height:100%;transition:width .3s ease}@media (max-width:1024px){.analytics-row{grid-template-columns:1fr}}@media (max-width:768px){.analytics-container{padding:var(--spacing-lg)}.analytics-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.metrics-grid{grid-template-columns:1fr}.metric-card{flex-direction:column;text-align:center}.hospitals-grid{grid-template-columns:1fr}.analytics-table{font-size:var(--font-size-sm)}.analytics-table td,.analytics-table th{padding:var(--spacing-sm)}}.settings-container{background:var(--surface-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);margin:0 auto;max-width:1400px;min-height:100vh;padding:var(--spacing-xl)}.settings-header{border-bottom:2px solid var(--divider-color);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);text-align:center}.settings-header h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.settings-header p{color:var(--text-secondary);font-size:var(--font-size-base)}.loading-spinner{color:var(--text-secondary)}.error-message,.loading-spinner{font-size:var(--font-size-lg);padding:var(--spacing-xl);text-align:center}.error-message{color:var(--error-color)}.retry-btn{background:var(--primary-color);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-duration)}.retry-btn:hover{background:var(--primary-color-dark);transform:translateY(-1px)}.system-overview{background:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.system-overview h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}.stats-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-duration)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{align-items:center;background:var(--primary-color-alpha);border-radius:var(--border-radius-lg);color:var(--primary-color);display:flex;font-size:var(--font-size-2xl);height:50px;justify-content:center;width:50px}.stat-content h4{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-xs) 0}.stat-content p{color:var(--text-secondary);font-size:var(--font-size-sm);letter-spacing:.5px;margin:0;text-transform:uppercase}.settings-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.settings-section h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}.settings-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.setting-card{background:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-lg)}.setting-card h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.setting-card h4,.setting-item{margin-bottom:var(--spacing-md)}.setting-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding-bottom:var(--spacing-sm)}.setting-item:last-child{border-bottom:none;margin-bottom:0}.setting-item label{font-weight:var(--font-weight-medium)}.setting-input,.setting-item label{color:var(--text-primary);font-size:var(--font-size-sm)}.setting-input{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);min-width:120px;padding:var(--spacing-sm)}.setting-slider{margin-right:var(--spacing-sm);width:100px}.slider-value{color:var(--primary-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);min-width:20px}.toggle-switch{height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-switch label{background-color:var(--gray-400);border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-switch label:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}.toggle-switch input:checked+label{background-color:var(--primary-color)}.toggle-switch input:checked+label:before{transform:translateX(26px)}.data-management{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.data-card{background:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-lg)}.data-card h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.data-card p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.button-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.backup-btn,.cleanup-btn,.export-btn,.restore-btn{background:var(--primary-color);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-duration)}.backup-btn:hover,.export-btn:hover{background:var(--primary-color-dark);transform:translateY(-1px)}.restore-btn{background:var(--success-color)}.restore-btn:hover{background:var(--success-color-dark);transform:translateY(-1px)}.cleanup-btn{background:var(--warning-color)}.cleanup-btn:hover{background:var(--warning-color-dark);transform:translateY(-1px)}.system-info{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-card{background:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-md);gap:var(--spacing-md);padding:var(--spacing-lg)}.info-card,.info-icon{align-items:center;display:flex}.info-icon{background:var(--primary-color-alpha);border-radius:var(--border-radius-lg);color:var(--primary-color);font-size:var(--font-size-xl);height:40px;justify-content:center;width:40px}.info-content h4{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-xs) 0}.info-content p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.status-online{color:var(--success-color)!important;font-weight:var(--font-weight-bold)}.quick-actions{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-btn{background:var(--primary-color);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-duration)}.action-btn:hover{background:var(--primary-color-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.last-updated{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xl);padding:var(--spacing-lg);text-align:center}@media (max-width:768px){.settings-container{padding:var(--spacing-lg)}.data-management,.settings-grid,.stats-grid,.system-info{grid-template-columns:1fr}.setting-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.quick-actions{grid-template-columns:1fr}.info-card{flex-direction:column;text-align:center}}:root{--primary-color:#1976d2;--primary-color-dark:#1565c0;--primary-color-light:#42a5f5;--primary-color-alpha:#1976d21a;--secondary-color:#2e7d32;--accent-color:#ed6c02;--danger-color:#d32f2f;--warning-color:#ed6c02;--info-color:#0288d1;--success-color:#4caf50;--success-color-light:#81c784;--success-color-dark:#2e7d32;--error-color:#f44336;--error-color-light:#e57373;--error-color-dark:#d32f2f;--surface-color:#fff;--surface-disabled:#f5f5f5;--border-color:#e0e0e0;--divider-color:#e0e0e0;--text-primary:#212121;--text-secondary:#757575;--text-disabled:#bdbdbd;--white:#fff;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#eee;--gray-300:#e0e0e0;--gray-400:#bdbdbd;--gray-500:#9e9e9e;--gray-600:#757575;--gray-700:#616161;--gray-800:#424242;--gray-900:#212121;--font-family:"Roboto","Segoe UI","Arial",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--border-radius-sm:0.375rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--shadow-sm:0 1px 3px #0000001f,0 1px 2px #0000003d;--shadow-md:0 3px 6px #00000029,0 3px 6px #0000003b;--shadow-lg:0 10px 20px #00000030,0 6px 6px #0000003b;--shadow-xl:0 14px 28px #00000040,0 10px 10px #00000038;--shadow-2xl:0 19px 38px #0000004d,0 15px 12px #00000038;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out;--transition-duration:250ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}body.theme-dark{--surface-color:#121212;--surface-disabled:#1e1e1e;--border-color:#2a2a2a;--divider-color:#2a2a2a;--text-primary:#eaeaea;--text-secondary:#b0b0b0;--text-disabled:#7a7a7a;--white:#121212;--gray-50:#0f0f0f;--gray-100:#171717;--gray-200:#222;--gray-300:#2a2a2a;--gray-400:#3a3a3a;--gray-500:#6a6a6a;--gray-600:#8a8a8a;--gray-700:#a0a0a0;--gray-800:silver;--gray-900:#eaeaea}*{box-sizing:border-box}body{background:#fafafa;background:var(--gray-50);color:#212121;color:var(--gray-900);font-family:Roboto,Segoe UI,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);line-height:1.6;margin:0;min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}.app,.main-content{background:#fff;background:var(--white);position:relative}.main-content{grid-gap:2rem;grid-gap:var(--spacing-xl);display:grid;flex:1 1;gap:2rem;gap:var(--spacing-xl);grid-template-columns:1fr clamp(320px,32vw,420px);margin:0 auto;max-width:1400px;padding:calc(2rem + env(safe-area-inset-top, 0px)) calc(2rem + env(safe-area-inset-right, 0px)) calc(2rem + env(safe-area-inset-bottom, 0px)) calc(2rem + env(safe-area-inset-left, 0px));padding:calc(var(--spacing-xl) + env(safe-area-inset-top, 0px)) calc(var(--spacing-xl) + env(safe-area-inset-right, 0px)) calc(var(--spacing-xl) + env(safe-area-inset-bottom, 0px)) calc(var(--spacing-xl) + env(safe-area-inset-left, 0px));width:100%;z-index:1}@media (max-width:1024px){.main-content{gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:1fr}}.card{background:#fff;background:var(--white);border:1px solid #eee;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;box-shadow:var(--shadow-md);overflow:hidden;transition:all .25s ease-in-out;transition:all var(--transition-normal)}.card:hover{box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{align-items:center;background:#1976d2;background:var(--primary-color);border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1.5rem 2rem;padding:var(--spacing-lg) var(--spacing-xl)}.card-header,.card-header h2{color:#fff;color:var(--white)}.card-header h2{font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin:0}.card-body{background:#fff;background:var(--white);padding:2rem;padding:var(--spacing-xl)}.btn{align-items:center;background:#1976d2;background:var(--primary-color);border:none;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--shadow-sm);color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;gap:.5rem;gap:var(--spacing-sm);justify-content:center;overflow:hidden;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);position:relative;text-decoration:none;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.btn:hover{background:var(--primary-dark);box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:#1976d2;background:var(--primary-color);color:#fff;color:var(--white)}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:#9e9e9e;background:var(--gray-500);color:#fff;color:var(--white)}.btn-secondary:hover{background:#757575;background:var(--gray-600)}.btn-success{background:#2e7d32;background:var(--secondary-color);color:#fff;color:var(--white)}.btn-success:hover{background:#1b5e20}.btn-danger{background:#d32f2f;background:var(--danger-color);color:#fff;color:var(--white)}.btn-danger:hover{background:#c62828}.btn-warning{background:#ed6c02;background:var(--warning-color);color:#fff;color:var(--white)}.btn-warning:hover{background:#e65100}.btn-info{background:#0288d1;background:var(--info-color);color:#fff;color:var(--white)}.btn-info:hover{background:#0277bd}.btn-sm{font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md)}.btn-lg{font-size:1.125rem;font-size:var(--font-size-lg);padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl)}.btn-outline{background:#0000;border:2px solid #1976d2;border:2px solid var(--primary-color);color:#1976d2;color:var(--primary-color)}.btn-outline:hover{background:#1976d2;background:var(--primary-color);color:#fff;color:var(--white)}.form-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.form-label{color:#616161;color:var(--gray-700);display:block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.form-control{background:#fff;background:var(--white);border:2px solid #eee;border:2px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-md);font-size:1rem;font-size:var(--font-size-base);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease-in-out;transition:all var(--transition-fast);width:100%}.form-control:focus{border-color:#1976d2;border-color:var(--primary-color);box-shadow:0 0 0 3px #1976d21a;outline:none}.form-control:hover{border-color:#e0e0e0;border-color:var(--gray-300)}.table{background:#fff;background:var(--white);border-collapse:collapse;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--shadow-sm);overflow:hidden;width:100%}.table th{background:#f5f5f5;background:var(--gray-100);border-bottom:2px solid #eee;border-bottom:2px solid var(--gray-200);color:#616161;color:var(--gray-700);font-weight:600;text-align:left}.table td,.table th{padding:1rem;padding:var(--spacing-md)}.table td{border-bottom:1px solid #f5f5f5;border-bottom:1px solid var(--gray-100);transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast)}.table tbody tr:hover{background:#fafafa;background:var(--gray-50)}.alert{align-items:center;border:1px solid #0000;border-radius:.5rem;border-radius:var(--radius-md);display:flex;gap:.5rem;gap:var(--spacing-sm);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.alert-success{background:#e8f5e8;border-color:#2e7d32;border-color:var(--secondary-color);color:#1b5e20}.alert-danger{background:#ffebee;border-color:#d32f2f;border-color:var(--danger-color);color:#c62828}.alert-warning{background:#fff3e0;border-color:#ed6c02;border-color:var(--warning-color);color:#e65100}.alert-info{background:#e3f2fd;border-color:#0288d1;border-color:var(--info-color);color:#0277bd}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1050;z-index:var(--z-modal)}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #eee;border-top:4px solid #1976d2;border:4px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-color);height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:#fff;color:var(--white);font-weight:500;margin-top:1rem;margin-top:var(--spacing-md)}.error-notification,.success-notification{animation:slideInRight .3s ease-out;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;box-shadow:var(--shadow-lg);color:#fff;color:var(--white);font-weight:500;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);position:fixed;right:1.5rem;right:var(--spacing-lg);top:1.5rem;top:var(--spacing-lg);z-index:1070;z-index:var(--z-tooltip)}.success-notification{background:#2e7d32;background:var(--secondary-color)}.error-notification{background:#d32f2f;background:var(--danger-color)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.main-content{gap:1rem;gap:var(--spacing-md);padding:1rem;padding:var(--spacing-md)}.card-body{padding:1.5rem;padding:var(--spacing-lg)}.card-header{padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.btn{font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width:480px){.main-content{padding:calc(.5rem + env(safe-area-inset-top, 0px)) calc(.5rem + env(safe-area-inset-right, 0px)) calc(1rem + env(safe-area-inset-bottom, 0px)) calc(.5rem + env(safe-area-inset-left, 0px));padding:calc(var(--spacing-sm) + env(safe-area-inset-top, 0px)) calc(var(--spacing-sm) + env(safe-area-inset-right, 0px)) calc(var(--spacing-md) + env(safe-area-inset-bottom, 0px)) calc(var(--spacing-sm) + env(safe-area-inset-left, 0px))}}.row{display:flex;flex-wrap:wrap;margin:0 -.5rem;margin:0 calc(var(--spacing-sm)*-1)}.col{flex:1 1;padding:0 .5rem;padding:0 var(--spacing-sm)}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-12{flex:0 0 100%;max-width:100%}@media (max-width:768px){.col-md-3,.col-md-4,.col-md-6,.col-md-8{flex:0 0 100%;max-width:100%}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:.25rem;margin-top:var(--spacing-xs)}.mt-2{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-3{margin-top:1rem;margin-top:var(--spacing-md)}.mt-4{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mt-5{margin-top:2rem;margin-top:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:.25rem;padding:var(--spacing-xs)}.p-2{padding:.5rem;padding:var(--spacing-sm)}.p-3{padding:1rem;padding:var(--spacing-md)}.p-4{padding:1.5rem;padding:var(--spacing-lg)}.p-5{padding:2rem;padding:var(--spacing-xl)}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.d-grid{display:grid}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}
/*# sourceMappingURL=main.727d01f6.css.map*/