:root{color:#1f2933;background-color:#f5f7fa;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd2d9;border-radius:6px;padding:.45rem .9rem}button:hover{background:#eef2f7}a{color:#2b6cb0}.app-header{color:#fff;background:#1f2933;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.app-title{font-weight:600}.app-user{align-items:center;gap:.75rem;font-size:.9rem;display:flex}.app-nav{background:#e4e7eb;gap:1rem;padding:.5rem 1.25rem;display:flex}.app-main{max-width:960px;margin:0 auto;padding:1.5rem 1.25rem}table th,table td{border-bottom:1px solid #e4e7eb;padding:.4rem .5rem}.login-card{background:#fff;border:1px solid #e4e7eb;border-radius:8px;max-width:360px;margin:4rem auto;padding:1.5rem}.login-card h1{margin-top:0;font-size:1.25rem}.form-field{flex-direction:column;gap:.25rem;margin-bottom:1rem;display:flex}.form-field input,.form-field select,.form-field textarea{font:inherit;color:inherit;box-sizing:border-box;background-color:#fff;border:1px solid #cbd2d9;border-radius:6px;width:100%;padding:.5rem}.form-error{color:#c0392b;margin-bottom:1rem}