*{box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;background-color:#eee}::-webkit-scrollbar-thumb{background-color:#aaa}body{margin:0;min-width:320px;min-height:100vh}#root{display:flex;width:100vw;height:100vh;margin:0 auto}#layout{flex-grow:1;display:grid;grid-template-columns:auto 1fr}main{display:flex;max-height:100vh}form{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.input-container{display:flex;flex-direction:column;width:320px;gap:2px}.input-container label{font-size:14px;font-weight:500;color:#333}.input-container input,.input-container select{height:35px;padding:8px 12px;border:1px solid #000;border-radius:3px}.input-container input:focus,.input-container select:focus{outline:2px solid #ffda53;outline-offset:1px}.input-container input:user-invalid,.input-container select:user-invalid{border:1px solid #f00}#search{padding:6px 12px;border:1px solid #000;border-radius:3px}.btn{display:flex;align-items:center;justify-content:center;min-width:150px;height:35px;padding:8px 12px;gap:3px;background-color:#ffda53;border:1px solid #ffda53;border-radius:3px;font-weight:600;cursor:pointer;transition-duration:.25s;transition-property:background-color}.btn:hover{background-color:#fff}.invisible-btn{background-color:transparent;border:none;cursor:pointer}.container-wrapper{display:flex;flex-direction:column;min-width:400px;padding:36px;gap:18px;overflow-y:auto}.w-100{width:100%}.margin-top-10{margin-top:10px}.flex-center{display:flex;align-items:center;justify-content:center}.bg-grad-d{background-image:linear-gradient(to bottom right,#ffc71f,#ffda53,#ffc71f)}.bg-login{background-image:url(/background.png);background-size:cover}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader{width:16px;height:16px;animation-name:spin;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}table{width:100%;border-collapse:collapse}thead tr{background-color:#ffda53;font-weight:700;text-align:left}tbody tr:nth-of-type(2n){background-color:#f7f7f7}tbody tr:last-of-type{border-bottom:none}th,td{padding:4px 8px}td{font-size:.75rem}td a{color:#000}.chat-notification{position:absolute;top:-3px;right:0;display:flex;align-items:center;justify-content:center;width:18px;height:18px;background-color:red;border-radius:50%;font-weight:700;color:#fff}.panic-background{background:linear-gradient(to left,#f009,#f000)}.switch{position:relative;display:inline-block;width:40px;height:21px}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:34px}.switch-slider:before{position:absolute;content:"";height:17px;width:17px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:.2s}input:checked+.switch-slider{background-color:#ffda53}input:checked+.switch-slider:before{transform:translate(19px)}.popup{position:fixed;display:flex;align-items:center;justify-content:center;z-index:1000;top:0;left:0;width:100%;height:100%;background-color:#c8c8c880;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.popup-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;width:30%;box-shadow:0 0 5px 1px #999;border-radius:10px;background-color:#fff;padding:25px;gap:16px}#sidebar{position:sticky;top:0;align-self:start;display:flex;flex-direction:column;width:240px;min-height:100vh;min-height:100dvh;background-color:#ffda53;box-shadow:0 0 8px #999}#sidebar>div:first-child{display:flex;flex-direction:column;align-items:center;margin:16px 0;font-weight:600}#sidebar>div:first-child a{margin-bottom:16px}#sidebar>div:first-child img{max-width:180px}#sidebar>div:first-child>span:last-child{font-size:1.125rem}#sidebar>div:last-child{overflow:hidden;flex:1;flex-basis:.000000001px;overflow-y:auto;scrollbar-color:transparent transparent;scrollbar-width:thin;padding:12px 10px 12px 12px}#sidebar>div:last-child:hover{scrollbar-color:#5559 transparent}#sidebar ul{list-style:none;margin:0;padding:0}#sidebar .sidebar-items a{display:flex;align-items:center;min-height:40px;padding:0 12px;border-radius:10px;text-decoration:none;font-weight:600;color:#000;cursor:pointer}#sidebar .sidebar-items a:hover{background-color:#fff3}#sidebar .sidebar-items a span{flex-grow:1}#sidebar .submenu{display:grid;grid-template-rows:0fr;transition:.2s ease-in-out}#sidebar .submenu>div{overflow:hidden}#sidebar .submenu.show{grid-template-rows:1fr}#sidebar .submenu a{padding-left:32px}#map,.leaflet-container{width:100%;height:100%}.leaflet-routing-container{display:none}._container_172t4_1{width:100%}._bar_172t4_5{width:100%;height:10px;border-radius:10px;background-color:#e9e9e9}._barfill_172t4_12{position:relative;height:100%;border-radius:10px;background-color:#ffe34c;background-size:100%;background-image:linear-gradient(to bottom,#ffdf32,gold);transition-property:width;transition-duration:.3s;transition-timing-function:ease-out}._barfill_172t4_12:after{position:absolute;top:0;left:0;right:0;bottom:0;content:"";background-size:100%;background-image:linear-gradient(45deg,#fff 25%,#0000 25%,#0000 50%,#fff 50%,#fff 75%,#0000 75%,#0000);background-size:30px 30px;opacity:.5;animation-name:_animantion-bar_172t4_1;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes _animantion-bar_172t4_1{0%{background-position:0}to{background-position:30px}}.pagination{display:flex;align-items:center;justify-content:space-between;width:100%}.pagination div{display:flex;align-items:center;gap:10px}.pagination #item-quantity{padding:5px}.pagination .page-btn{border:none;background-color:transparent}.pagination .page-btn span{position:relative;bottom:2px;font-size:30px;color:#ffda53}.pagination .page-number{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;background-color:transparent;font-family:Open Sans;font-size:18px;cursor:pointer}.pagination .page-number.active{border-radius:50%;background-color:#ffda53}.chat-input-container{display:flex;align-items:center;background:#f0f0f0;border-radius:25px;padding:2px 12px;width:100%}.chat-textarea{flex:1;resize:none;border:none;outline:none;background:transparent;padding:10px;font-size:16px;min-height:40px;max-height:100px;overflow-y:auto}.message-container{display:flex;flex-direction:row;margin:1px 0;padding:0 10px}.right-align{justify-content:flex-end}.left-align{justify-content:flex-start}.msg-bubble{max-width:75%;padding:5px 10px;border-radius:10px;box-shadow:0 1px 2px #0003}.my-message{background-color:#00aeef;border-top-right-radius:0}.other-message{background-color:tomato;border-top-left-radius:0}.username{font-size:12px;font-weight:700;color:#fff}.message-text{font-size:16px;color:#fff;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;overflow:hidden}.timestamp{font-size:10px;color:#fff;text-align:right;margin-top:5px}.chat-input-container{display:flex;flex-direction:row;align-items:center;background-color:#f0f0f0;border-radius:25px;padding:8px 15px}.chat-input{flex:1;min-height:40px;max-height:100px;padding:0 10px;font-size:16px;border:none;outline:none;background:transparent}.send-button{margin-left:10px}.invalid-room{text-align:center}.invalid-room span{font-size:1.5rem;font-weight:700}