:root{font-family:Montserrat,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{min-width:320px;min-height:100vh;font-family:Inter;line-height:30px}h1{font-size:3.2em;line-height:1.1}@media (min-width: 1200px){.h2,h2{font-weight:600;font-size:2rem}}.card-title{font-weight:600}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.card-body{min-height:200px!important}.card-body{min-height:300px!important}.card-mboyo{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:12px;box-shadow:0 6px 10px -4px #00000026;color:#252422;margin-bottom:20px;transition:transform .3s cubic-bezier(.34,2,.6,1),box-shadow .2s ease;padding:20px}.card-mboyo:hover{transform:translateY(-2px);box-shadow:0 10px 20px -6px #0003}@media (max-width: 768px){.card-mboyo{padding:15px;font-size:14px}}.chart-container{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px}.card-mboyo{flex:1 1 48%;padding:10px;border-radius:12px;box-shadow:0 6px 10px -4px #00000026;background-color:#fff;color:#252422}@media (max-width: 768px){.card-mboyo{flex:1 1 100%}}.user-login-system-text{font-size:11px;text-align:left!important;color:#ff4500!important}.app-container{display:flex;flex-direction:row;min-height:100vh}.sidebar{font-family:Inter;margin-top:50px;background-color:#e9e8e6;color:#fff;width:250px;min-height:100vh;padding:20px;transition:transform .3s ease,width .3s ease;position:fixed;top:0;left:0;z-index:1000}.sidebar.collapsed{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar h2{color:#fff}.sidebar nav a{display:block;color:#fff;margin:10px 0;text-decoration:none}.close-btn{background:none;color:#fff;border:none;font-size:24px;float:right;cursor:pointer}.topbar{display:flex;align-items:center;padding:10px 20px;background:#f8f9fa;width:100%;height:50px;position:fixed;top:0;left:0;z-index:900;margin-left:0}.toggle-btn{font-size:24px;background:none;border:none;margin-right:15px;cursor:pointer}.logo-text{font-size:20px;margin:0}.main-content{margin-left:250px;padding:70px 20px 20px;width:100%;transition:margin-left .3s ease}.sidebar.collapsed+.main-content{margin-left:0}@media (max-width: 768px){.main-content{margin-left:0;padding-top:70px}.sidebar{margin-top:0!important;width:250px;transform:translate(-100%);position:fixed;height:100%}.sidebar.open{transform:translate(0)}}.sidebar-header{display:none;justify-content:space-between;align-items:center;margin-bottom:20px}@media (max-width: 768px){.sidebar-header{display:flex}}.sidebar nav a{display:block;color:#4a4848;margin:10px 0;text-decoration:none}.btn-primary{background-color:#e9e8e6;border-color:#e9e8e6;color:#4a4848}.btn-primary:hover{background-color:#aea9a0;border-color:#aea9a0}.btn-primary:active,.btn-primary:focus{background-color:#48443c;border-color:#48443c}.logo-text{font-size:20px;margin:0;max-width:120px;height:auto}.breadcrumb{padding:10px;border:1px solid #e9e8e6;border-radius:7px;margin-bottom:20px;font-weight:600;font-size:16px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#fbfafa}.logout-btn{background:none;border:none;color:#333;font-size:16px;cursor:pointer;display:flex;align-items:center}.logout-btn svg{margin-right:5px;font-size:20px}.logout-btn:hover{color:#f44336}@media (max-width: 768px){.sidebar-logo{display:none}}