@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css";body{font-family:Roboto,sans-serif}.app-container{display:flex;min-height:100vh;flex-direction:row;background-color:#f0f2f5}.sidebar{width:250px;background-color:#fff;padding:20px;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column}.logo{display:flex;justify-content:center;margin-bottom:20px}.logo img{max-width:80%;height:auto}.menu{flex:1}.menu ul{list-style:none;padding:0}.menu li{margin-bottom:10px}.menu a{text-decoration:none;color:#333;font-size:16px;display:flex;align-items:center;padding:10px;border-radius:4px}.menu a:hover{background-color:#7d9a5d88;color:#fff}.notification-menu .notification-link{position:relative;background-color:#ffebee;color:#c62828}.notification-menu .notification-link .notification-badge{background-color:#f44336;color:#fff;border-radius:12px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-left:8px}.main-content{flex:1;display:flex;flex-direction:column}.header{background-color:#7d9a5d;color:#fff;padding:20px;text-align:center;box-shadow:0 4px 6px #0000001a}.content{flex:1;padding:20px;background-color:#fff;box-shadow:0 4px 6px #0000001a}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f0f2f5;border-radius:10px}::-webkit-scrollbar-thumb{background:#7d9a5d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#6b8e23}.footer{background-color:#6b8e23;color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 -4px 6px #0000001a}.footer-content{display:flex;flex:1;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.footer-left,.footer-right{display:flex;align-items:center}.footer-logo img{max-width:50px;height:auto}.footer-left p{margin:0 0 0 10px}.footer-social{display:flex;align-items:center}.footer-social a{color:#fff;text-decoration:none;margin:0 10px;font-size:20px}.footer-social a:hover{color:#e0e0e0}.footer-right,.footer-links{display:flex}.footer-links a{color:#fff;text-decoration:none;margin:0 15px;font-size:14px}.footer-links a:hover{text-decoration:underline}