:root{--ccfrp-blue:#15549b;--ccfrp-deep:#0f3e75;--ccfrp-bg:#f5f7fb;--ccfrp-card:#fff;--ccfrp-text:#1f2937;--ccfrp-muted:#6b7280;--ccfrp-border:#e5e7eb;--ccfrp-good:#0f8a5f;--ccfrp-warn:#9a6700;--ccfrp-bad:#b42318}
.ccfrp-shell{max-width:1240px;margin:24px auto;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ccfrp-text);box-sizing:border-box}.ccfrp-shell *{box-sizing:border-box}.ccfrp-brand{display:flex;align-items:center;gap:11px}.ccfrp-brandmark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--ccfrp-blue),#2e7fd0);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 7px 18px rgba(21,84,155,.18)}.ccfrp-brand strong,.ccfrp-brand span{display:block}.ccfrp-brand span{font-size:12px;color:var(--ccfrp-muted)}
.ccfrp-guest{max-width:980px;padding:28px}.ccfrp-auth-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:22px;margin-top:28px}.ccfrp-auth-card,.ccfrp-card,.ccfrp-program{background:var(--ccfrp-card);border:1px solid var(--ccfrp-border);border-radius:18px;padding:22px;box-shadow:0 10px 28px rgba(31,41,55,.05)}.ccfrp-auth-card h2,.ccfrp-card h3,.ccfrp-program h3{margin:0 0 6px}.ccfrp-auth-card p,.ccfrp-card p,.ccfrp-program p{color:var(--ccfrp-muted)}
.ccfrp-shell label{display:block;font-size:13px;font-weight:650;margin:13px 0 5px}.ccfrp-shell input,.ccfrp-shell select,.ccfrp-shell textarea{width:100%;border:1px solid #d7dce3;border-radius:11px;padding:11px 12px;background:#fff;font:inherit;color:var(--ccfrp-text);outline:none}.ccfrp-shell input:focus,.ccfrp-shell select:focus,.ccfrp-shell textarea:focus{border-color:#6ba5dc;box-shadow:0 0 0 3px rgba(21,84,155,.09)}.ccfrp-shell input[readonly]{background:#f3f4f6}.ccfrp-check{display:flex!important;gap:9px;align-items:flex-start;font-weight:500!important;line-height:1.4}.ccfrp-check input{width:auto!important;margin-top:3px}.ccfrp-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cbd5e1;background:#fff;color:var(--ccfrp-text);border-radius:10px;padding:10px 15px;text-decoration:none!important;font-weight:700;cursor:pointer}.ccfrp-btn.primary{background:var(--ccfrp-blue);border-color:var(--ccfrp-blue);color:#fff}.ccfrp-btn.tiny{padding:6px 9px;font-size:12px}.ccfrp-auth-card .ccfrp-btn{width:100%;margin-top:10px}.ccfrp-small-link{display:block;text-align:center;margin-top:10px;font-size:13px}
.ccfrp-alert{padding:13px 16px;border-radius:12px;margin:16px 0;border:1px solid}.ccfrp-alert.good{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.ccfrp-alert.warn{background:#fffbeb;border-color:#fde68a;color:#854d0e}.ccfrp-alert.error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.ccfrp-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 19px;background:#fff;border:1px solid var(--ccfrp-border);border-radius:18px;margin-bottom:15px}.ccfrp-user{display:flex;gap:13px;align-items:center;font-size:13px}.ccfrp-user a{color:var(--ccfrp-blue)}.ccfrp-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px}.ccfrp-nav{background:#fff;border:1px solid var(--ccfrp-border);border-radius:18px;padding:10px;height:max-content;position:sticky;top:20px}.ccfrp-nav a{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;color:#4b5563;font-weight:650;font-size:14px}.ccfrp-nav a.active{background:#edf5ff;color:var(--ccfrp-blue)}.ccfrp-main{min-width:0}.ccfrp-pagehead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:4px 0 16px}.ccfrp-pagehead h1{margin:0;font-size:27px}.ccfrp-pagehead p{margin:5px 0 0;color:var(--ccfrp-muted)}
.ccfrp-wallet-hero{border-radius:20px;padding:24px;background:linear-gradient(135deg,#0f3e75,#1b67ae);color:#fff;display:flex;justify-content:space-between;gap:20px;box-shadow:0 14px 30px rgba(15,62,117,.18)}.ccfrp-wallet-hero span{display:block;opacity:.8;font-size:12px}.ccfrp-wallet-hero strong{display:block;font-size:34px;margin-top:3px}.ccfrp-wallet-hero>div:last-child{display:grid;grid-template-columns:auto auto;gap:3px 20px;text-align:right;align-content:center}.ccfrp-wallet-hero b{font-size:17px}.ccfrp-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:14px 0}.ccfrp-stat{background:#fff;border:1px solid var(--ccfrp-border);border-radius:15px;padding:16px}.ccfrp-stat span{display:block;font-size:12px;color:var(--ccfrp-muted);margin-bottom:6px}.ccfrp-stat strong{font-size:20px}.ccfrp-card{margin-bottom:14px}.ccfrp-card.narrow{max-width:670px}.ccfrp-program-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ccfrp-program-bank{text-transform:uppercase;font-size:11px;letter-spacing:.08em;font-weight:800;color:var(--ccfrp-blue);margin-bottom:7px}.ccfrp-commission{display:flex;justify-content:space-between;align-items:end;background:#f7fbff;border-radius:12px;padding:12px;margin:13px 0}.ccfrp-commission span{font-size:12px;color:var(--ccfrp-muted)}.ccfrp-commission strong{font-size:20px;color:var(--ccfrp-deep)}.ccfrp-linkbox{display:flex;gap:8px;align-items:center;background:#f3f4f6;border-radius:10px;padding:8px}.ccfrp-linkbox code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px}.ccfrp-copy{border:0;background:#fff;border-radius:8px;padding:6px 9px;cursor:pointer}.ccfrp-actions{margin-top:12px}.ccfrp-note{background:#f8fafc;border-left:3px solid var(--ccfrp-blue);padding:11px 13px;border-radius:8px;color:#475569;font-size:13px;margin:13px 0}.ccfrp-empty{padding:30px;text-align:center;color:var(--ccfrp-muted);background:#fff;border:1px dashed #cbd5e1;border-radius:14px}
.ccfrp-tablewrap{overflow:auto}.ccfrp-table{width:100%;border-collapse:collapse;font-size:13px}.ccfrp-table th{text-align:left;color:var(--ccfrp-muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:9px;border-bottom:1px solid var(--ccfrp-border)}.ccfrp-table td{padding:11px 9px;border-bottom:1px solid #eef1f5;vertical-align:top}.ccfrp-table td small{display:block;color:var(--ccfrp-muted);margin-top:3px}.ccfrp-badge{display:inline-block;border-radius:999px;background:#eef5fd;color:#1d5b97;padding:4px 8px;font-size:11px;font-weight:700}.ccfrp-table .pos{color:var(--ccfrp-good);font-weight:700}.ccfrp-table .neg{color:var(--ccfrp-bad);font-weight:700}.ccfrp-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ccfrp-notice-row{padding:14px 2px;border-bottom:1px solid #edf0f4}.ccfrp-notice-row.unread{border-left:3px solid var(--ccfrp-blue);padding-left:12px}.ccfrp-notice-row p{margin:4px 0}.ccfrp-notice-row small{color:var(--ccfrp-muted)}.ccfrp-shell hr{border:0;border-top:1px solid var(--ccfrp-border);margin:22px 0}
@media(max-width:900px){.ccfrp-shell{margin:10px}.ccfrp-layout{grid-template-columns:1fr}.ccfrp-nav{position:static;display:flex;overflow:auto;white-space:nowrap}.ccfrp-nav a{flex:0 0 auto}.ccfrp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ccfrp-program-grid,.ccfrp-two,.ccfrp-auth-grid{grid-template-columns:1fr}.ccfrp-wallet-hero{flex-direction:column}.ccfrp-wallet-hero>div:last-child{text-align:left}.ccfrp-pagehead{align-items:center}.ccfrp-pagehead h1{font-size:23px}}
@media(max-width:540px){.ccfrp-shell{margin:0}.ccfrp-app .ccfrp-topbar,.ccfrp-nav,.ccfrp-main{border-radius:0}.ccfrp-topbar{border-left:0;border-right:0}.ccfrp-user span{display:none}.ccfrp-wallet-hero{border-radius:14px}.ccfrp-stats{grid-template-columns:repeat(2,1fr)}.ccfrp-pagehead{padding:0 4px}.ccfrp-auth-card,.ccfrp-card,.ccfrp-program{padding:16px}.ccfrp-guest{padding:18px 10px}.ccfrp-main{padding:0 3px}}