:root{color:#fff8f2;background:#050505;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{margin:0;min-height:100vh;background:#050505}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid rgba(255,112,61,.78);outline-offset:3px}::selection{color:#fff;background:#ef2f68}.srOnly{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.pixConsole{min-height:100vh;display:grid;place-items:center;padding:36px 20px;background:#050505}.consoleShell{position:relative;isolation:isolate;width:min(100%,760px);overflow:hidden;border:1px solid rgba(255,148,91,.19);border-radius:26px;background:#0c0a0d;box-shadow:0 30px 100px #00000075,0 1px #ffebdb12 inset}.consoleHeader{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid rgba(255,207,177,.1)}.brand{display:inline-flex;align-items:center;height:42px}.brandLogo{display:block;width:148px;height:42px;object-fit:contain;object-position:left center}.tabBar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:8px;border-bottom:1px solid rgba(255,207,177,.1);background:#ffffff06}.tabButton{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;color:#c0a8ba;background:transparent;font-size:13px;font-weight:720;transition:color .16s ease,background .16s ease,box-shadow .16s ease}.tabButton:hover{color:#ffe7d7;background:#ff9c5812}.tabButton.active{color:#fff8f3;background:linear-gradient(100deg,#ff7b2136,#ef2b652b);box-shadow:0 1px #ffe7d51f inset,0 6px 15px #00000029}.consolePanel{min-height:490px;padding:34px}.panelIntro{display:flex;align-items:flex-start;gap:13px;margin-bottom:30px}.introIcon{width:39px;height:39px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,147,83,.34);border-radius:13px;color:#ffc07e;background:#ff771f21}.introIcon.violet{color:#ffabc1;border-color:#ef40734d;background:#ef30691f}.panelIntro h1{margin:1px 0 5px;color:#fff8f2;font-size:24px;font-weight:760;letter-spacing:-.045em}.panelIntro h1:focus{outline:0}.configNotice,.errorBanner,.noticeCard,.confirmationCard{display:flex;align-items:flex-start;gap:11px;border-radius:14px}.configNotice{margin:-7px 0 24px;padding:14px 15px;border:1px solid rgba(239,174,85,.24);color:#f4c574;background:#895e1c24}.configNotice>svg{flex:0 0 auto;margin-top:1px}.configNotice div{display:grid;gap:3px}.configNotice strong{color:#ffe0a5;font-size:13px}.configNotice span{color:#d8b983;font-size:12px;line-height:1.5}code{padding:1px 4px;border-radius:5px;color:#ffc692;background:#ff732321;font-size:.92em}.amountForm{display:grid;gap:10px}.amountForm>label,.codeField>span{color:#ecd6dc;font-size:12px;font-weight:720}.amountInputWrap{height:72px;display:flex;align-items:center;padding:0 21px;border:1px solid rgba(255,213,186,.13);border-radius:16px;background:#1b0d23;transition:border-color .16s ease,box-shadow .16s ease}.amountInputWrap:focus-within{border-color:#ff6d2cc7;box-shadow:0 0 0 4px #ff5d301f}.amountInputWrap>span{margin-right:8px;color:#bf9cac;font-size:21px;font-weight:680}.amountInputWrap input{width:100%;min-width:0;border:0;outline:0;color:#fffaf6;background:transparent;font-size:31px;font-weight:740;letter-spacing:-.055em}.amountInputWrap input::placeholder{color:#704d63}.fieldHint{margin-top:-2px;color:#ae8f9e;font-size:11px}.primaryButton,.copyButton,.secondaryButton,.ghostButton,.textButton{border:0;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease}.primaryButton{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:10px;border-radius:14px;color:#fff;background:linear-gradient(108deg,#ff951a,#ff552d 48%,#ef2e6c);box-shadow:0 13px 27px #ef2e5e3d;font-size:14px;font-weight:760}.primaryButton:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(108deg,#ffa82e,#ff6337 48%,#f13e78)}.primaryButton:disabled{opacity:.44;box-shadow:none}.errorBanner{position:relative;margin-bottom:23px;padding:12px 42px 12px 13px;border:1px solid rgba(244,109,131,.24);color:#f5b1bd;background:#a2304329;font-size:12px;line-height:1.45}.errorBanner>svg{flex:0 0 auto;margin-top:1px}.errorBanner button{position:absolute;top:10px;right:10px;display:grid;place-items:center;padding:4px;border:0;color:#e5a1ad;background:transparent}.pixLoading{min-height:360px;display:grid;place-content:center;justify-items:center;gap:12px;color:#929caf;font-size:13px}.pixDetail{animation:panelIn .18s ease both}.detailTopline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}.textButton{display:inline-flex;align-items:center;gap:6px;padding:0;color:#c7aabb;background:transparent;font-size:12px;font-weight:680}.textButton:hover{color:#fff0e6}.statusBadge{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:max-content;min-height:26px;padding:4px 9px;border:1px solid transparent;border-radius:999px;font-size:10px;font-weight:790;letter-spacing:.01em;white-space:nowrap}.statusBadge.pending{border-color:#ff914742;color:#ffc181;background:#ff701d1f}.statusBadge.paid{border-color:#47ce9d40;color:#83e3bd;background:#21966f21}.statusBadge.expired{border-color:#e7ac5c38;color:#f1c37c;background:#9f671d21}.statusBadge.failed{border-color:#ef748938;color:#f4a4b3;background:#992f4324}.statusPulse{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px currentColor;opacity:.85;animation:pulse 1.8s ease infinite}.detailAmount{display:grid;gap:5px;margin-bottom:24px}.detailAmount span{color:#8d96a7;font-size:12px;font-weight:650}.detailAmount strong{color:#fff8f2;font-size:clamp(32px,7vw,43px);font-weight:770;letter-spacing:-.065em}.qrFrame{width:min(100%,280px);aspect-ratio:1;display:grid;place-items:center;margin:2px auto 18px;padding:14px;overflow:hidden;border-radius:22px;background:#fbfcff;box-shadow:0 16px 34px #0000003d}.qrFrame img{display:block;width:100%;height:100%;object-fit:contain}.qrLoading{display:grid;place-items:center;gap:9px;color:#697286;font-size:11px}.inlineError{display:flex;align-items:center;gap:7px;margin:-6px 0 15px;color:#f3a9b6;font-size:12px}.copyButton{width:100%;min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;border-radius:13px;color:#f8f9ff;background:linear-gradient(110deg,#3a1239,#48143f);font-size:13px;font-weight:760}.copyButton:hover{background:linear-gradient(110deg,#4d1748,#5d194a)}.codeField{display:grid;gap:7px}.codeField input{width:100%;height:42px;padding:0 12px;border:1px solid rgba(255,213,186,.11);border-radius:10px;outline:0;color:#d8bec9;background:#160a1c;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.confirmationCard,.noticeCard{margin:0 0 22px;padding:15px;border:1px solid rgba(255,255,255,.08);background:#ffffff06}.confirmationCard{border-color:#4ad29f33;background:#1f976f17}.confirmationIcon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;color:#85e6be;background:#3fcc9724}.confirmationCard div{display:grid;gap:3px}.confirmationCard strong{color:#ddf9ed;font-size:13px}.confirmationCard span{color:#93cdb6;font-size:12px}.noticeCard{color:#bec6d5;font-size:12px;line-height:1.5}.noticeCard.error{border-color:#ef748933;color:#f4b4c1;background:#9630451f}.noticeCard.muted{border-color:#e8b06133;color:#edca96;background:#93621e1a}.detailMeta{display:flex;justify-content:space-between;gap:14px;margin-top:22px;padding-top:17px;border-top:1px solid rgba(255,255,255,.075);color:#7f899b;font-size:11px}.detailMeta span{display:inline-flex;align-items:center;gap:6px}.detailActions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.secondaryButton,.ghostButton{min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border-radius:10px;font-size:12px;font-weight:720}.secondaryButton{border:1px solid rgba(255,203,171,.16);color:#efd8da;background:#25112b}.secondaryButton:hover:not(:disabled){border-color:#ffad7657;background:#321433}.ghostButton{color:#ffb6ca;background:#ef2d681c}.ghostButton:hover:not(:disabled){color:#ffd4df;background:#ef2d682e}.secondaryButton:disabled,.ghostButton:disabled{opacity:.55}.historyList{display:grid;gap:8px;margin:0;padding:0;list-style:none}.historyRow{width:100%;min-height:69px;display:grid;grid-template-columns:minmax(0,1fr) auto 20px;align-items:center;gap:14px;padding:12px 14px 12px 16px;border:1px solid rgba(255,213,186,.09);border-radius:14px;color:inherit;text-align:left;background:#ffffff06;transition:transform .15s ease,border-color .15s ease,background .15s ease}.historyRow:hover{transform:translateY(-1px);border-color:#ff87454f;background:#ff632c12}.historyRow>svg{color:#c392a7}.historyAmount{color:#fff3ec;font-size:16px;font-weight:730;letter-spacing:-.035em}.historyMeta{display:grid;justify-items:end;gap:5px}.historyMeta small{color:#aa8a9d;font-size:10px}.emptyState{min-height:260px;display:grid;place-content:center;justify-items:center;gap:9px;padding:20px;border:1px dashed rgba(255,255,255,.12);border-radius:17px;color:#8b95a8;text-align:center}.emptyState>svg{margin-bottom:4px;color:#ff9b48}.emptyState strong{color:#fff1e7;font-size:14px}.emptyState span{max-width:260px;color:#b797a7;font-size:12px;line-height:1.55}.emptyState .secondaryButton{margin-top:10px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes panelIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.42;transform:scale(.82)}}@media(max-width:560px){.pixConsole{display:block;padding:0}.consoleShell{min-height:100vh;border:0;border-radius:0;box-shadow:none}.consoleHeader{height:66px;padding:0 20px}.consolePanel{min-height:calc(100vh - 118px);padding:27px 20px 30px}.panelIntro{margin-bottom:25px}.panelIntro h1{font-size:22px}.amountInputWrap{height:66px}.amountInputWrap input{font-size:28px}.detailMeta{align-items:flex-start;flex-direction:column;gap:8px}.historyRow{grid-template-columns:minmax(0,1fr) auto 16px;gap:9px}.historyMeta{justify-items:end}.statusBadge{max-width:135px;overflow:hidden;text-overflow:ellipsis}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}