.login-form{display:flex;flex-direction:column;align-items:center;justify-content:center;width:400px;margin:0 auto;font-family:Arial,sans-serif;background-color:#fff;padding:40px;border-radius:20px}.login-form h1{color:#020617;font-size:20px}.login-form label{display:flex;flex-direction:column;text-align:left;width:100%;margin:10px 0;color:#020617;font-size:14px;font-weight:800}.login-form .rember-me{flex-direction:row;align-items:left}.login-form input[type=text],.login-form input[type=password],.login-form input[type=submit]{padding:10px;border:none;border-radius:5px;width:95%}.login-form input[type=submit]{display:block}.login-form input{margin-top:3px}.login-form input[type=text],.login-form input[type=password]{padding:10px;border:none;border-radius:5px}.login-form input[type=checkbox]{margin-right:10px}.login-form input[type=submit]{display:block;width:100%;padding:10px;background-color:#fff;color:#3071a9;border:none;cursor:pointer;margin-top:10px;border-radius:5px}.login-form input[type=submit]:hover{background-color:#f8f8f8}.login-form p{color:red}.login-form button{margin-top:10px;width:100%;background-color:#3648f5;color:#fff}.login-form select{padding:10px;border:none;border-radius:5px;width:100%;margin-top:10px}.login-form img{width:45%;margin-bottom:20px}.layout-container{min-width:100vh;min-height:90vh}.header{display:flex;justify-content:space-between;align-items:center;background-color:#3648f5;width:100%;position:fixed;top:0;left:0;z-index:100;padding-left:10px}.nav{display:flex;width:100%}.nav ul{display:flex;gap:25px;list-style-type:none;margin-top:25px}.nav a{text-decoration:none;font-weight:800;color:#fff;margin-left:5px}.nav a:hover{color:#fff}.logo{height:30px}.logout-button{background-color:#3648f5;color:#fff;border:none;text-align:center;text-decoration:none;cursor:pointer;font-weight:600;margin-right:30px}.icon{color:#fff;font-size:1rem;margin-right:5px}.main{margin-top:55px;padding:15px}.header-container{display:flex;justify-content:space-between;align-items:center}.header-container h1{font-size:20px;font-weight:700}.header-container button{padding:10px;border:none;border-radius:5px;background-color:#3648f5;color:#fff;font-size:14px;font-weight:700}.table-header-container{display:flex;align-items:center;margin-top:10px}.table-header-container input{padding:10px;border-radius:5px;border:1px solid #ccc;margin-right:10px}.table-header-container button{margin-right:10px;padding:10px;border:none;border-radius:5px;background-color:#3648f5;color:#fff;font-size:14px;font-weight:700}.table-header-container .button-end{margin-left:auto}.table-container{width:100%;font-size:14px;background-color:#fff;text-align:left;border:1px solid #b0b5bc;border-radius:5px;margin-top:5px}body.dark-mode .table-container{background-color:#333;color:#fff;border:1px solid #444}.table-row:hover{background-color:#f2f2f2}body.dark-mode .table-row:hover{background-color:#555}.table-header-cell{padding:12px;color:#64748b;font-size:14px;font-weight:700;border:none;white-space:normal;overflow-wrap:break-word;vertical-align:top}body.dark-mode .table-header-cell{color:#bbb}.table-cell{padding:5px 5px 5px 8px;font-size:14px;font-weight:700;border:none}body.dark-mode .table-cell{color:#ddd}.table-container button{padding:5px}@media (prefers-color-scheme: dark){.header-container,.header-container h1,.table-header-container{color:#fff}.table-header-container input,.table-container{background-color:#333;color:#fff}}.modal-content{min-width:25%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:4px;box-shadow:0 0 10px #0000001a;overflow-y:auto;max-height:80vh}.modal-content h2{margin-top:0}.modal-content form{display:flex;flex-direction:column}.modal-content form label{display:flex;flex-direction:column;margin-bottom:3px;font-size:14px;font-weight:700}.modal-content form label .label-value-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}.modal-content form label .label-value-container .value{color:#6c757d}.modal-content form .form-error{font-size:12px;font-weight:600;color:red}.modal-content form input[type=text],.modal-content form input[type=number],.modal-content form input[type=date],.modal-content form select{margin:3px 0;padding:10px;border-radius:4px;border:1px solid #ccc;width:auto}.modal-content form input[type=checkbox]{margin:3px 0;align-self:flex-start}.modal-content form input[type=submit]{margin-top:10px;padding:10px;border-radius:4px;border:none;background:#3648f5;color:#fff;cursor:pointer;width:auto;font-size:16px}.modal-content form input[type=submit]:hover{background:#5060f6}.modal-content form .loader-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-content form .info{color:#6c757d}.breadcrumb{padding:0;text-align:left;font-size:15px}.breadcrumb-item{display:inline-block}.breadcrumb-item+.breadcrumb-item:before{content:">";padding:0 5px;color:#6c757d}.breadcrumb-item a{color:#007bff;text-decoration:none}.breadcrumb-item a:hover{color:#0056b3;text-decoration:underline}.breadcrumb-item.active{color:#6c757d}.loader-container{display:flex;justify-content:center;align-items:center;height:60vh}.loader{border:16px solid #f3f3f3;border-radius:50%;border-top:16px solid #3648f5;width:60px;height:60px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.post{color:#3648f5}.error{color:red}.small-icon{font-size:12px}.map-url{overflow-y:auto;word-break:break-all}#root{max-width:1600px;max-height:100vh;margin:auto;text-align:center}:root{font-family:Inter,system-ui,Avenir,Helvetica,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{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;font-family:Inter,sans-serif;background-color:#f1f5f9}h1{font-size:3.2em;line-height:1.1}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}}