*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5}.app-container{min-height:100vh;display:flex;flex-direction:column}.app-header{background-color:#4caf50;color:#fff;padding:1rem 2rem;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:center;align-items:center}.app-header h1{font-size:1.5rem}.app-nav{display:flex;gap:1rem}.nav-link{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s ease}.nav-link:hover{background-color:#fff3}.nav-link.router-link-active{background-color:#ffffff4d;font-weight:700}.app-main{flex:1;padding:2rem;max-width:1200px;width:100%;margin:0 auto;background-color:#fff;box-shadow:0 0 10px #0000000d}.app-footer{background-color:#333;color:#fff;text-align:center;padding:1rem;margin-top:auto}.btn{display:inline-block;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .3s ease;text-decoration:none;text-align:center}.btn-primary{background-color:#4caf50;color:#fff}.btn-primary:hover{background-color:#45a049}.btn-danger{background-color:#f44336;color:#fff}.btn-danger:hover{background-color:#da190b}.btn-secondary{background-color:#9e9e9e;color:#fff}.btn-secondary:hover{background-color:#757575}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;margin-bottom:1.5rem}.table{width:100%;border-collapse:collapse;margin:1rem 0}.table th,.table td{padding:.75rem;text-align:left;border-bottom:1px solid #ddd}.table th{background-color:#f5f5f5;font-weight:600}.table tr:hover{background-color:#f5f5f5}@media(max-width:768px){.app-header{flex-direction:column;gap:1rem;text-align:center}.app-nav{justify-content:center}.app-main{padding:1rem}}