*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f4f7f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.layout-container{min-height:100vh;display:flex}.layout-sidebar{color:#ecf0f1;background-color:#2c3e50;flex-direction:column;width:250px;padding:20px;transition:all .3s;display:flex}.layout-main{background-color:#f4f7f6;flex:1;padding:30px;overflow-y:auto}.sidebar-logo{text-align:center;margin-bottom:30px}.sidebar-nav{flex-direction:column;flex:1;display:flex}.sidebar-link{color:#ecf0f1;text-align:center;background-color:#34495e;border-radius:4px;margin-bottom:10px;padding:10px 15px;text-decoration:none}.top-help-link{color:#ecf0f1;background-color:#2980b9;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-weight:500;text-decoration:none;transition:background-color .2s;display:flex}.top-help-link:hover{background-color:#3498db}.top-help-icon{display:none}.sidebar-footer{text-align:center;border-top:1px solid #34495e;padding-top:20px}.logout-btn{color:#fff;cursor:pointer;background-color:#e74c3c;border:none;border-radius:4px;width:100%;padding:8px}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@media (width<=768px){.layout-container{flex-direction:column}.layout-sidebar{z-index:1000;flex-direction:row;justify-content:space-around;width:100%;height:70px;padding:10px 5px;position:fixed;bottom:0;left:0}.layout-main{padding:15px 15px 80px}.sidebar-logo,.sidebar-footer{display:none}.sidebar-nav{flex-direction:row;width:100%}.sidebar-link{flex:1;justify-content:center;align-items:center;margin-bottom:0;margin-right:5px;padding:10px 5px;font-size:11px;display:flex}.top-help-text{display:none}.top-help-icon{display:block}.top-help-link{border-radius:50%;padding:8px}}