:root{--teal:#1d9e75;--blue:#378add;--amber:#ba7517;--navy:#0f172a;--sidebar-w:300px;--sw-full:300px;--sw-icon:72px;--topbar-h:60px}*{box-sizing:border-box;margin:0;padding:0}body{color:#1a202c;background:#f0f4f8;font-family:DM Sans,system-ui,sans-serif}.heading-font{font-family:Syne,system-ui,sans-serif}.page-shell{min-height:100vh;display:flex}.main-content{margin-left:var(--sw-full);min-height:100vh;width:calc(100% - var(--sw-full));flex:1;padding:32px;transition:margin-left .28s,width .28s}.sidebar-collapsed .main-content{margin-left:var(--sw-icon)!important;width:calc(100% - var(--sw-icon))!important}.responsive-grid-5,.responsive-grid-4,.responsive-grid-3,.responsive-grid-2{gap:20px;display:grid}.responsive-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.responsive-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.responsive-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.responsive-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-search-bar{align-items:center;gap:12px;display:flex}.patient-table-header,.patient-desktop-row{display:grid}.patient-mobile-card{display:none}@media (min-width:1024px) and (max-width:1300px){:root{--sw-full:240px}.main-content{margin-left:var(--sw-full);width:calc(100% - var(--sw-full));padding:24px}.responsive-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.responsive-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.responsive-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.responsive-grid-2{grid-template-columns:1fr}.stat-card{padding:18px}}@media (max-width:1023px){.main-content{width:100%!important;padding:calc(var(--topbar-h) + 24px) 20px 24px!important;margin-left:0!important}.responsive-grid-5,.responsive-grid-4{grid-template-columns:repeat(3,minmax(0,1fr))}.responsive-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.responsive-grid-2{grid-template-columns:1fr}}@media (max-width:767px){.main-content{padding:calc(var(--topbar-h) + 18px) 14px 24px!important}.responsive-grid-5,.responsive-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.responsive-grid-3,.responsive-grid-2{grid-template-columns:1fr}.stat-card{border-radius:16px;padding:16px!important}.dashboard-search-bar{gap:10px}.patient-table-header,.patient-desktop-row{display:none!important}.patient-mobile-card{cursor:pointer;margin-bottom:5px;padding:16px 16px 16px 20px;transition:background .15s;position:relative;overflow:hidden;border-bottom:2px solid #1010110d!important;display:block!important}}.stat-card{background:#fff;border-radius:20px;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #0000000f}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001a}.mw-input{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;outline:none;width:100%;padding:14px 20px;font-family:DM Sans,sans-serif;font-size:15px;transition:all .25s}.mw-input:focus{border-color:var(--teal);transform:translateY(-1px);box-shadow:0 0 0 4px #1d9e7526}.badge{white-space:nowrap;border-radius:99px;padding:4px 12px;font-size:12px;font-weight:600}.badge-green{color:#15803d;background:#dcfce7}.badge-yellow{color:#a16207;background:#fef9c3}.badge-red{color:#dc2626;background:#fee2e2}.badge-blue{color:#2563eb;background:#eff6ff}.btn-primary{background:linear-gradient(to right, var(--teal), var(--blue));color:#fff;cursor:pointer;border:none;border-radius:14px;padding:14px 28px;font-family:Syne,sans-serif;font-size:15px;font-weight:600;transition:all .2s}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-primary:active{transform:scale(.98)}.btn-outline{color:#64748b;cursor:pointer;background:0 0;border:1.5px solid #e2e8f0;border-radius:14px;padding:13px 28px;font-size:15px;font-weight:500;transition:all .2s}.btn-outline:hover{border-color:var(--teal);color:var(--teal);background:#1d9e750a}@keyframes pulse-red{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 8px #dc262600}}.pulse-red{animation:2s infinite pulse-red}@keyframes mw-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.mw-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/600px 100%;border-radius:8px;animation:1.4s linear infinite mw-shimmer}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}