@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--primary:#6366f1;--primary-light:#818cf8;--bg:#f8fafc;--card-bg:#fff;--text:#1e293b;--text-muted:#64748b;--accent-success:#22c55e;--accent-error:#ef4444;--border:#e2e8f0;--shadow:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--radius:24px}*{box-sizing:border-box;margin:0;padding:0;font-family:Plus Jakarta Sans,sans-serif}body{background-color:var(--bg);color:var(--text);overflow-x:hidden}.app-container{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);background:#fff;flex-direction:column;width:280px;height:100vh;padding:2.5rem 1.25rem;display:flex;position:fixed}.menu-item{color:var(--text-muted);cursor:pointer;border-radius:14px;align-items:center;gap:12px;margin-top:.75rem;padding:1rem 1.25rem;font-weight:700;transition:all .2s;display:flex}.menu-item.active{color:var(--primary);background:#6366f11a}.main-content{flex-grow:1;margin-left:280px;padding:3rem 4rem}.header-row{justify-content:space-between;align-items:flex-start;margin-bottom:3rem;display:flex}.title-group h1{letter-spacing:-.02em;font-size:2.25rem;font-weight:800}.title-group p{color:var(--text-muted);align-items:center;gap:8px;margin-top:4px;font-weight:600;display:flex}.status-badge{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;font-weight:700;display:flex}.dot{border-radius:50%;width:8px;height:8px}.dot-green{background:var(--accent-success)}.summary-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:4rem;display:grid}.summary-card{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;padding:2rem}.card-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.card-header span{color:var(--text-muted);font-size:.875rem;font-weight:700}.card-value{margin-bottom:8px;font-size:2.5rem;font-weight:800}.card-subtext{color:var(--accent-success);align-items:center;gap:4px;font-size:.875rem;font-weight:700;display:flex}.patient-section-title{margin-bottom:2rem;font-size:1.5rem;font-weight:800}.patient-card{border-radius:var(--radius);border:1px solid var(--border);max-width:500px;box-shadow:var(--shadow);background:#fff;padding:2.5rem}.patient-info{align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.patient-icon-box{color:var(--accent-success);background:#f1f5f9;border-radius:18px;padding:1rem}.patient-name-group h3{font-size:1.25rem;font-weight:800}.patient-name-group p{color:var(--accent-success);font-size:.875rem;font-weight:700}.patient-status{color:var(--text-muted);margin-left:auto;font-size:.75rem;font-weight:800}.stats-row{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;display:grid}.stat-box{background:#f8fafc;border-radius:16px;padding:1rem}.stat-label{color:var(--primary-light);text-transform:uppercase;margin-bottom:4px;font-size:.65rem;font-weight:800}.stat-val{color:var(--primary);font-size:1rem;font-weight:800}.location-box{color:var(--text-muted);background:#f8fafc;border-radius:14px;align-items:center;gap:10px;margin-bottom:1.5rem;padding:12px 20px;font-size:.875rem;font-weight:700;display:flex}.patient-footer{justify-content:space-between;align-items:center;font-size:.875rem;font-weight:700;display:flex}.id-tag{color:var(--text-muted);opacity:.5}.details-link{color:var(--primary);cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.4s ease-out forwards fadeIn}