.app-container{background-color:#141414;box-sizing:border-box;color:#fff;flex-direction:column;min-height:100vh;padding-bottom:100px}.app-container,.app-header{display:flex;font-family:Times New Roman,Times,serif}.app-header{align-items:center;background-color:#250678;justify-content:space-between;padding:1rem 2rem;position:sticky;top:0;z-index:100}.logo-container{align-items:center;display:flex;gap:1rem}.company-logo{height:40px}.company-name{color:#bbb;font-family:Times New Roman,Times,serif;font-size:1.2rem}.header-actions{display:flex;gap:1rem}.btn-downloads,.btn-logout,.btn-retry{border:none;border-radius:4px;cursor:pointer;font-family:Times New Roman,Times,serif;font-weight:700;padding:.5rem 1rem;transition:all .2s ease}.btn-downloads{background-color:#12c4f0;color:#fff}.btn-downloads:hover{background-color:#430fed;transform:translateY(-2px)}.btn-logout{background-color:#e50914}.btn-logout:hover{background-color:#b00610;transform:translateY(-2px)}.btn-retry{background-color:#12c4f0;color:#fff}.btn-retry:hover{background-color:#430fed;transform:translateY(-2px)}.content-container{box-sizing:border-box;flex:auto;height:75vh;overflow-y:auto;padding:1rem 2rem 3rem}.page-title{color:#fff;font-family:Times New Roman,Times,serif;font-size:2rem;margin:.5rem 0;text-align:left}.page-title:nth-of-type(2){border-bottom:2px solid #12c4f0;color:#12c4f0;margin-bottom:15px;padding-bottom:.5rem}.software-grid-wrapper{display:block;margin:.5rem 0;overflow:visible;width:100%}.software-grid{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;min-width:fit-content;overflow:visible}.software-card{background-color:#1f1f1f;border-radius:8px;box-shadow:0 2px 10px #00000080;flex:0 0 auto;overflow:hidden;transition:transform .3s ease;width:200px}.software-card:hover{transform:scale(1.05)}.software-image-placeholder{background:linear-gradient(135deg,#6e8efb,#a777e3);height:120px;position:relative}.software-category{background:#000000b3;border-radius:4px;font-size:12px;padding:3px 8px;position:absolute;right:10px;top:10px}.software-info{padding:10px}.software-info h3{color:#fff;font-size:15px;margin:0 0 8px}.software-info p{color:#ccc;font-size:12px;margin:3px 0}.btn-download{background-color:#e50914;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-family:Times New Roman,Times,serif;font-weight:700;margin-top:8px;padding:8px;transition:background-color .3s;width:100%}.btn-download:hover{background-color:#b00610}.error-message,.no-data{background-color:#2a2a2a;border-radius:8px;margin:15px 0;padding:15px;text-align:center}.error-message{color:#e50914;font-size:1rem}.no-data{color:#ccc;font-size:1rem}.modal-overlay{background-color:#000c}.modal-content{background-color:#222;color:#000!important;max-height:80vh;max-width:1200px;padding:20px}.userform-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.search-filters{display:flex;gap:10px;margin-bottom:20px}.date-filter,.search-filter{background-color:#f5f5f5;border:1px solid #444;border-radius:4px;color:#000;font-family:Times New Roman,Times,serif;margin-top:20px;padding:8px}.userform-close-btn{width:fit-content}.userform-modal-close{background:red;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:28px;padding:0 10px;text-align:right;transition:color .2s}.table-container{overflow-x:auto}.data-table td,.data-table th{border-bottom:1px solid #444;padding:12px;text-align:left}.data-table th{background-color:#111}.data-table tr:hover{background-color:#2a2a2a}.app-footer{background:#000;bottom:0;color:#fff;font-size:13.2px;padding:15px;position:fixed;text-align:center;width:100%;z-index:50}.validity-expired-container{align-items:center;background-color:#141414;display:flex;height:100vh;justify-content:center}.validity-expired-message{background:#fff8e1;border:1px solid #ffe0b2;border-radius:8px;color:#333;max-width:600px;padding:2rem;text-align:center}.validity-expired-message h2{color:#e65100;margin-bottom:1rem}@media (max-width:768px){.app-header{flex-direction:column;gap:1rem;padding:1rem}.page-title{font-size:1.5rem}.header-actions{justify-content:space-between;width:100%}.table-container{height:40vh!important;width:auto!important}.search-filters{flex-direction:column}.userform-modal-header{display:flow!important}.userform-close-btn{text-align:right!important;width:auto}.software-card{width:160px}.content-container{padding:.5rem 1rem 2rem}.software-image-placeholder{height:100px}.software-info{padding:8px}.software-info h3{font-size:14px}.software-info p{font-size:11px}.btn-download{margin-top:6px;padding:6px}.app-footer{width:auto!important}}.logo-address-container{align-items:center;background:#f8fafa;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:row;gap:10px;margin-bottom:20px;padding:5px 0;text-align:center;width:100%}.company-logo{border-radius:5px;height:50px;margin-left:10px}.company-address{color:#555;font-size:18px;line-height:1.2}.admin-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;height:80vh;margin:20px;overflow-x:hidden;overflow-y:auto;padding:20px;width:auto}.admin-header{border-bottom:1px solid #eee;font-size:12px;justify-content:space-between;margin-bottom:15px}.admin-header,.admin-title{align-items:center;display:flex}.admin-title{color:#333;font-size:22px;margin:0}.admin-actions{align-items:center;display:flex;gap:10px}.btn{border:none;border-radius:4px;cursor:pointer;font-family:Times New Roman,Times,serif;font-weight:500;padding:8px 16px;transition:all .2s}.superadmin-badge{background:#ff5722}.masteradmin-badge,.superadmin-badge{border-radius:4px;color:#fff;font-size:12px;margin-left:10px;padding:3px 8px}.masteradmin-badge{background:#4caf50;display:inline-block}.search-container{align-items:center;display:flex;gap:10px}.search-container select{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:15px;padding:6px 10px;transition:border-color .3s ease}.search-container select:focus,.search-container select:hover{border-color:#007bff;outline:none}.btn-logout{background-color:#f44336;color:#fff}.btn-logout:hover{background-color:#d32f2f}.btn-manage{background-color:#2196f3;color:#fff;font-family:Times New Roman,Times,serif;margin-left:10px}.loading{color:#666;padding:20px;text-align:center}.error-message{margin:20px 0;padding:12px;text-align:center}.no-data{background-color:#f9f9f9;border-radius:4px;color:#666;padding:20px;text-align:center}.downloads-container{display:block;position:relative}.active-downloads-section{height:25vh!important;margin-bottom:1%;position:relative}.act-table-container{height:20vh;overflow-y:auto}.active-table{border-collapse:collapse;overflow-x:hidden;overflow-y:auto;width:100%}.active-table th{background-color:#4285f4;border-bottom:1px solid #444;color:#fff;cursor:pointer;font-size:12px;padding:12px 15px;position:sticky;top:0;-webkit-user-select:none;user-select:none;z-index:2}.active-table td,.active-table th{border-left:1px solid #ccc;border-right:1px solid #ccc;text-align:center}.active-table td{border-bottom:1px solid #eee;font-size:14px;padding:5px 15px}.downloads-section{display:block;position:static}.downloads-section p{font-size:18px;font-weight:700;margin:0 0 8px;padding:0}.table-container{height:60vh;overflow-x:hidden;overflow-y:auto}.data-table{border-collapse:collapse;height:auto;width:100%}.data-table th{background-color:#4285f4;color:#fff;cursor:pointer;font-size:12px;padding:12px 15px;position:sticky;top:0;-webkit-user-select:none;user-select:none;z-index:2}.data-table td,.data-table th{border-left:1px solid #ccc;border-right:1px solid #ccc;text-align:center}.data-table td{border-bottom:1px solid #eee;font-size:14px;padding:10px 15px}.data-table tr:nth-child(2n){background-color:#f9f9f9}.data-table tr:hover{background-color:#f1f1f1}.admin-actions input{border:1px solid #ccc;border-radius:6px;font-family:Times New Roman,Times,serif;font-size:14px;padding:6px 10px;width:180px}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:15px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:84vh;max-width:70%;overflow-y:auto;padding:25px;width:90%}.validity{display:flex;gap:10px;justify-content:space-between!important;width:auto}.date-input{border:1px solid #ccc;border-radius:4px;flex:1 1 45%;font-size:14px;padding:6px 8px}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.modal-header h3{color:#333;font-size:1.5rem;margin:0}.modal-close{background:red;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:28px;padding:0 10px;transition:color .2s}.modal-close:hover{color:#333}.add-user-form{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:30px;padding:20px}.add-user-form h4{color:#444;margin-bottom:15px;margin-top:0}.btn-add{background-color:red!important;color:#fff}.user-list p{color:#444;font-size:18px;font-weight:700;margin:0!important;margin-bottom:15px}.user-table-container{box-shadow:0 1px 3px #0000001a;margin-top:15px;max-height:30vh;overflow-y:auto;position:relative}.user-table{border-collapse:collapse;width:100%}.modal-search{align-items:center;margin-bottom:3px!important;text-align:right!important}.modal-search input{margin-bottom:0!important}.modal-search span{background-color:#2196f3;border-radius:3px;color:#fff;font-weight:700;margin-right:10px;padding:5px}.user-table thead tr{position:sticky;top:0;z-index:10}.user-table th{background-color:#4285f4;color:#fff;font-weight:600}.user-table td,.user-table th{border:1px solid #e0e0e0;padding:12px 15px;text-align:center}.user-table td{color:#000}.user-table td input{border:1px solid #ccc;border-radius:4px;flex:1 1 45%!important;font-size:14px;padding:6px 8px}.user-table tr:nth-child(2n){background-color:#f9f9f9}.user-table tr:hover{background-color:#f0f0f0}.icon-downloading{color:#2196f3;margin-right:5px}.icon-paused{color:orange;margin-right:5px}.icon-completed{color:#4caf50;margin-right:5px}.icon-failed{color:#f44336;margin-right:5px}.status-indicator{align-items:center}.active-download-row{background-color:#f0f8ff}.error-message{align-items:center;background-color:#ffebee;color:#f44336;display:flex;margin:10px 0;padding:10px}.btn-clear-error{background-color:#2196f3;border:none;color:#fff;cursor:pointer;margin-left:10px;padding:5px 10px}.btn-cancel-upload,.btn-clear-error{border-radius:4px}.modal-body input[type=password],.modal-body input[type=text],.modal-body select{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-family:Times New Roman,Times,serif;font-size:14px;margin-bottom:15px;padding:10px;transition:border-color .3s;width:100%}.modal-body input[type=password]:focus,.modal-body input[type=text]:focus,.modal-body select:focus{border-color:#4285f4;box-shadow:0 0 0 2px #4285f433;outline:none}.user-actions{display:inline-block;justify-content:space-between!important;text-align:center!important}.btn-group{display:flex;gap:8px}.edit-remove-group{display:flex;gap:40px;margin-right:auto}.save-cancel-group{display:flex;gap:8px;margin-left:auto}.btn-edit{background-color:#2196f3;color:#fff;min-width:70px}.btn-remove{background-color:#f44336;color:#fff;min-width:80px}.btn-save{background-color:#4caf50;color:#fff;min-width:70px}.btn-cancel{background-color:#ff9800;color:#fff;min-width:80px}.speed-limit-select,.validity-select{border:1px solid #ccc;border-radius:4px;margin:8px 0;padding:8px;width:100%}.speed-limit-container{display:flex;flex-direction:column;margin:8px 0}.speed-limit-container label{font-weight:700;margin-bottom:4px}.speed-limit-container input[type=range]{width:100%}.upload-progress{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;margin:10px 0;padding:10px}.upload-progress p{font-size:14px;margin:0 0 5px}.progress-bar{background-color:#04f217;border-radius:5px;height:20px;overflow:hidden}.progress-bar div{background-color:#4caf50;height:100%;transition:width .3s}.btn-cancel-upload{background-color:#f44336;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;margin-top:10px;padding:5px 10px}.btn-cancel-upload:hover{background-color:#d32f2f}.admin-footer{background-color:#333;bottom:0;color:#fff;font-size:13.6px;left:0;padding:15px 10px;position:absolute;text-align:center;width:100%}.mobile-menu-container{display:flex;justify-content:flex-end;position:relative}.mobile-menu-button{align-items:center;display:flex;justify-content:center;transition:all .2s}.mobile-menu-button:hover{background:#3367d6}.mobile-menu-dropdown{background:#fff;border-radius:4px;box-shadow:0 2px 10px #0003;display:flex;flex-direction:column;gap:10px;padding:15px;position:absolute;right:0;top:100%;width:280px;z-index:100}.mobile-menu-dropdown .search-container{flex-direction:column;gap:8px}.mobile-menu-dropdown .search-container input,.mobile-menu-dropdown .search-container select{width:100%}.mobile-menu-dropdown .export-buttons{flex-direction:column;gap:8px}@media (min-width:769px){.mobile-menu-container{display:none}}@media (max-width:768px){.admin-actions:not(.mobile-menu-dropdown .admin-actions){display:none}.mobile-menu-container{display:block}.admin-container{height:50vh;overflow-x:auto;overflow-y:auto;width:auto!important}.admin-header{align-items:center;flex-direction:row;gap:10px;padding-bottom:10px;width:100%!important}.admin-title{font-size:18px!important;white-space:nowrap}.mobile-menu-button{margin-left:auto}.modal-content{max-height:85vh;max-width:85%}.user-table th{font-size:12px;padding:5px 7px!important}.btn,.user-table td{font-size:10px;padding:4px 7px}.edit-remove-group{gap:20px}.table-container{overflow-x:auto;width:60%}.validity{display:block;padding-right:10!important;width:100%}.date-input{margin-bottom:8px;margin-top:8px;width:94%!important}.admin-actions{flex-wrap:wrap;gap:10px}.search-input{width:100px}}@media (max-width:480px){.company-logo{height:40px}.company-address{font-size:11px}.admin-container{height:78vh!important;overflow-x:auto;overflow-y:auto}.admin-header{align-items:flex-start;flex-direction:column;font-size:10px!important;gap:10px;height:10vh!important;margin-top:5px;padding-top:4px;width:auto!important}.modal-content{max-height:70vh}.modal-header h3{font-size:18px}.modal-search{display:inline-flex;justify-content:space-between;margin-top:5px;width:100%!important}.modal-search span{font-size:10px!important;padding-bottom:7px;padding-top:7.5px}.modal-search input{margin-right:0!important}.table-container{height:78vh!important;margin-top:2%;overflow-x:auto;width:100%}.admin-actions{align-self:end;flex-wrap:wrap;gap:10px}.search-input{-webkit-appearance:none;appearance:none;border:1px solid #ddd;border-radius:4px;font-size:14px;min-height:36px;padding:8px 12px;width:100%}.admin-footer{width:auto}}.mobile-menu-modal{align-items:flex-start;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.mobile-menu-content{animation:slideIn .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;margin-top:20px;max-height:80vh;max-width:350px;overflow-y:auto;padding:40px 25px 25px;position:relative;width:100%}.mobile-menu-close{background:red;border:none;border-radius:3px;color:#fdfafa;cursor:pointer;font-size:15px;padding:4px 10px;position:absolute;right:10px;top:10px;z-index:10}.mobile-menu-content .search-container{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;margin-top:15px;position:relative}.mobile-menu-content .search-container input[type=date]{-webkit-appearance:none;appearance:none}.mobile-menu-content .search-container input[type=date],.mobile-menu-content .search-container select{border:1px solid #ddd;border-radius:4px;font-size:14px;min-height:36px;padding:8px 12px;width:100%}.mobile-menu-content .export-buttons{display:flex;flex-direction:column;gap:12px}.mobile-menu-button{background:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;display:none;font-size:18px;padding:8px 12px}.mobile-menu-content .date-input{position:relative;z-index:1}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.mobile-menu-button{align-items:center;display:flex;justify-content:center}.admin-actions{display:none}.company-logo{height:50px}.company-address{font-size:12px}}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{height:100%;overflow:hidden}.login-page{flex-direction:column;min-height:100vh}.login-container,.login-page{display:flex;overflow:hidden;position:relative;transition:all .5s ease}.login-container{align-items:center;flex:1 1;justify-content:center;padding:20px}.background-image{background-position:50%;background-size:cover;transition:opacity .8s ease}.background-image,.background-overlay{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.login-footer{font-size:12px;padding:20px;position:relative;text-align:center;transition:all .5s ease;z-index:10}.design-1{background:#f5f1e6;background-image:radial-gradient(#d9c7a7 1px,#0000 0),radial-gradient(#d9c7a7 1px,#0000 0);background-position:0 0,20px 20px;background-size:40px 40px;color:#3a3226}.design-1 .login-box{background:#f9f5eb;border:1px solid #d4c9b8;box-shadow:0 10px 30px #00000014;max-width:420px;overflow:hidden;position:relative;width:100%}.design-1 .login-box:before{background:linear-gradient(90deg,#8b7355,#c19a6b,#8b7355);content:"";height:6px;left:0;position:absolute;right:0;top:0}.design-1 .header{border-bottom:1px dashed #d4c9b8;padding:30px 30px 20px;position:relative;text-align:center}.design-1 .header h1{color:#5d4c3a;font-family:Georgia,serif;font-size:28px;font-weight:400;letter-spacing:2px;margin-bottom:5px;text-transform:uppercase}.design-1 .header h1:after{background:#c19a6b;content:"";display:block;height:2px;margin:10px auto;width:60px}.design-1 .header p{color:#7d6d58;font-family:Georgia,serif;font-size:14px;font-style:italic}.design-1 .login-form{padding:30px}.design-1 .form-group{margin-bottom:25px;position:relative}.design-1 .form-group label{color:#5d4c3a;display:block;font-family:Georgia,serif;font-size:14px;letter-spacing:.5px;margin-bottom:8px}.design-1 .form-input{background:#fffdf8;border:1px solid #d4c9b8;color:#3a3226;font-family:Georgia,serif;font-size:16px;padding:12px 15px;transition:all .3s ease;width:100%}.design-1 .form-input:focus{border-color:#a9927d;box-shadow:0 0 0 2px #a9927d33;outline:none}.design-1 .form-input::placeholder{color:#a99e8b;font-style:italic}.design-1 .submit-btn{background:#8b7355;border:none;color:#f9f5eb;cursor:pointer;font-family:Georgia,serif;font-size:16px;letter-spacing:1px;overflow:hidden;padding:14px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.design-1 .submit-btn:hover{background:#7d6547}.design-1 .submit-btn:active{transform:translateY(1px)}.design-1 .submit-btn:after{content:"→";font-size:18px;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:all .3s ease}.design-1 .submit-btn:hover:after{right:10px}.design-1 .login-footer{background:#f3ede1;border-top:1px dashed #d4c9b8;color:#7d6d58}.design-1 .login-footer a{color:#8b7355;text-decoration:none;transition:color .3s ease}.design-1 .login-footer a:hover{color:#5d4c3a;text-decoration:underline}.design-1 .decoration{color:#a9927d14;font-size:120px;pointer-events:none;position:absolute;z-index:0}.design-1 .decoration.top-left{left:-10px;top:-20px}.design-1 .decoration.bottom-right{bottom:-30px;right:-10px;transform:rotate(180deg)}.design-1 .watermark{bottom:10px;color:#5d4c3a4d;font-family:Georgia,serif;font-size:10px;letter-spacing:1px;position:absolute;right:15px}.design-2{background:linear-gradient(135deg,#1a2a3a,#0d1b2a);color:#e0e1dd}.design-2 .login-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:420px;overflow:hidden;position:relative;width:100%}.design-2 .login-box:before{background:linear-gradient(90deg,#ff7b00,#fa0,#ff7b00);content:"";height:4px;left:0;position:absolute;right:0;top:0}.design-2 .header{border-bottom:1px solid #ffffff1a;padding:30px 30px 20px;position:relative;text-align:center}.design-2 .header h1{color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:32px;font-weight:300;letter-spacing:3px;margin-bottom:5px;text-shadow:0 2px 4px #0000004d;text-transform:uppercase}.design-2 .header h1:after{background:linear-gradient(90deg,#0000,#fa0,#0000);content:"";display:block;height:3px;margin:15px auto;width:80px}.design-2 .header p{color:#a0a5ad;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-style:italic;letter-spacing:1px}.design-2 .login-form{padding:30px}.design-2 .form-group{margin-bottom:25px;position:relative}.design-2 .form-group label{color:#c0c5cd;display:block;font-size:14px;letter-spacing:.5px;margin-bottom:8px}.design-2 .form-group label,.design-2 .form-input{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.design-2 .form-input{background:#0003;border:1px solid #ffffff1a;border-radius:6px;color:#fff;font-size:16px;padding:14px 18px;transition:all .3s ease;width:100%}.design-2 .form-input:focus{background:#0000004d;border-color:#fa0;box-shadow:0 0 0 2px #fa03;outline:none}.design-2 .form-input::placeholder{color:#6a717d}.design-2 .submit-btn{background:linear-gradient(135deg,#ff7b00,#fa0);border:none;border-radius:6px;color:#1a2a3a;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;font-weight:600;letter-spacing:1px;overflow:hidden;padding:16px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.design-2 .submit-btn:hover{background:linear-gradient(135deg,#ff8c1a,#ffb733);box-shadow:0 5px 15px #ffaa004d;transform:translateY(-2px)}.design-2 .submit-btn:active{transform:translateY(0)}.design-2 .submit-btn:after{content:"→";font-size:18px;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:all .3s ease}.design-2 .submit-btn:hover:after{right:10px}.design-2 .login-footer{background:#0000004d;border-top:1px solid #ffffff0d;color:#6a717d}.design-2 .login-footer a{color:#fa0;text-decoration:none;transition:color .3s ease}.design-2 .login-footer a:hover{color:#fff;text-decoration:underline}.design-2 .decoration{color:#ffaa0008;font-size:120px;pointer-events:none;position:absolute;z-index:0}.design-2 .decoration.top-left{left:-10px;top:-20px}.design-2 .decoration.bottom-right{bottom:-30px;right:-10px;transform:rotate(180deg)}.design-2 .watermark{bottom:10px;color:#ffffff1a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:10px;letter-spacing:1px;position:absolute;right:15px}.design-3{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.design-3 .login-box{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 15px 35px #0003;max-width:420px;overflow:hidden;position:relative;width:100%}.design-3 .login-box:before{background:linear-gradient(90deg,#f093fb,#f5576c,#f093fb);content:"";height:5px;left:0;position:absolute;right:0;top:0}.design-3 .header{padding:35px 30px 25px;position:relative;text-align:center}.design-3 .header h1{color:#fff;font-family:Arial,sans-serif;font-size:36px;font-weight:300;letter-spacing:4px;margin-bottom:10px;text-transform:uppercase}.design-3 .header h1:after{background:#ffffff80;content:"";display:block;height:2px;margin:15px auto;width:100px}.design-3 .header p{color:#fffc;font-family:Arial,sans-serif;font-size:14px;letter-spacing:1px}.design-3 .login-form{padding:30px}.design-3 .form-group{margin-bottom:25px;position:relative}.design-3 .form-group label{color:#ffffffe6;display:block;font-family:Arial,sans-serif;font-size:14px;letter-spacing:.5px;margin-bottom:8px}.design-3 .form-input{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-family:Arial,sans-serif;font-size:16px;padding:15px 20px;transition:all .3s ease;width:100%}.design-3 .form-input:focus{background:#ffffff26;border-color:#fff9;box-shadow:0 0 0 3px #ffffff1a;outline:none}.design-3 .form-input::placeholder{color:#ffffff80}.design-3 .submit-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:16px;font-weight:600;letter-spacing:1px;overflow:hidden;padding:16px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.design-3 .submit-btn:hover{background:#ffffff4d;box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.design-3 .submit-btn:active{transform:translateY(0)}.design-3 .submit-btn:after{content:"⟶";font-size:18px;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:all .3s ease}.design-3 .submit-btn:hover:after{right:10px}.design-3 .login-footer{background:#0000001a;border-top:1px solid #ffffff1a;color:#ffffffb3}.design-3 .login-footer a{color:#fff;text-decoration:none;transition:color .3s ease}.design-3 .login-footer a:hover{color:#f093fb;text-decoration:underline}.design-3 .decoration{color:#ffffff0d;font-size:100px;pointer-events:none;position:absolute;z-index:0}.design-3 .decoration.top-left{left:-10px;top:-10px}.design-3 .decoration.bottom-right{bottom:-20px;right:-10px;transform:rotate(180deg)}.design-3 .watermark{bottom:10px;color:#fff3;font-family:Arial,sans-serif;font-size:10px;letter-spacing:1px;position:absolute;right:15px}.design-4{background:linear-gradient(135deg,#2c3e50,#34495e);color:#ecf0f1}.design-4 .login-box{background:#fff;border-radius:8px;box-shadow:0 10px 30px #0003;max-width:420px;overflow:hidden;position:relative;width:100%}.design-4 .login-box:before{background:linear-gradient(90deg,#3498db,#2980b9,#3498db);content:"";height:6px;left:0;position:absolute;right:0;top:0}.design-4 .header{background:#2c3e50;color:#fff;padding:30px 30px 20px;text-align:center}.design-4 .header h1{color:#fff;font-family:Verdana,sans-serif;font-size:28px;font-weight:500;letter-spacing:2px;margin-bottom:5px;text-transform:uppercase}.design-4 .header h1:after{background:#3498db;content:"";display:block;height:2px;margin:10px auto;width:70px}.design-4 .header p{color:#bdc3c7;font-family:Verdana,sans-serif;font-size:14px}.design-4 .login-form{padding:30px}.design-4 .form-group{margin-bottom:25px;position:relative}.design-4 .form-group label{color:#2c3e50;display:block;font-family:Verdana,sans-serif;font-size:14px;margin-bottom:8px}.design-4 .form-input{background:#f9f9f9;border:1px solid #bdc3c7;border-radius:4px;color:#2c3e50;font-family:Verdana,sans-serif;font-size:16px;padding:12px 15px;transition:all .3s ease;width:100%}.design-4 .form-input:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.design-4 .form-input::placeholder{color:#95a5a6}.design-4 .submit-btn{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Verdana,sans-serif;font-size:16px;font-weight:600;overflow:hidden;padding:14px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.design-4 .submit-btn:hover{background:#2980b9;box-shadow:0 5px 15px #3498db4d;transform:translateY(-2px)}.design-4 .submit-btn:active{transform:translateY(0)}.design-4 .submit-btn:after{content:"→";font-size:18px;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:all .3s ease}.design-4 .submit-btn:hover:after{right:10px}.design-4 .login-footer{background:#ecf0f1;border-top:1px solid #bdc3c7;color:#7f8c8d}.design-4 .login-footer a{color:#3498db;text-decoration:none;transition:color .3s ease}.design-4 .login-footer a:hover{color:#2980b9;text-decoration:underline}.design-4 .decoration{color:#3498db1a;font-size:80px;pointer-events:none;position:absolute;z-index:0}.design-4 .decoration.top-left{left:10px;top:10px}.design-4 .decoration.bottom-right{bottom:10px;right:10px;transform:rotate(180deg)}.design-4 .watermark{bottom:10px;color:#2c3e504d;font-family:Verdana,sans-serif;font-size:10px;letter-spacing:1px;position:absolute;right:15px}.design-5{color:#fff}.design-5 .background-overlay{background:#00000080}.design-5 .background-image{background-image:url(/static/media/ets2.3a93d25091c5e040648a.png)}.design-5 .login-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1e283cd9;border:1px solid #ff7b00;box-shadow:0 10px 30px #00000080;max-width:420px;overflow:hidden;position:relative;width:100%}.design-5 .login-box:before{background:linear-gradient(90deg,#ff7b00,#fa0,#ff7b00);content:"";height:6px;left:0;position:absolute;right:0;top:0}.design-5 .header{border-bottom:1px solid #ff7b004d;padding:30px 30px 20px;position:relative;text-align:center}.design-5 .header h1{color:#fff;font-size:28px;font-weight:600;letter-spacing:2px;margin-bottom:5px;text-transform:uppercase}.design-5 .header h1:after{background:#fa0;content:"";display:block;height:2px;margin:10px auto;width:60px}.design-5 .header p{color:#ccc;font-size:14px;font-style:italic}.design-5 .login-form{padding:30px}.design-5 .form-group{margin-bottom:25px;position:relative}.design-5 .form-group label{color:#ccc;display:block;font-size:14px;letter-spacing:.5px;margin-bottom:8px}.design-5 .form-input{background:#ffffff1a;border:1px solid #ff7b0080;color:#fff;font-size:16px;padding:12px 15px;transition:all .3s ease;width:100%}.design-5 .form-input:focus{border-color:#fa0;box-shadow:0 0 0 2px #ffaa004d;outline:none}.design-5 .form-input::placeholder{color:#aaa}.design-5 .submit-btn{background:linear-gradient(135deg,#ff7b00,#fa0);border:none;color:#1e1914;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:1px;overflow:hidden;padding:14px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.design-5 .submit-btn:hover{background:linear-gradient(135deg,#ff8c1a,#ffb733);box-shadow:0 5px 15px #fa06;transform:translateY(-2px)}.design-5 .submit-btn:active{transform:translateY(0)}.design-5 .submit-btn:after{content:"🚛";font-size:18px;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:all .3s ease}.design-5 .submit-btn:hover:after{right:10px}.design-5 .login-footer{background:#1e283ce6;border-top:1px solid #ff7b004d;color:#ccc}.design-5 .login-footer a{color:#fa0;text-decoration:none;transition:color .3s ease}.design-5 .login-footer a:hover{color:#fff;text-decoration:underline}.design-5 .decoration{color:#ffaa001a;font-size:120px;pointer-events:none;position:absolute;z-index:0}.design-5 .decoration.top-left{left:-10px;top:-20px}.design-5 .decoration.bottom-right{bottom:-30px;right:-10px;transform:rotate(180deg)}.design-5 .watermark{bottom:10px;color:#ffaa0080;font-size:10px;letter-spacing:1px;position:absolute;right:15px}.error-message{background-color:#fde8e8;border-left:4px solid #d32f2f;border-radius:4px;color:#d32f2f;margin-bottom:20px;padding:12px 15px;position:relative}.error-close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;position:absolute;right:10px;top:50%;transform:translateY(-50%)}button:disabled{cursor:not-allowed;opacity:.7}@media (max-width:480px){.login-box{max-width:100%}.header,.login-form{padding:20px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-box{animation:fadeIn .4s ease-out}.form-input:focus,.submit-btn:focus{outline:2px solid #4285f4;outline-offset:2px}@media print{.login-page{background:#fff!important;position:static}.login-box{border:1px solid #ddd;box-shadow:none}.login-footer{display:none}}
/*# sourceMappingURL=main.2ecf11a7.css.map*/