.payit{--ground:#0a0a0b;--surface:#151517;--surface-raised:#1e1e21;--ink:#f2f2f0;--ink-muted:#8a8a90;--accent:#fff;--line:#f2f2f01f;--radius:8px;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body{color:#f2f2f0;-webkit-font-smoothing:antialiased;background:#0a0a0b;margin:0;padding:0;font-family:Work Sans,system-ui,-apple-system,sans-serif}.shell{max-width:1100px;margin:0 auto;padding:32px 24px 80px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:20px;display:flex}.wordmark{letter-spacing:-.01em;font-family:Georgia,serif;font-size:20px;font-weight:500}.wordmark span{color:var(--ink-muted);letter-spacing:.12em;text-transform:uppercase;margin-left:10px;font-family:IBM Plex Mono,monospace;font-size:11px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-muted);margin:0 0 12px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px}.grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:36px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.statValue{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-family:Georgia,serif;font-size:28px}.statLabel{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted);margin-top:6px;font-family:IBM Plex Mono,monospace;font-size:11px}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted);padding:10px 12px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:400}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:14px 12px}td.num{font-variant-numeric:tabular-nums;text-align:right}.tableWrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow-x:auto}.pill{text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line);color:var(--ink-muted);border-radius:999px;padding:3px 9px;font-family:IBM Plex Mono,monospace;font-size:10px;display:inline-block}.pill.solid{border-color:var(--accent);color:var(--ground);background:var(--accent)}.pill.strong{border-color:var(--accent);color:var(--ink)}.pill.dashed{border-style:dashed}.mono{color:var(--ink-muted);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px}button,.btn{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink);font:inherit;cursor:pointer;transition:background .2s var(--ease), border-color .2s var(--ease);align-items:center;gap:8px;padding:10px 16px;font-size:14px;text-decoration:none;display:inline-flex}button:hover:not(:disabled),.btn:hover{background:var(--surface-raised);border-color:#f2f2f038}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:var(--ground);border-color:var(--accent)}button.primary:hover:not(:disabled){opacity:.9;background:var(--accent)}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.h2{margin:0 0 14px;font-family:Georgia,serif;font-size:19px;font-weight:500}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.field{margin-bottom:16px}.field label{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted);margin-bottom:6px;font-family:IBM Plex Mono,monospace;font-size:10px;display:block}.field input{background:var(--ground);border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:40px;color:var(--ink);font:inherit;padding:10px 12px;font-size:14px}.field input:focus{outline:2px solid var(--accent);outline-offset:1px}.notice{border-left:2px solid var(--accent);margin-bottom:18px;padding:12px 0 12px 14px}.notice p{margin:0}.notice .sub{color:var(--ink-muted);margin-top:4px;font-size:13px}.empty{text-align:center;color:var(--ink-muted);padding:48px 20px}.empty .big{color:var(--ink);margin-bottom:6px;font-family:Georgia,serif;font-size:17px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{min-height:100svh;line-height:1.55}body:before{content:"";pointer-events:none;background-image:linear-gradient(#f2f2f009 1px,#0000 1px),linear-gradient(90deg,#f2f2f009 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.shell{max-width:1240px;min-height:100svh;padding:24px clamp(20px,4vw,52px) 100px;position:relative}.shell:before{content:"";border:1px solid var(--line);pointer-events:none;width:42vw;height:72vh;position:fixed;top:-30vh;right:4vw;transform:skew(-24deg)rotate(-12deg)}.topbar{z-index:2;min-height:64px;margin-bottom:clamp(42px,7vw,84px);padding:0 0 18px;position:relative}.wordmark{align-items:center;gap:12px;font-size:23px;display:flex}.wordmark img{object-fit:contain;width:32px;height:32px}.wordmark strong{font:inherit;font-weight:500}.wordmark span{margin-left:0}.workspace{z-index:1;position:relative}.stateScreen{grid-template-columns:minmax(260px,.82fr) minmax(360px,1fr);align-items:center;gap:clamp(42px,8vw,110px);min-height:calc(100svh - 250px);padding:clamp(24px,5vw,70px) 0;display:grid}.stateVisual{aspect-ratio:1;filter:drop-shadow(0 30px 70px #0009);width:100%;max-width:430px;position:relative}.stateVisual:before,.stateVisual:after,.stateVisual span{content:"";border:1px solid #f2f2f03d;position:absolute;inset:18%;transform:skew(-28deg)rotate(-13deg)}.stateVisual:after{background:linear-gradient(145deg,#ffffff21,#0000 56%);border-color:#ffffff6b;inset:30% 6% 10% 38%}.stateVisual span:first-child{background:#ffffffeb;border:0;inset:7% 41% 47% 15%}.stateVisual span:nth-child(2){background:#ffffff0f;inset:50% 15% 12% 48%}.stateVisual span:nth-child(3){opacity:.65;border-style:dashed;inset:24% 25% 27% 28%}.stateContent{max-width:600px}.stateContent h1{letter-spacing:-.055em;text-wrap:balance;max-width:12ch;margin:0;font:500 clamp(46px,6vw,82px)/.94 Georgia,serif}.stateDescription{max-width:55ch;color:var(--ink-muted);margin:26px 0 34px;font-size:clamp(15px,1.4vw,18px)}.stateAction{justify-content:space-between;width:min(100%,360px);min-height:56px;padding-inline:20px}.shellFooter{z-index:2;border-top:1px solid var(--line);color:var(--ink-muted);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:20px;margin-top:72px;padding-top:20px;font:10px IBM Plex Mono,monospace;display:flex;position:relative}.section{margin-bottom:clamp(56px,8vw,96px)}.section+.section{border-top:1px solid var(--line);padding-top:clamp(42px,6vw,70px)}.section:first-child:before{content:"Merchant workspace / live ledger";color:var(--ink-muted);letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px;font:10px IBM Plex Mono,monospace;display:block}.grid{background:var(--line);border-radius:14px;grid-template-columns:repeat(4,1fr);gap:1px;padding:1px;overflow:hidden}.stat{border:0;border-radius:0;min-height:142px;padding:24px;position:relative}.stat:after{content:"";border:1px solid var(--ink-muted);border-radius:50%;width:6px;height:6px;position:absolute;top:18px;right:18px}.statValue{margin-top:24px;font-size:clamp(28px,3vw,40px)}.card,.tableWrap{border-radius:14px}.card{background:#151517e0;padding:clamp(20px,3vw,30px)}.h2{margin-bottom:20px;font-size:clamp(24px,3vw,34px)}thead{background:var(--ground)}tbody tr{transition:background-color .2s var(--ease)}tbody tr:hover{background:var(--surface-raised)}th{letter-spacing:.14em;padding:13px 16px}td{padding:17px 16px}.empty{flex-direction:column;justify-content:center;align-items:center;min-height:230px;display:flex}.shell>.workspace>.empty,.shell>.workspace>.mono,.shell>.workspace>.notice:first-child{flex-direction:column;justify-content:center;max-width:620px;min-height:calc(100svh - 210px);margin:auto;display:flex}.empty .big{font-size:clamp(26px,4vw,46px)}.field{border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:18px}input{transition:border-color .2s var(--ease),background-color .2s var(--ease)}::selection{background:var(--accent);color:var(--ground)}@media (max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.topbar{margin-bottom:44px}}@media (max-width:520px){.grid{grid-template-columns:1fr}.shell{padding-inline:16px}.wordmark span{margin:4px 0 0 44px;display:block}.stat{min-height:120px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.danger{background:0 0;border-style:dashed;border-color:#f2f2f06b}.danger:hover:not(:disabled){border-style:solid;border-color:var(--accent)}.loadingState{align-content:center;gap:18px;max-width:760px;min-height:calc(100svh - 180px);margin:auto;display:grid}.skeletonGrid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.skeleton{border:1px solid var(--line);background:linear-gradient(100deg,var(--surface) 30%,var(--surface-raised) 50%,var(--surface) 70%);background-size:220% 100%;border-radius:14px;min-height:120px;animation:1.8s infinite shimmer}.heroSkeleton{width:68%;min-height:74px}.lineSkeleton{width:42%;min-height:18px}.skeletonGrid{grid-template-columns:repeat(4,1fr)}@keyframes shimmer{to{background-position-x:-220%}}@media (max-width:760px){.stateScreen{grid-template-columns:1fr;gap:20px}.stateVisual{max-width:210px;margin:-20px auto 0}.stateContent{text-align:center;margin:auto}.stateContent h1{max-width:11ch}.stateDescription{margin-inline:auto}.stateAction{margin:auto}.shellFooter{flex-direction:column}.skeletonGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.skeletonGrid{grid-template-columns:1fr}.skeletonGrid .skeleton:not(:first-child){display:none}.wordmark span{margin-left:0}.stateScreen{padding-top:0}.stateVisual{max-width:150px}.stateContent h1{font-size:42px}}.applyPanel{flex-direction:column;justify-content:center;max-width:560px;min-height:calc(100svh - 210px);margin:auto;display:flex}.applyTitle{margin-bottom:10px}.applyLede{color:var(--ink-muted);margin:0 0 28px}.applyForm{flex-direction:column;display:flex}.fieldLabel{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted);margin-bottom:6px;font-family:IBM Plex Mono,monospace;font-size:10px;display:block}.input{background:var(--ground);border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:44px;color:var(--ink);font:inherit;padding:10px 12px;font-size:14px}.input:focus{outline:2px solid var(--accent);outline-offset:1px}.input.mono{font-family:IBM Plex Mono,monospace;font-size:13px}.inputInvalid{border-color:var(--accent);border-width:2px}.fieldHint{color:var(--ink-muted);margin-top:7px;font-size:12.5px;line-height:1.5;display:block}.fieldHintStrong{color:var(--ink);opacity:.9;border-left:2px solid var(--accent);margin-top:10px;padding-left:12px}.applyError{margin:4px 0 18px}.applyForm .field:last-of-type{border-bottom:0;margin-bottom:14px;padding-bottom:4px}.applyForm .primary{align-self:flex-start;margin-top:18px}@media (max-width:520px){.applyForm .primary{width:100%}}
