*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;background:#f5f5f5;color:#333}.app{max-width:600px;margin:0 auto;padding:20px}nav{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid #ddd;margin-bottom:30px}nav a{color:#333;text-decoration:none}nav a:hover,nav a.router-link-active{color:#06c}nav button{background:none;border:none;color:#c00;cursor:pointer;font-size:inherit}.form-group{margin-bottom:15px}label{display:block;margin-bottom:5px;font-weight:500}input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}button[type=submit],.btn{background:#06c;color:#fff;border:none;padding:12px 20px;border-radius:4px;cursor:pointer;font-size:16px;width:100%}button[type=submit]:hover,.btn:hover{background:#05a}.error{background:#fee;color:#c00;padding:10px;border-radius:4px;margin-bottom:15px}.success{background:#efe;color:#060;padding:10px;border-radius:4px;margin-bottom:15px}.card{background:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 4px #0000001a}h1{margin-bottom:20px;font-size:24px}.link{color:#06c;text-decoration:none}.link:hover{text-decoration:underline}.mt-15{margin-top:15px}