*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;background:#0f1117;color:#e2e8f0;min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh}nav{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:#1a1d2e;border-bottom:1px solid #2d3148}nav a{color:#94a3b8;text-decoration:none;font-size:.875rem;padding:.25rem .5rem;border-radius:4px}nav a.router-link-active{color:#e2e8f0;background:#2d3148}nav button{margin-left:auto;padding:.25rem .75rem;border:1px solid #3d4166;background:transparent;color:#94a3b8;border-radius:4px;cursor:pointer;font-size:.875rem}nav button:hover{background:#2d3148;color:#e2e8f0}.page{padding:1.5rem}.card{background:#1a1d2e;border:1px solid #2d3148;border-radius:8px;padding:1.25rem}.page-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem}