: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}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}}.app-header{display:flex;justify-content:space-between;align-items:center;background-color:#2c80bc;color:#fff;padding:0 20px;height:100px;position:fixed;top:0;width:100%}.header-align{display:flex;justify-content:left;align-items:center;width:100%;right:10px}.header-right{display:flex;justify-content:right;align-items:center;width:100%;right:10px}.image-logo{height:80px;margin-right:20px}.header-right{display:flex;align-items:center;gap:20px}.nav-links{display:flex;gap:20px;align-items:center}.nav-link{position:#f1f1f1;background-color:transparent;color:#fff;text-decoration:none;font-size:16px;padding:5px 10px;border-radius:4px;transition:background-color .3s}.nav-link:hover{background-color:#052953;text-decoration-color:#fff;color:#fff}.nav-login{margin-left:auto;display:flex;gap:20px}.logout-button{background-color:#6393ca;border:none;color:#d3dcf5;cursor:pointer;font-size:16px;width:100%;border-radius:5px;display:flex;justify-content:center;width:100px}.logout-button:hover{background-color:#052953}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;background-color:#fff;border:1px solid #ccc;box-shadow:0 4px 6px #0000001a;width:200px;display:none}.dropdown.active .dropdown-menu{display:block}.dropdown-menu a{display:block;padding:12px 15px;color:#000;text-decoration:none;border-bottom:1px solid #ddd}.dropdown-menu a:hover{background-color:#f0f0f0}.dropdown-menu a:last-child{border-bottom:none}.success-message{color:green;text-align:center}.error-message{color:red;text-align:center}form div{margin-bottom:10px}form label{display:block;margin-bottom:5px}form input{width:100%;padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}.profile-dropdown-toggle{cursor:pointer;background-color:#2c80bc;color:#fff;font-size:30px;background-color:transparent;border:none;width:60px}.profile-dropdown-toggle:hover{border:none}.profile-dropdown{position:relative;z-index:1000}.profile-dropdown-menu{background-color:#036;border-radius:4px;position:absolute;top:50px;right:0;width:150px;padding:10px;box-shadow:0 5px 15px #0000001a}.profile-dropdown-menu a{color:#fff;text-decoration:none;display:block;padding:10px;font-size:14px}.profile-dropdown-menu a:hover{background-color:#3565a5}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:20px;border-radius:5px;width:400px;max-width:90%;box-shadow:0 4px 8px #0003}.table-container{display:block;flex-direction:column;min-height:100vh;margin:0 auto;padding:20px;background-color:#fff;box-shadow:0 4px 8px #0000001a;border-radius:8px;max-width:100%;flex-grow:1;top:40px;overflow-x:auto}table{width:100%;border-collapse:collapse;font-family:Arial,Helvetica,sans-serif;font-size:10px;overflow:hidden;border-radius:8px;overflow-x:auto;height:100%;table-layout:auto}.content{flex-grow:1;margin-top:90px;padding:20px;background-color:#f5f5f5;box-sizing:border-box;width:100%;overflow:auto}.objects,.companies{display:flex;flex-direction:column;flex-grow:1}th,td{padding:10px;text-align:left;border-bottom:1px solid #ddd}thead tr{background-color:#052953;border-bottom:2px solid #ddd;text-align:left}thead th{padding:12px 15px;font-size:14px;font-weight:700;color:#c3d6e7}tbody tr{border-bottom:1px solid #ddd;transition:background-color .3s ease}tbody tr:hover{background-color:#f9f9f9}td{padding:10px 15px;font-size:14px;color:#555;border:1px solid #ddd;white-space:normal}.red-row{background-color:#fcc}.yellow-row{background-color:#fff4cc}.table-container button{padding:10px 15px;background-color:#1991a7;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-bottom:15px}.table-container button:hover{background-color:#6e95be}@media (max-width: 768px){table{font-size:12px}thead th{font-size:13px}td{padding:8px 10px}}.equipment-table-container{padding:0;background-color:#f9f9f9;border:1px solid #ffffff;border-radius:8px}.equipment-table{width:40%;margin:0 auto;border-collapse:collapse;font-size:12px}.equipment-table th,.equipment-table td{padding:6px;border:1px solid #3d427450;text-align:left}.equipment-table th{background-color:#2c80bc;font-weight:400;color:#f0e5d4}.expand-button{background-color:#add8e6;color:#000;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:14px}.expand-button:hover{background-color:#87ceeb}.companies-container{padding:20px}.companies-table{width:100%;border-collapse:collapse;margin-top:20px}.companies-table th,.companies-table td{border:1px solid #ddd;padding:8px;text-align:left}.companies-table th{background-color:#f2f2f2;color:#333}.no-table-object{text-align:center;margin:20px 0;padding:15px;background-color:#f8f9fa;color:#6c757d;font-size:16px;font-style:italic;border:1px solid #dee2e6;border-radius:4px}.table-container .register-client-button{padding:10px 15px;background-color:#052953!important;color:#fff!important;border:none;border-radius:4px;font-size:12px;font-weight:700;cursor:pointer;transition:background-color .3s ease;width:200px}.table-container .register-client-button:hover{background-color:#2a32a1!important}.table-container .register-client-button:active{background-color:#25116b!important}.table-container .register-client-button:disabled{background-color:#ccc!important;color:#666!important;cursor:not-allowed!important}.table-container td:last-child{width:200px;text-align:center}.comment-input{background-color:#fff;color:#000;border:1px solid #ccc;border-radius:4px;padding:5px;font-size:14px;width:100%;box-sizing:border-box}.comment-input:focus{border-color:#007bff;outline:none}.table-container .add-company-button{background-color:#215188;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;width:250px}.table-container .add-company-button:hover{background-color:#102b4e}.table-container .delete-company-button{background-color:#d17a83;color:#fff;padding:5px 10px;border:none;border-radius:5px;cursor:pointer}.table-container .delete-company-button:hover{background-color:#b4636b}.form-row{display:flex;flex-wrap:wrap;gap:10px}.form-row input,.form-row select{flex:1;min-width:120px;padding:5px;font-size:14px}.equipment-row{display:flex;gap:10px}.equipment-row input,.equipment-row select{flex:1;min-width:100px;padding:5px;font-size:14px}.add-new-object-button{font-size:14px;color:#000}.action-buttons button{margin-top:10px;margin-right:10px;font-size:14px}.save-new-object-button,.cancel-new-object-button{font-size:14px;color:#000;padding:10px 20px}.action-buttons{display:flex;justify-content:space-between;margin-top:20px}.new-object-form input{font-size:14px;margin-bottom:10px;padding:8px;width:100%}.equipment-row input{font-size:12px;margin-bottom:5px;padding:5px;width:20%}.equipment-heading{font-size:14px;background-color:#000;color:#fff!important;margin-bottom:10px}.edit-button{background-color:#345c99!important;border:none;color:#fff;padding:8px 12px;cursor:pointer;border-radius:4px;width:200px!important}.edit-button:hover{background-color:#1b3a69!important}.save-button{background-color:#33649b!important;border:none;color:#fff;padding:8px 12px;cursor:pointer;border-radius:4px}.save-button:hover{background-color:#2f418f!important}.update-button{background-color:#74bb76!important;border:none;color:#fff;padding:8px 12px;cursor:pointer;border-radius:4px}.update-button:hover{background-color:#45a049!important}.delete-button{background-color:#bb8474!important;border:none;color:#fff;padding:8px 12px;cursor:pointer;border-radius:4px}.delete-button:hover{background-color:#8f4735!important}.highlighted-row{background-color:#ffff047e!important}.input-container{position:relative;display:flex;flex-direction:column;width:100%;max-width:250px}.input-container{display:flex;align-items:center;gap:5px}.input-container input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80}.form-container{display:flex;flex-direction:column;gap:15px;width:300px}.input-wrapper{flex:1 1 200px;display:flex;flex-direction:row;gap:5px;position:relative}.input-wrapper input{width:100%;padding:10px 30px 10px 10px;border:1px solid #ccc;border-radius:5px;font-size:14px;position:relative}.plus-button{width:30px;height:50%;position:absolute;right:5px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.plus-button:hover{color:#0056b3}.dropdown-no{position:absolute;top:80%;left:0;width:100%;background:#4d4848;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 8px #0000001a;z-index:10}.dropdown-no-item{padding:10px;cursor:pointer;text-align:center}.dropdown-item:hover{background-color:#f1f1f1}.registration-form{max-width:400px;margin:50px auto;padding:20px;border-radius:8px;background-color:#f9f9f9;font-family:Arial,sans-serif}.registration-form h2{text-align:center;margin-bottom:20px;color:#333}.registration-form .error{background-color:#f8d7da;color:#721c24;padding:10px;border:1px solid #f5c6cb;border-radius:4px;margin-bottom:15px;text-align:center}.registration-form form{display:flex;flex-direction:column}.registration-form form div{margin-bottom:15px}.registration-form label{display:block;margin-bottom:5px;font-weight:700;color:#555}.registration-form input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px;box-sizing:border-box}.registration-form input:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px #007bff80}.registration-form button{background-color:#007bff;color:#fff;padding:10px;border:none;border-radius:4px;cursor:pointer;font-size:16px}.registration-form button:hover{background-color:#0056b3}.registration-form button:active{background-color:#004085}@media (max-width: 480px){.registration-form{padding:15px}.registration-form input,.registration-form button{font-size:14px}}.registration-form .modal-overlay{position:fixed;top:0;left:0;width:100px;height:30px;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.registration-form .modal{background-color:#82ca86;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:center;max-width:400px;width:90%;color:#000}.registration-form .modal h3{margin-bottom:10px}.registration-form .modal p{margin-bottom:20px}.registration-form .modal button{background-color:#4caf50;color:#1d8544;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px}.registration-form .modal button:hover{background-color:#45a049}.company-details{margin:0 0 10px;font-family:Arial,sans-serif;width:100vw;top:20px;height:100vh;overflow:auto}.company-details>button{background-color:#507eaf;color:#fff;border:none;border-radius:5px;padding:10px;cursor:pointer;font-size:16px;margin-bottom:20px;width:100vw;justify-content:center}.company-details>button:hover{background-color:#0056b3}.company-details .save-button,.company-details .edit-button{margin-left:0;margin-top:5px;padding:5px 10px;border:none;background-color:#007bff;color:#fff;cursor:pointer;display:block;width:100px}.company-details .save-button:hover,.company-details .edit-button:hover{background-color:#0056b3}html,body{width:100%;height:100%;margin:0;padding:0}.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#2c80bc;padding:0 20px;box-sizing:border-box;width:100vw}form{padding:20px;border:1px solid #ccc;background-color:#fff;box-shadow:0 4px 8px #0000001a;width:100%;max-width:400px;margin-top:20px}form div{margin-bottom:15px}input{width:100%;padding:8px;margin-top:5px;font-size:14px;border:1px solid #ccc;border-radius:4px}button{width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;font-size:16px;cursor:pointer;border-radius:4px}button:hover{background-color:#0056b3}.error-message{color:red;margin-top:15px}.logo-container{text-align:center}.image-logo{width:150px;height:auto;object-fit:contain;margin-bottom:20px}.error-message{background-color:#c5b6b6!important;color:#884545!important;padding:10px;border:1px solid #ffffff;border-radius:4px;margin-bottom:15px;text-align:center}.registration-user-form{width:100%;max-width:400px;margin:0 auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a}.registration-user-form h2{text-align:center;font-size:24px;margin-bottom:20px;color:#333}.form-group{margin-bottom:15px}.form-group label{display:block;font-size:14px;margin-bottom:5px;color:#555}.form-group input{width:100%;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;background-color:#fff;box-sizing:border-box}.form-group input:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px #007bff80}button[type=submit]{width:100%;padding:12px;background-color:#007bff;color:#fff;font-size:16px;border:none;border-radius:4px;cursor:pointer}button[type=submit]:hover{background-color:#0056b3}.error-message,.success-message{padding:10px;margin-bottom:20px;border-radius:4px;text-align:center;font-size:14px}.error-message{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.success-message{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.confirm-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f4f7fc;width:100vw}.message-box{background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 10px #0000001a;text-align:center;max-width:400px;animation:fadeIn .5s ease-in-out}.success{border-left:5px solid #28a745}.error{border-left:5px solid #dc3545}.icon{font-size:40px;margin-bottom:10px}.success-icon{color:#28a745}.error-icon{color:#dc3545}h1{font-size:18px;color:#333;margin-bottom:10px}p{font-size:14px;color:#666}.loader{display:flex;flex-direction:column;align-items:center;font-size:16px;color:#333}.spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}html,body{height:100%;margin:0;padding:0;width:100%}.app-container{display:flex;flex-direction:column;height:100vh}.content{flex-grow:1;padding:20px;background-color:#f5f5f5;box-sizing:border-box;overflow-y:auto;width:100vw}.sidebar-and-page-content{display:flex;flex:1}html,body{height:100%;margin:0}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}.objects,.companies{display:flex;height:90vh;align-items:center}.error-message{color:red;text-align:center;font-weight:700;margin-top:20px}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:200px;background-color:#0000001a;display:flex;justify-content:center;align-items:center;z-index:1000;margin:0;padding:0}.modal-content{background-color:#fff0;width:400px;height:200px;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;margin:0;box-sizing:border-box;box-shadow:none}.modal-actions{display:flex;justify-content:space-between;margin-top:20px}.modal-actions button{margin:0 10px;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.modal-actions button:first-child{background-color:#06054b;color:#fff}.modal-actions button:last-child{background-color:#924048;color:#fff}.delete-button{background-color:#dc3545;color:#fff;padding:5px 10px;border:none;border-radius:5px;cursor:pointer}.delete-button:hover{background-color:#c82333}.search-page-container{background-color:#0abdf81f;border-color:#365d8a;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.search-page{display:flex;flex-direction:column;align-items:center;padding:20px}.search-page h2{margin-bottom:10px;color:#333}.search-form{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:80%;margin-bottom:20px}.search-form input[type=text]{padding:8px;border:1px solid #ccc;border-radius:4px}.search-form button{padding:8px 16px;background-color:#367c7c91;color:#fff;border:none;border-radius:4px;cursor:pointer;grid-column:span 1;justify-self:start}.search-page table{width:100%;border-collapse:collapse;margin-top:20px}.search-page th,.search-page td{padding:8px;border:1px solid #ddd;text-align:left}.search-page th{background-color:#f0f0f0;font-weight:700}.search-page tr.expanded td{background-color:#f9f9f9}