@import "https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@300;400;500;600;700;800;900&display=swap";
:root{--background:#f8fafc;--foreground:#0f172a;--primary:#0857de;--primary-hover:#0543be;--primary-glow:#0857de26;--secondary:#fff;--secondary-glow:#fffc;--border:#00000014;--border-light:#0000000a;--text-muted:#64748b;--glass-bg:#ffffffbf;--glass-border:#0000000f;--success:#7bb509;--danger:#d63336;--attention:#ffa202}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 15%,#0857de08,#0000 25%),radial-gradient(circle at 85% 30%,#7bb50905,#0000 25%);background-attachment:fixed;flex-direction:column;font-family:Red Hat Display,sans-serif;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:Red Hat Display,sans-serif}input,select,textarea{font-family:Red Hat Display,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-scale-up{animation:.3s cubic-bezier(.16,1,.3,1) forwards scaleUp}.animate-shimmer{background:linear-gradient(90deg,#fff0 0%,#ffffff0d 50%,#fff0 100%) 0 0/200% 100%;animation:1.5s infinite shimmer}.pageHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.kpiGrid{flex-wrap:wrap;gap:1.5rem;display:flex}.chartsGrid{grid-template-columns:1fr 340px;gap:1.5rem;display:grid}.clinicCard{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:1.5rem;overflow:hidden;box-shadow:0 8px 32px #0000005e}.patientLayout{grid-template-columns:1fr 340px;align-items:start;gap:2rem;display:grid}.patientHeaderCard{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:1.5rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:2rem;display:flex;box-shadow:0 8px 32px #0000004d}.patientHeaderMeta{color:var(--text-muted);flex-wrap:wrap;gap:1.5rem;margin-top:.5rem;font-size:.9rem;display:flex}.patientHeaderStats{flex-shrink:0;align-items:center;gap:1rem;display:flex}.patientLayout>aside,.patientLayout>div{order:unset}@media (max-width:768px){.patientLayout>aside{order:-1}}.tableWrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.tableWrapper::-webkit-scrollbar{display:none}.cardPadding{padding:2rem}@media (max-width:768px){.pageHeader{flex-direction:column;align-items:flex-start}.kpiGrid{gap:.75rem}.kpiGrid>*{flex:calc(50% - .5rem)!important;min-width:0!important}.chartsGrid{grid-template-columns:1fr!important}.clinicCard{border-left:none;border-right:none;border-radius:0;box-shadow:0 2px 12px #0000001a}.patientLayout{grid-template-columns:1fr!important}.patientHeaderCard{border-radius:1rem;padding:1.25rem}.patientHeaderStats{justify-content:flex-start;width:100%}.cardPadding{padding:1rem}.mobileHide,table th.mobileHide,table td.mobileHide{display:none!important}table th,table td{padding:.75rem .5rem!important;font-size:.8rem!important}table td button{padding:.4rem .6rem!important;font-size:.7rem!important}}@media (max-width:480px){.kpiGrid>*{flex:calc(50% - .375rem)!important}.patientHeaderCard{gap:1rem}.mobileHideStrict,table th.mobileHideStrict,table td.mobileHideStrict{display:none!important}}.tooltip-container{cursor:help;align-items:center;display:inline-flex;position:relative}.tooltip-content{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);color:var(--foreground);white-space:normal;text-align:left;z-index:50;pointer-events:none;border-radius:.75rem;width:max-content;max-width:250px;padding:.75rem .85rem;font-size:.75rem;font-weight:500;line-height:1.4;position:absolute;bottom:125%;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0000001a}.tooltip-content:after{content:"";border-style:solid;border-width:6px;border-color:var(--glass-bg) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}
