.sidebar{position:fixed;top:60px;left:0;height:calc(100vh - 60px);width:220px;background-color:#fff;padding:20px;box-shadow:2px 0 5px #0000001a;transform:translate(-100%);transition:transform .3s ease;z-index:1000;display:flex}.sidebar-header{display:flex;justify-content:space-between;align-items:center}.nav-items{margin-top:5px;display:flex;flex-direction:column;gap:1rem}.nav-heading{font-size:12px;color:var( --icon-gray)}.nav-item{font-size:16px;display:flex;align-items:center;gap:10px;color:var( --icon-gray);cursor:pointer;transition:color .3s ease}.nav-item:hover{color:var( --primary-blue)}.sidebar.open{transform:translate(0)}.close-icon{font-size:20px;cursor:pointer;float:right}@media (min-width: 768px){.sidebar{transform:translate(0);position:relative;height:auto;box-shadow:none}.close-icon{display:none}}@media (min-width: 769px){.sidebar{transform:translate(0)}}@media (min-width: 1024px){.sidebar{position:relative;transform:translate(0);top:0;height:100vh;box-shadow:none}}.header{display:flex;align-items:center;justify-content:space-between;padding:0 30px;height:60px;position:sticky;top:0;z-index:100;background-color:#fff;box-shadow:0 2px 4px #0000000d;flex-wrap:wrap}.header-left{display:flex;justify-content:space-between;gap:4rem;flex-wrap:wrap}.logo-section{display:flex;align-items:center;gap:15px}.menu-btn{background:none;border:none;font-size:24px;color:#2b2e4a;display:none;cursor:pointer}.logo p{font-size:24px;font-weight:600;color:var( --light-blue)}.logo span{color:var(--primary-blue)}.search-bar{display:flex;align-items:center;gap:15px;border:1px solid var( --search-bg);border-radius:5px;padding:6px 10px;width:35%;min-width:500px}.search{display:flex;align-items:center;gap:10px;flex:1;color:var(--primary-blue)}.search input{border:none;outline:none;background:transparent;width:100%}.bell-icon{color:var(--primary-blue);font-size:20px;cursor:pointer}.header-right{display:flex;align-items:center;gap:12px}.profile{display:flex;justify-content:center;align-items:center;height:38px;width:38px;border-radius:10px;background-color:var(--primary-blue)}.profile img{height:32px;width:32px;object-fit:cover;border-radius:50%}.plus-icon{display:flex;justify-content:center;align-items:center;height:38px;width:38px;border-radius:10px;background-color:var(--dark-blue)}.plus{color:var(--white);font-size:20px;cursor:pointer}@media (max-width: 768px){.header{flex-direction:column;align-items:flex-start;gap:10px;padding:10px 20px;height:auto}.menu-btn{display:block}.search-bar{width:100%;justify-content:space-between;min-width:100px}.header-right{width:100%;justify-content:space-between;margin-top:8px}}.anatomy-container{position:relative;width:100%;max-width:230px;margin:15px;overflow:visible}.anatomy-img{width:100%;transform:scale(1.4) translateY(20px);transform-origin:top center;display:block}.indicator{position:absolute;background:#fff;padding:6px 10px;border-radius:12px;font-size:12px;box-shadow:0 2px 5px #0000001a;white-space:nowrap;z-index:2}.heart{top:42%;right:-35px;background-color:#5d5fef;color:#fff}.leg{bottom:-22%;left:-6%;background-color:var( --light-blue);color:#fff}@media (max-width: 768px){.anatomy-container{max-width:180px}.anatomy-img{transform:scale(1.3) translateY(15px)}.indicator{font-size:10px;padding:4px 8px}}@media (max-width: 480px){.anatomy-container{max-width:160px}.anatomy-img{transform:scale(1.2) translateY(10px)}.indicator{font-size:9px;padding:3px 6px}.heart{top:32%;right:-35px}.leg{bottom:-1%;left:-6%}}.health-card{background:#fff;padding:5px 55px 15px 15px;margin-bottom:1rem;border-radius:15px;box-shadow:0 4px 10px #0000000d;display:flex;align-items:center;gap:15px}.health-icon{width:42px;height:42px;object-fit:contain}.health-info{display:flex;flex-direction:column;justify-content:center;flex:1;gap:12px}.health-icon-container{display:flex;align-items:center;justify-content:center;gap:10px}.health-info p{margin:0;font-size:18px;font-weight:600;color:var(--text-dark)}.health-info small{font-size:12px;color:var( --text-muted)}.health-bar{height:6px;width:140%;border-radius:3px;background-color:#eee;margin-top:6px;overflow:hidden}.health-bar-fill{height:100%;border-radius:3px}.health-bar-fill.red{background-color:var(--accent-red)}.health-bar-fill.green{background-color:var(--accent-teeth)}.health-bar-fill.orange{background-color:var(--accent-bone)}.details-heading{font-size:12px;font-weight:500;display:flex;justify-content:flex-end;margin-right:1px;color:var(--primary-blue)}.dashboard-header{display:flex;justify-content:space-between;color:var(--primary-blue)}.dash-heading{font-size:24px;font-weight:600}.week-heading{font-size:12px;font-weight:500;margin-right:43px}.dashboard-overview{display:flex;gap:80px;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start}@media (max-width: 768px){.dashboard-overview{flex-direction:column;align-items:center}}.calendar-view{background-color:#f8faff;border-radius:16px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.calendar-header h4{margin:0;color:var(--primary-blue);font-size:18px;font-weight:600}.nav-arrows span{font-size:18px;margin:0 6px;cursor:pointer;color:var(--primary-blue)}.calendar-week{display:flex;justify-content:space-between;margin-bottom:20px}.calendar-day{text-align:center;width:13%}.day-box{padding:10px;border-radius:10px;background-color:#fff;color:#666;color:var(--primary-blue)}.day-box.active{background-color:#e6f0ff;color:#000}.day-box h5{margin:5px 0 0;font-size:16px;color:var(--primary-blue)}.time-slot{margin-top:5px;color:var(--primary-blue)}.time-slot.highlight{background-color:var(--primary-blue);color:#fff;padding:3px 10px;border-radius:8px;display:inline-block}.appointments{display:flex;gap:12px}.appointment-card{background-color:var( --upcoming-card-bg);padding:15px;border-radius:12px;font-size:14px;color:var(--primary-blue)}.dentist{background-color:var(--primary-blue);color:#fff}.physio{color:var(--primary-blue);background-color:#e9e6ff}.upcoming-schedule{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d;width:100%;box-sizing:border-box}.upcoming-schedule h4{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--primary-blue)}.upcoming-schedule h5{font-size:16px;font-weight:500;margin:12px 0 8px;color:#666}.schedule-cards{display:flex;gap:15px}.activity-feed{padding:0px 80px 0px opx;background-color:#f7f8fa;border-radius:16px;width:100%;max-width:500px}.activity-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.activity-heading h4{margin:0;font-size:1rem;color:var(--primary-blue)}.activity-heading p{margin:0;font-size:.85rem;color:#888}.bar-chart{display:flex;justify-content:space-around;align-items:flex-end;gap:5px}.bar-day{display:flex;flex-direction:column;align-items:center;font-size:.7rem;color:#666}.bar-stack{display:flex;flex-direction:row;gap:4px;align-items:flex-end;height:80px}.bar{width:6px;border-radius:3px;transition:height .3s ease}.dashboard-main-content{display:flex;flex:1;gap:20px;overflow-y:auto}.dashboard-left,.dashboard-right{flex:1;display:flex;flex-direction:column;gap:20px}@media (max-width: 1024px){.dashboard-main-content{flex-direction:column;padding:15px}.dashboard-left,.dashboard-right{width:100%}}:root{--sidebar-bg: #ffffff;--main-bg: #f7f9fb;--card-bg: #ffffff;--search-bg: #f1f5ff;--text-dark: #333c4d;--text-muted: #7d8a99;--primary-blue: #3661eb;--light-blue: #00cfff;--accent-green: #1cc98f;--accent-red: #f26c6d;--accent-teeth: #00c2ff;--accent-bone: #fc9e4f;--calendar-active: #3661eb;--calendar-bg: #edf0ff;--appointment-dentist: #dbe4ff;--appointment-physio: #e8fff3;--upcoming-card-bg: #edf0ff;--icon-gray: #7d8a99;--icon-blue: #3661eb;--card-shadow: 0 4px 12px rgba(0, 0, 0, .05);--radius: 16px;--font-primary: "Poppins", sans-serif}*{margin:0;padding:0;box-sizing:border-box}.app-container{font-family:Poppins,sans-serif;display:flex;flex-direction:column;min-height:100vh;width:100%}.layout-wrapper{display:flex;flex:1;width:100%}.main-layout{flex:1;padding:20px;background-color:#f7f9fc;min-height:calc(100vh - 60px);overflow-y:auto}