:root{--primary-bg: #ffffff;--secondary-bg: #ffffff;--text-primary: #1a202c;--text-secondary: #4a5568;--label-color: #a0aec0;--brand-blue: #3d9bcd;--brand-blue-hover: #2c7ea1;--link-color: #3d9bcd}body{margin:0;box-sizing:border-box;padding:0;background-color:var(--secondary-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-primary)}form{width:400px;display:flex;flex-direction:column;align-items:center}.input-wrapper{display:flex;flex-direction:column;width:100%}.input-wrapper label{font-weight:700}.input-wrapper input{padding:.6em 1.2em;margin:.5em 0;width:100%;border:1px solid #cbd5e0;border-radius:.5rem;font-size:1.1rem;box-sizing:border-box;background-color:#fff}.input-wrapper input:-webkit-autofill,.input-wrapper input:-webkit-autofill:hover,.input-wrapper input:-webkit-autofill:focus,.input-wrapper input:-webkit-autofill:active{box-shadow:inset 0 0 0 1000px #fff!important;-webkit-text-fill-color:var(--text-primary)!important;background-color:#fff}input::placeholder{opacity:.7}.input-wrapper span{color:red;font-size:14px}form button{background-color:var(--brand-blue);margin:1em 0;color:var(--primary-bg);width:200px;align-self:center;padding:.75rem 1rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .2s ease-in-out}form button:hover{background-color:var(--brand-blue-hover)}form button:disabled{opacity:.7;cursor:not-allowed}.status{border:1px solid black;border-radius:30px;margin-top:25px;font-size:15px;background-color:#000;color:#fff}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--brand-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.landing{display:flex;justify-content:center;align-items:center;margin-top:150px}.landing-content{display:flex;flex-direction:column;border:1px solid rgb(211,203,203);justify-content:center;align-items:center;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:15px;background-color:#fff}.landing-content p{font-size:14px;color:#707070;margin-bottom:30px}.landing-content button{border-radius:6px;width:380px;height:30px;font-size:16px;margin-bottom:10px;background-color:#000;color:#fff}.landing-content button:hover{background-color:#242323}.signup{display:flex;justify-content:center}.signup form{border:1px solid rgb(211,203,203);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:18px;background-color:#fff}.signup button{border-radius:6px;width:380px;height:35px;font-size:16px;margin-bottom:10px;background-color:#000;color:#fff;padding:5px}.signup button:hover{background-color:#242323}.signin{display:flex;justify-content:center}.signin form{border:1px solid rgb(211,203,203);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:18px;background-color:#fff}.signin button{border-radius:6px;width:380px;height:35px;font-size:16px;margin-bottom:10px;background-color:#000;color:#fff;padding:5px}.signin button:hover{background-color:#242323}.nav{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:88px;box-shadow:0 1px 1px -8px #0000001a,0 4px 6px -2px #0000000d;margin-bottom:20px}.nav img{display:block;width:40px;height:40px}.nav a{text-decoration:none;margin:1vw;color:var(--link-color-primary);padding:5px 10px;font-weight:bolder;transition:all .5s ease}.nav a:hover{color:var(--link-color-secondary)}.dropbtn{color:#fff;cursor:pointer;border:none;padding:0;margin:0}.dropdown{position:relative;display:inline-block}.dropdown-content{position:absolute;background-color:#0000;min-width:200px;z-index:1;margin-top:5px;border:1px solid black;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;background-color:var(--primary-bg);border:1px solid #e2e8f0;border-radius:12px}.dropdown-content a{color:#000;font-family:helvetica;padding:5px;text-decoration:none;display:block}.solid{border-left:none;margin:0 14px;border-top:1px solid rgb(202,202,202);border-bottom:none}.show{display:block}.nav .logo{width:85px;height:120px}.nav-right{display:flex;align-items:center;gap:20px}.nav-right select{border-radius:4px;font-size:14px}.overlay{position:fixed;inset:0;background:#00000003}.asset-card-link{text-decoration:none;color:inherit}.asset-card{background-color:var(--primary-bg);border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin:1rem;cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;width:400px}.asset-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.asset-header{margin-bottom:1rem}.asset-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.asset-brand-model{font-size:1rem;font-weight:500;color:var(--text-secondary);margin:0;margin-top:.25rem}.asset-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 2rem;font-size:.875rem;color:var(--text-secondary)}.asset-details-grid .label{font-weight:600;color:var(--label-color)}a{text-decoration:none}.dashboard{margin-top:25px}.dashboard-header{display:flex;align-items:center;margin-bottom:20px;position:relative;direction:ltr!important;height:60px}.dashboard-header h1{position:absolute;left:50%;transform:translate(-50%,-50%);margin:0;top:50%}.dashboard-header button{background-color:#000;color:#fff;border:none;padding:12px 20px;border-radius:6px;cursor:pointer;font-weight:600;margin-top:20px;margin-left:48px;font-size:1rem}.assets-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.add-asset{display:flex;justify-content:center;align-items:center}.add-asset form{border:1px solid rgb(211,203,203);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:50px;background-color:#fff;width:800px;max-width:90%}.add-asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:2em;margin-bottom:1em;align-items:start;width:100%;max-width:800px}.add-asset-grid .input-wrapper{min-height:80px;display:flex;flex-direction:column;justify-content:flex-start}.add-asset-grid .input-wrapper input,.add-asset-grid .input-wrapper select{height:45px;padding:.6em 1.2em;font-size:1.1rem;box-sizing:border-box;margin:.5em 0}.add-asset-grid .input-wrapper select{border-radius:.5rem;border:1px solid #cbd5e0}.submitbtn{width:100%;background-color:#000;font-size:1rem;font-weight:700}.submitbtn:hover{background-color:#242323}.add-attachment-input{display:flex;gap:10px}.add-attachment-input input{flex:1;padding:.6em 1.2em;margin:.5em 0;width:100%;border:1px solid #cbd5e0;border-radius:.5rem;font-size:1.1rem;box-sizing:border-box;background-color:#fff;height:45px}.add-attachment-input button{flex:1;padding:.6em 1.2em;margin:.5em 0;width:100%;border:1px solid #cbd5e0;border-radius:.5rem;font-size:1rem;box-sizing:border-box;background-color:#000;height:45px}.attachment-pills-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.logs-container{max-width:800px;margin:70px auto 0;padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:relative}.header-log{display:flex;align-items:center;margin-bottom:20px;height:60px;justify-content:space-between}.header-log h3{margin:15px 28px 0 0;flex:1}.header-log button{background-color:#000;color:#fff;border:none;padding:12px 20px;border-radius:6px;cursor:pointer;font-weight:600;margin-top:20px;margin-left:24px;font-size:1rem}.log{background-color:#fff;border-radius:12px;box-shadow:0 3px 4px -1px #0000001a,0 2px 4px -1px #0000000f;margin:5px auto 20px;display:flex;align-items:flex-start;width:750px;justify-content:space-between}.log-content{padding:16px 20px;flex:1}.actions-for-log{display:flex;align-items:center;gap:1px;padding:16px 0 0}.edit-log-btn{border:none;padding:0;margin-top:5px;background:none;cursor:pointer}.edit-log-btn img{width:34px;height:22px}.asset-details{max-width:800px;margin:0 auto;padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:relative}.asset-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding-bottom:20px}.asset-detail-header h1{margin:0 0 5px;font-size:2rem}.asset-detail-header p{margin:0;color:var(--text-secondary);font-size:1.1rem}.details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px 40px;align-items:flex-end;margin-bottom:30px}.details-grid .value{display:flex;align-items:flex-end;justify-content:flex-end}.notes{border-top:1px solid rgb(187,184,184)}.attachments{display:flex}.attachment{display:inline-flex;align-items:center;justify-content:center;background-color:#000;border:1px solid #c3c6c9;border-radius:20px;padding:4px 10px;font-size:.9rem;color:#fff;font-weight:500;margin:4px 8px 4px 0;width:10%}.attachments-cont{display:flex;flex-wrap:wrap;gap:3px}.action-container{display:flex;gap:15px;justify-content:flex-start;margin-top:30px;padding-top:20px}.edit-button,.delete-button{padding:12px 45px;border:none;border-radius:8px;font-size:1rem;color:#fff}.delete-button{background-color:#f31a1a}.delete-button:hover{background-color:#fa4a4a}.edit-button:hover{background-color:#242323}.edit-button{background-color:#000}.back-asset-details{position:absolute!important;top:110px!important;width:70px;height:30px;cursor:pointer!important;z-index:1000!important;transition:transform .2s ease!important}.back-asset-details:hover{transform:scale(1.1)}.back-asset-details.en{left:20px!important;right:auto!important;transform:none!important}.back-asset-details.ar{left:auto!important;right:20px!important;transform:scaleX(-1)!important}.back-edit-asset{position:absolute;top:6px!important;width:70px;height:30px;display:block;margin:0 auto;cursor:pointer;transition:transform .2s ease;z-index:10}.back-edit-asset:hover{transform:scale(1.1)}[dir=rtl] .back-edit-asset{left:94%;right:auto;transform:scaleX(-1)}[dir=ltr] .back-edit-asset{left:auto;right:85%;transform:none}.edit-asset{display:flex;justify-content:center;align-items:center;position:relative;min-height:100vh;padding:20px}.edit-asset form{border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:50px;background-color:#fff;width:800px;max-width:90%}.edit-asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:2em;margin-bottom:1em;align-items:start;width:100%;max-width:900px}.first-column,.sec-column{display:flex;flex-direction:column;gap:1em;align-self:flex-start}.edit-asset-grid .input-wrapper{min-height:80px;display:flex;flex-direction:column;justify-content:flex-start}.edit-asset-grid .input-wrapper input,.edit-asset-grid .input-wrapper select{height:45px;padding:.6em 1.2em;font-size:1.1rem;box-sizing:border-box;margin:.5em 0}.edit-asset-grid .input-wrapper select{border-radius:.5rem;border:1px solid #cbd5e0}.attachments{display:flex;flex-direction:column;width:100%}.submitbtn{width:100%;background-color:#000;font-size:15px}.add-attachment-input{display:grid;grid-template-columns:1fr 1fr;gap:2em;margin-bottom:1em;align-items:start;width:100%;max-width:900px}.add-attachment-input input{padding:.6em 1.2em;margin:.5em 0;border:1px solid #cbd5e0;border-radius:.5rem;font-size:1.1rem;box-sizing:border-box;background-color:#fff;height:45px;width:100%}.add-attachment-input button{padding:.6em 1.2em;margin:.5em 0;border:none;border-radius:.5rem;font-size:1rem;box-sizing:border-box;background-color:#000;color:#fff;height:45px;cursor:pointer;width:100%}.add-attachment-input button:hover{background-color:#242323}.attachments label{font-weight:700}.attachment-pills-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px;margin-bottom:13px}.attachment-pill{display:inline-flex;align-items:center;justify-content:center;background-color:#000;border:1px solid #c3c6c9;border-radius:20px;padding:4px 10px;font-size:.9rem;gap:8px}.attachment-pill span{color:#fff;font-weight:500}.remove{border:none;padding:0;margin-bottom:2px;background:none;color:#fff;cursor:pointer;font-weight:700;display:flex;align-items:center;justify-content:center}.remove:hover{color:red}.attachment-input-row{display:grid;grid-template-columns:1fr 1fr;gap:2em;margin-bottom:1em;align-items:start;width:100%;max-width:900px}.attachment-input-row input{padding:.6em 1.2em;margin:.5em 0;border:1px solid #cbd5e0;border-radius:.5rem;font-size:1.1rem;box-sizing:border-box;background-color:#fff;height:45px;width:100%}.attachment-input-row button{padding:.6em 1.2em;margin:.5em 0;border:none;border-radius:.5rem;font-size:1rem;box-sizing:border-box;background-color:#dc3545;color:#fff;height:45px;cursor:pointer;width:100%}.attachment-input-row button:hover{background-color:#f3011a}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:2em;margin-bottom:1em;margin-top:1em;width:100%;max-width:900px}.action-buttons button,.action-buttons a{justify-self:center}.action-buttons button{padding:.6em 1.2em;margin:.5em 0;border:none;border-radius:.5rem;font-size:1rem;box-sizing:border-box;background-color:#000;color:#fff;height:45px;cursor:pointer;width:20%}.action-buttons button:hover{background-color:#242323}.action-buttons .cancel{width:100%;background-color:#dc3545}.cancel button:hover{background-color:#f3011a}.addlog{display:flex;justify-content:center;align-items:center}.addlog form{border:1px solid rgb(211,203,203);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:50px;background-color:#fff;width:500px;max-width:90%;margin-bottom:20px}.addlog button{width:100%;background-color:#000;font-size:1rem;font-weight:700}.addlog button:hover{background-color:#242323}.back-add-log-pg{position:absolute;top:110px!important;width:70px;height:30px;display:block;margin:0 auto;cursor:pointer;transition:transform .2s ease;z-index:10}.back-add-log-pg:hover{transform:scale(1.1)}[dir=rtl] .back-add-log-pg{left:94%;right:auto;transform:scaleX(-1)}[dir=ltr] .back-add-log-pg{left:auto;right:85%;transform:none}.edit-log{display:flex;align-items:center;justify-content:center;margin-bottom:40px}.edit-log form{border:1px solid rgb(211,203,203);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:50px;background-color:#fff;width:500px;max-width:90%}.edit-log .input-wrapper{gap:.5em}.action{display:flex;gap:2rem;width:50%;align-items:center;justify-content:center}.action button{padding:.6em 1.2em;border:none;border-radius:.5rem;font-size:1rem;box-sizing:border-box;background-color:#000;color:#fff;height:45px;cursor:pointer}.edit-log button{width:26%;background-color:#000}.edit-log button:hover{background-color:#242323}.action .cancel{width:100%;background-color:#dc3545}.action .cancel:hover{background-color:#f3011a}.back-edit-log-pg{position:absolute;top:110px!important;width:70px;height:30px;display:block;margin:0 auto;cursor:pointer;transition:transform .2s ease;z-index:10}.back-edit-log-pg:hover{transform:scale(1.1)}[dir=rtl] .back-edit-log-pg{left:94%;right:auto;transform:scaleX(-1)}[dir=ltr] .back-edit-log-pg{left:auto;right:85%;transform:none}.prof-container{display:flex;background-color:#00f;justify-content:center}.prof-container div{display:flex}