*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app-main{max-width:768px;margin:0 auto;padding:1rem}@media (width>=768px){.app-main{padding:1.5rem 2rem}}@media (width>=1024px){.app-main{max-width:960px;padding:2rem}}.app-header{z-index:10;background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex;position:sticky;top:0}@media (width>=768px){.app-header{padding:.75rem 2rem}}.app-nav{border-bottom:1px solid #e5e7eb;gap:.25rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex}@media (width>=768px){.app-nav{gap:.5rem}.app-nav button{flex:unset!important;padding:.625rem 1.5rem!important}}.summary-grid{grid-template-columns:1fr 1fr;gap:.625rem;margin-bottom:1rem;display:grid}@media (width>=768px){.summary-grid{grid-template-columns:1fr 1fr 1fr;gap:1rem}}@media (width>=1024px){.summary-grid{grid-template-columns:repeat(6,1fr)}}.record-list{flex-direction:column;gap:.625rem;display:flex}@media (width>=768px){.record-list{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}}.patient-list{flex-direction:column;gap:.625rem;display:flex}@media (width>=768px){.patient-list{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}}.form-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:.75rem;padding:1rem}@media (width>=768px){.form-section{padding:1.5rem}}.vital-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width>=768px){.vital-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.vital-grid{grid-template-columns:repeat(5,1fr)}}.vital-detail-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}@media (width>=768px){.vital-detail-grid{grid-template-columns:repeat(4,1fr)}}.form-footer{background:#f5f5f5;grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem 0;display:grid;position:sticky;bottom:0}@media (width>=768px){.form-footer{max-width:400px;margin-left:auto;position:static}}.login-container{background-color:#f5f5f5;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-form{width:100%;max-width:360px;margin:0 auto;padding:2rem 1.5rem}@media (width>=768px){.login-form{background:#fff;border-radius:16px;max-width:400px;padding:2.5rem 2rem;box-shadow:0 4px 6px -1px #0000001a}}.chart-grid{flex-direction:column;gap:.75rem;display:flex}@media (width>=1024px){.chart-grid{grid-template-columns:1fr 1fr;display:grid}}@media (width>=768px){.staff-ranking{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}}