:root{--container-max-width:1200px}body{font-family:Poppins,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-color);font-family:var(--font-family);height:100%;width:100%}:root{--sidebar-width-open:250px;--sidebar-width-mobile-open:200px}.layout{background-color:#f0f2f5;background-color:var(--bg-color);display:flex;margin-top:64px;margin-top:var(--header-height);min-height:calc(100vh - 64px);min-height:calc(100vh - var(--header-height))}.sidebar{height:calc(100vh - 64px);top:64px;width:250px;z-index:900}.sidebar--collapsed{width:70px;width:var(--sidebar-width-collapsed)}.footer,.main-content{flex:1 1;margin-left:250px;margin-left:var(--sidebar-width-open);padding:20px;transition:margin-left .3s}.sidebar--collapsed~.footer,.sidebar--collapsed~.main-content{margin-left:70px;margin-left:var(--sidebar-width-collapsed)}.footer{background-color:#036;color:#fff;text-align:center}.btn-primary,.footer{background-color:var(--primary-color);padding:10px 20px}.btn-primary{border-radius:4px;display:inline-block;text-decoration:none}.btn-primary:hover{background-color:#048;background-color:var(--secondary-color)}@media (max-width:768px){:root{--header-height:56px;--sidebar-width-open:200px;--sidebar-width-collapsed:60px;--sidebar-width-mobile-open:200px}.layout{margin-top:64px;margin-top:var(--header-height);min-height:calc(100vh - 64px);min-height:calc(100vh - var(--header-height))}.sidebar{top:64px;top:var(--header-height);transform:translateX(-100%);width:0;z-index:9999}.sidebar--mobile-visible{transform:translateX(0);width:200px;width:var(--sidebar-width-mobile-open)}.footer,.main-content{margin-left:0}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.user-menu-container{position:relative}.user-menu-trigger{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.2rem}.user-menu-dropdown{background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0003;color:#333;min-width:180px;padding:10px;position:absolute;right:0;top:100%;z-index:9999}.user-info{border-bottom:1px solid #ddd;margin-bottom:8px;padding-bottom:8px}.user-name{font-weight:700;margin:0}.user-email{font-weight:400;margin:0}.menu-item{align-items:center;cursor:pointer;display:flex;gap:6px;padding:6px 0}.menu-item:hover{background-color:#f0f0f0}.logout{color:#d9534f}:root{--header-height:64px;--font-family:"Arial, sans-serif"}.header{background-color:#036;background-color:var(--primary-color);color:#fff;height:64px;height:var(--header-height);left:0;padding:0 10px;position:fixed;right:0;top:0;z-index:1000}.header,.header-left{align-items:center;display:flex}.header-left{gap:10px}.header-center{flex:1 1;justify-content:center}.header-center,.header-right{align-items:center;display:flex}.header-right{gap:15px}.menu-button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:24px}.header-logo{height:40px}.header-title{font-size:24px;font-weight:600;margin:0}@media (max-width:768px){:root{--header-height:56px}.header{height:64px;height:var(--header-height);padding:0 5px}.header-title{font-size:18px}}:root{--primary-color:#036;--secondary-color:#048;--bg-color:#f0f2f5;--sidebar-width-open:180px;--sidebar-width-collapsed:70px}.sidebar{background-color:#036;background-color:var(--primary-color);box-shadow:2px 0 5px #0000001a;color:#fff;height:calc(100vh - var(--header-height));left:0;overflow-y:auto;position:fixed;top:var(--header-height);transition:width .3s ease,transform .3s ease;width:180px;width:var(--sidebar-width-open)}.sidebar.sidebar--collapsed{width:70px;width:var(--sidebar-width-collapsed)}.sidebar.sidebar--hidden-mobile{transform:translateX(-100%)}.sidebar.sidebar--expanded-mobile{transform:translateX(0);width:180px;width:var(--sidebar-width-open)}.sidebar-header{align-items:center;border-bottom:1px solid #fff3;display:flex;gap:10px;padding:16px}.sidebar-header img{height:40px;object-fit:contain;width:40px}.sidebar nav{display:flex;flex-direction:column;margin:0;padding:0}.sidebar nav a{align-items:center;color:#fff;display:flex;font-size:1rem;margin:0;padding:12px 16px;text-decoration:none;transition:background-color .3s ease}.sidebar nav a svg{font-size:1.2rem;margin-right:8px}.sidebar nav a:not(:last-child){border-bottom:1px solid #ffffff0d}.sidebar nav a.active,.sidebar nav a:hover{background-color:#048;background-color:var(--secondary-color)}.sidebar nav a.active{border-left:4px solid #fff}.sidebar.sidebar--collapsed nav a span{display:none}.sidebar-footer{border-top:1px solid #fff3;font-size:.9rem;margin-top:auto;padding:16px;text-align:center}.login-container{align-items:center;background:linear-gradient(135deg,#036,#06c);display:flex;justify-content:center;min-height:100vh}.login-card{background-color:#e5ebf5;border-radius:8px;box-shadow:15px 10px 10px #0d243b;max-width:400px;padding:40px 30px;text-align:center;width:90%}.login-logo{display:block;height:auto;margin:0 auto 20px;width:120px}.login-title{color:#036;font-family:"Arial, sans-serif";font-size:1.5rem;margin-bottom:20px}.input-group{margin-bottom:15px;text-align:left}.input-label{color:#036;display:block;font-weight:700;margin-bottom:5px}.input-field{border:1px solid #ccc;border-radius:5px;font-size:1rem;padding:10px;width:100%}.error-text{margin:10px 0}.btn-login{background-color:#036;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px;transition:background-color .3s ease;width:100%}.btn-login:hover{background-color:#024}.loader-container{align-items:center;background:linear-gradient(135deg,#036,#06c);color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:8px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:70px;margin-bottom:20px;width:70px}.loader-text{font-size:1.2rem;font-weight:700}.page-container{background:linear-gradient(180deg,#f0f2f5,#fff);min-height:100vh;padding:20px}.page-title{font-size:1.8rem;font-weight:700;margin-bottom:20px;text-align:center}@media (max-width:768px){.page-title{font-size:1.4rem}}.page-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a;margin-bottom:20px;overflow:visible}.page-card-header{align-items:center;background-color:#036;color:#fff;display:flex;font-size:1.1rem;gap:10px;padding:12px 16px}.page-card-body{padding:20px}.filter-group{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:15px}.filter-item{display:flex;flex-direction:column}.filter-item label{color:#036;font-weight:700;margin-bottom:4px}.loading-container{margin-top:50px;text-align:center}.loader{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#036;height:40px;margin:0 auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-text{color:red;font-weight:700;margin-bottom:10px}.btn-primary{background-color:#036;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:10px 16px;transition:background-color .3s ease}.btn-primary:hover{background-color:#024}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;height:2px;left:0;position:fixed;top:0;width:100%;z-index:1031}#nprogress .peg{box-shadow:0 0 10px #29d,0 0 5px #29d;display:block;height:100%;opacity:1;position:absolute;right:0;transform:rotate(3deg) translateY(-4px);width:100px}#nprogress .spinner{display:block;position:fixed;right:15px;top:15px;z-index:1031}#nprogress .spinner-icon{animation:nprogress-spinner .4s linear infinite;border-color:#29d #0000 #0000 #29d;border-radius:50%;border-style:solid;border-width:2px;box-sizing:border-box;height:18px;width:18px}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.bc6d6a1d.css.map*/