html,body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;flex-direction:column}.new-back-button{position:absolute;left:90px;top:950px;display:flex;align-items:center;gap:10px;padding:10px 15px;background-color:#ff4805;color:#fff;font-size:16px;font-weight:700;text-decoration:none;border-radius:5px;box-shadow:0 4px 6px #0003;transition:all .3s ease-in-out}.new-back-button:hover{background-color:#d93d04;box-shadow:0 0 10px #fff9;transform:scale(1.05)}.newcardnavbar{z-index:1000;padding:4px;width:100%;color:#fff;border-bottom:2px solid #d67d72;box-shadow:0 4px 10px #0000004d;flex-shrink:0;height:100px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;width:100%;padding:0 20px}.header-left{display:flex;align-items:center}.home-main-title{font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-align:left;margin:0;color:#ff4d4d}.home-sub-title{font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-align:left;margin:5px 0 0;color:#000}.logout-button{padding:10px 16px;margin-left:80px;background-color:#ff4805;color:#fff;font-weight:700;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease-in-out}.logout-button:hover{background-color:#d93d04;box-shadow:0 0 10px #fff9;transform:scale(1.05)}.newcardcontainer-fluids{flex-grow:1;padding:10px;display:flex;justify-content:center;align-items:center}.newcardcontainer-fluid{flex-grow:1;padding:50px 50px 10px;display:flex;justify-content:center;align-items:center}.newcardgrid-container{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;width:95%;max-width:1600px;margin:0 auto}.newcardcard-custom{height:240px;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;box-shadow:0 4px 6px #0000001a;border-radius:8px;background:linear-gradient(145deg,#e2ecff,#e6e6e6);border:1px solid #e0e0e0;position:relative}.newcardcard-custom:hover{transform:scale(1.05);box-shadow:0 8px 15px #0003;cursor:pointer}.newcardcard-img-top{width:100%;height:70%;object-fit:contain;margin-top:10px;transition:transform .3s ease;filter:grayscale(20%) brightness(95%)}.newcardcard-custom:hover .newcardcard-img-top{transform:scale(1.1);filter:grayscale(0%) brightness(100%)}.newcardcard-body{width:100%;padding:10px;text-align:center;display:flex;justify-content:center;align-items:center;height:40px;background:linear-gradient(to right,#00e2ea,#04b5b5);border-top:2px solid #35d1f8;position:relative;bottom:0}.newcardcard-title{font-size:15px;margin:0;font-weight:700;line-height:1.2;text-align:center;padding:0 5px;width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.newcardnav-buttons{display:flex;justify-content:center;gap:20px;margin-top:30px}.newcardnav-buttons button{padding:10px 20px;font-size:16px;cursor:pointer;border:none;border-radius:5px;background-color:#007bff;color:#fff;transition:background-color .2s ease}.newcardnav-buttons button:hover{background-color:#0056b3}.newcardcard-list{display:flex;flex-wrap:wrap;justify-content:center}@media (max-width: 1200px){.newcardgrid-container{grid-template-columns:repeat(4,1fr)}}@media (max-width: 992px){.newcardnavbar{flex-direction:column;height:auto;padding:10px 5px}.newcardnavbar img{height:60px;margin:5px 5px 5px 0}.newcardnavbar h1{font-size:20px;margin:0 5px 5px}.newcardgrid-container{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.newcardgrid-container{grid-template-columns:repeat(2,1fr)}.newcardnavbar h1{font-size:14px}}@media (max-width: 576px){.newcardnavbar img{height:50px}.newcardnavbar h1{font-size:16px;letter-spacing:.5px}.newcardgrid-container{grid-template-columns:1fr 1fr;gap:5px}.newcardcard-custom{height:150px}.newcardcard-title{font-size:10px}.logout-button{padding:6px 12px;font-size:14px}}html,body{height:100%;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}body{display:flex;flex-direction:column;min-height:100vh}.login-main-wrapper{display:flex;flex-direction:column;min-height:100vh;color:#fff;position:relative;background-repeat:no-repeat;background-position:center;background-size:cover}.login-main-wrapper:before{content:"";position:absolute;inset:0;background:inherit;filter:blur(2px);z-index:-1}.login-header-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#ffffff26;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);border-bottom:2px solid #f0550c;box-shadow:0 4px 10px #0000004d;display:flex;justify-content:center;align-items:center;padding:10px;height:130px}.header-content{display:flex;align-items:center;justify-content:center;max-width:1200px;width:100%}.home-logo-img{height:90px;width:auto;border-radius:5px;margin-right:15px}.header-text{display:flex;flex-direction:column;justify-content:center}.main-title{font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-align:left;margin:0;color:#ff4d4d;text-shadow:0 2px 4px rgba(0,0,0,.5)}.sub-title{font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-align:left;margin:5px 0 0;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.login-main-content{display:flex;justify-content:flex-end;align-items:center;flex-grow:1;padding:150px 5% 20px;box-sizing:border-box;width:100%}.login-auth-box{background:#ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);padding:30px;border-radius:12px;box-shadow:0 8px 32px #0e01364d;width:450px;transition:transform .3s ease}.login-auth-box:hover{transform:scale(1.02)}.login-title-text{margin-bottom:20px;color:#fff;font-size:24px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}.login-auth-form{width:100%}.login-field-wrapper{position:relative;margin:15px 0}.login-field-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#000;font-size:18px}.login-text-input{width:100%;padding:12px 12px 12px 40px;border:2px solid #148fb1;border-radius:8px;font-size:16px;outline:none;background:#ffffffe6;transition:border .3s ease,box-shadow .3s ease;box-sizing:border-box}.login-text-input:focus{border-color:#3447f1;box-shadow:0 0 8px #d4a0174d}.login-text-input.error{border-color:#ff4d4d}.login-toggle-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#131313;cursor:pointer;font-size:16px;padding:6px;border-radius:50%;transition:all .3s ease}.login-toggle-icon:hover,.login-toggle-icon:active{color:#3e68d7;transform:translateY(-50%) scale(1.1)}.login-submit-btn{background:linear-gradient(to left,#f34a07,#e47f21);color:#fff;border:none;padding:12px;font-size:16px;font-weight:700;width:100%;border-radius:8px;cursor:pointer;transition:background .3s ease,transform .2s ease;margin-top:15px}.login-submit-btn:hover,.login-submit-btn:active{background:linear-gradient(to left,#e43a07,#d46f11);transform:scale(1.03)}.login-submit-btn:disabled{background:#999;cursor:not-allowed}.login-status-msg{margin-top:10px;font-weight:700;color:#ff4d4d;text-align:center}.login-status-msg.success{color:#10b981}.login-status-indicator{position:fixed;right:20px;top:20px;padding:8px 16px;border-radius:20px;font-weight:600;font-size:.9rem;z-index:1001}.login-status-indicator.online{background:#10b981;color:#fff}.login-status-indicator.offline{background:#ff4d4d;color:#fff}.login-qr-container{text-align:center;margin-top:20px}.login-error-text{color:#ff4d4d;font-size:14px;margin-top:5px;display:block}@media (max-width: 992px){.login-header-nav{height:auto;padding:10px}.header-content{flex-direction:column;align-items:center}.home-logo-img{height:70px;margin:10px 0}.main-title{font-size:20px;text-align:center}.sub-title{font-size:16px;text-align:center}.login-main-content{justify-content:center;padding:170px 5% 20px}}@media (max-width: 576px){.login-header-nav{padding:5px}.home-logo-img{height:60px}.main-title{font-size:18px}.sub-title{font-size:14px}.login-auth-box{padding:20px;width:90%}.login-main-content{padding:160px 10px 20px}}@supports (-ms-ime-align: auto){.login-text-input,.login-submit-btn,.login-toggle-icon{touch-action:manipulation}}