:root{--bs-primary: #1976d2;--bs-primary-rgb: 25, 118, 210;--bg-color: #ffffff;--text-color: #333333;--card-bg: #f9fafc;--sidebar-width: 280px}body.dark-mode{--bg-color: #1a1a1a;--text-color: #ffffff;--card-bg: #2a2a2a;color-scheme:dark}body.dark-mode{background-color:var(--bg-color);color:var(--text-color)}body{transition:background-color .3s ease,color .3s ease}.main-content{margin-left:280px;padding:24px;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);transition:margin-left .3s ease}.sidebar.sidebar-collapsed~.main-content,.main-content.sidebar-collapsed-margin{margin-left:80px}.cursor-pointer{cursor:pointer}.form-control,.form-select{background-color:#fff;color:#333;border-color:#ddd;transition:all .2s ease}.form-control:focus,.form-select:focus{border-color:var(--bs-primary);box-shadow:0 0 0 .25rem #1976d240;background-color:#fff;color:#333}.form-control::placeholder,.form-select::placeholder{color:#999}body.dark-mode .form-control,body.dark-mode .form-select{background-color:#3a3a3a;color:#e0e0e0;border-color:#555}body.dark-mode .form-control:focus,body.dark-mode .form-select:focus{background-color:#3a3a3a;color:#e0e0e0;border-color:#64b5f6;box-shadow:0 0 0 .25rem #64b5f640}body.dark-mode .form-control::placeholder,body.dark-mode .form-select::placeholder{color:#999}body.dark-mode .form-select option{background-color:#2a2a2a;color:#e0e0e0}.card{transition:box-shadow .3s ease,transform .3s ease}.card:hover{box-shadow:0 .5rem 1rem #00000026!important}@media (max-width: 991px){.main-content{margin-left:0;padding:80px 16px 16px}.main-content.sidebar-collapsed-margin{margin-left:0}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#bbb;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#999}body.dark-mode ::-webkit-scrollbar-track{background:#2a2a2a}body.dark-mode ::-webkit-scrollbar-thumb{background:#555}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:#777}
