body{margin:0;padding:64px 0 0;font-family:Montserrat,sans-serif;transition:background-color .5s ease,color .5s ease}.dark-theme{background-color:#12151c;color:#fff}.swal-title-black{color:#000!important}.light-theme{background-color:#f4ca88;color:#fff}.dark-theme p,.dark-theme h1,.dark-theme h2,.dark-theme h3,.dark-theme h4,.dark-theme h5,.dark-theme h6{color:#fff}.light-theme p,.light-theme h1,.light-theme h2,.light-theme h3,.light-theme h4,.light-theme h5,.light-theme h6,.light-theme .header-left .text-white,.light-theme .header-right .text-white{color:#333}.navbar-container{position:fixed;top:0;left:0;right:0;width:100%;z-index:50;padding:13px;border-bottom:2px solid red}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:transparent;font-size:14px;display:flex;align-items:center;justify-content:center}::-webkit-scrollbar-thumb:before{content:" "}::-webkit-scrollbar-thumb:hover{background-color:transparent}.light-theme .navbar-container{background-color:#f8f9fa}.l-theme .homepageContainer{background-color:#fff}.header{display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 6px 7px -3px #00000059;border-bottom:2px solid white}.dark-theme .navbar-container,.dark-theme .header{border-bottom:2px solid gold}.menu-icon{display:flex;align-items:center;gap:12px}.header .menu-icon .text-sm{margin-right:8px}.homepageContainer{display:flex;justify-content:center;align-items:center;height:100vh;font-family:Arial,sans-serif}.header .menu-icon .p-2{display:flex;justify-content:center;align-items:center;gap:8px;padding:8px;background-color:#2d3748;color:#fff;border-radius:20px;cursor:pointer;transition:background-color .3s ease}.header .menu-icon .p-2:hover{background-color:#4a5568}.header .menu-icon .text-sm{font-size:14px}.header-left,.header-right{display:flex;align-items:center;gap:12px}.header-left .text-white,.header-right .text-white{color:#fff}.header-left .text-white:hover,.header-right .text-white:hover{cursor:pointer}.header-right .bg-red-600{background-color:#f56565;padding:8px;border-radius:1px;cursor:pointer;transition:background-color .3s ease}.header-right .bg-red-600:hover{background-color:#e53e3e}.header-right .text-2xl{font-size:24px}.icon{vertical-align:middle;line-height:1px;font-size:20px;margin-right:5px}.icon_header{font-size:26px}.close_icon{color:red;margin-left:30px;margin-top:10px;cursor:pointer}#sidebar{width:18%;padding:20px;height:100%;overflow-y:auto;border-right:2px solid white}.sidebar-title{display:flex;justify-content:space-between;align-items:center;padding:15px 30px 0;margin-bottom:30px}.sidebar-title>span{display:none}.sidebar-brand{margin-top:15px;font-size:20px;font-weight:700}.sidebar-list{padding:0;list-style-type:none}.sidebar-list-item{padding:20px;font-size:18px}.sidebar-list-item:hover{width:100%;background-color:#fff3;cursor:pointer;@apply flex items-center cursor-pointer px-2 py-2 rounded hover:bg-gray-700 transition;}.sidebar-list-item>a{text-decoration:none;color:#fff;@apply flex items-center cursor-pointer px-2 py-2 rounded hover:bg-gray-700 transition;}.main-container{margin-left:500px;padding:20px;width:calc(100% - 500px);box-sizing:border-box;background-color:#2e3b47;border:2px solid white;border-radius:10px;flex-grow:1;display:flex;flex-direction:row;gap:20px;flex-wrap:wrap;justify-content:space-between}.main-title{display:flex;justify-content:space-between}.main-cards{display:flex;flex-direction:row;gap:20px;margin:15px 0;flex-wrap:wrap}.card{display:flex;flex-direction:column;justify-content:space-around;padding:8px 15px;border-radius:5px;border:2px solid white}.card:first-child{background-color:#2962ff}.card:nth-child(2){background-color:#ff6d00}.card:nth-child(3){background-color:#2e7d32}.card-inner{display:flex;align-items:center;justify-content:space-between}.card-inner>.card_icon{font-size:25px}.dashboard-container{display:flex;gap:10px}main{margin-left:250px;padding:20px;width:100%;box-sizing:border-box;overflow-y:auto;background-color:#2e3b47;flex-grow:1;border-left:2px solid white;margin-right:10px}.light-theme #sidebar{background-color:#dc2626;border-right:5px solid #333;transition:background-color 1s ease,transform 1s ease,border-right 5s ease}.dark-theme #sidebar{background-color:#212837;border-right:5px solid #fff;transition:background-color 1s ease,transform 1s ease,border-right 5s ease}main{margin-left:250px;padding:20px;width:100%;box-sizing:border-box;overflow-y:auto;background-color:#2e3b47;flex-grow:1;border-left:2px solid white}.dashboard-container{display:flex}main{flex:1;padding:1rem;border:2px solid white}.card{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-bottom:1rem;background-color:#fff;border-radius:9px;flex-wrap:wrap;border:2px solid white}.card-inner{display:flex;align-items:center;gap:8px}.p-4{padding:1rem}.bg-yellow-100{background-color:#fef3c7}.bg-yellow-300{background-color:#fbbf24}.w-fit{width:fit-content}.mx-auto{margin-left:auto;margin-right:auto}.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;background-color:#4a5568;color:#fff;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;text-decoration:none}.button:hover{background-color:#2d3748;transform:translateY(-2px)}.button:active{transform:translateY(0)}.button-primary{background-color:#2962ff}.button-primary:hover{background-color:#0039cb}.button-danger{background-color:#e53e3e}.button-danger:hover{background-color:#c53030}.button-light{background-color:#e2e8f0;color:#2d3748}.button-light:hover{background-color:#cbd5e0}.light-theme .button{background-color:#2d3748;color:#fff}.light-theme .button-light{background-color:#f8f9fa;color:#2d3748}