.account-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.account-summary div{padding:15px;border:1px solid #29445d;border-radius:13px;background:#071a2b;text-align:center}.account-summary strong{display:block;color:#67d7ff;font-size:22px}.account-summary span{color:#91a4b6;font-size:10px}.period-tabs{display:flex;gap:8px;overflow-x:auto;margin:12px 0}.period-tabs button{flex:0 0 auto;padding:9px 12px;border:1px solid #29445d;border-radius:99px;background:#0a243a;color:#a9bed0;font-weight:800}.period-tabs button.active{border-color:#34aadd;background:#15517a;color:#fff}.accounts-list{overflow:hidden;border:1px solid #1c4667;border-radius:15px;background:#0b2741}.account-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;padding:10px 12px;border-bottom:1px solid #173d5d;cursor:pointer}.account-row:last-child{border-bottom:0}.account-player{display:flex;align-items:center;gap:9px}.account-player img{width:27px;height:27px;object-fit:contain}.account-player strong,.account-player small{display:block}.account-player small{margin-top:3px;color:#91a4b6;font-size:10px}.account-row input{position:absolute;opacity:0;pointer-events:none}.payment-check{display:grid;place-items:center;width:31px;height:31px;border:2px solid #496176;border-radius:9px;color:transparent;font-weight:950}.account-row input:checked+.payment-check{border-color:#45d695;background:#15613f;color:#fff}.account-row input:focus-visible+.payment-check{outline:2px solid #67d7ff;outline-offset:2px}.payment-card{margin-top:14px;padding:18px;border:1px solid #1c4667;border-radius:18px;background:linear-gradient(155deg,#0c2a47,#091f35)}.payment-heading,.payment-period{display:flex;align-items:center;justify-content:space-between;gap:12px}.payment-heading h3{margin:3px 0}.payment-status{padding:7px 10px;border-radius:99px;font-size:11px;font-weight:900}.payment-status.paid{background:#123f2d;color:#78e7ae}.payment-status.owed{background:#522634;color:#ffadc3}.payment-period{padding:11px 0;border-top:1px solid #173d5d}.payment-period span,.payment-period small{display:block}.payment-period small{margin-top:2px;color:#91a4b6;font-size:9px}.paid-text{color:#78e7ae}.owed-text{color:#ffadc3}.nav-six{gap:4px;padding-left:5px;padding-right:5px}.nav-six button{min-width:0;padding-left:2px;padding-right:2px;font-size:10px}.nav-six .nav-icon{font-size:22px}