:root{--primary: #4a90e2;--secondary: #f39c12;--bg: #f4f7f6;--text: #333;--white: #ffffff;--sidebar-width: 220px}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg);color:var(--text);overflow-x:hidden}.app-container{display:flex;min-height:100vh}.main-content{flex:1;padding:2rem;margin-left:var(--sidebar-width);transition:margin-left .3s ease;width:calc(100% - var(--sidebar-width))}@media(max-width:768px){:root{--sidebar-width: 0px}.main-content{padding:1rem;margin-left:0;width:100%}.sidebar{transform:translate(-100%);z-index:1001}.sidebar.open{transform:translate(0);width:250px!important}.table-container{overflow-x:auto;display:block;width:100%}table{min-width:600px}.card{padding:1rem;margin-bottom:1rem}h1{font-size:1.5rem}}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;padding:1rem}.card{background:var(--white);padding:1.5rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-bottom:1.5rem}input,select{width:100%;padding:.8rem;margin:.5rem 0 1rem;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1rem}button{width:100%;padding:.8rem;background-color:var(--primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:700}button:hover{background-color:#357abd}