*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#f1f5f9}a{color:#0ea5e9;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:960px;margin:0 auto;padding:1rem}.card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.25rem;margin-bottom:1rem}table{width:100%;border-collapse:collapse}th,td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid #e2e8f0}th{background:#f8fafc;font-weight:600}.btn{display:inline-block;padding:.5rem 1rem;border-radius:6px;border:none;cursor:pointer;font-size:.875rem}.btn-primary{background:#0ea5e9;color:#fff}.btn-primary:hover{background:#0284c7}.btn-secondary{background:#e2e8f0;color:#334155}.btn-danger{background:#ef4444;color:#fff}.btn-sm{padding:.25rem .5rem;font-size:.8125rem}input,select{padding:.5rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.875rem}input{min-width:200px}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.25rem;font-weight:500}.nav{display:flex;gap:1rem;padding:1rem;background:#fff;border-bottom:1px solid #e2e8f0}.nav a{color:#475569}.nav a.router-link-active{color:#0ea5e9;font-weight:600}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}h1,h2{margin:0 0 .5rem;font-size:1.25rem}.login-box{max-width:360px;margin:4rem auto}.error{color:#dc2626;font-size:.875rem;margin-top:.25rem}