body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{align-items:flex-start;background-color:#f4f4f4;display:flex;font-family:Arial,sans-serif;height:100%;justify-content:center;margin:0}.app-container{align-items:stretch;justify-content:flex-start;width:100vw}.sidebar{background-color:#2c3e50;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding-top:20px;position:fixed}.sidebar .logo h2{font-size:24px;margin-bottom:30px;text-align:center}.sidebar .menu{list-style-type:none;padding-left:0}.sidebar .menu li{padding:15px;text-align:center}.sidebar .menu li a{color:#fff;display:block;font-size:18px;text-decoration:none}.sidebar .menu li:hover{background-color:#444}.content{background-color:#fff;height:100%;margin-left:250px;transition:margin-left .3s ease;width:calc(100% - 250px)}.content .width-200{--width:auto,min-width:200px}.login-container{border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:100px auto;max-width:400px;padding:20px;width:100%}h2{margin-bottom:20px;text-align:center}.form-group{margin-bottom:15px}label{display:block;font-weight:700;margin-bottom:5px}input{border:1px solid #ccc;border-radius:4px;padding:10px}button,input{font-size:16px;width:100%}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:12px}button:disabled{background-color:#ccc}.error{color:red;font-size:14px;margin-top:10px}.logout-button{background-color:#e74c3c;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px}.logout-button:hover{background-color:#c0392b}.dashboard-container{align-items:center;display:flex;justify-content:space-between}.logout-button-container{margin-left:auto}@media screen and (max-width:1500px){.app-container{flex-direction:row}.sidebar{width:200px}.content{margin-left:200px;width:calc(100% - 200px)}}@media screen and (max-width:1024px){.sidebar{width:250px}.content{margin-left:250px;width:calc(100% - 250px)}}@media screen and (max-width:768px){.app-container{flex-direction:column}.sidebar{position:relative}.content,.sidebar{height:auto;width:100%}.content{margin-left:0;padding:10px}}@media screen and (max-width:600px){.sidebar{position:relative;width:100%}.content{margin-left:0;width:100%}.sidebar .menu li{margin-bottom:10px}}.app-container{display:flex;height:100vh}.sidebar{background-color:#333;color:#fff;padding:20px;transition:transform .3s ease;width:250px}.sidebar ul.menu{list-style:none;padding:0}.sidebar ul.menu li{margin:10px 0}.sidebar ul.menu li a,.sidebar ul.menu li button{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;text-decoration:none}.logout-button{background-color:#f44336;border:none;border-radius:4px;color:#fff;padding:8px 12px}.content{flex-grow:1;overflow-y:auto;padding:20px}.container .float-left{float:left}.container .float-right{float:right}.container .width200{width:200px}.mobile-header{align-items:center;background-color:#333;color:#fff;display:none;padding:10px 20px}.mobile-header .hamburger{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;margin-right:10px}@media (max-width:768px){.sidebar{height:100%;left:0;position:fixed;top:0;transform:translateX(-100%);z-index:1000}.sidebar.open{transform:translateX(0)}.mobile-header{display:flex}.content{flex-grow:1;padding:20px}}
/*# sourceMappingURL=main.31026271.css.map*/