.header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);background-color:var(--color-card);box-shadow:var(--shadow-sm);height:72px;z-index:10}.header-left{display:flex;align-items:center;gap:var(--space-6)}.logo{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.search-container{position:relative;width:300px}.search-input{width:100%;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--color-primary)}.search-icon{position:absolute;left:var(--space-2);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary)}.header-right{display:flex;align-items:center;gap:var(--space-4)}.icon-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--color-text-secondary);transition:background-color .2s}.icon-button:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.add-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:500;transition:background-color .2s}.add-button:hover{background-color:#3b77db}.user-profile{display:flex;align-items:center;gap:var(--space-3)}.avatar{width:40px;height:40px;border-radius:50%;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.user-info{display:flex;flex-direction:column}.user-name{font-weight:500;font-size:.875rem}.user-role{font-size:.75rem;color:var(--color-text-tertiary)}@media screen and (max-width: 1024px){.search-container{width:200px}}@media screen and (max-width: 768px){.header{padding:var(--space-3) var(--space-4)}.search-container{width:150px}.user-info{display:none}}@media screen and (max-width: 480px){.logo{font-size:1.25rem}.search-container{display:none}}.sidebar{width:240px;height:100%;background-color:var(--color-card);border-right:1px solid var(--color-border);padding:var(--space-5) 0;overflow-y:auto;transition:width .3s}.sidebar-section{margin-bottom:var(--space-6)}.sidebar-heading{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-tertiary);padding:0 var(--space-5);margin-bottom:var(--space-3)}.nav-list{list-style:none}.nav-item{margin-bottom:var(--space-1)}.nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);color:var(--color-text-secondary);font-weight:500;transition:background-color .2s,color .2s;border-left:3px solid transparent}.nav-link:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.nav-item.active .nav-link{color:var(--color-primary);background-color:var(--color-primary-light);border-left-color:var(--color-primary)}@media screen and (max-width: 1024px){.sidebar{width:200px}}@media screen and (max-width: 768px){.sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--color-border);padding:var(--space-3) 0}.nav-list{display:flex;overflow-x:auto;padding-bottom:var(--space-2)}.nav-item{margin-bottom:0;flex-shrink:0}.nav-link{padding:var(--space-2) var(--space-3);border-left:none;border-bottom:3px solid transparent}.nav-item.active .nav-link{border-left-color:transparent;border-bottom-color:var(--color-primary)}}.anatomy-section{flex:1;margin-bottom:var(--space-5)}.section-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-4);color:var(--color-text-primary)}.anatomy-visualization{position:relative;height:250px;display:flex;justify-content:center}.human-body{position:relative;height:100%}.body-image{height:100%;object-fit:contain;opacity:.6}.health-indicator{position:absolute;display:flex;align-items:center}.indicator-dot{width:8px;height:8px;border-radius:50%;margin-right:4px}.indicator-label{display:flex;align-items:center;gap:4px;background-color:#fff;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;box-shadow:var(--shadow-sm)}.heart{top:49%;left:49%;transform:translate(-20px)}.lungs{top:59%;right:49%}.teeth{top:18%;left:46%}.bone{bottom:50%;left:30%}.health-indicator.healthy .indicator-dot{background-color:var(--color-success)}.health-indicator.healthy .indicator-label{color:var(--color-success);border:1px solid rgba(52,168,83,.2)}.health-indicator.warning .indicator-dot{background-color:var(--color-warning)}.health-indicator.warning .indicator-label{color:var(--color-warning);border:1px solid rgba(251,188,4,.2)}.health-indicator.critical .indicator-dot{background-color:var(--color-error)}.health-indicator.critical .indicator-label{color:var(--color-error);border:1px solid rgba(234,67,53,.2)}@media screen and (max-width: 768px){.anatomy-visualization{height:200px}.indicator-label{padding:2px 6px;font-size:.7rem}}.health-status-cards{display:flex;flex-direction:column;gap:var(--space-3)}.status-card{display:flex;align-items:center;padding:var(--space-3);border-radius:var(--radius-md);background-color:#f8f9fa;border-left:4px solid transparent;transition:transform .2s,box-shadow .2s}.status-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.status-card.healthy{border-left-color:var(--color-success)}.status-card.warning{border-left-color:var(--color-warning)}.status-card.critical{border-left-color:var(--color-error)}.status-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#f1f3f4;margin-right:var(--space-3)}.status-info{flex:1}.status-name{font-size:.875rem;font-weight:600;margin-bottom:2px}.status-date{font-size:.75rem;color:var(--color-text-tertiary)}.status-indicator{width:8px;height:8px;border-radius:50%}.status-indicator.healthy{background-color:var(--color-success)}.status-indicator.warning{background-color:var(--color-warning)}.status-indicator.critical{background-color:var(--color-error)}@media screen and (max-width: 1200px){.health-status-cards{flex-direction:row;overflow-x:auto;padding-bottom:var(--space-2)}.status-card{min-width:180px}}@media screen and (max-width: 768px){.status-card{min-width:150px}}.calendar-view{display:flex;flex-direction:column;height:100%}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.calendar-title{display:flex;align-items:center;gap:var(--space-2)}.calendar-title h2{font-size:1.25rem;font-weight:600}.calendar-actions{display:flex;align-items:center;gap:var(--space-3)}.calendar-btn{padding:var(--space-2) var(--space-3);background-color:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-md);font-size:.875rem;font-weight:500}.calendar-nav{display:flex;gap:var(--space-1)}.calendar-nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:var(--color-primary-light);color:var(--color-primary);font-weight:600}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background-color:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-4)}.calendar-day-name{padding:var(--space-2);text-align:center;font-size:.75rem;font-weight:600;color:var(--color-text-tertiary);background-color:#f8f9fa}.calendar-cell{position:relative;min-height:60px;padding:var(--space-1);background-color:#fff}.calendar-date{display:inline-block;width:24px;height:24px;text-align:center;line-height:24px;font-size:.875rem;border-radius:50%}.calendar-cell.other-month{background-color:#f8f9fa}.calendar-appointment{margin-top:2px;padding:2px 4px;background-color:var(--color-primary-light);color:var(--color-primary);font-size:.7rem;border-radius:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upcoming-appointments{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2)}.appointment-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:280px;transition:transform .2s,box-shadow .2s}.appointment-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.appointment-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--color-primary-light);color:var(--color-primary)}.appointment-details{flex:1}.appointment-title{font-size:.9375rem;font-weight:600;margin-bottom:2px}.appointment-doctor{font-size:.8125rem;color:var(--color-text-secondary);margin-bottom:2px}.appointment-time{font-size:.75rem;color:var(--color-text-tertiary)}@media screen and (max-width: 1024px){.calendar-cell{min-height:50px}.appointment-card{min-width:240px}}@media screen and (max-width: 768px){.calendar-cell{min-height:40px}.calendar-date{width:20px;height:20px;line-height:20px;font-size:.75rem}.calendar-appointment{font-size:.65rem}}.appointment-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:#fff;border-radius:var(--radius-md);border-left:4px solid transparent;box-shadow:var(--shadow-sm);transition:transform .2s}.appointment-card:hover{transform:translateY(-2px)}.appointment-card.completed{border-left-color:var(--color-success)}.appointment-card.upcoming{border-left-color:var(--color-primary)}.appointment-card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--color-primary-light);color:var(--color-primary)}.appointment-card.completed .appointment-card-icon{background-color:#34a8531a;color:var(--color-success)}.appointment-card-details{flex:1}.appointment-card-title{font-size:.9375rem;font-weight:600;margin-bottom:2px}.appointment-card-doctor{font-size:.8125rem;color:var(--color-text-secondary);margin-bottom:2px}.appointment-card-time{font-size:.75rem;font-weight:500;color:var(--color-primary)}.appointment-card.completed .appointment-card-time{color:var(--color-success)}@media screen and (max-width: 768px){.appointment-card{padding:var(--space-2)}.appointment-card-icon{width:36px;height:36px}.appointment-card-title{font-size:.875rem}}.upcoming-schedule{height:100%}.schedule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.schedule-title{display:flex;align-items:center;gap:var(--space-2)}.schedule-title h2{font-size:1.25rem;font-weight:600}.schedule-btn{padding:var(--space-2) var(--space-3);background-color:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-md);font-size:.875rem;font-weight:500}.schedule-days{display:flex;flex-direction:column;gap:var(--space-4)}.day-title{font-size:1rem;font-weight:600;margin-bottom:var(--space-3);color:var(--color-text-secondary)}.day-appointments{display:flex;flex-direction:column;gap:var(--space-3)}@media screen and (max-width: 768px){.schedule-title h2{font-size:1.125rem}.day-title{font-size:.9375rem}}.activity-feed{height:100%;display:flex;flex-direction:column}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.activity-title{display:flex;align-items:center;gap:var(--space-2)}.activity-title h2{font-size:1.25rem;font-weight:600}.activity-summary{margin-bottom:var(--space-4)}.activity-count{font-size:1rem;font-weight:500;margin-bottom:var(--space-1)}.highlight{color:var(--color-primary);font-weight:700}.activity-date{font-size:.875rem;color:var(--color-text-tertiary)}.activity-chart{flex:1;display:flex;justify-content:space-between;align-items:flex-end;padding-top:var(--space-4)}.chart-column{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.chart-bar{width:20px;background-color:var(--color-primary-light);border-radius:var(--radius-sm);position:relative;transition:height .3s ease}.chart-bar[data-count]:before{content:attr(data-count);position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:600;color:var(--color-primary)}.chart-label{margin-top:var(--space-2);font-size:.75rem;font-weight:500;color:var(--color-text-tertiary)}@media screen and (max-width: 1024px){.chart-bar{width:16px}}@media screen and (max-width: 768px){.activity-title h2{font-size:1.125rem}.chart-bar{width:12px}.chart-label{font-size:.7rem}}.dashboard-main{flex:1;padding:var(--space-5);overflow-y:auto;background-color:var(--color-background)}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:var(--space-5);grid-template-areas:"anatomy calendar calendar" "schedule schedule activity"}.dashboard-section{background-color:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5);height:100%}.anatomy-container{grid-area:anatomy;display:flex;flex-direction:column}.calendar-container{grid-area:calendar}.schedule-container{grid-area:schedule}.activity-container{grid-area:activity}@media screen and (max-width: 1200px){.dashboard-grid{grid-template-columns:1fr 1fr;grid-template-areas:"anatomy calendar" "schedule activity"}}@media screen and (max-width: 768px){.dashboard-main{padding:var(--space-3)}.dashboard-grid{grid-template-columns:1fr;grid-template-areas:"anatomy" "calendar" "schedule" "activity";gap:var(--space-3)}.dashboard-section{padding:var(--space-4)}}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-container{display:flex;flex:1;overflow:hidden}@media screen and (max-width: 768px){.app-container{flex-direction:column}}:root{--color-primary: #4285f4;--color-primary-light: #e8f0fe;--color-secondary: #5f6368;--color-accent: #fbbc04;--color-success: #34a853;--color-warning: #fbbc04;--color-error: #ea4335;--color-background: #f8f9fa;--color-card: #ffffff;--color-text-primary: #202124;--color-text-secondary: #5f6368;--color-text-tertiary: #80868b;--color-border: #dadce0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--space-8: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--color-background);color:var(--color-text-primary);line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font:inherit}.container{max-width:1440px;margin:0 auto;padding:0 var(--space-4)}@media screen and (max-width: 768px){.container{padding:0 var(--space-3)}}