:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}body{background:#f5f7fa;margin:0}#root{box-sizing:border-box;flex-direction:column;min-height:100vh;display:flex}h1,h2,h3{margin:0;font-weight:600}p{margin:0}.card-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-scroll table{min-width:600px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=640px){.card-grid,.form-row{grid-template-columns:1fr}}.skip-link{color:#fff;z-index:9999;background:#1a3a5c;border-radius:0 0 4px 4px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:top .15s;position:absolute;top:-48px;left:1rem}.skip-link:focus{outline-offset:2px;outline:2px solid #fff;top:0}.logo-btn{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}:focus-visible{outline-offset:2px;border-radius:2px;outline:2px solid #4a90e2}