.four-modules h1{font-size:30px;margin:5px 0 20px}.four-modules .toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.four-modules .platform-tabs{display:flex;border:1px solid #dbe0da;border-radius:5px;overflow:hidden}.four-modules .platform-tabs a{padding:6px 13px;border-right:1px solid #dbe0da;background:#fffefa}.four-modules .platform-tabs a.on{background:#263e3b;color:white}.four-modules select,.four-modules input{border:1px solid #dbe0da;border-radius:5px;padding:6px;background:#fffefa}.four-modules button:disabled{cursor:default}.four-modules .toolbar button,.four-modules .linkbutton{border:0;background:none;color:#287361}.four-modules .table-scroll{overflow:auto}.four-modules table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}.four-modules th{background:#f0f3eb;padding:11px;text-align:left}.four-modules td{padding:16px 11px;border-bottom:1px solid #dbe0da}.four-modules .store{min-width:150px}.four-modules td small{display:block;font-size:10px;margin-top:4px;color:#63756a}.four-modules .missing{color:#7b8780}.four-modules .platform-icon{display:inline-block;border-radius:4px;padding:3px 7px;background:#ecede4}.four-modules .delete{border:0;color:#b36959;background:#f9e7e0;border-radius:50%}.four-modules .avatar-missing{border:1px solid #dbe0da;padding:5px}.four-modules .pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px;font-size:12px}.four-modules .pagination input{width:35px}.four-modules .pagination button{padding:4px 8px;border:1px solid #dbe0da;background:white}.four-modules .totals{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid #dbe0da;padding:10px 0 25px;margin-bottom:16px}.four-modules .total{text-align:center}.four-modules .total strong{display:block;margin-top:8px;font-size:22px}@media(max-width:750px){.four-modules .totals{grid-template-columns:repeat(3,1fr);gap:15px}}

.four-modules .rank-comparison{min-width:0}.four-modules .rank-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:1px solid #dbe0da;padding:12px 0 22px}.four-modules .rank-summary>div{text-align:center;border-right:1px solid #e4e8df}.four-modules .rank-summary>div:last-child{border:0}.four-modules .rank-summary strong{display:block;font-size:25px;font-weight:600;margin:9px 0}.four-modules .rank-summary small{display:block;font-size:11px;color:#6d7a70}.four-modules .rank-period{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 0}.four-modules .rank-period button{padding:6px 14px;border:1px solid #cfd8cd;background:white;color:#526357}.four-modules .rank-period button[aria-pressed=true]{background:#263e3b;color:#fff}.four-modules .rank-period input{max-width:125px}.four-modules .rank-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.four-modules .rank-panel{min-width:0;border:1px solid #dbe0da;border-radius:6px;overflow:hidden}.four-modules .rank-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:14px;background:#f4f6f0;border-bottom:1px solid #dbe0da}.four-modules .rank-panel-head h2{font-size:15px;margin:0}.four-modules .rank-panel-head input{font-size:12px}.four-modules .rank-panels table{font-size:11px}.four-modules .rank-panels td,.four-modules .rank-panels th{padding:13px 8px}.four-modules .rank-shop{white-space:normal;min-width:120px;max-width:160px}.four-modules .rank-avatar{display:inline-grid;place-items:center;border:1px solid #e0e4dc;width:32px;height:32px;border-radius:4px}.four-modules .rank-change{font-size:10px;white-space:normal;min-width:65px}.four-modules .rank-change.up{color:#c24d43}.four-modules .rank-change.down{color:#26805e}.four-modules .rank-change.flat{color:#6c7b6e}@media(max-width:900px){.four-modules .rank-panels{grid-template-columns:1fr}.four-modules .rank-summary{grid-template-columns:repeat(3,1fr);gap:15px}}@media(max-width:520px){.four-modules .rank-summary{grid-template-columns:repeat(2,1fr)}.four-modules .rank-period{flex-wrap:wrap}.four-modules .rank-panel-head input{max-width:143px}}