.bonuses-page h1{font-size:23px!important}.bon-status{display:flex;gap:15px;align-items:center;border:1px solid #30343b;border-left:3px solid #bfa057;background:#101216;border-radius:6px;padding:17px;margin:18px 0 14px}.bon-status>span{font-size:25px;color:#e2ce9c}.bon-status strong{font-size:14px}.bon-status p{font-size:12px;color:#92a2b7;margin:7px 0 0}.bon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:14px;align-items:start;min-height:230px}.bon-card{border:1px solid #292e36;background:#101216;border-radius:7px;padding:16px;max-width:390px}.bon-card header{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:16px}.bon-card h2{font-size:14px;margin:0}.bon-badge{font-size:10px;color:#d6bc7c;border-radius:15px;background:#373020;padding:4px 9px;white-space:nowrap}.bon-badge.issued,.bon-badge.approved,.bon-badge.completed{color:#66c68e;background:#193326}.bon-badge.rejected,.bon-badge.expired{color:#ec8a8d;background:#3a2229}.bon-details summary{font-size:12px;color:#d0d8e4;cursor:pointer}.bon-details div{font-size:12px;line-height:1.8;color:#9daabd}.bon-terms{white-space:pre-wrap}.bon-amount{display:block;font-size:22px;color:#dce6f3;margin:18px 0 10px}.bon-amount small{font-size:13px;color:#c1ad76}.bon-progress{height:7px;background:#31343a;border-radius:10px;overflow:hidden}.bon-progress span{display:block;height:100%;width:0;background:#c5a55e}.bon-progress-caption{font-size:11px;color:#94a0b1}.bon-card dl{font-size:12px}.bon-card dl>div{display:flex;justify-content:space-between;gap:12px;margin:9px 0}.bon-card dt{color:#8f9eb1}.bon-card dd{margin:0;color:#d0d9e7}.bon-turnover{margin-top:18px}.bon-turnover summary{font-size:12px;color:#c0a05a;cursor:pointer}.bon-scroll{overflow:auto;margin-top:12px}.bon-scroll table{width:100%;border-collapse:collapse;font-size:11px;color:#a6b4c5}.bon-scroll th,.bon-scroll td{text-align:left;padding:9px 5px;border-bottom:1px solid #2d3038;white-space:nowrap}.bon-explainer{border:1px solid #30343b;background:#101216;border-radius:6px;padding:17px;margin-top:16px}.bon-explainer h2{font-size:14px;margin:0 0 12px}.bon-explainer p{font-size:12px;color:#92a2b6;line-height:1.9;margin:8px 0}.bon-empty{grid-column:1/-1;text-align:center;border:1px solid #30343b;border-radius:7px;background:#101216;padding:38px 20px}.bon-empty>span{font-size:35px;color:#c7a65b}.bon-empty h2{font-size:17px}.bon-empty p{font-size:13px;color:#91a0b4}.bon-empty button{margin-top:12px;padding:10px 16px;border:1px solid #9c7b3e;border-radius:6px;background:#c5a45f;color:#14171c}.bon-loading,.bon-error{padding:25px;color:#c4b37d}@media(max-width:600px){.bon-grid{grid-template-columns:1fr}.bon-card{max-width:none}.bon-status{align-items:start}.bon-explainer{padding:15px}}