:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f7f5;background:#090c0b;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #090c0b;--surface: #101513;--surface-2: #151c19;--line: rgba(255, 255, 255, .09);--muted: #829089;--text: #f4f7f5;--accent: #b7f55c;--accent-ink: #11170a;--danger: #ff776d;--warning: #f6c75c}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 75% -20%,rgba(183,245,92,.08),transparent 35%),var(--bg)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.brand{display:flex;align-items:center;gap:.7rem;font-size:1rem;font-weight:720;letter-spacing:-.02em}.brand-centered{justify-content:center}.brand-mark{display:grid;width:2.15rem;height:2.15rem;place-items:center;border-radius:.7rem;color:var(--accent-ink);background:var(--accent);font-weight:900;box-shadow:0 0 24px #b7f55c2e}.login-shell,.checkout-shell{min-height:100vh;display:grid;place-items:center;padding:1.25rem}.login-card,.checkout-card{width:min(100%,28rem);display:grid;gap:1.6rem;padding:2rem;border:1px solid var(--line);border-radius:1.5rem;background:#101513f0;box-shadow:0 2rem 6rem #0006}.login-card h1{margin:0 0 .5rem;font-size:clamp(1.8rem,8vw,2.4rem);letter-spacing:-.05em}.login-card p,.panel-heading p{margin:0;color:var(--muted);line-height:1.5}.login-card label{display:grid;gap:.55rem}.login-card label span{font-size:.875rem;color:#b8c1bd}.login-card input{width:100%;padding:.95rem 1rem;border:1px solid var(--line);border-radius:.8rem;color:var(--text);background:#0b0f0d;outline:none}.login-card input:focus{border-color:#b7f55ca6;box-shadow:0 0 0 3px #b7f55c1a}.login-card small{color:var(--muted);line-height:1.4}.form-error{padding:.8rem .9rem;border:1px solid rgba(255,119,109,.28);border-radius:.7rem;color:#ffaaa3;background:#ff776d12}.primary-button,.secondary-button,.icon-button,.text-button,.nav-item{border:0;cursor:pointer}.primary-button{display:grid;min-height:3.1rem;place-items:center;padding:.85rem 1.1rem;border-radius:.85rem;color:var(--accent-ink);background:var(--accent);font-weight:760;text-decoration:none;transition:transform .15s ease,filter .15s ease}.primary-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.primary-button:disabled{opacity:.55;cursor:wait;transform:none}.secondary-button{padding:.75rem 1rem;border:1px solid var(--line);border-radius:.75rem;background:var(--surface-2);font-weight:650}.icon-button{width:2.6rem;height:2.6rem;border:1px solid var(--line);border-radius:.75rem;background:var(--surface-2);font-size:1.2rem}.text-button{padding:.3rem;color:var(--muted);background:transparent;text-align:left;text-decoration:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:15.5rem 1fr}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:2.6rem;padding:1.5rem;border-right:1px solid var(--line);background:#090c0be0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar nav{display:grid;gap:.35rem}.nav-item{padding:.8rem .9rem;border-radius:.7rem;color:var(--muted);background:transparent;text-align:left;font-weight:620}.nav-item:hover,.nav-item.active{color:var(--text);background:var(--surface-2)}.sidebar-foot{display:grid;gap:1rem;margin-top:auto}.merchant-chip{display:flex;align-items:center;gap:.7rem;min-width:0}.merchant-chip>span{display:grid;flex:0 0 auto;width:2.3rem;height:2.3rem;place-items:center;border-radius:50%;color:var(--accent-ink);background:#d5ff9b;font-weight:800}.merchant-chip div{min-width:0;display:grid;gap:.1rem}.merchant-chip strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.merchant-chip small{color:var(--muted)}.dashboard-main{width:100%;max-width:96rem;margin:0 auto;padding:2.25rem clamp(1.25rem,4vw,4rem) 4rem;overflow:hidden}.dashboard-main>header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:2rem}.dashboard-main h1{margin:0;font-size:clamp(2.1rem,5vw,3.3rem);letter-spacing:-.06em}.eyebrow{margin:0 0 .45rem;color:var(--accent);font-size:.78rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.live-indicator{display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;border:1px solid var(--line);border-radius:999px;color:#c8d1cd;background:var(--surface);font-size:.82rem}.live-indicator i{width:.5rem;height:.5rem;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #b7f55cb3}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.metric-card{min-height:9.5rem;display:flex;flex-direction:column;justify-content:space-between;padding:1.15rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface)}.metric-card.accent{color:var(--accent-ink);border-color:var(--accent);background:var(--accent)}.metric-card>span{color:var(--muted);font-size:.88rem}.metric-card.accent>span,.metric-card.accent small{color:#11170aad}.metric-card strong{font-size:clamp(1.45rem,3vw,2.2rem);letter-spacing:-.05em}.metric-card small{color:var(--muted)}.release-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.8rem 0;padding:1rem 1.15rem;border:1px solid rgba(183,245,92,.16);border-radius:1rem;background:linear-gradient(90deg,#b7f55c14,#b7f55c04)}.release-banner>div{display:flex;align-items:center;gap:.85rem}.release-banner>div>div{display:grid;gap:.16rem}.release-banner small,.release-banner time{color:var(--muted)}.release-icon{display:grid;width:2.7rem;height:2.7rem;place-items:center;border:1px solid rgba(183,245,92,.35);border-radius:.75rem;color:var(--accent);font-weight:800}.status-summary{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:.8rem}.status-summary span{padding:.55rem .7rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--surface);font-size:.78rem}.status-summary strong{margin-left:.25rem;color:var(--text)}.release-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));max-height:19rem;overflow:auto}.release-days>div{display:grid;gap:.22rem;padding:.9rem 1.15rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.release-days span,.release-days small{color:var(--muted);font-size:.78rem}.panel{margin-top:.8rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface);overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem;border-bottom:1px solid var(--line)}.panel-heading h2{margin:0 0 .28rem;font-size:1.05rem}.panel-heading p{font-size:.84rem}.table-wrap{overflow-x:auto}.payment-filters{display:grid;grid-template-columns:minmax(15rem,1fr) minmax(10rem,.35fr) minmax(11rem,.4fr) auto auto;align-items:center;gap:.65rem;padding:.85rem 1.15rem;border-bottom:1px solid var(--line)}.payment-filters input,.payment-filters select{min-height:2.65rem;padding:.65rem .75rem;border:1px solid var(--line);border-radius:.7rem;color:var(--text);background:#0b0f0d;outline:none}.payment-filters input:focus,.payment-filters select:focus{border-color:#b7f55ca6}.payment-expand{max-width:18rem;padding:0;border:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.payment-expand strong,.payment-expand small{overflow:hidden;text-overflow:ellipsis}.payment-details-row,.payment-details-row:hover{background:#b7f55c06}.payment-details-row>td{padding:0}.payment-details-grid,.imported-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line)}.payment-details-grid>div,.imported-stats-grid>div{min-width:0;display:grid;gap:.28rem;padding:.85rem 1.15rem;background:#0d1210}.payment-details-grid span,.imported-stats-grid span{color:var(--muted);font-size:.72rem;text-transform:uppercase}.payment-details-grid strong,.imported-stats-grid strong{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.79rem;font-weight:520}.pagination{display:flex;justify-content:center;padding:1rem;border-top:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:58rem}th,td{padding:.9rem 1.15rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{color:var(--muted);font-size:.76rem;font-weight:620;letter-spacing:.04em;text-transform:uppercase}td{color:#c8d1cd;font-size:.88rem}td strong,td small{display:block}td strong{color:var(--text);font-weight:650}td small{margin-top:.18rem;color:var(--muted)}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#ffffff05}.provider-name{display:inline-flex;padding:.28rem .48rem;border:1px solid var(--line);border-radius:.45rem;color:#bdc7c2;background:var(--surface-2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.table-status{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap}.table-status i{width:.45rem;height:.45rem;border-radius:50%;background:var(--muted)}.status-succeeded i{background:var(--accent)}.status-failed i,.status-canceled i{background:var(--danger)}.status-processing i,.status-requires_action i{background:var(--warning)}.empty-table{padding:3rem;color:var(--muted);text-align:center}.new-key{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;margin:1rem;padding:.85rem;border:1px solid rgba(183,245,92,.3);border-radius:.75rem;background:#b7f55c0f}.new-key span{color:var(--accent);font-size:.8rem}.new-key code{overflow:hidden;color:#e9ffd0;text-overflow:ellipsis}.new-key button{padding:.5rem .65rem;border:0;border-radius:.5rem;color:var(--accent-ink);background:var(--accent);cursor:pointer}.keys-list{display:grid}.keys-list>div{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 1.15rem;border-top:1px solid var(--line)}.keys-list>div:first-child{border-top:0}.keys-list>div>div{display:grid;gap:.25rem}.keys-list code,.keys-list span{color:var(--muted);font-size:.8rem}.inline-error{margin:1rem;padding:.75rem .85rem;border:1px solid rgba(255,119,109,.28);border-radius:.7rem;color:#ffaaa3;background:#ff776d12;font-size:.875rem}.webhook-form{display:grid;grid-template-columns:minmax(9rem,.4fr) minmax(18rem,1fr) auto;align-items:end;gap:.75rem;padding:1rem 1.15rem;border-bottom:1px solid var(--line)}.webhook-form label{display:grid;gap:.45rem}.webhook-form label span{color:var(--muted);font-size:.8rem}.webhook-form input{width:100%;min-height:2.75rem;padding:.7rem .8rem;border:1px solid var(--line);border-radius:.7rem;color:var(--text);background:#0b0f0d;outline:none}.webhook-form input:focus{border-color:#b7f55ca6;box-shadow:0 0 0 3px #b7f55c1a}.list-loading{padding:1.4rem 1.15rem;color:var(--muted);font-size:.875rem}.webhook-list{display:grid}.webhook-row{border-top:1px solid var(--line)}.webhook-row:first-child{border-top:0}.webhook-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.8rem 1rem;padding:1rem 1.15rem}.webhook-summary>div:first-child{min-width:0;display:grid;gap:.3rem}.webhook-summary strong{font-size:.95rem}.webhook-summary code{overflow:hidden;color:#bdc7c2;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.webhook-summary small{color:var(--muted);font-size:.78rem}.endpoint-state,.delivery-status{display:inline-flex;align-items:center;width:fit-content;padding:.28rem .5rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.75rem;white-space:nowrap}.endpoint-active,.delivery-delivered{color:var(--accent);border-color:#b7f55c3d;background:#b7f55c0f}.delivery-dead{color:var(--danger);border-color:#ff776d3d;background:#ff776d0f}.endpoint-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:1rem}.endpoint-actions .text-button,.delivery-row .text-button{color:#bdc7c2;font-size:.8rem}.endpoint-actions .text-button:disabled,.delivery-row .text-button:disabled{opacity:.5;cursor:wait}.delivery-list{display:grid;margin:0 1.15rem 1rem;border:1px solid var(--line);border-radius:.75rem;background:#0c100e;overflow:hidden}.delivery-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.8rem;padding:.75rem .85rem;border-top:1px solid var(--line)}.delivery-row:first-child{border-top:0}.delivery-row>div{display:grid;gap:.18rem}.delivery-row strong{font-size:.84rem}.delivery-row small{color:var(--muted);font-size:.75rem}.checkout-card{text-align:center}.checkout-amount{margin-top:.3rem;font-size:clamp(2.2rem,10vw,3.5rem);font-weight:800;letter-spacing:-.065em}.status-pill{justify-self:center;padding:.38rem .65rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.8rem}.status-pill.status-succeeded{color:var(--accent);border-color:#b7f55c3d;background:#b7f55c0f}.qr-frame{width:min(100%,18rem);aspect-ratio:1;justify-self:center;padding:.8rem;border-radius:1.2rem;background:#fff}.qr-frame img{display:block;width:100%;height:100%;object-fit:contain}.checkout-meta{display:grid;grid-template-columns:auto 1fr;gap:.55rem 1rem;padding-top:1rem;border-top:1px solid var(--line);text-align:left}.checkout-meta span{color:var(--muted)}.checkout-meta strong{text-align:right;overflow-wrap:anywhere}.checkout-loading{min-height:8rem;display:flex;align-items:center;justify-content:center;gap:.75rem;color:var(--muted)}.checkout-loading.compact{min-height:13rem}.spinner{width:1.2rem;height:1.2rem;border:2px solid rgba(255,255,255,.15);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.checkout-result{display:grid;justify-items:center;gap:.5rem;padding:2rem 0;color:var(--muted)}.checkout-result strong{color:var(--text);font-size:1.2rem}.success-check{display:grid;width:4rem;height:4rem;place-items:center;border:1px solid rgba(183,245,92,.35);border-radius:50%;color:var(--accent);background:#b7f55c14;font-size:2rem}.empty-state{display:grid;justify-items:center;gap:.65rem;max-width:26rem;padding:2rem;color:var(--muted);text-align:center}.empty-state strong{color:var(--text);font-size:1.2rem}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:880px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.8rem;padding:1rem 1.25rem}.sidebar nav{order:3;width:100%;display:flex;overflow-x:auto}.sidebar .nav-item{flex:1 0 auto;text-align:center}.sidebar-foot{display:flex;align-items:center;margin:0 0 0 auto}.sidebar-foot .text-button{display:none}.dashboard-main{padding-top:1.4rem}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.webhook-form{grid-template-columns:1fr;align-items:stretch}.payment-filters{grid-template-columns:1fr 1fr}.payment-filters input{grid-column:1 / -1}.payment-details-grid,.imported-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.login-card,.checkout-card{padding:1.4rem;border-radius:1.15rem}.merchant-chip div{display:none}.dashboard-main>header{align-items:start}.live-indicator{font-size:0;padding:.65rem}.metrics-grid{grid-template-columns:1fr}.metric-card{min-height:7.6rem}.release-banner{align-items:start}.release-banner time{max-width:7rem;text-align:right}.panel-heading{align-items:start}.panel-heading p{display:none}.new-key{grid-template-columns:1fr auto}.new-key span{grid-column:1 / -1}.keys-list>div{display:grid}.webhook-summary,.delivery-row{grid-template-columns:1fr}.endpoint-actions{grid-column:1}.payment-filters,.payment-details-grid,.imported-stats-grid{grid-template-columns:1fr}.payment-filters input{grid-column:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.admin-login-card{width:min(100%,30rem)}.telegram-login-slot{min-height:3.2rem;display:grid;place-items:center;color:var(--muted)}.admin-form{display:grid;gap:1.2rem;padding:1.2rem}.form-section-title{display:grid;gap:.25rem}.form-section-title small,.account-card small,.merchant-list small{color:var(--muted)}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.admin-form-grid label,.account-controls label{display:grid;gap:.4rem}.admin-form-grid label>span,.account-controls label>span{color:var(--muted);font-size:.78rem}.admin-form input,.admin-form textarea,.admin-form select,.account-controls input{width:100%;padding:.78rem .85rem;border:1px solid var(--line);border-radius:.7rem;color:var(--text);background:#0b0f0d;outline:none}.admin-form textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus,.account-controls input:focus{border-color:#b7f55ca6;box-shadow:0 0 0 3px #b7f55c14}.wide-field{grid-column:1 / -1}.advanced-settings,.generic-provider{padding:.9rem;border:1px solid var(--line);border-radius:.8rem;background:#ffffff04}.advanced-settings summary,.generic-provider summary{cursor:pointer;color:#c8d1cd}.advanced-settings[open] summary,.generic-provider[open] summary{margin-bottom:1rem}.generic-provider{margin:0 1.2rem 1.2rem}.account-list,.merchant-list{display:grid}.account-card{display:grid;gap:1rem;padding:1.15rem;border-bottom:1px solid var(--line)}.account-card:last-child{border-bottom:0}.account-card>header,.account-controls,.merchant-list>div{display:flex;align-items:center;gap:.8rem}.account-card>header{justify-content:space-between}.account-card>header>div:first-child{display:grid;gap:.3rem}.account-card>header small{overflow-wrap:anywhere}.status-stack{display:flex;align-items:center;gap:.5rem}.runtime-state{padding:.3rem .55rem;border-radius:999px;color:var(--muted);background:#ffffff0a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem}.runtime-running{color:var(--accent);background:#b7f55c14}.runtime-error,.runtime-backoff{color:var(--danger);background:#ff776d14}.account-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.account-facts span{display:grid;gap:.2rem;padding:.65rem;border:1px solid var(--line);border-radius:.65rem;color:var(--muted);font-size:.75rem}.account-facts strong{color:var(--text);font-size:.9rem}.account-controls label{width:7rem}.account-controls .secondary-button{margin-left:auto}.account-error{padding:.65rem;border-radius:.6rem;color:#ffaaa3;background:#ff776d0f;font-size:.8rem}.merchant-list>div{padding:1rem 1.2rem;border-top:1px solid var(--line)}.merchant-list>div>div:first-child{display:grid;gap:.2rem;margin-right:auto}.audit-list{display:grid}.audit-list>div{display:grid;grid-template-columns:10rem minmax(12rem,1fr) 8rem minmax(8rem,1fr);gap:.8rem;padding:.85rem 1.15rem;border-bottom:1px solid var(--line);align-items:center}.audit-list time,.audit-list span,.audit-list small{color:var(--muted);font-size:.8rem}@media(max-width:760px){.admin-form-grid,.account-facts{grid-template-columns:1fr}.wide-field{grid-column:auto}.account-card>header,.account-controls,.merchant-list>div{align-items:stretch;flex-direction:column}.status-stack{align-self:flex-start}.account-controls label{width:100%}.account-controls .secondary-button{margin-left:0}.audit-list>div{grid-template-columns:1fr;gap:.25rem}}
