.roster-metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;display:grid}.roster-metrics article{border:1px solid var(--line);background:#fff;border-left:4px solid #e1a11c;border-radius:13px;padding:17px 19px}.roster-metrics article.confirmed{border-left-color:var(--green)}.roster-metrics article.review{border-left-color:var(--red)}.roster-metrics span{letter-spacing:.16em;color:var(--muted);font-size:9px;font-weight:900}.roster-metrics b{margin:7px 0 2px;font-size:25px;display:block}.roster-metrics b small{margin-left:3px;font-size:11px}.roster-metrics p{color:var(--muted);margin:0;font-size:11px}.roster-tabs{background:#e9edf3;border-radius:10px;gap:5px;width:max-content;margin-bottom:12px;padding:4px;display:flex}.roster-tabs button{color:#6e7888;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:9px 15px;font-size:11px;font-weight:800}.roster-tabs button.active{color:var(--navy);background:#fff;box-shadow:0 2px 7px #0c1c391a}@media (width<=760px){.roster-metrics{grid-template-columns:1fr}.roster-tabs{width:100%}.roster-tabs button{flex:1}}.payment-state-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.payment-state-grid button{appearance:none;text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-top:4px solid #9ca6b5;border-radius:13px;padding:14px 16px;transition:all .18s}.payment-state-grid button:hover,.payment-state-grid button.active{transform:translateY(-2px);box-shadow:0 8px 20px #0c1c3914}.payment-state-grid button.pending{border-top-color:#e1a11c}.payment-state-grid button.paid{border-top-color:var(--green)}.payment-state-grid button.failed,.payment-state-grid button.expired{border-top-color:var(--red)}.payment-state-grid span{color:var(--muted);font-size:11px;font-weight:850}.payment-state-grid b{color:var(--navy);margin:7px 0 3px;font-size:25px;display:block}.payment-state-grid b small{margin-left:3px;font-size:11px}.payment-state-grid p{color:var(--muted);margin:0;font-size:10px;line-height:1.45}.operations-guide{border:1px solid var(--line);background:#fff;border-radius:13px;margin-bottom:14px;overflow:hidden}.operations-guide summary{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 17px;list-style:none;display:flex}.operations-guide summary::-webkit-details-marker{display:none}.operations-guide summary span{color:var(--navy);align-items:center;gap:8px;font-size:12px;font-weight:900;display:flex}.operations-guide summary svg{width:17px;height:17px;color:var(--green)}.operations-guide summary small{color:var(--muted);font-size:10px}.operations-guide>div{background:var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.operations-guide article{background:#fff;padding:15px 17px}.operations-guide article b{font-size:11px}.operations-guide article p{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.6}@media (width<=900px){.payment-state-grid{grid-template-columns:repeat(2,1fr)}.payment-state-grid button.paid{grid-column:span 2}.operations-guide>div{grid-template-columns:1fr 1fr}}@media (width<=560px){.payment-state-grid{grid-template-columns:1fr 1fr}.payment-state-grid button{padding:12px}.operations-guide>div{grid-template-columns:1fr}.operations-guide summary small{display:none}}
