.login-container{background-image:linear-gradient(to top,#f2f8f9,#d8ecf1,#bedfeb,#a6d2e7,#8ec5e3);min-height:100vh;padding:16px 16px 48px;box-sizing:border-box;position:relative}.login-container .header{margin:0;padding-top:24px;display:flex;gap:16px;justify-content:center;align-items:center;text-transform:uppercase}.login-container .header .board-header{text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}.login-container .header .board-title{margin:0;font-size:28px;font-weight:600;line-height:1.2}.login-container .header .board-subtitle{margin:0;font-size:17px;font-weight:800;color:#333}.login-container .helpdesk-info{position:absolute;right:20px;top:10px;font-weight:700;font-size:14px;color:#001529;text-align:right;line-height:1.4}.login-container .helpdesk-info p{margin:2px 0}.login-container .form-container{margin-top:40px;display:flex;justify-content:center;align-items:center}.login-container .form-container .content{background-color:#fff;border:1px solid black;border-radius:4px;padding:24px;display:flex;gap:16px;width:100%;max-width:900px;box-shadow:0 4px 12px #0000001a;box-sizing:border-box}.login-container .form-container .content .information{border-right:1px solid black;min-width:300px;flex:1}.login-container .form-container .content .content-right{padding-left:16px;flex:1}@keyframes blink{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.login-container .blinking-text{animation:blink 1s infinite}@media (max-width: 992px){.login-container .form-container .content{max-width:700px}.login-container .form-container .content .information{min-width:240px}}@media (max-width: 768px){.login-container{padding:12px 12px 32px}.login-container .header{flex-direction:column;gap:12px;padding-top:48px}.login-container .header .board-title{font-size:20px}.login-container .header .board-subtitle{font-size:12px}.login-container .helpdesk-info{position:static;text-align:center;margin-top:16px;font-size:12px;width:100%}.login-container .form-container{margin-top:24px}.login-container .form-container .content{flex-direction:column;padding:16px;gap:20px}.login-container .form-container .content .information{border-right:none;border-bottom:1px solid #ccc;padding-bottom:16px;min-width:0}.login-container .form-container .content .content-right{padding-left:0}}.navbar-container{position:sticky;top:0;z-index:40;height:64px;background-color:#001529;box-shadow:0 4px 6px #0000004d;display:flex;flex-grow:1;align-items:center;justify-content:flex-end;padding:0 24px}.navbar-container .navbar-left-container{display:flex;align-items:center;gap:8px}.navbar-container .navbar-left-container p{color:#fff;font-weight:700}@media print{.navbar-container{display:none}}@media (max-width: 576px){.navbar-container{padding:0 12px}.navbar-container .navbar-left-container{gap:6px}.navbar-container .navbar-left-container p{font-size:13px}.navbar-container .navbar-left-container .ant-btn{font-size:13px;height:auto;padding:4px 8px}}.header .form-header{text-align:center}.header .form-title{margin:10px 0;font-size:22px;font-weight:600}.header .form-subtitle{margin:0;font-size:17px;font-weight:800;line-height:1.4}.header .main-heading{font-size:18px;font-weight:600}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:24px}.table-container table{border-collapse:collapse;width:100%;min-width:600px}.table-container th,.table-container td{border:1px solid #ddd;padding:8px;text-align:left}.table-container th{background-color:#f2f2f2}.table-container .payment-note{text-align:center;margin:16px 0;color:red}@media print{.table-container .payment-note{display:none}}.table-container .print-btn{display:flex;justify-content:center;gap:12px;margin:16px 0}@media print{.table-container .print-btn{display:none}}@media (max-width: 768px){.header{flex-direction:column;gap:12px;text-align:center;margin:16px 0}.header .form-title{font-size:18px}.header .form-subtitle{font-size:12px}.table-container .print-btn{flex-wrap:wrap}.table-container .print-btn button{width:100%;max-width:200px}}.header{margin:24px 0;display:flex;gap:16px;justify-content:center;align-items:center;text-transform:uppercase}.header .receipt-header{text-align:center}.header .receipt-title{margin:10px 0;font-size:22px;font-weight:600}.header .receipt-subtitle{margin:0;font-size:17px;font-weight:800;line-height:1.4}.payment-container{flex-grow:1;display:flex;justify-content:center;align-items:center;min-height:60vh;padding:16px 0}.payment-container .payment{width:60%;max-width:600px;border:1px solid black;border-radius:8px;padding:24px;background-color:#fff;box-shadow:0 4px 12px #0000001a}.payment-container .payment .success{text-align:center}.payment-container .payment .success .icon{font-size:80px;color:green}.payment-container .payment .success p{font-size:26px;color:green;margin:16px 0;font-weight:600}.payment-container .payment .failed{text-align:center}.payment-container .payment .failed .icon{font-size:80px;color:red}.payment-container .payment .failed p{font-size:26px;color:red;margin:16px 0;font-weight:600}.payment-container .payment .content{display:flex;justify-content:space-between;margin-bottom:12px;gap:12px}.payment-container .payment .content p:first-child{color:#666;font-weight:500}.payment-container .payment .content p:last-child{font-weight:600;text-align:right;word-break:break-all}.payment-container .print-btn{display:flex;gap:12px;justify-content:center;margin-top:24px}@media print{.payment-container .print-btn{display:none}}@media (max-width: 768px){.header{flex-direction:column;gap:12px;text-align:center;margin:16px 0}.header .receipt-title{font-size:18px}.header .receipt-subtitle{font-size:12px}.payment-container .payment{width:95%;padding:16px}.payment-container .payment .success .icon{font-size:50px}.payment-container .payment .success p{font-size:20px}.payment-container .payment .failed .icon{font-size:50px}.payment-container .payment .failed p{font-size:20px}.payment-container .payment .content{font-size:13px}.payment-container .print-btn{flex-wrap:wrap}.payment-container .print-btn button{width:100%}}html,body,p{margin:0;padding:0}body::-webkit-scrollbar{display:none}@media print{.print{display:none}}@media print{.layout-print{margin:0!important}}@media print{.content-print{margin:0!important}}