.hakim-referrals{--hr-navy:#092637;--hr-gold:#f0d48a;--hr-teal:#58e2cd;box-sizing:border-box;background:linear-gradient(125deg,#0c3043,#061c2d);color:#edf8fc;padding:clamp(18px,3vw,30px);border:1px solid #315465;border-radius:22px;margin-block:24px;font-family:Cairo,system-ui,sans-serif;line-height:1.8;text-align:start;overflow-wrap:anywhere}
.hakim-referrals *{box-sizing:border-box}.hakim-referrals h2,.hakim-referrals h3,.hakim-referrals strong,.hakim-referrals label{color:#f5fbff!important;margin:0}.hakim-referrals p,.hakim-referrals li,.hakim-referrals small{color:#c7dce6!important}.hakim-referrals .hr-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.hakim-referrals .hr-heading h2{font-size:clamp(20px,3vw,27px)}.hakim-referrals .hr-kicker{color:var(--hr-teal);font-size:12px;letter-spacing:2px;font-weight:800}.hakim-referrals .hr-reward{display:flex;flex-direction:column;text-align:center;color:var(--hr-gold);font-size:32px;font-weight:800;white-space:nowrap}.hakim-referrals .hr-reward small{font-size:12px}.hakim-referrals .hr-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.hakim-referrals .hr-stats article{background:#0f3548;border:1px solid #35586a;padding:14px;border-radius:14px}.hakim-referrals .hr-stats b{display:block;color:#fff;font-size:25px;font-variant-numeric:tabular-nums}.hakim-referrals .hr-stats span{font-size:12px;color:#c7dce6}.hakim-referrals input,.hakim-referrals select{background:#061c2d!important;color:#effbff!important;border:1px solid #52717e!important;border-radius:10px;padding:12px;max-width:100%;font:inherit}.hakim-referrals .hr-link-label{display:block}.hakim-referrals .hr-link-label input{display:block;width:100%;margin:8px 0 12px;font:14px system-ui}.hakim-referrals .hr-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.hakim-referrals button,.hakim-referrals .hr-actions a{border:1px solid #54747f!important;background:#153e4c!important;color:#eafaff!important;padding:9px 16px;border-radius:10px;font:700 14px Cairo,system-ui;cursor:pointer;text-decoration:none;min-height:44px}.hakim-referrals button[data-ref-copy]{background:#64e1c9!important;color:#062732!important;border-color:#64e1c9!important}.hakim-referrals button:disabled{opacity:.5;cursor:default}.hakim-referrals :is(button,a,input,select):focus-visible{outline:3px solid var(--hr-gold);outline-offset:3px}.hakim-referrals .hr-rules{margin:18px 0;padding:14px;background:#102d3e;border-radius:12px;color:#eefaff}.hakim-referrals summary{cursor:pointer;font-weight:700}.hakim-referrals li{margin-block:8px}.hakim-referrals .hr-row{display:flex;justify-content:space-between;gap:14px;padding:16px 0;border-bottom:1px solid #315263;align-items:center}.hakim-referrals .hr-row small{display:block;font-size:12px}.hakim-referrals .hr-success{color:#6af0b6;font-size:22px;white-space:nowrap}.hakim-referrals .hr-muted{color:#c6cdd5;font-size:13px}.hakim-referrals .hr-warning{border-inline-start:3px solid var(--hr-gold);padding:12px;background:#453d26;color:#ffe8b1!important}.hakim-referrals [data-ref-message]{min-height:1.8em;margin:6px 0}.hakim-referrals .hr-history{margin-bottom:16px}.hr-admin-shell{max-width:1160px;margin:auto;padding:20px}.hr-admin-body{background:#061b2a;color:#eafaff;margin:0;font-family:Cairo,system-ui}.hr-admin-body a{color:#70e7d1}.hakim-referrals .hr-table-wrap{overflow:auto;margin:22px 0}.hakim-referrals table{border-collapse:collapse;min-width:760px;width:100%;font-size:13px}.hakim-referrals th,.hakim-referrals td{text-align:start;padding:12px;border-bottom:1px solid #315465;vertical-align:top;color:#edf8fc}.hakim-referrals td small{display:block}.hakim-referrals .hr-admin-form{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.hakim-referrals .hr-admin-form input{flex:1;min-width:150px}@media(max-width:600px){.hakim-referrals .hr-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hakim-referrals .hr-heading{align-items:start}.hakim-referrals .hr-reward{font-size:26px}.hakim-referrals .hr-actions{gap:8px}.hakim-referrals button,.hakim-referrals .hr-actions a{padding:9px 12px}.hr-admin-shell{padding:12px}}