*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans SC,sans-serif;background:linear-gradient(135deg,#f5f3ff,#ede9fe);min-height:100vh}.app{min-height:100vh}.navbar{background:#4c1d95;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-brand a{color:#fff;font-size:1.25rem;font-weight:700;text-decoration:none}.nav-links{display:flex;gap:1rem}.nav-links a{color:#ddd6fe;text-decoration:none;padding:.5rem 1rem;border-radius:.5rem}.nav-links a:hover,.nav-links a.router-link-active{background:#fff3;color:#fff}.main{max-width:1200px;margin:0 auto;padding:2rem}.card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px #0000001a;margin-bottom:1.5rem}.btn{padding:.5rem 1rem;border:none;border-radius:.5rem;cursor:pointer;font-weight:500}.btn-primary{background:#7c3aed;color:#fff}.btn-primary:hover{background:#6d28d9}.btn-success{background:#10b981;color:#fff}.btn-warning{background:#f59e0b;color:#fff}.loading{text-align:center;padding:3rem;color:#6b7280}