:root{color-scheme:dark;--bg:#111311;--panel:#1a1d18;--line:#30362c;--text:#f1f2e9;--muted:#a2a798;--accent:#dfedac;--error:#ffb7ae;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,a,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px 15px;font-size:12px;transition:background .15s}button:hover:not(:disabled){background:#2a3123;border-color:#6c7955}button:disabled{opacity:.42;cursor:not-allowed}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}.primary{background:var(--accent);color:#28311e;border-color:var(--accent);font-weight:650}.primary:hover:not(:disabled){background:#edfac8}.review{background:#22291b;border-bottom:1px solid #3c472d;padding:10px max(24px,calc((100vw - 1280px)/2));display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:11px;color:#c4cbb8}.review b{font-size:9px;letter-spacing:1.4px;color:var(--accent);margin-right:10px}.review>div{display:flex;gap:6px}.review button{padding:6px 10px;background:transparent;font-size:10px}.shell{max-width:1280px;margin:auto;padding:0 36px}header{display:flex;align-items:center;gap:40px;padding:28px 0;border-bottom:1px solid var(--line)}.brand{font-size:21px;font-weight:650;letter-spacing:-.8px;display:flex;align-items:center}.brand>span:last-child{color:var(--accent)}.mark{height:24px;display:flex;align-items:flex-end;gap:3px;margin-right:11px}.mark i{display:block;background:var(--accent);width:5px;border-radius:1px;transform:skew(-14deg)}.mark i:nth-child(1){height:12px}.mark i:nth-child(2){height:22px}.mark i:nth-child(3){height:17px}nav{display:flex;gap:8px}nav a{padding:8px 15px;color:var(--muted);font-size:12px;border-radius:7px}nav a[aria-current]{background:#293021;color:var(--accent)}.identity{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:11px}.identity small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.avatar{display:grid;place-items:center;border:1px solid #535f3f;background:#252d1f;border-radius:50%;height:34px;width:34px;font-size:10px;color:var(--accent)}main{min-height:680px;padding:48px 0 24px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--accent);font-weight:650}.heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:30px}h1{font-size:52px;letter-spacing:-2px;line-height:1.04;font-weight:450;margin:14px 0}h1 span{color:var(--muted)}h2{font-weight:500;letter-spacing:-.7px;font-size:24px;margin:0 0 12px}h3{font-weight:550;font-size:14px;margin:0 0 10px}p{color:var(--muted);line-height:1.75;margin:8px 0}.heading p{max-width:590px;font-size:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px}.stat span{font-size:10px;color:var(--muted)}.stat strong{display:block;font-size:34px;font-weight:450;letter-spacing:-1px;margin:9px 0 2px}.stat:first-child strong{color:var(--accent)}.stat small{font-size:10px;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 340px;gap:24px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.section-head p{font-size:10px}.tag,.status{display:inline-flex;align-items:center;border-radius:20px;padding:5px 9px;font-size:9px;border:1px solid #4a5734;color:var(--accent);white-space:nowrap}.tag{border-color:#53503d;color:#d4cda5}.status.pending{color:#e2cc94;border-color:#5c5234}.status.expired,.status.revoked{color:#b7b9ae;border-color:#454a40}.status.exhausted{color:#e7b29a;border-color:#634a39}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:9px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);font-weight:500;padding:14px 12px;border-bottom:1px solid var(--line)}td{font-size:11px;padding:18px 12px;border-bottom:1px solid #2b3027}td strong{display:block;font-weight:500;font-size:12px;margin-bottom:4px}td small{color:var(--muted);font-size:10px}td:first-child{padding-left:0}th:first-child{padding-left:0}td button{padding:7px 10px;font-size:10px}tr:last-child td{border:0}.actions{display:flex;gap:6px;flex-wrap:wrap}.muted{color:var(--muted)}.small{font-size:11px}.fine{font-size:10px;line-height:1.7;color:var(--muted)}.divider{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.link-box{display:flex;gap:8px;margin:12px 0}.link-box input{min-width:0;flex:1}.text-link{padding:0;border:none;background:none;color:var(--accent);font-size:11px}.field{display:block;font-size:11px;margin:14px 0;color:var(--muted)}input,select{padding:11px 12px;background:#151812;border:1px solid #3a4231;border-radius:7px;color:var(--text);width:100%;margin-top:6px;font-size:12px}input:disabled{opacity:.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.check{display:flex;gap:10px;align-items:flex-start;font-size:11px;color:var(--muted);line-height:1.6;margin:12px 0}.check input{width:auto;margin:3px 0 0;accent-color:var(--accent)}details{border:1px solid var(--line);border-radius:8px;padding:13px 15px;margin-top:16px}summary{cursor:pointer;font-size:11px;color:var(--text)}.info{padding:13px 16px;border:1px solid #465330;background:#20271b;border-radius:9px;font-size:11px;color:#c9d6b2;line-height:1.7;margin:15px 0}.warning{border-color:#665934;background:#262317;color:#e2cc94}.error{border-color:#66413b;background:#271e1a;color:var(--error)}.recipient{display:grid;grid-template-columns:1fr 470px;gap:80px;align-items:center;max-width:1050px;margin:35px auto}.recipient h1{font-size:60px}.recipient .card{padding:34px}.recipient .primary{width:100%;margin-top:16px;padding:13px}.invite-avatar{height:42px;width:42px;font-size:12px;margin-bottom:22px}.recipient .card p{font-size:12px}.recipient .brand{font-size:15px;margin-bottom:35px}.benefits{list-style:none;padding:0;margin:30px 0}.benefits li{border-top:1px solid var(--line);padding:14px 0;font-size:12px;color:var(--muted)}.benefits b{color:var(--accent);margin-right:13px}.preview-controls{display:flex;gap:15px;align-items:center;padding:10px 15px;border:1px dashed #46503a;border-radius:8px;color:var(--muted);font-size:10px;margin-bottom:25px}.preview-controls select{width:auto;margin:0;padding:6px 9px;font-size:11px}.preview-controls span{margin-left:auto;font-size:10px}.checkmark{display:grid;place-items:center;border-radius:50%;width:54px;height:54px;background:#303d22;color:var(--accent);font-size:25px;margin-bottom:24px}.empty{padding:55px 20px;text-align:center;border:1px dashed #3b4430;border-radius:10px}.empty p{font-size:12px}.toolbar{display:flex;gap:10px;align-items:center;margin:15px 0}.toolbar input{margin:0;flex:1}.toolbar select{width:170px;margin:0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-grid .card{padding:22px}.settings-grid label{margin-top:12px}.history{list-style:none;padding:0;margin:10px 0}.history li{padding:10px 0;border-top:1px solid var(--line);font-size:10px;color:var(--muted);line-height:1.7}.skeleton{height:45px;margin:15px 0;background:linear-gradient(90deg,#252c1e,#303824,#252c1e);border-radius:6px;animation:pulse 1.5s infinite}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-grid ul{padding-left:17px;color:var(--muted);font-size:12px;line-height:1.9}.tour{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#27301e;border:1px solid #4b5c33;border-radius:9px;margin-top:20px;font-size:11px}.tour a{color:var(--accent)}.tour button{margin-left:auto}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:13px 23px;background:var(--accent);color:#26321a;border:1px solid #869b5d;border-radius:8px;font-size:12px;box-shadow:0 6px 40px #0006;z-index:5;max-width:90vw}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:22px 0 30px;color:var(--muted);font-size:9px;line-height:1.8}footer b{font-weight:500;color:#c3cbb5}dialog{width:min(520px,calc(100vw - 32px));max-height:90dvh;overflow:auto;background:var(--panel);color:var(--text);border:1px solid #4b573a;border-radius:14px;padding:28px;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#070a07c9;backdrop-filter:blur(5px)}dialog p{font-size:12px}dialog .actions{justify-content:flex-end;margin-top:24px}.skip{position:absolute;top:-100px;background:var(--accent);color:#111;padding:10px;z-index:10}.skip:focus{top:5px}.badge-row{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.wide{width:100%}#toast:empty{display:none}@keyframes pulse{50%{opacity:.5}}@media(max-width:1000px){.split{grid-template-columns:1fr 300px}.recipient{gap:35px;grid-template-columns:1fr 430px}.recipient h1{font-size:48px}header{gap:20px}.identity{display:none}nav{margin-left:auto}.shell{padding:0 25px}.review{padding:10px 25px}}@media(max-width:740px){.review{display:block;padding:10px 20px}.review>div{margin-top:9px}.shell{padding:0 20px}header{flex-wrap:wrap;padding:23px 0;gap:20px}nav{margin:0;width:100%;justify-content:space-between}nav a{padding:8px 10px}main{padding-top:32px}h1{font-size:42px}.heading{align-items:flex-start;flex-direction:column}.stats{gap:9px}.stat{padding:15px}.stat strong{font-size:28px}.stat small{font-size:9px}.split,.recipient,.settings-grid,.feature-grid{grid-template-columns:1fr}.recipient{margin:10px 0;gap:25px}.recipient h1{font-size:44px}.recipient .card{padding:25px}.recipient .benefits{display:none}.preview-controls{flex-wrap:wrap}.preview-controls span{margin:0}.form-grid{grid-template-columns:1fr}.card{padding:20px}.toolbar{flex-wrap:wrap}.toolbar input{flex-basis:100%}footer{flex-direction:column}.tour{flex-wrap:wrap}.table-wrap{margin-right:-5px}td,th{padding-left:8px;padding-right:8px}td:last-child{min-width:120px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Responsive QA: shrink grid items; keep wide tables scrollable inside cards. */
.card,.split>*,.settings-grid>*,.recipient>*,.stats>*{min-width:0}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.table-wrap{max-width:100%;overscroll-behavior-x:contain}input,select{min-width:0;max-width:100%}.stat{overflow-wrap:anywhere}
@media(max-width:740px){button{min-height:44px;min-width:44px}nav a{display:inline-flex;align-items:center;min-height:44px}.review>div{flex-wrap:wrap}.section-head{align-items:flex-start;flex-wrap:wrap}}

@media(max-width:480px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:last-child{grid-column:1/-1}.stat{overflow-wrap:normal}}

@media(max-width:740px){input,select,summary{min-height:44px}.preview-controls a{display:inline-flex;align-items:center;min-height:44px}.preview-controls{row-gap:4px}.table-wrap::before{content:"Swipe or use arrow keys to see all columns";display:block;font-size:9px;color:var(--muted);padding:8px 0 12px}}