@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap);body,html{height:100%;margin:0;padding:0}.login-page{align-items:center;background:linear-gradient(135deg,#2c3e50,#4ca1af);color:#fff;display:flex;flex-direction:column;font-family:Helvetica,sans-serif;justify-content:center;min-height:100vh;min-height:calc(var(--vh, 1vh)*100);padding:20px env(safe-area-inset-right,20px) 20px env(safe-area-inset-left,20px)}.login-title{font-size:3rem;margin-bottom:30px;text-shadow:2px 2px 4px #0000004d}.login-container{background:#ffffff26;border-radius:10px;box-shadow:0 4px 15px #0000004d;display:flex;flex-direction:row;overflow:hidden}.logo-container{align-items:center;background:#fff3;display:flex;justify-content:center;padding:20px}.logo{height:auto;max-width:100px}.form-container{background:#0000004d;padding:30px}.input-group{display:flex;flex-direction:column;margin-bottom:20px}.input-group input{outline:none}.input-group input,.login-button{border:none;border-radius:4px;padding:10px}.login-button{background-color:#007bff;color:#fff;cursor:pointer;font-size:1rem;transition:background-color .3s ease;width:100%}.login-button:hover{background-color:#0056b3}.message{color:#ff8080;font-size:1rem;margin-top:15px}@media only screen and (max-width:600px){.login-container{flex-direction:column;width:100%}.form-container,.logo-container{text-align:center;width:100%}.form-container{padding:20px}}.admin-page{background:linear-gradient(135deg,#4ca1af,#152330);color:#fff;display:flex;min-height:100vh}.sidebar ul li{text-align:center}.dashboard-content h2{margin-top:0}.log-section{background:#ffffff1a;border-radius:8px;box-shadow:0 4px 10px #0003;color:#fff;margin-bottom:20px;padding:20px}.log-container{background:#0000004d;border-radius:5px;margin-top:15px;max-height:400px;overflow-y:auto;padding:10px}.log-entry{align-items:center;border-bottom:1px dashed #fff3;display:flex;margin-bottom:8px;padding:8px}.log-entry:last-child{border-bottom:none}.log-col{padding:0 10px}.log-date{white-space:nowrap;width:200px}.log-user{white-space:nowrap;width:150px}.log-message{color:#fff!important;flex:1 1}.user-table{border-collapse:collapse;margin-top:20px;width:100%}.user-table td,.user-table th{border:1px solid #fff3;padding:10px;text-align:left}.user-table th{background-color:#ffffff26}.user-table input,.user-table select{border:none;border-radius:3px;padding:5px;width:100%}.input-group{margin-bottom:15px}.input-group label{display:block;font-weight:700;margin-bottom:5px}.input-group input,.input-group select{border:1px solid #ddd;border-radius:4px;font-size:1rem;height:40px;padding:10px;width:100%}.user-management-container{display:flex;gap:20px;margin-top:20px}.add-user-column{flex:0.5 1}.add-user-column,.existing-users-column{background:#ffffff1a;border-radius:5px;padding:20px}.existing-users-column{flex:2.5 1;overflow-x:auto}.logout-container{display:flex;justify-content:flex-end;margin-bottom:10px}.header-icon{height:40px;width:40px}button{background-color:#007bff;border-radius:3px;margin:0 5px;padding:5px 10px;transition:background-color .3s ease}button:hover{background-color:#0056b3}.user-table button{background-color:#007bff;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.9rem;margin:0 2px;padding:5px 8px;transition:background-color .3s ease}.user-table button:hover{background-color:#0056b3}.user-table button:nth-of-type(3){background-color:#dc3545}.user-table button:nth-of-type(3):hover{background-color:#c82333}.status-online{color:#28a745;font-weight:700}.status-offline{color:#dc3545;font-weight:700}@media only screen and (max-width:600px){.admin-page{flex-direction:column}.sidebar{box-shadow:none;padding:10px;text-align:center;width:100%}.content{margin:10px;padding:10px}.existing-users-column,.log-container,.user-table{display:block;overflow-x:auto;width:100%}.input-group input,.input-group select,.search-input{box-sizing:border-box;width:100%}.user-management-container{flex-direction:column;gap:10px}.logout-container{justify-content:center}.modal-content{height:auto;max-height:90%;padding:15px;width:90%}}.action-buttons-container{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);justify-content:center}.action-button{font-weight:500;padding:10px 0;text-align:center;transition:background-color .3s ease,transform .1s ease;width:150px}.action-button:hover{transform:scale(1.05)}.action-button.secondary{background-color:#dc3545}.action-button.secondary:hover{background-color:#c82333}*,:after,:before{box-sizing:border-box}body{font-family:Helvetica,sans-serif;margin:0;padding:0}.user-landing-page{background:linear-gradient(135deg,#4ca1af,#152330);color:#fff;display:flex;min-height:100vh}.sidebar{background:#0000004d;box-shadow:2px 0 5px #0000004d;padding:20px;text-align:center;width:250px}.sidebar h1{font-size:1.8rem;margin-bottom:30px}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar ul li{background:#ffffff26;border-radius:5px;cursor:pointer;margin:10px 0;padding:12px 15px;transition:background .3s ease}.sidebar ul li.active,.sidebar ul li:hover{background:#ffffff4d}.logout-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:10px;transition:background-color .3s ease;width:100%}.logout-button:hover{background-color:#c82333}.action-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:10px;transition:background-color .3s ease;width:100%}.action-button:hover{background-color:#0056b3;transform:scale(1)}.content{background:#00000026;border-radius:10px;box-shadow:0 4px 15px #0000004d;flex:1 1;margin:20px;padding:30px}.content-section{background:#ffffff1a;border-radius:8px;padding:20px}.icon-container{display:flex;gap:10px;justify-content:center;margin-bottom:15px}.header-icon{height:80px;object-fit:contain;width:80px}.header-icon2{height:60px;object-fit:contain;width:60px}h3{display:flex;justify-content:center}.asset-table{border-collapse:collapse;width:100%}.asset-table td,.asset-table th{border:1px solid #26756f;border-radius:10px;padding:8px;text-align:center}.asset-table th{background-color:initial;font-weight:700}.asset-table td{text-align:left}.asset-table tbody tr{height:150px;overflow:hidden}.asset-table tbody td{padding:8px;vertical-align:top}.cell-content{-ms-overflow-style:none;display:block;height:134px;min-width:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;width:100%}.cell-content::-webkit-scrollbar{display:none}.spinner-container{align-items:center;display:flex;flex-direction:column;padding:40px}.spinner{animation:spin 1s linear infinite;border:8px solid #f3f3f3;border-top-color:#3498db;height:60px;margin-bottom:10px;width:60px}button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 12px}button:hover{background-color:#2980b9}.qr-reader-wrapper{height:30vh;margin:0 auto;min-height:300px;min-width:300px;width:30vw}.qr-reader-wrapper canvas,.qr-reader-wrapper video{border-radius:20px;height:100%!important;object-fit:cover;width:100%!important}.scanner-overlay{align-items:center;-webkit-backdrop-filter:blur(2px) brightness(1);backdrop-filter:blur(2px) brightness(1);background:#ffffff8c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.scanner-container{background:#0000;border-radius:10px;display:flex;flex-direction:column;padding:0;text-align:center}.modal-content,.modal-content button,.modal-content input,.modal-content label,.modal-content textarea{font-family:Roboto,sans-serif}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px) brightness(1);backdrop-filter:blur(2px) brightness(1);background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1500}.modal-content{height:800px;max-height:95%;max-width:95%;overflow:auto;width:800px}.modal-content,.modal-content-qr-code{background:#0000;border-radius:2px;box-shadow:0 4px 15px #0000004d;color:#64978b;padding:10px;resize:both;text-align:center}.modal-content-qr-code{height:600px;max-height:80%;max-width:80%;overflow:hidden;width:500px}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:700;margin-bottom:5px}.form-group input,.form-group textarea{border:1px solid #ccc;border-radius:4px;padding:8px;width:100%}.form-actions{gap:10px}.form-actions,.search-container{display:flex;justify-content:flex-end}.search-container{margin-bottom:15px}.search-input{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:8px;width:250px}@media only screen and (max-width:600px){.user-landing-page{flex-direction:column}.sidebar{box-shadow:none;padding:10px;text-align:center;width:100%}.content{margin:10px;padding:10px}.asset-table{display:block;overflow-x:auto;width:100%}.search-input{box-sizing:border-box;width:100%}.modal-content{height:auto;max-height:90%;padding:15px;width:90%}}.modal-content-large{max-height:90vh;max-width:800px;overflow-y:auto}.file-dropzone{border:2px dashed #ccc;border-radius:4px;cursor:pointer;margin-bottom:15px;padding:20px;text-align:center;transition:all .3s}.file-dropzone.dragging{background-color:#f0f8ff;border-color:#007bff}.file-preview-container{margin-top:15px}.file-preview-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:10px}.file-preview-item{border:1px solid #eee;border-radius:4px;overflow:hidden;padding:10px;text-align:center}.file-thumbnail{height:80px;margin-bottom:5px;object-fit:cover;width:80px}.file-icon{font-size:36px;margin-bottom:5px}.file-name{font-size:12px;margin-bottom:3px;word-break:break-word}.file-size{color:#666;font-size:11px}.upload-progress{margin:15px 0}.progress-bar{background-color:#eee;border-radius:5px;height:10px;overflow:hidden}.progress-fill{background-color:#4caf50;height:100%;transition:width .3s ease}.progress-text{font-size:14px;margin-top:5px;text-align:center}.existing-files{margin:15px 0}.file-item{align-items:center;border:1px solid #eee;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:5px;padding:8px}.file-item.marked-delete{background-color:#ffebee;opacity:.7;text-decoration:line-through}.file-actions{display:flex;gap:5px}.selected-files{font-style:italic;margin-top:10px}.logs-list{background-color:#f9f9f9;border:1px solid #ccc;border-radius:4px;max-height:300px;padding:10px}.logs-list ul{list-style-type:none;margin:0;padding:0}.log-item{background-color:#fff;box-shadow:0 0 4px #0000001a;padding:12px}.log-message{border:1px solid #ccc;color:#333!important;font-size:14px;resize:vertical}.log-timestamp{font-size:12px}.log-file a{color:#007bff;font-size:14px;text-decoration:none}.log-file a:hover{text-decoration:underline}.log-actions{text-align:right}.log-actions button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-left:5px;padding:6px 10px;transition:background-color .3s ease}.log-actions button:hover{background-color:#2980b9}.no-logs{color:#999;padding:10px}.add-log-section{background-color:#f1f1f1;border-radius:4px;margin-top:20px;padding:15px}.add-log-section h3{font-size:1.2rem;margin-bottom:10px;margin-top:0}.new-log-message{border:1px solid #ccc;color:#333;font-size:14px;padding:10px;resize:vertical}.new-log-file{margin-top:10px}.add-log-actions{text-align:right}.add-log-actions button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-left:10px;padding:8px 12px;transition:background-color .3s ease}.add-log-actions button:hover{background-color:#45a049}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem}.spinner{animation:spin 1s ease infinite;border:4px solid #0000001a;border-left-color:#09f;border-radius:50%;height:36px;width:36px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.logs-list{margin-bottom:20px;max-height:400px;overflow-y:auto}.log-item{background-color:#f9f9f9;margin-bottom:10px;padding:10px}.log-item,.log-message{border:1px solid #ddd;border-radius:4px}.log-message{margin-bottom:5px;min-height:60px;padding:8px;width:100%}.log-timestamp{color:#666;margin:5px 0}.log-file{margin:5px 0}.log-actions{display:flex;gap:10px;margin-top:10px}.add-log-section{border-top:1px solid #ddd;padding-top:15px}.new-log-message{border:1px solid #ddd;border-radius:4px;margin-bottom:10px;min-height:80px;padding:8px;width:100%}.file-upload-section{margin-bottom:15px}.file-upload-label{display:block;margin-bottom:5px}.selected-log-file{color:#666;font-size:.9em;margin-top:5px}.add-log-actions{display:flex;gap:10px}.no-logs{color:#666;padding:20px;text-align:center}.language-toggle{align-items:center;background:#0000004d;border-radius:5px;box-shadow:0 2px 5px #0000004d;display:flex;font-family:Helvetica,sans-serif;padding:6px 8px;position:fixed;right:20px;top:20px;z-index:2000}.language-toggle button{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;margin:0 2px;padding:5px 10px;transition:background-color .3s ease,color .3s ease}.language-toggle button.active{background-color:#ffffff40;box-shadow:0 1px 3px #0003;color:#fff}.language-toggle button:hover:not(.active){background-color:#ffffff26}.language-toggle span{color:#ffffffb3;margin:0 2px}@media only screen and (max-width:600px){.language-toggle{font-size:.9rem;padding:4px 6px;right:10px;top:10px}.language-toggle button{padding:4px 8px}}