*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;background:#f5f5f5}.navbar{background:#fff;padding:20px 30px;box-shadow:0 2px 4px #0000001a}.navbar h1{color:#333;font-size:24px}.container{display:flex;max-width:1200px;margin:30px auto;gap:20px;padding:0 20px}.sidebar{width:200px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:fit-content}.sidebar a{display:block;padding:12px;color:#555;text-decoration:none;border-radius:4px;margin-bottom:5px;cursor:pointer;transition:background .3s}.sidebar a:hover,.sidebar a.active{background:#4caf50;color:#fff}.content{flex:1;background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 4px #0000001a}