:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#183a36;background:#f3f6f3;font-synthesis:none;--ink:#183a36;--muted:#607c6e;--line:#e1eae4;--teal:#17796e;--shadow:0 16px 42px rgba(28,65,47,.055)}
*{box-sizing:border-box}body{margin:0;min-width:320px}[hidden]{display:none!important}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}input,button{color:inherit}input:focus-visible,button:focus-visible{outline:3px solid #9cdbca;outline-offset:3px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}h1,h2,p{margin:0}.eyebrow{display:block;font-size:12px;letter-spacing:.12em;font-weight:800;color:#258b7f}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:13px;color:#123b35;background:#91ddc7;font-size:34px;line-height:1}.brand strong{display:block;font-size:18px;letter-spacing:.015em}.brand small{display:block;margin-top:3px;font-size:12px;letter-spacing:.06em;color:#afd2c9}.signal-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#77d6b4;box-shadow:0 0 0 4px rgba(119,214,180,.1)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:750;white-space:nowrap;transition:background .18s,border-color .18s,box-shadow .18s}.button.primary{color:#fff;background:linear-gradient(110deg,#197c71,#14675e);box-shadow:0 7px 18px #197c7120}.button.primary:hover:not(:disabled){background:#16685f;box-shadow:0 9px 20px #197c7135}.button.secondary{border-color:#dce9e1;color:#35665b;background:#fff}.button.secondary:hover:not(:disabled){background:#f3f9f5;border-color:#acccbc}.button.full{width:100%;justify-content:space-between}.button.small{min-height:34px;padding:0 12px;font-size:13px}
.login-shell{display:grid;grid-template-columns:minmax(360px,48%) 1fr;min-height:100vh;background:#fafcf9}.login-story{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:50px;padding:clamp(30px,5vw,70px);color:#eefaf5;background:radial-gradient(ellipse at 85% 15%,#31716685,transparent 55%),#163d3b}.login-story:before,.login-story:after{content:"";position:absolute;width:620px;height:620px;border:1px solid #b6f2dc17;border-radius:50%;right:-330px;bottom:-290px;pointer-events:none}.login-story:after{width:390px;height:390px;right:-240px;bottom:-150px}.login-story>*{position:relative;z-index:1}.story-copy{padding:40px 0}.story-copy .eyebrow{color:#90d8c0}.story-copy h1{font-size:clamp(42px,4.5vw,68px);line-height:1.22;letter-spacing:-.045em;margin:24px 0}.story-copy p{font-size:14px;color:#a6c9bd;line-height:1.9}.story-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.story-pills span{font-size:13px;padding:8px 12px;border-radius:100px;border:1px solid #6daa902d;color:#b5d6c8;background:#ffffff05}.story-footer{display:flex;align-items:center;gap:10px;font-size:13px;color:#b1cabc}.login-panel{display:flex;align-items:center;justify-content:center;padding:45px 26px}.login-card{width:min(100%,390px)}.login-monogram{display:grid;place-items:center;width:52px;height:52px;background:#e8f5eb;color:#27836b;border-radius:16px;font-size:27px;margin-bottom:28px}.login-card h2{font-size:32px;letter-spacing:-.05em;margin:10px 0 12px}.login-card>p{font-size:13px;color:var(--muted);margin-bottom:30px}.login-card form label{display:block;font-size:14px;color:#57786a;font-weight:700;margin:19px 0 8px}.login-card input{width:100%;height:45px;border:1px solid #dbe7dc;border-radius:9px;background:#fff;padding:0 13px;font-size:13px}.login-card input:focus{border-color:#7abd9f}.login-card .button{margin-top:23px;padding:0 18px;min-height:45px}.login-footnote{display:block;margin-top:28px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;line-height:1.7;color:#68816f}.form-error{color:#b35937;font-size:14px;line-height:1.6;margin-top:12px}
.app-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px max(24px,calc((100vw - 1320px)/2));background:linear-gradient(100deg,#143b39,#1f5149);color:#fff}.app-header .brand-mark{width:39px;height:39px;border-radius:11px;font-size:30px}.app-header .brand strong{font-size:17px}.header-actions{display:flex;gap:10px;align-items:center}.sync-status{display:flex;align-items:center;gap:9px;margin-right:10px;font-size:13px;color:#b4d7c9;white-space:nowrap}.header-button{border-color:#ffffff23;background:#ffffff08;color:#d6eee3;min-height:36px;padding:0 12px;font-size:13px}.header-button:hover:not(:disabled){background:#ffffff12}.header-button svg{width:15px;height:15px}.workspace{max-width:1320px;margin:0 auto;padding:37px 24px 26px}.welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.welcome h1{font-size:28px;letter-spacing:-.045em;margin:8px 0 9px;line-height:1.35}.welcome p{font-size:14px;line-height:1.7;color:#607968}.account-tag{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #dae9dc;background:#eaf3e9;color:#64836c;font-size:13px;border-radius:100px}.account-tag .signal-dot{width:6px;height:6px;background:#75ad80;box-shadow:none}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px}.metric-card{position:relative;overflow:hidden;background:#fff;border:1px solid #e1eae2;padding:21px 23px;border-radius:15px;box-shadow:var(--shadow)}.metric-card>span{display:block;font-size:13px;color:#5a7462;font-weight:650}.metric-card>strong{display:block;font-size:35px;line-height:1.1;letter-spacing:-.04em;margin:15px 0 7px;font-variant-numeric:tabular-nums;color:#284e40;overflow-wrap:anywhere}.metric-card>small{display:block;font-size:12px;color:#667c69}.metric-card.warning>strong{color:#ad8342}.metric-card.accent{background:#1e6b59;border-color:#1e6b59}.metric-card.accent>strong{color:#fff}.metric-card.accent>span{color:#c6e7d5}.metric-card.accent>small{color:#cee9d5}.metric-card.accent:after{content:"";position:absolute;width:130px;height:130px;border:24px solid #ffffff06;border-radius:50%;right:-55px;top:48px;pointer-events:none}.workspace-tabs{display:flex;align-items:center;gap:6px;width:100%;padding:5px;background:#eaf0e8;border:1px solid #e1e9dd;border-radius:13px;margin-bottom:21px}.workspace-tab{display:flex;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:0 20px;flex:1;background:transparent;border:0;border-radius:9px;color:#719079;font-size:14px;font-weight:750;transition:background .2s,box-shadow .2s,color .2s}.workspace-tab svg{width:17px;height:17px}.workspace-tab.active{background:#fff;box-shadow:0 3px 12px #1e533316;color:#236b53}.workspace-panel{animation:panel-in .22s ease-out}.surface{min-width:0;overflow:hidden;border:1px solid #e0e9df;border-radius:17px;background:#fff;box-shadow:var(--shadow)}.issue-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.6fr);gap:21px;align-items:stretch}.section-title{padding:25px 25px 0}.section-title h2{font-size:18px;letter-spacing:-.025em;margin:9px 0 7px;line-height:1.4}.section-title p{font-size:13px;color:#687e69;line-height:1.8}.issue-form{display:grid;gap:17px;padding:22px 25px 25px}.issue-form label{display:block;font-size:13px;color:#62816e;font-weight:700}.issue-form input{display:block;width:100%;min-height:43px;padding:10px 12px;margin-top:8px;border:1px solid #dce7dd;border-radius:9px;background:#fbfcfa;font-size:13px}.issue-form input[readonly]{background:#f0f4ef;color:#8b9e8c}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.optional{margin-left:6px;color:#728570;font-weight:400;font-size:12px}.issue-preview{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid #d9e9dc;border-radius:10px;background:#eff7ed}.issue-preview>span{font-size:13px;color:#749177}.issue-preview>strong{font-size:14px;color:#32764e}.issue-preview strong span{font-size:24px;margin-right:4px;font-variant-numeric:tabular-nums}.form-hint{font-size:12px;color:#647d63;line-height:1.7;min-height:34px}.form-hint.warning{color:#af8545}.issue-form .button{min-height:43px;margin-top:-4px}.result-surface{display:flex;flex-direction:column}.result-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:260px;color:#7fb194;padding:35px 20px}.result-empty svg{width:74px;height:74px;stroke:#8bb49a;stroke-width:1.4;fill:#eff7ee;margin-bottom:20px}.result-empty strong{font-size:14px;color:#75947b}.result-empty span{margin-top:7px;font-size:13px;color:#73886c}.new-card-list{display:grid;gap:9px;overflow:auto;max-height:280px;padding:22px 25px 10px;flex:1}.new-card{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding:13px 14px;border:1px dashed #c7ddc7;background:#f7faf3;border-radius:9px}.new-card code{flex:1;min-width:180px;font-family:Consolas,monospace;font-size:13px;color:#3b7359;overflow-wrap:anywhere}.new-card>span{font-size:13px;color:#869c80}.copy-button{border:1px solid #d8e6d7;border-radius:7px;background:#fff;color:#648b69;font-size:13px;padding:6px 10px;white-space:nowrap}.copy-button:hover:not(:disabled){background:#f1f8ee}.result-actions{display:flex;justify-content:flex-end;gap:10px;padding:18px 25px 25px}
.card-history{margin-top:23px}.history-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:25px;border-bottom:1px solid #eef2ea}.history-heading h2{font-size:18px;margin:8px 0}.history-heading p{font-size:13px;color:#607b62;line-height:1.6}.history-actions{display:flex;gap:8px}.history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 25px;border-bottom:1px solid #edf1e9}.search-box{display:flex;gap:9px;align-items:center;width:300px;max-width:100%;padding:9px 11px;border:1px solid #e0e8db;border-radius:9px;background:#fbfcf9}.search-box svg{width:16px;height:16px;color:#6f8964;flex:none}.search-box input{border:0;outline:0;background:transparent;width:100%;min-width:0;font-size:14px}.history-toolbar>small{white-space:nowrap;font-size:12px;color:#687e60}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #edf1ea;padding:14px 20px;font-size:13px;vertical-align:middle}th{color:#657d5d;background:#fafcf8;font-weight:700;font-size:12px;white-space:nowrap}td{color:#506c4e}td code{font-family:Consolas,monospace;font-size:14px;color:#456b51;white-space:nowrap}td strong{color:#51714e;font-size:14px}tbody tr:last-child td{border-bottom:0}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:100px;font-size:12px;color:#817327;background:#f4f1db;white-space:nowrap}.status-badge.activated{background:#eaf4e4;color:#739557}.status-badge.disabled{background:#f2eee7;color:#7d715f}.empty-state{padding:38px 22px;text-align:center;font-size:14px;color:#687e60;line-height:1.8}.load-more{display:flex;justify-content:center;padding:16px;border-top:1px solid #edf1ea}.records-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.record-list{padding:13px 25px 20px}.record-item{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid #edf2e9}.record-item:last-child{border-bottom:0}.record-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;color:#7b9d6f;background:#f0f5e9;font-size:21px}.record-item>div{min-width:0;flex:1}.record-item strong{font-size:14px;color:#647e58}.record-item small{display:block;font-size:12px;color:#6e8262;margin-top:4px}.record-item p{font-size:13px;color:#637c54;line-height:1.6;margin-top:6px;overflow-wrap:anywhere}.record-item>b{flex:none;font-size:14px;color:#8aa167;white-space:nowrap}.record-item>b.settled{color:#3f9971}.workspace-footer{display:flex;justify-content:space-between;gap:14px;padding:25px 0 0;color:#657b59;font-size:12px;line-height:1.7}.toast-region{position:fixed;z-index:100;right:22px;bottom:22px;max-width:min(420px,calc(100vw - 28px));display:grid;gap:9px}.toast{font-size:14px;line-height:1.7;background:#fff;color:#476746;border:1px solid #ccdfc4;border-left:4px solid #479665;border-radius:10px;box-shadow:0 14px 50px #1c47231f;padding:13px 17px}.toast.error{color:#9a784a;border-color:#e6d8bd;border-left-color:#c8a465}
@keyframes panel-in{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.issue-layout{grid-template-columns:1fr 1.2fr}.metric-card{padding:18px}.metric-card>strong{font-size:30px}.cards-table{min-width:780px}.login-shell{grid-template-columns:minmax(300px,43%) 1fr}}
@media(max-width:720px){.login-shell{grid-template-columns:1fr}.login-story{padding:23px 24px;gap:14px;min-height:245px}.login-story .brand strong{font-size:16px}.login-story .brand-mark{width:35px;height:35px;font-size:28px}.story-copy{padding:14px 0 8px}.story-copy h1{font-size:31px;margin:12px 0;line-height:1.2}.story-copy p,.story-pills,.story-footer{display:none}.login-panel{padding:32px 25px;min-height:calc(100vh - 245px)}.login-monogram{display:none}.login-card h2{font-size:27px}.app-header{padding:16px 18px}.app-header .brand strong{font-size:14px}.app-header .brand small{font-size:9px}.header-actions{gap:7px}.sync-status{display:none}.header-button{min-height:34px;padding:0 9px}.app-header .brand-mark{width:33px;height:33px;font-size:26px;border-radius:10px}.workspace{padding:24px 16px}.welcome{gap:12px;align-items:flex-start;margin-bottom:21px}.welcome h1{font-size:22px}.welcome p{font-size:11px;max-width:250px}.account-tag{font-size:10px;padding:7px 10px;margin-top:14px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:21px}.metric-card{padding:17px 18px;border-radius:13px}.metric-card>strong{font-size:30px;margin:11px 0 5px}.metric-card>span{font-size:10px}.metric-card>small{font-size:9px;line-height:1.5}.workspace-tabs{padding:4px;margin-bottom:18px}.workspace-tab{padding:0 9px;font-size:11px;gap:6px;min-height:40px}.workspace-tab svg{width:15px;height:15px}.issue-layout{grid-template-columns:1fr;gap:17px}.section-title{padding:22px 20px 0}.section-title h2{font-size:17px}.issue-form{padding:19px 20px 22px}.result-empty{min-height:200px;padding:25px}.result-empty svg{width:61px;height:61px;margin-bottom:14px}.new-card-list{padding:20px 18px 5px}.new-card{gap:8px;padding:12px}.new-card code{font-size:12px}.result-actions{padding:16px 18px 20px}.history-heading{padding:21px 20px;align-items:flex-start;flex-wrap:wrap}.history-heading h2{font-size:17px}.history-actions{width:100%;justify-content:flex-end}.history-toolbar{padding:14px 19px;gap:10px}.search-box{width:100%}.records-layout{grid-template-columns:1fr;gap:18px}.record-list{padding:10px 20px 18px}.workspace-footer{font-size:9px;flex-wrap:wrap;padding-top:22px}.toast-region{bottom:13px;right:13px}.cards-table{min-width:0}.cards-table thead{display:none}.cards-table tbody{display:grid;padding:0 18px 18px;gap:13px}.cards-table tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e1eadc;border-radius:11px;padding:12px 13px;gap:9px 14px;background:#fcfdf9}.cards-table td{padding:0;border:0;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;font-size:10px}.cards-table td:before{content:attr(data-label);color:#738867;font-size:9px;flex:none}.cards-table td:first-child{grid-column:1 / -1;display:block;padding-bottom:10px;border-bottom:1px solid #e9eee3}.cards-table td:first-child:before{display:none}.cards-table td code{display:block;white-space:normal;overflow-wrap:anywhere;font-size:12px}.cards-table td:nth-child(3){grid-column:1 / -1;overflow-wrap:anywhere}.cards-table td:nth-child(5){grid-column:1 / -1}.cards-table td:last-child{grid-column:1 / -1;justify-content:flex-end;padding-top:3px}.cards-table td:last-child:before{display:none}.cards-table .copy-button{min-height:31px}}
@media(max-width:390px){.workspace{padding-inline:12px}.welcome .account-tag{padding:6px 8px;font-size:9px;max-width:100px;overflow-wrap:anywhere}.metric-card{padding:15px}.metric-card>strong{font-size:27px}.header-button span{display:none}.header-actions{gap:5px}.history-toolbar>small{font-size:9px}.search-box input{font-size:11px}.new-card code{min-width:190px}.new-card>span{margin-left:auto}.cards-table tr{grid-template-columns:1fr}.cards-table td{grid-column:1!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-width:720px){.eyebrow,.app-header .brand small,.metric-card>small,.history-toolbar>small,.workspace-footer,.cards-table th,.cards-table td,.cards-table td:before,.status-badge,.optional{font-size:11px}.welcome p,.workspace-tab,.section-title p,.history-heading p,.form-hint,.record-item p,.record-item small,.issue-form label,.copy-button,.search-box input,.new-card>span{font-size:12px}.metric-card>span{font-size:12px}.cards-table td strong{font-size:12px}.account-tag{font-size:11px}}

/* Card operations keep all writes explicit, with small record pages. */
img.brand-mark { display:block; object-fit:contain; padding:0; border:0; background:transparent; box-shadow:0 4px 12px rgba(31,111,88,.11); }
.load-more { gap:14px; align-items:center; color:#60728a; font-size:13px; }
.cell-sub { display:block; font-size:11px; color:#7a8da5; margin-top:5px; }
.card-row-actions { display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
.danger-text { color:#b04450; border-color:#f0d6dc; }
.card-dialog { width:min(500px,calc(100vw - 28px)); max-height:90vh; overflow:auto; padding:25px; border:1px solid #dce6f4; border-radius:18px; color:#20334e; box-shadow:0 25px 100px #12284440; }
.card-dialog::backdrop { background:#13244166; backdrop-filter:blur(4px); }
.dialog-heading { display:flex; justify-content:space-between; align-items:center; gap:15px; margin-bottom:15px; }
.dialog-heading h2 { font-size:21px; }
.dialog-close { width:32px; height:32px; border:0; border-radius:8px; background:#f1f5fa; font-size:22px; }
.card-dialog label { display:block; font-size:13px; font-weight:700; margin-top:20px; }
.card-dialog input { display:block; width:100%; margin-top:8px; padding:12px; border:1px solid #dce6f4; border-radius:9px; background:#fbfdff; }
.card-dialog input[readonly] { background:#eef2f7; }
#agentCardActionLabel { font-size:13px; line-height:1.7; overflow-wrap:anywhere; color:#66809b; }
.card-dialog .form-hint { margin-top:16px; color:#776b49; }
.dialog-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:24px; }
.button.danger { background:#b94455; color:white; }
@media(max-width:720px) { .card-dialog { padding:21px; } .cards-table td:nth-child(2) { flex-wrap:wrap; } .card-row-actions { width:100%; justify-content:flex-end; } }

.agent-referral-card { display:grid; grid-template-columns:minmax(220px,1fr) minmax(280px,1.1fr) minmax(205px,.7fr); align-items:center; gap:24px; margin:0 0 24px; padding:24px; border:1px solid #cbe4d7; border-radius:17px; background:linear-gradient(105deg,#f2faf4,#e5f5ed); box-shadow:0 9px 30px #235f4610; }
.agent-referral-copy h2 { font-size:19px; margin:8px 0; color:#235846; }
.agent-referral-copy p { color:#668875; font-size:12px; line-height:1.8; }
.agent-referral-code { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.agent-referral-code code { display:block; color:#1c6851; font-family:Consolas,monospace; font-size:clamp(17px,1.7vw,21px); letter-spacing:.04em; font-weight:800; }
.agent-referral-code small { flex-basis:100%; color:#638671; font-size:12px; }
.agent-referral-credit { padding-left:24px; border-left:1px solid #cce3d3; }
.agent-referral-credit>span { display:block; color:#567862; font-size:12px; }
.agent-referral-credit>strong { display:block; color:#236548; font-size:30px; margin:7px 0; font-variant-numeric:tabular-nums; }
.agent-referral-credit>strong small { font-size:13px; font-weight:600; margin-left:6px; }
.agent-referral-credit>small { display:block; color:#67816e; font-size:12px; line-height:1.7; }
#agentReferralCount { color:#62836e; font-size:13px; }
.agent-referral-tiers { margin-top:9px; color:#48785f; font-size:12px; }
.agent-referral-tiers summary { cursor:pointer; font-weight:700; }
#agentReferralTiers { display:grid; gap:7px; margin-top:10px; }
#agentReferralTiers>div { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; padding:8px 10px; background:#ffffff70; border:1px solid #d2e8da; border-radius:8px; }
@media(max-width:1000px) { .agent-referral-card { grid-template-columns:1fr 1fr; } .agent-referral-credit { grid-column:1 / -1; padding:14px 0 0; border-left:0; border-top:1px solid #cce3d3; display:flex; align-items:center; flex-wrap:wrap; gap:12px; } .agent-referral-credit>strong { margin:0; font-size:25px; } .agent-referral-credit>small { margin-left:auto; } }
@media(max-width:720px) { .agent-referral-card { grid-template-columns:1fr; padding:20px; gap:17px; margin-bottom:20px; } .agent-referral-code code { font-size:19px; } .agent-referral-credit>small { width:100%; margin-left:0; } .workspace-tab { font-size:12px; padding-inline:7px; } }

/* Bright teal with white surfaces; each balance has a distinct, restrained accent. */
:root { --ink:#193b3c; --muted:#60777d; --line:#dbe7e9; --teal:#0b8472; --shadow:0 8px 28px #163f4b0a,0 1px 2px #163f4b05; background:#f3f8fa; color:var(--ink); }
body { -webkit-font-smoothing:antialiased; }
.app-header { background:linear-gradient(105deg,#123d3a,#145b53); }
.brand small { color:#beddd8; letter-spacing:.055em; }
img.brand-mark { border-radius:11px; box-shadow:0 3px 8px #0d8b7820; }
.login-shell { background:#f7fafc; }
.login-story { background:radial-gradient(ellipse at 85% 15%,#39c9b42c,transparent 65%),linear-gradient(155deg,#123d3a,#145b53); }
.story-copy .eyebrow { color:#9de5d5; }
.story-copy p,.story-footer { color:#beddd8; }
.story-pills span { color:#cce8e2; border-color:#81c6b84d; }
.login-monogram { background:#e5f8f2; color:#0d8b78; }
.login-card form label { color:#355b61; }
.login-card input { border-color:#d1e2e5; }
.login-footnote { color:#60777d; }
.eyebrow { color:#0b8171; }
.welcome h1 { letter-spacing:-.025em; }
.welcome p { color:#60777d; }
.account-tag { background:#e9f8f3; border-color:#bfe4d9; color:#287a69; }
.account-tag .signal-dot { background:#0d8b78; }
.metric-card { border-color:#dbe7e9; border-top:3px solid #6ba3d5; border-radius:17px; }
.metric-card>span { color:#4d6970; }
.metric-card>strong { color:#2563a6; letter-spacing:-.025em; }
.metric-card:nth-child(2) { border-top-color:#42b4a4; background:#f8fffc; }
.metric-card:nth-child(2)>strong { color:#087b67; }
.metric-card.warning { border-top-color:#e7aa46; background:#fffcf6; }
.metric-card.warning>strong { color:#a9650e; }
.metric-card.accent { background:linear-gradient(115deg,#0b8472,#087362); border-color:#0d8b78; }
.metric-card>small { color:#60777d; }
.metric-card.accent>small,.metric-card.accent>span { color:#d7fff3; }
.workspace-tabs { background:#e9f1f5; border-color:#dbe7e9; }
.workspace-tab { color:#4c6c74; transition:color 180ms ease,background-color 180ms ease,box-shadow 180ms ease; }
.workspace-tab.active { color:#0b8171; box-shadow:0 2px 7px #163f4b0f; }
.workspace-tab[data-tab="referrals"].active { color:#7050a4; }
.workspace-tab[data-tab="settlements"].active { color:#2563a6; }
.workspace-panel { animation:tealAgentPanel 180ms ease-out both; }
@keyframes tealAgentPanel { from { opacity:.35; transform:translateY(4px); } to { opacity:1; transform:none; } }
.surface { border-color:#dbe7e9; }
.section-title h2,.history-heading h2 { color:#193b3c; }
.section-title p,.history-heading p { color:#60777d; }
.issue-surface { border-top:3px solid #42b4a4; }
.result-surface { border-top:3px solid #6ba3d5; }
.result-surface .eyebrow { color:#2563a6; }
.button { transition-duration:180ms; }
.button.primary { background:linear-gradient(110deg,#0b8472,#087362); box-shadow:0 4px 12px #0d8b7824; }
.button.primary:hover:not(:disabled) { background:#087362; box-shadow:0 6px 16px #0d8b782e; }
.button:active:not(:disabled) { transform:translateY(1px); }
.button.secondary { color:#305e62; border-color:#cddfe2; }
.button.secondary:hover:not(:disabled) { background:#eef9f7; border-color:#97cdc3; }
.issue-form label { color:#355b61; }
.issue-form input,.search-box { background:#fcfefe; border-color:#d1e2e5; }
.issue-form input[readonly] { background:#f1f6f8; color:#60777d; }
.optional,.form-hint,.history-toolbar>small { color:#60777d; }
.form-hint.warning { color:#a9650e; }
.issue-preview { background:#e9f8f3; border-color:#bfe4d9; }
.issue-preview>span { color:#376d63; }
.issue-preview>strong { color:#087362; }
.new-card { border-style:solid; border-color:#bfe4d9; background:#f2fcf8; }
.new-card code { color:#0b7364; }
.new-card>span { color:#527277; }
.result-empty svg { stroke:#6aaac1; fill:#eef8fb; }
.result-empty strong { color:#3f7688; }
.result-empty span { color:#60777d; }
.copy-button { color:#24685d; border-color:#bfe4d9; border-radius:8px; min-height:33px; }
.copy-button:hover:not(:disabled) { background:#e9f8f3; }
.danger-text { color:#af514a; border-color:#ebcac6; }
.history-heading,.history-toolbar { border-color:#e3edef; }
.search-box svg { color:#66848b; }
th { color:#4e6b72; background:#f1f7f9; }
td { color:#3e6066; border-color:#e5eef0; }
td code,td strong { color:#24494d; }
tbody tr { transition:background-color 150ms ease; }
tbody tr:hover { background:#f1faf8; }
.status-badge { color:#946109; background:#fff2d7; }
.status-badge.activated { color:#087b67; background:#e3f8f0; }
.status-badge.disabled { color:#697883; background:#edf2f5; }
.cell-sub { color:#60777d; }
.empty-state,.load-more,.workspace-footer { color:#60777d; }
.record-item { border-color:#e3edef; }
.record-icon { color:#2563a6; background:#eaf2ff; }
.record-item strong { color:#24494d; }
.record-item small,.record-item p { color:#60777d; }
.record-item>b { color:#2563a6; font-variant-numeric:tabular-nums; }
.record-item>b.settled { color:#087b67; }
.record-item.refund-record .record-icon { color:#087b67; background:#e3f8f0; }
.record-item.refund-record>b { color:#087b67; }
#agentReferralsPanel .record-icon { color:#7050a4; background:#f1ebfa; }
#agentReferralsPanel .record-item>b { color:#7050a4; }
.records-export { justify-content:flex-end; margin-bottom:14px; }
.agent-referral-card { border-color:#ddd3ef; background:linear-gradient(110deg,#fdfcff,#f5f1fc); box-shadow:0 5px 18px #7050a40b; }
.agent-referral-copy .eyebrow { color:#7050a4; }
.agent-referral-copy h2 { color:#5d4785; }
.agent-referral-copy p,.agent-referral-code small,.agent-referral-credit>small { color:#60777d; }
.agent-referral-code code { color:#7050a4; }
.agent-referral-code .copy-button { color:#7050a4; border-color:#d9ceeb; }
.agent-referral-credit { border-color:#ddd3ef; }
.agent-referral-credit>span { color:#5d6481; }
.agent-referral-credit>strong { color:#7050a4; }
#agentReferralCount { color:#7050a4; }
.agent-referral-tiers { color:#7050a4; }
#agentReferralTiers>div { border-color:#e4dbf1; background:#ffffffb3; }
.card-dialog { border-color:#d1e2e5; color:#193b3c; background:#fff; box-shadow:0 18px 64px #133d4a29; border-radius:20px; }
.card-dialog::backdrop { backdrop-filter:none; background:#123d4666; }
.card-dialog[open] { animation:tealAgentDialog 180ms ease-out both; }
@keyframes tealAgentDialog { from { opacity:.5; transform:translateY(5px); } to { opacity:1; transform:none; } }
.dialog-close { color:#55737a; background:#eef4f6; }
.card-dialog input { border-color:#d1e2e5; background:#fcfefe; }
.card-dialog input[readonly] { background:#f1f6f8; color:#60777d; }
#agentCardActionLabel { color:#60777d; }
.card-dialog .form-hint { padding:11px 12px; border-radius:10px; background:#f0f8fa; color:#527277; line-height:1.8; }
.agent-credit-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; padding:16px 20px; margin:-9px 0 23px; border:1px solid #bfe4d9; border-radius:13px; background:#f0fcf7; }
.agent-credit-summary>div { display:flex; align-items:baseline; gap:11px; flex-wrap:wrap; min-width:0; }
.agent-credit-summary>div+div { border-left:1px solid #cbe7de; padding-left:20px; }
.agent-credit-summary span { color:#376d63; font-size:12px; }
.agent-credit-summary strong { color:#087b67; font-size:22px; font-variant-numeric:tabular-nums; }
.agent-credit-summary small { flex-basis:100%; color:#60777d; font-size:11px; line-height:1.6; }
.toast { color:#24494d; border-color:#bfe2d9; border-left-color:#0d8b78; box-shadow:0 8px 25px #163f4b21; }
.toast.error { color:#9d573e; border-color:#edc8be; border-left-color:#c16a51; }
@media(max-width:720px) {
  .metric-card { border-radius:14px; }
  .workspace-tab { min-height:42px; }
  .history-toolbar { flex-wrap:wrap; }
  .history-toolbar>small { white-space:normal; }
  .records-export .button { min-height:40px; }
  .cards-table tr { background:#fff; border-color:#dbe7e9; }
  .cards-table td:before { color:#60777d; }
  .cards-table td:first-child { border-color:#e3edef; }
  .card-dialog { padding:21px; border-radius:18px; }
  .dialog-actions .button { min-height:43px; }
  .agent-credit-summary { padding:13px 15px; gap:12px; margin-bottom:20px; }
  .agent-credit-summary>div+div { padding-left:12px; }
  .agent-credit-summary span { font-size:11px; }
  .agent-credit-summary strong { font-size:21px; }
}
@media(prefers-reduced-motion:reduce) {
  .workspace-panel,.card-dialog[open] { animation:none !important; }
  .button,.workspace-tab,input,tbody tr { transition:none !important; }
}