:root{color:#18211d;background:#f6f8f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.appShell{min-height:100vh}.adminShell{min-height:100vh;padding:34px clamp(16px,4vw,48px) 48px}.adminHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;max-width:1180px;margin:0 auto 22px}.adminWorkspace{display:grid;gap:14px;max-width:1180px;margin:0 auto}.adminLoginPanel,.adminReferralCard{border:1px solid #dde5d8;border-radius:8px;background:#fff;box-shadow:0 10px 28px #16281e0f}.adminLoginPanel{display:grid;justify-items:start;gap:14px;max-width:520px;padding:22px}.adminLoginPanel svg{color:#236b56}.adminLoginPanel h2{margin-bottom:0}.adminPasswordRow{display:flex;align-items:center;width:100%;min-width:0;border:1px solid #cfd9c9;border-radius:8px;background:#fbfcfa;padding-left:12px}.adminPasswordRow input{width:100%;min-width:0;border:0;outline:0;background:transparent;padding:13px 12px}.adminPasswordRow button,.adminActions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border:0;border-radius:7px;background:#236b56;color:#fff;font-weight:800;white-space:nowrap}.adminPasswordRow button{margin:5px;padding:0 15px}.adminList{display:grid;gap:10px}.adminCheckPanel{display:grid;gap:10px;padding:14px;border:1px solid #cfd9c9;border-radius:8px;background:#fff;box-shadow:0 10px 28px #16281e0f}.adminCheckPanel h2{margin-bottom:4px;font-size:1.2rem}.adminCheckSummary{margin:0;color:#46534d;font-size:.92rem;font-weight:800}.adminCheckActions{display:flex;flex-wrap:wrap;gap:8px}.adminCheckActions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border-radius:7px;font-weight:800;white-space:nowrap;padding:0 12px}.adminCheckActions .availableButton{border:0;background:#236b56;color:#fff}.adminReferralCard{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px}.adminCardMeta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.adminCounts{margin:7px 0 0;color:#46534d;font-size:.86rem;font-weight:800}.adminActions{display:flex;justify-content:flex-end}.adminActions button{padding:0 12px}.adminActions .ghostButton{border:1px solid #cfd9c9;background:#fff;color:#344139}.adminActions .limitButton{background:#8f4c2f}.topBand{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);gap:32px;padding:44px clamp(18px,5vw,64px) 28px;background:#f1f4ed;border-bottom:1px solid #dce4d8}.intro{max-width:720px}.eyebrow{margin:0 0 12px;color:#31705c;font-size:.9rem;font-weight:800}h1,h2,p{margin-top:0}h1{margin-bottom:14px;font-size:clamp(2rem,4vw,4rem);line-height:1.05;letter-spacing:0}.lead{max-width:650px;margin-bottom:0;color:#46534d;font-size:1.08rem;line-height:1.7}.guidePanel{align-self:end;display:flex;gap:14px;padding:18px;border:1px solid #d9dfcf;border-radius:8px;background:#fffef8;color:#3f4732;line-height:1.65;box-shadow:0 14px 40px #192d1d14}.guidePanel svg{flex:0 0 auto;color:#b36a00;margin-top:4px}.guidePanel p{margin:0}.workspace{width:min(1240px,calc(100% - 36px));margin:0 auto;padding:28px 0 48px}.contentLayout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:22px;align-items:start}.referralBoard{min-width:0}.submitSidebar{position:sticky;top:18px;min-width:0}.submitPanel,.referralCard,.emptyState{border:1px solid #dde5d8;border-radius:8px;background:#fff;box-shadow:0 10px 28px #16281e0f}.submitPanel{display:grid;gap:18px;padding:22px}.panelHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.submitPanel h2{margin-bottom:6px;font-size:1.25rem}.submitPanel p{margin-bottom:0;color:#5a665f}.submitForm{display:grid;gap:10px}.checkReferralButton{display:inline-flex;align-items:center;justify-content:center;justify-self:start;gap:7px;min-height:42px;border:1px solid #cfd9c9;border-radius:7px;background:#fff;color:#236b56;font-weight:850;padding:0 14px;text-decoration:none}.checkReferralButton:hover{border-color:#236b56;background:#f3faf6}.submitForm label{color:#344139;font-size:.92rem;font-weight:800}.inputRow,.searchBox{display:flex;align-items:center;min-width:0;border:1px solid #cfd9c9;border-radius:8px;background:#fbfcfa}.inputRow{padding-left:12px}.inputRow svg,.searchBox svg{flex:0 0 auto;color:#5d766b}.inputRow input,.searchBox input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#18211d}.inputRow input{padding:14px 12px}.inputRow button,.cardActions button,.refreshButton{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:0;border-radius:7px;background:#236b56;color:#fff;font-weight:800;white-space:nowrap}.refreshButton{flex:0 0 auto;min-height:40px;border:1px solid #cfd9c9;background:#fff;color:#344139;padding:0 12px}.inputRow button{margin:5px;padding:0 18px}.message{width:fit-content;max-width:100%;padding:10px 12px;border-radius:7px;font-weight:700}.message.success{background:#e5f5ee;color:#1d654f}.message.error{background:#fff0ec;color:#a33b24}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.searchBox{flex:1 1 320px;gap:8px;padding:0 12px}.searchBox input{min-height:44px}.filterGroup{display:flex;flex-wrap:wrap;gap:8px}.filterGroup button{min-height:40px;border:1px solid #cfd9c9;border-radius:999px;background:#fff;color:#3d4a43;font-weight:800;padding:0 14px}.filterGroup button.active{border-color:#236b56;background:#236b56;color:#fff}.statsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.statsGrid div{min-height:76px;padding:14px;border:1px solid #dde5d8;border-radius:8px;background:#fff;color:#5b665f;font-weight:800}.statsGrid span{display:block;color:#17221d;font-size:1.7rem;line-height:1.1}.referralList{display:grid;gap:10px}.emptyState{display:grid;justify-items:center;padding:44px 18px;text-align:center}.emptyState svg{color:#236b56}.emptyState h2{margin:12px 0 8px}.emptyState p{color:#5a665f}.referralCard{display:grid;gap:6px;padding:9px 12px}.cardHeader,.voteSummary,.cardActions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.cardHeader{justify-content:space-between}.statusBadge{display:inline-flex;align-items:center;min-height:22px;border-radius:999px;padding:0 8px;font-size:.8rem;font-weight:900}.statusGood{background:#dbf3e9;color:#12624a}.statusNeutral{background:#fff3c7;color:#7a5600}.statusBad{background:#f3e2df;color:#91351f}.timestamp{color:#6d786f;font-size:.84rem;font-weight:700}.referralUrl{display:flex;align-items:center;gap:5px;min-width:0;color:#154fbd;font-size:.94rem;font-weight:750;overflow-wrap:anywhere;text-decoration-thickness:1px}.referralUrl svg{flex:0 0 auto}.voteSummary{color:#46534d;font-size:.86rem;font-weight:800}.voteSummary span{display:inline-flex;align-items:center;gap:4px}.voteSummary svg{width:14px;height:14px}.reviewNotice{margin:0;border-left:3px solid #b95337;padding:6px 8px;background:#fff4ef;color:#7c361d;font-size:.86rem;font-weight:750}.cardActions button{min-height:30px;padding:0 9px;gap:5px;font-size:.88rem}.cardActions svg{width:15px;height:15px}.cardActions .ghostButton{border:1px solid #cfd9c9;background:#fff;color:#344139}.cardActions .limitButton{background:#8f4c2f;color:#fff}@media(max-width:860px){.topBand{grid-template-columns:1fr;gap:20px}.contentLayout{grid-template-columns:1fr}.submitSidebar{position:static;order:-1}.toolbar{align-items:stretch;flex-direction:column}.statsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.topBand{padding-top:30px}.workspace{width:min(100% - 24px,1160px);padding-top:18px}.searchBox{flex-basis:auto;width:min(100%,280px);padding:0 10px}.searchBox input{min-height:36px;font-size:.92rem}.inputRow{align-items:stretch;flex-wrap:wrap;padding:10px}.inputRow svg{margin-top:12px}.inputRow input{flex:1 1 calc(100% - 34px);padding:12px 8px}.inputRow button{width:100%;margin:0}.checkReferralButton{width:100%}.panelHeader{align-items:stretch;flex-direction:column}.refreshButton{width:100%}.filterGroup button,.cardActions button{flex:1 1 auto}.statsGrid{grid-template-columns:1fr 1fr;gap:8px}.adminHeader,.adminReferralCard{grid-template-columns:1fr}.adminHeader{flex-direction:column}.adminPasswordRow{align-items:stretch;flex-wrap:wrap;padding:10px}.adminPasswordRow input{flex:1 1 calc(100% - 32px);padding:10px 8px}.adminPasswordRow button,.adminActions button,.adminCheckActions button{width:100%}.adminPasswordRow button{margin:0}}
