.navbar-container{position:sticky;top:0;z-index:40;width:100%;height:64px;background-color:#001529;box-shadow:0 4px 6px #0000004d;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.navbar-container .nav-logo{height:36px}.navbar-container .navbar-left-container{display:flex;justify-content:space-between;align-items:center;gap:8px}.navbar-container .navbar-left-container p{color:#fff;font-weight:700}@media print{.navbar-container{display:none}}.login-container .login-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid black}.login-container .login-header h3{color:red;font-size:24px}.login-container .login-header .logo-image{height:50px}.login-container .login-content{display:flex;justify-content:center;align-items:center;margin-top:50px}.login-container .login-content .form-container{display:flex;min-height:400px;border:1px solid black;padding:16px;border-radius:6px}.login-container .login-content .form-container .information{border-right:1px solid black;padding-right:16px;min-width:300px}.login-container .login-content .form-container .form-content{padding-left:16px;min-width:300px}.preview-container table,.preview-container th,.preview-container td{border:1px solid black;border-collapse:collapse;padding-top:5px;padding-bottom:5px}.preview-container table{width:100%;text-align:left}.preview-container .header{display:flex;justify-content:center}.preview-container .header .content{display:flex;align-items:center;gap:16px;margin:16px 0}.preview-container .header .content img{height:100px;width:100px}.preview-container .signature{display:flex;justify-content:flex-end;margin-top:16px}.preview-container .signature img{height:75px;width:250px;border:1px solid black;object-fit:fill}.preview-container .info{text-align:center;color:red;font-weight:700}@media print{.preview-container .info{display:none}}.preview-container .print-btn{display:flex;justify-content:center;gap:16px;margin:16px 0}@media print{.preview-container .print-btn{display:none}}.payment-header{padding-top:24px;display:flex;gap:16px;text-align:center;justify-content:center;align-items:center;text-transform:uppercase}.payment-header .main-heading{font-size:20px;font-weight:600}.payment-container{flex-grow:1;display:flex;justify-content:center;align-items:center;height:60vh}.payment-container .payment{width:60%;border:1px solid black;border-radius:8px;padding:16px}.payment-container .payment .success{text-align:center}.payment-container .payment .success .icon{font-size:100px;color:green}.payment-container .payment .success p{font-size:30px;color:green;margin:24px 0}.payment-container .payment .failed{text-align:center}.payment-container .payment .failed .icon{font-size:100px;color:red}.payment-container .payment .failed p{font-size:30px;color:red;margin:24px 0}.payment-container .payment .content{display:flex;justify-content:space-between;margin-bottom:12px}.payment-container .print-btn{display:flex;gap:12px;justify-content:center}@media print{.payment-container .print-btn{display:none}}html,body,p{height:100%;margin:0;padding:0}body::-webkit-scrollbar{display:none}.box-shadow{box-shadow:0 2px 2px #0003}@media print{.print{display:none}}@media print{body{margin:0;padding:0}}@media print{.layout-print{margin:0!important}}@media print{.content-print{margin:0!important}}.page-heading{text-align:center;font-weight:700;font-size:30px;margin:16px 0;text-transform:uppercase;color:#fff;background-color:#001529}