.payment-screen{color:#eaf5ff}.payment-head,.payment-summary,.payment-layout{display:flex;gap:1rem}.payment-head{align-items:center;background:#0d293e;border:1px solid #20506e;border-radius:10px;padding:1rem}.payment-head h1,.payment-head p{margin:0}.payment-head>p{border-left:1px solid #1e4862;padding-left:1rem;min-width:100px}.payment-head span,.payment-summary span,.payment-form label{display:block;color:#9ab9d0;font-size:.75rem}.payment-head>a{margin-left:auto;color:#dcefff}.payment-summary{margin:1rem 0;background:#0e2a3f;border:1px solid #20506e;border-radius:10px;padding:1rem}.payment-summary p{flex:1;margin:0;border-right:1px solid #1e4862}.payment-summary b{display:block;margin-top:.3rem}.payment-layout{align-items:flex-start}.payment-layout main{min-width:0;flex:1}.payment-table,.payment-history,.payment-form{background:#0e2a3f;border:1px solid #20506e;border-radius:10px;padding:1rem}.payment-table table,.payment-history table{width:100%;border-collapse:collapse;font-size:.78rem}.payment-table th,.payment-history th{text-align:left;background:#183f58;padding:.65rem}.payment-table td,.payment-history td{padding:.62rem .35rem;border-top:1px solid #1b4058;white-space:nowrap}.payment-history{margin-top:1rem}.payment-form{width:320px;position:sticky;top:1rem}.payment-form h2{margin:0 0:1rem}.payment-form p{display:flex;justify-content:space-between;border-bottom:1px solid #1d435d;padding:.45rem 0;margin:0;font-size:.83rem}.due-total{border:1px solid #177d58;background:#0b443b;border-radius:8px;padding:.9rem}.due-total b{display:block;font-size:1.6rem;color:#4bec9b}.payment-form form{margin-top:1rem}.payment-form label{margin:.6rem 0;font-weight:700}.payment-form input,.payment-form select,.payment-form textarea{box-sizing:border-box;width:100%;margin-top:.25rem;border:1px solid #315a78;border-radius:6px;background:#092137;color:#edf7ff;padding:.65rem}.payment-form textarea{height:70px}.payment-form .confirm{margin-top:.7rem;width:100%;background:#12a85f;border:0;border-radius:7px;color:#fff;font-weight:800;padding:.85rem}@media(max-width:1100px){.payment-layout{display:block}.payment-form{width:auto;position:static;margin-top:1rem}.payment-head{flex-wrap:wrap}.payment-summary{flex-wrap:wrap}.payment-summary p{min-width:30%}}@media(max-width:700px){.payment-summary{display:grid;grid-template-columns:1fr 1fr}.payment-head>p{min-width:40%;border:0}.payment-table{overflow:auto}}