.sidebar{position:fixed;left:0;top:0;width:240px;height:100vh;background-color:#0d4d90;display:flex;flex-direction:column;padding:20px 0;z-index:1000;transition:transform .3s ease,width .3s ease}.sidebar-logo{margin-bottom:30px;padding:0 20px;display:flex;justify-content:flex-start}.meda-logo{width:64px;height:64px;object-fit:contain;display:block}.sidebar-nav{display:flex;flex-direction:column;gap:4px;width:100%;padding:0 12px}.nav-item{width:100%;height:48px;border:none;background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;gap:12px;padding:0 12px;border-radius:8px;transition:all .2s ease;text-align:left}.nav-label{font-size:14px;font-weight:500;white-space:nowrap}.nav-item:hover{background-color:#ffffff1a}.nav-item.active{background-color:#ffffff26;color:#fff}.nav-item svg{width:24px;height:24px}.mobile-overlay{display:none}@media (max-width: 768px){.sidebar{width:80px;align-items:center;transform:translate(-100%);box-shadow:2px 0 10px #0000001a}.sidebar-logo{padding:0;justify-content:center}.sidebar-nav{padding:0;align-items:center}.nav-item{width:48px;height:48px;padding:0;justify-content:center}.nav-label{display:none}.sidebar.mobile-open{transform:translate(0)}.mobile-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999}}.header{background-color:#fff;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:16px}.mobile-menu-btn{background:none;border:none;cursor:pointer;padding:8px;display:none;align-items:center;justify-content:center;color:#0d4d90}@media (max-width: 768px){.mobile-menu-btn{display:flex}}.header-logo{display:flex;align-items:center;gap:12px}.meda-logo-header{width:32px;height:32px;object-fit:contain;display:block;flex-shrink:0}.header-brand{font-size:20px;font-weight:700;color:#0d4d90;letter-spacing:.5px}.header-right{display:flex;align-items:center;gap:16px}.header-search{display:flex;align-items:center;gap:8px;background-color:#f5f5f5;padding:8px 12px;border-radius:8px;min-width:200px}.header-search svg{color:#6b7280;flex-shrink:0}.search-input{border:none;background:transparent;outline:none;font-size:14px;color:#1f2937;width:100%}.search-input::placeholder{color:#9ca3af}@media (max-width: 768px){.header{padding:0 16px;height:60px}.header-search{min-width:150px}.header-brand{font-size:18px}}.layout{display:flex;min-height:100vh;background-color:#f5f5f5}.main-content{flex:1;display:flex;flex-direction:column;margin-left:240px;transition:margin-left .3s ease}.content-area{flex:1;padding:24px;overflow-y:auto}@media (max-width: 768px){.main-content{margin-left:0;width:100%}.content-area{padding:16px}}.dashboard{max-width:1400px;margin:0 auto}.page-title{font-size:32px;font-weight:700;color:#0d4d90;margin-bottom:24px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.dashboard-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-title{font-size:18px;font-weight:600;color:#0d4d90}.card-action{background:none;border:none;color:#0d4d90;font-size:14px;font-weight:500;cursor:pointer;padding:4px 8px}.appointments-table{display:flex;flex-direction:column;gap:12px}.table-header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding-bottom:8px;border-bottom:1px solid #E5E7EB;font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase}.table-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:8px 0;font-size:14px;color:#1f2937;border-top:1px solid #E5E7EB}.table-row .type.link{color:#0d4d90;cursor:pointer}.tasks-list,.history-list{display:flex;flex-direction:column;gap:12px}.task-item,.history-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;color:#1f2937;border-top:1px solid #E5E7EB}.task-arrow{background:none;border:none;color:#0d4d90;font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.recent-task{display:flex;flex-direction:column;gap:8px}.task-description{font-size:14px;color:#1f2937;line-height:1.5}.task-meta{display:flex;gap:16px;font-size:12px;color:#6b7280}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 768px){.page-title{font-size:24px}.dashboard-card{padding:16px}}.notification-toast{position:fixed;bottom:24px;right:24px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;padding:20px;min-width:320px;max-width:400px;cursor:pointer;transform:translate(calc(100% + 24px));opacity:0;transition:transform .3s ease-out,opacity .3s ease-out;z-index:1000;border-left:4px solid #0D4D90}.notification-toast.show{transform:translate(0);opacity:1}.notification-toast-content{display:flex;flex-direction:column;gap:8px}.notification-toast-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.notification-toast-title{font-size:16px;font-weight:600;color:#0d4d90;margin:0}.notification-toast-dismiss{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;transition:color .2s}.notification-toast-dismiss:hover{color:#1f2937}.notification-toast-message{font-size:14px;color:#1f2937;line-height:1.5;margin:0}@media (max-width: 768px){.notification-toast{bottom:16px;right:16px;left:16px;min-width:auto;max-width:none}}.appointments-page{max-width:1400px;margin:0 auto}.appointments-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.filter-select{padding:8px 12px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;color:#1f2937;background:#fff;cursor:pointer;min-width:150px}.appointments-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;width:100%;display:block}.appointments-table{width:100%;border-collapse:collapse;table-layout:auto;display:table}.appointments-table thead{background-color:#f9fafb}.appointments-table th{padding:16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;border-bottom:1px solid #E5E7EB}.appointments-table th:last-child{padding-right:16px}.appointments-table td{padding:16px;font-size:14px;color:#1f2937;border-bottom:1px solid #E5E7EB}.appointments-table td:last-child{padding-right:16px}.appointment-row{cursor:pointer;transition:background-color .2s}.appointment-row:hover{background-color:#f9fafb}.status-not-confirmed{background-color:#fee2e2;color:#991b1b}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #E5E7EB}.modal-header h2{font-size:20px;font-weight:600;color:#0d4d90}.modal-close{background:none;border:none;font-size:32px;color:#6b7280;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#1f2937}.modal-body{padding:24px}.detail-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #F3F4F6}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:500;color:#6b7280}.detail-value{color:#1f2937;font-weight:500}@media (max-width: 768px){.appointments-controls{flex-direction:column}.filter-select{width:100%}.appointments-table{font-size:12px}.appointments-table th,.appointments-table td{padding:12px 8px}}.patients-page{display:flex;gap:24px;max-width:1600px;margin:0 auto}.patients-main{flex:1}.patients-header{margin-bottom:24px}.page-subtitle{font-size:16px;color:#6b7280;margin-top:4px}.patients-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.patients-table{width:100%;border-collapse:collapse}.patients-table thead{background-color:#f9fafb}.patients-table th{padding:16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;border-bottom:1px solid #E5E7EB}.patients-table td{padding:16px;border-bottom:1px solid #E5E7EB}.patient-row{cursor:pointer;transition:background-color .2s}.patient-row:hover{background-color:#f9fafb}.patient-row.selected{background-color:#0d4d901a}.patient-info{display:flex;flex-direction:column;gap:4px}.patient-name{font-size:14px;font-weight:500;color:#1f2937}.patient-appointment{font-size:12px;color:#6b7280}.status-confirmed{background-color:#d1fae5;color:#065f46}.status-checked-in{background-color:#0d4d9026;color:#0d4d90}.status-follow-up{background-color:#fef3c7;color:#92400e}.status-none{background-color:#f3f4f6;color:#6b7280}.patients-sidebar{width:350px;flex-shrink:0}.patient-detail-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;position:sticky;top:90px}.patient-header{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #E5E7EB}.patient-name-large{font-size:20px;font-weight:600;color:#0d4d90;margin-bottom:8px}.patient-meta{display:flex;gap:12px;font-size:14px;color:#6b7280}.patient-section{margin-bottom:24px}.section-title{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:12px}.message-card{background:#fff;border:1px solid #E5E7EB;border-radius:8px;padding:12px;margin-bottom:12px}.message-header{display:flex;justify-content:space-between;margin-bottom:8px}.message-sender{font-size:14px;font-weight:500;color:#1f2937}.message-time{font-size:12px;color:#6b7280}.reply-button{background:#0d4d90;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;width:100%}.reply-button:hover{background:#0d4d90}.detail-item{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.detail-label{font-size:12px;font-weight:500;color:#6b7280}.detail-value{font-size:14px;color:#1f2937}.view-record-button{background:#0d4d90;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;width:100%;margin-top:8px}.view-record-button:hover{background:#0d4d90}@media (max-width: 1024px){.patients-page{flex-direction:column}.patients-sidebar{width:100%}.patient-detail-card{position:static}}@media (max-width: 768px){.patients-table{font-size:12px}.patients-table th,.patients-table td{padding:12px 8px}}.patient-detail-page{max-width:1400px;margin:0 auto}.patient-detail-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.back-button{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:8px;color:#6b7280;cursor:pointer;transition:all .2s;border-radius:4px}.back-button:hover{background:#f9fafb;color:#0d4d90}.back-button svg{flex-shrink:0}.patient-detail-header .page-title{margin:0}.patient-detail-content{width:100%}.patient-info-header{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;margin:0}.patient-avatar-section{display:flex;align-items:center;gap:16px}.patient-avatar{width:56px;height:56px;border-radius:50%;background:#e5e7eb;color:#0d4d90;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;flex-shrink:0}.patient-name-section{flex:1}.patient-full-name{font-size:24px;font-weight:600;color:#1f2937;margin-bottom:4px}.patient-contact{font-size:14px;color:#6b7280}.upcoming-appointment-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.appointment-card{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.appointment-info{display:flex;align-items:center;font-size:14px;color:#1f2937}.appointment-time{font-size:14px;color:#6b7280}.past-appointments-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.appointments-list{display:flex;flex-direction:column;gap:16px}.appointment-item{display:flex;gap:12px;align-items:center}.appointment-month{font-size:12px;font-weight:600;color:#6b7280;min-width:32px;text-transform:uppercase}.appointment-details{display:flex;flex-direction:row;justify-content:space-between;gap:12px;flex:1;align-items:center;flex-wrap:wrap}.appointment-type{margin-right:auto}.appointment-date-doctor{display:flex;gap:12px;align-items:center}.appointment-type{font-size:14px;font-weight:500;color:#1f2937}.appointment-date,.appointment-doctor{font-size:14px;color:#6b7280}.detail-columns{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start;margin:0;padding:0}.detail-left-column,.detail-right-column{display:flex;flex-direction:column;gap:24px;margin:0;padding:0}.record-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;margin:0}.detail-right-column .record-section:first-child{margin-top:0}.section-title{font-size:18px;font-weight:600;color:#0d4d90;margin-bottom:16px}.record-list{display:flex;flex-direction:column;gap:12px}.record-item-simple{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.record-label{font-size:14px;font-weight:500;color:#6b7280}.record-value{font-size:14px;color:#1f2937;font-weight:500}.notes-content{display:flex;flex-direction:column;gap:16px}.note-entry{padding:16px;background:#f9fafb;border-radius:8px;border-left:3px solid #0D4D90}.note-entry-plain{padding:0;background:transparent;border:none}.note-entry-simple{display:flex;gap:12px;align-items:flex-start;padding:12px 0}.note-month{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;min-width:32px;flex-shrink:0}.note-date{display:block;font-size:12px;font-weight:500;color:#6b7280;margin-bottom:8px}.note-text{font-size:14px;color:#1f2937;line-height:1.6;margin:0}@media (max-width: 768px){.patient-detail-header{flex-direction:column;align-items:flex-start}.back-button{width:100%;justify-content:center}.detail-columns{grid-template-columns:1fr}.appointment-card{flex-direction:column;align-items:flex-start;gap:8px}.appointment-details,.appointment-date-doctor{flex-direction:column;align-items:flex-start;gap:4px}}.messages-page{display:flex;gap:0;min-height:calc(100vh - 140px);max-width:1600px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.messages-sidebar{width:350px;border-right:1px solid #E5E7EB;display:flex;flex-direction:column}.messages-header{padding:24px;border-bottom:1px solid #E5E7EB}.conversations-list{flex:1;overflow-y:auto}.conversation-item{display:flex;gap:12px;padding:16px 24px;cursor:pointer;border-bottom:1px solid #F3F4F6;transition:background-color .2s}.conversation-item:hover{background-color:#f9fafb}.conversation-item.active{background-color:#0d4d901a}.conversation-item.unread{background-color:#0d4d9014}.conversation-avatar{width:40px;height:40px;border-radius:50%;background:#0d4d90;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.conversation-content{flex:1;min-width:0}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.conversation-name{font-size:14px;font-weight:600;color:#1f2937}.conversation-time{font-size:12px;color:#6b7280}.conversation-preview{font-size:13px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages-main{flex:1;display:flex;flex-direction:column}.messages-header-bar{padding:20px 24px;border-bottom:1px solid #E5E7EB}.conversation-title{font-size:18px;font-weight:600;color:#0d4d90}.messages-container{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px;background-color:#f9fafb}.message-bubble{max-width:70%;display:flex;flex-direction:column}.message-bubble.patient{align-self:flex-start}.message-bubble.provider{align-self:flex-end}.message-content{background:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 1px 2px #0000001a}.message-bubble.provider .message-content{background:#0d4d90;color:#fff}.message-content p{margin:0 0 4px;font-size:14px;line-height:1.5}.message-time{font-size:11px;color:#6b7280}.message-bubble.provider .message-time{color:#fffc}.message-input-container{padding:16px 24px;border-top:1px solid #E5E7EB;display:flex;gap:12px}.message-input{flex:1;padding:12px 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;outline:none}.message-input:focus{border-color:#0d4d90}.send-button{background:#0d4d90;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer}.send-button:hover{background:#0d4d90}.no-conversation{flex:1;display:flex;align-items:center;justify-content:center;color:#6b7280}@media (max-width: 768px){.messages-page{flex-direction:column;height:auto}.messages-sidebar{width:100%;max-height:300px}.messages-main{min-height:400px}}.notifications-page{display:flex;flex-direction:column;width:100%}.notifications-header-section{max-width:1600px;margin:0 auto;width:100%;padding:0 24px}.notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.sort-select{padding:8px 12px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;color:#1f2937;background:#fff;cursor:pointer}.notifications-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #E5E7EB}.tab-button{background:none;border:none;padding:12px 16px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.tab-button:hover{color:#1f2937}.tab-button.active{color:#0d4d90;border-bottom-color:#0d4d90}.top-notifications{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;width:100%;padding:0 24px;box-sizing:border-box}.notification-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;border-left:4px solid}.notification-card.red{border-left-color:#ef4444}.notification-card.blue{border-left-color:#0d4d90}.notification-card.green{border-left-color:#10b981}.notification-icon{font-size:24px;flex-shrink:0}.notification-content{flex:1}.notification-title{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:8px}.notification-message{font-size:14px;color:#6b7280;margin-bottom:12px;line-height:1.5}.notification-priority{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.notification-priority.red{background-color:#fee2e2;color:#991b1b}.notification-priority.blue{background-color:#0d4d9026;color:#0d4d90}.notification-priority.green{background-color:#d1fae5;color:#065f46}.notifications-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.notifications-table{width:100%;border-collapse:collapse}.notifications-table thead{background-color:#f9fafb}.notifications-table th{padding:16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;border-bottom:1px solid #E5E7EB}.notifications-table td{padding:16px;border-bottom:1px solid #E5E7EB}.notification-row{transition:background-color .2s}.notification-row:hover{background-color:#f9fafb}.notification-content-line{display:flex;flex-direction:column;gap:4px}.notification-type{font-size:14px;font-weight:600;color:#1f2937}.notification-text{font-size:14px;color:#1f2937}.notification-people{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#1f2937}.notification-patient-name{font-weight:600}.notification-time-info{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#6b7280}.notification-priority-badge{font-size:12px;color:#6b7280}.notifications-content-wrapper{max-width:1600px;margin:0 auto;width:100%;padding:0 24px;display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}.notifications-main{flex:1}.notifications-sidebar{display:flex;flex-direction:column;gap:24px}.summary-card,.filters-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.summary-title,.filters-title{font-size:16px;font-weight:600;color:#0d4d90;margin-bottom:16px}.summary-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #F3F4F6;font-size:14px;color:#1f2937}.summary-item:last-child{border-bottom:none}.summary-value{font-weight:600;color:#0d4d90}.filter-checkbox{display:flex;align-items:center;gap:8px;padding:8px 0;cursor:pointer;font-size:14px;color:#1f2937}.filter-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}@media (max-width: 1024px){.notifications-content-wrapper,.top-notifications{grid-template-columns:1fr}.notifications-header-section,.top-notifications,.notifications-content-wrapper{padding:0 16px}}@media (max-width: 768px){.notifications-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{white-space:nowrap}}.provider-tasks-page{max-width:1400px;margin:0 auto}.tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.tasks-filters{display:flex;gap:12px}.filter-button{padding:8px 16px;border:1px solid #0D4D90;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;background:#fff;color:#0d4d90}.filter-button:hover{background:#0d4d901a}.filter-button.active{background:#0d4d90;color:#fff}.tasks-search-container{margin-bottom:24px}.tasks-search{display:flex;align-items:center;gap:8px;background:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 1px 3px #0000001a;max-width:400px}.tasks-search svg{color:#6b7280;flex-shrink:0}.tasks-search .search-input{border:none;background:transparent;outline:none;font-size:14px;color:#1f2937;width:100%}.tasks-search .search-input::placeholder{color:#9ca3af}.tasks-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.tasks-table{width:100%;border-collapse:collapse}.tasks-table thead{background-color:#f9fafb}.tasks-table th{padding:16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;border-bottom:1px solid #E5E7EB}.tasks-table td{padding:16px;font-size:14px;color:#1f2937;border-bottom:1px solid #E5E7EB}.task-row{transition:background-color .2s}.task-row:hover{background-color:#f9fafb}.task-name{font-weight:500}.priority-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.priority-high{background-color:#fee2e2;color:#991b1b}.priority-normal{color:#0d4d90;background:transparent}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-pending{background-color:#fef3c7;color:#92400e}.status-completed{background-color:#d1fae5;color:#065f46}@media (max-width: 768px){.tasks-header{flex-direction:column;align-items:flex-start;gap:16px}.tasks-search{max-width:100%}.tasks-table{font-size:12px}.tasks-table th,.tasks-table td{padding:12px 8px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#root{width:100%;min-height:100vh}