*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;background:#f5f5f5;color:#333}nav{display:flex;gap:1rem;padding:1rem;background:#1a73e8}nav a{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px}nav a.router-link-active{background:#fff3}nav button{margin-left:auto;background:transparent;color:#fff;border:1px solid white;padding:.5rem 1rem;border-radius:4px;cursor:pointer}main{max-width:960px;margin:2rem auto;padding:0 1rem}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #eee}th{background:#f8f9fa;font-weight:600}button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer}.btn-primary{background:#1a73e8;color:#fff}.btn-danger{background:#dc3545;color:#fff}.btn-sm{padding:.25rem .5rem;font-size:.875rem}form{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}label{display:block;margin-bottom:.25rem;font-weight:600}input,select,textarea{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;margin-bottom:1rem}.actions{display:flex;gap:.5rem;margin-top:1rem}h1{margin-bottom:1rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}