*{box-sizing:border-box}body{margin:0;background:#f4f6f5;color:#1f2623}.app-shell{min-height:100vh}.app-logo{height:56px;display:flex;align-items:center;padding:0 20px;color:#fff;font-weight:700}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.page-title{margin:0;font-size:22px;line-height:1.25}.page-subtitle{margin:4px 0 0;color:#66736f}.content-band{padding:24px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f4f6f5}.login-card{width:min(420px,100%)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;margin-bottom:16px}@media (max-width: 960px){.metric-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media (max-width: 640px){.content-band{padding:16px}.metric-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column}}