@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#172b24;background:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-weight:400;--green:#147850;--green-dark:#075b3d;--ink:#192d25;--muted:#81918a;--line:#e9eeeb;--surface:#fff;--bg:#f5f7fa;--red:#be4e4e;--orange:#ba7830}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#fff;border-right:1px solid #e9eeeb;display:flex;flex-direction:column;padding:25px 16px 17px;z-index:20}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 8px 25px}.brand-mark{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:#e7f3ec;color:var(--green)}.sidebar-brand strong{font:800 18px Manrope,sans-serif;letter-spacing:-.8px;color:#143b2b}.sidebar-brand strong span{color:var(--green)}.sidebar-brand small{display:block;font:700 8px DM Sans,sans-serif;letter-spacing:1.1px;color:#96a39c;margin-top:1px}.merchant-select{display:flex;align-items:center;gap:10px;margin:0 0 25px;padding:10px;border:1px solid #e9eeeb;border-radius:10px}.merchant-logo{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#087b4c;color:#fff;font:800 18px Manrope}.merchant-name{flex:1;display:grid;gap:3px}.merchant-name strong{font-size:11px;font-weight:700;color:#2b3d34}.merchant-name span{font-size:10px;color:#8a9790}.merchant-select>svg{color:#9aa69f}.nav-caption{padding:0 10px;margin-bottom:8px;color:#a1aaa4;font-size:9px;font-weight:700;letter-spacing:1.15px}.sidebar nav{display:grid;gap:4px}.nav-link{position:relative;display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;text-align:left;padding:10px 11px;border-radius:8px;color:#76847d;font-size:12px;font-weight:500;transition:.15s}.nav-link svg{color:#89968f}.nav-link:hover{background:#f6f8f7;color:#285c44}.nav-link.active{background:#eaf4ee;color:#11734b;font-weight:700}.nav-link.active svg{color:#11734b}.nav-count{margin-left:auto;display:grid;place-items:center;width:19px;height:19px;border-radius:6px;background:#ffede9;color:#bf5247;font-size:10px}.external-icon{margin-left:auto}.sidebar-spacer{flex:1;min-height:32px}.sidebar-bottom{margin-top:20px}.connection-card{display:flex;align-items:center;gap:9px;background:#f7f9f8;border:1px solid #eef1ef;border-radius:9px;padding:10px 9px;margin-bottom:15px}.connection-dot,.footer-dot{width:7px;height:7px;border-radius:100%;background:#bcc5bf;flex:none}.connection-dot.online,.footer-dot.online{background:#24a16c;box-shadow:0 0 0 3px #e0f2e9}.connection-card>div{display:grid;gap:3px;flex:1;min-width:0}.connection-card strong{font-size:10px;color:#3a4b42}.connection-card span:not(.connection-dot){font-size:9px;color:#89958f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;width:32px;height:32px;color:#79877f;border-radius:7px}.icon-button:hover{background:#f0f4f1;color:#285d43}.mini-refresh{width:25px;height:25px}.profile-row{display:flex;align-items:center;gap:9px;padding:0 3px}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#e3eee8;color:#286344;font-size:10px;font-weight:700}.profile-name{display:grid;gap:3px;flex:1}.profile-name strong{font-size:10px;color:#33443b}.profile-name span{font-size:9px;color:#909b95}.main-area{margin-left:250px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:64px;background:#ffffffed;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:sticky;top:0;z-index:10}.breadcrumb{display:flex;align-items:center;gap:9px;color:#8c9992;font-size:11px}.breadcrumb strong{color:#374a40;font-weight:600}.breadcrumb svg{color:#b5beb9}.topbar-actions{display:flex;align-items:center;gap:18px}.env-pill{display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #f0dfc8;border-radius:5px;background:#fffaf2;color:#9d6b2a;font-size:8px;font-weight:700;letter-spacing:.7px}.env-pill span{width:5px;height:5px;border-radius:50%;background:#da9a45}.notification-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:#df6b61;transform:translate(5px,-5px);border:1px solid white}.top-divider{height:20px;width:1px;background:#e9eeeb}.help-link{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#77857d;font-size:11px}.help-link:hover{color:var(--green)}.page-content{width:100%;max-width:1480px;margin:0 auto;padding:30px 38px;flex:1}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow{font-size:9px;letter-spacing:1.15px;font-weight:700;color:#95a29a;margin:0 0 8px}.page-heading h1,.login-card h1{font:700 24px Manrope,sans-serif;letter-spacing:-.8px;color:#1c3027;margin:0}.page-subtitle{margin:6px 0 0;color:#89968f;font-size:11px}.heading-actions{display:flex;gap:8px}.button{height:36px;padding:0 13px;border-radius:7px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:600;white-space:nowrap;transition:all .15s}.button.primary{background:#147850;color:#fff;box-shadow:0 2px 5px #14785020}.button.primary:hover{background:#0c6844;transform:translateY(-1px)}.button.secondary{border-color:#e4eae6;background:#fff;color:#53645a}.button.secondary:hover{background:#f7faf8;border-color:#cfdbd2}.button.small{height:30px;padding:0 10px;font-size:9px}.button.full{width:100%;height:42px;margin-top:16px}.overview-date{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:#839088;font-size:10px}.calendar-icon{display:grid;place-items:center;width:23px;height:23px;border-radius:6px;background:#e9f3ed;color:#147850}.date-strong{color:#52645a;font-weight:600}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:17px}.metric-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px 16px 13px;box-shadow:0 2px 5px #172b2405}.metric-top{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#819088;font-size:10px}.metric-icon{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;flex:none}.metric-icon.green{background:#e9f6ee;color:#1d9861}.metric-icon.blue{background:#eaf3fb;color:#5086b4}.metric-icon.violet{background:#f1edfa;color:#8267b7}.metric-icon.orange{background:#fff3e5;color:#c18639}.metric-value{display:block;margin:11px 0 12px;color:#20352b;font:700 21px Manrope,sans-serif;letter-spacing:-.7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#89958e;font-size:9px}.metric-trend{display:flex;align-items:center;gap:4px;color:#929d97;white-space:nowrap;font-size:8px}.metric-trend i{width:5px;height:5px;border-radius:50%;background:#adb8b1}.metric-trend.green i{background:#38a877}.metric-trend.orange i{background:#d39a4d}.metric-trend.blue i{background:#6495be}.metric-trend.violet i{background:#9581c0}.section-grid{display:grid;grid-template-columns:minmax(0,1.78fr) minmax(250px,.88fr);gap:13px;margin-bottom:15px}.panel{border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 2px 5px #172b2404}.chart-panel,.channel-panel{padding:17px 18px 14px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-header h2,.table-toolbar h2{font:700 12px Manrope,sans-serif;letter-spacing:-.15px;color:#2a3e33;margin:0}.panel-header p,.table-toolbar p{font-size:9px;color:#97a29c;margin:4px 0 0}.period-select{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid #ebefed;background:#fff;border-radius:6px;color:#75837b;font-size:9px}.chart-legend{display:flex;gap:14px;margin-top:15px;color:#8d9992;font-size:8px}.chart-legend span{display:flex;align-items:center;gap:5px}.legend-dot{width:6px;height:6px;border-radius:50%}.legend-dot.paid{background:#168051}.legend-dot.waiting{background:#c8ddd0}.chart-area{display:flex;height:173px;margin-top:10px}.chart-y{width:40px;display:flex;flex-direction:column;justify-content:space-between;padding:1px 3px 17px 0;text-align:right;color:#a3ada7;font-size:8px}.chart-plot{position:relative;flex:1;min-width:0}.chart-grid-lines{position:absolute;top:1px;right:0;bottom:18px;left:0;display:flex;flex-direction:column;justify-content:space-between}.chart-grid-lines i{border-top:1px dashed #edf0ee}.chart-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:calc(100% - 18px);overflow:visible}.chart-x{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#9aa69f;font-size:8px}.chart-summary{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #f0f2f1;color:#8a968f;font-size:9px}.chart-summary strong,.chart-summary b{color:#405348}.text-button{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:#18774e;font-size:9px;font-weight:600;padding:4px}.text-button:hover{color:#075b3d}.live-pill{display:flex;align-items:center;gap:5px;color:#218657;background:#edf8f1;border-radius:5px;padding:4px 6px;font-size:8px;font-weight:700}.live-pill i{width:5px;height:5px;background:#32a36a;border-radius:50%}.system-status{display:flex;align-items:center;gap:9px;margin:20px 0 13px}.system-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#fff;font:800 19px Manrope}.dana-icon{background:#087a4a}.system-copy{display:grid;gap:3px;flex:1}.system-copy strong{font-size:10px;color:#304439}.system-copy span{font-size:8px;color:#929d97}.status-ok{display:flex;align-items:center;gap:4px;color:#208455;font-size:8px;font-weight:600}.status-divider{height:1px;background:#edf0ee;margin:0 0 6px}.system-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;color:#849088;font-size:9px}.system-row span{display:flex;align-items:center;gap:6px}.system-row b{font-size:9px;font-weight:600;color:#53645a}.system-row b i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#28a16c;margin-right:4px}.system-row .text-orange{color:#ba7830}.channel-link{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:7px;padding:9px 0 2px;border:0;border-top:1px solid #edf0ee;background:transparent;color:#17744d;font-size:9px;font-weight:600}.table-panel{overflow:hidden}.table-heading{padding:16px 17px 13px}.table-scroll{width:100%;overflow-x:auto}.table-scroll table{width:100%;border-collapse:collapse;min-width:740px}.table-scroll th{padding:10px 14px;text-align:left;background:#f8faf9;border-top:1px solid #eff2f0;border-bottom:1px solid #eff2f0;color:#a0aaa4;font-size:8px;letter-spacing:.6px;font-weight:700;white-space:nowrap}.table-scroll td{padding:10px 14px;border-bottom:1px solid #f0f3f1;color:#53645a;font-size:9px;white-space:nowrap}.table-scroll tbody tr{cursor:pointer;transition:background .12s}.table-scroll tbody tr:hover{background:#fafcfb}.table-scroll tbody tr:last-child td{border-bottom:0}.ref-cell{display:flex;align-items:center;gap:8px}.qr-mini{display:grid;place-items:center;width:29px;height:29px;border:1px solid #e9efeb;border-radius:7px;color:#458263;background:#f9fbfa}.ref-cell>span:last-child{display:grid;gap:3px}.ref-cell strong{font-size:9px;color:#34463c;font-weight:600}.ref-cell small{font-size:8px;color:#9aa49e}.amount-cell{font-weight:600!important;color:#304439!important}.store-cell{display:flex;align-items:center;gap:5px;color:#697970}.store-cell svg{color:#94a198}.status-badge{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:5px 7px;font-size:8px;font-weight:600}.status-badge.success{background:#eaf6ee;color:#248353}.status-badge.pending{background:#fff5e8;color:#b47a2e}.status-badge.failed{background:#fff0ee;color:#b45049}.status-badge.expired{background:#eff1f2;color:#76827b}.date-cell{color:#89958e!important}.row-menu{width:24px;height:24px}.table-bottom{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-top:1px solid #eff2f0;color:#8b9790;font-size:8px}.table-bottom strong{color:#506157}.bottom-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:13px;margin-top:14px}.activity-panel,.attention-panel{padding:15px 17px 10px}.activity-panel .panel-header,.attention-panel .panel-header{align-items:center;margin-bottom:8px}.activity-list{display:grid}.activity-item{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #f0f2f1}.activity-icon{width:25px;height:25px;border-radius:7px;background:#eaf6ee;color:#268353;display:grid;place-items:center;flex:none}.activity-icon.alert{background:#fff1ed;color:#c16153}.activity-copy{display:grid;gap:3px;flex:1;min-width:0}.activity-copy strong{font-size:9px;color:#46584d;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-copy span{font-size:8px;color:#99a39d}.log-level{font-size:7px;font-weight:700;letter-spacing:.4px}.log-level.info{color:#38845e}.log-level.error{color:#ba5850}.log-level.warn{color:#b57c30}.attention-count{min-width:21px;height:21px;display:grid;place-items:center;border-radius:6px;background:#fff2e8;color:#b77632;font-size:9px;font-weight:700}.attention-item{width:100%;display:flex;align-items:center;text-align:left;gap:9px;border:0;border-top:1px solid #eff2f0;background:#fff;padding:11px 0}.attention-item>span:nth-child(2){display:grid;gap:3px;flex:1}.attention-item strong{font-size:9px;font-weight:600;color:#45574c}.attention-item small{font-size:8px;color:#97a29c}.attention-item>svg{color:#aab4ae}.attention-icon{width:27px;height:27px;border-radius:7px;display:grid;place-items:center}.attention-icon.red{background:#fff0ee;color:#c15a4e}.attention-icon.amber{background:#fff5e8;color:#ba8137}.all-clear{display:flex;flex-direction:column;align-items:center;padding:18px 8px 15px;text-align:center}.all-clear>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eaf6ee;color:#258454;margin-bottom:8px}.all-clear strong{font-size:10px;color:#405449}.all-clear p{margin:4px 0 0;color:#96a19b;font-size:8px}.page-footer{max-width:1480px;width:100%;margin:auto auto 0;padding:14px 38px 18px;display:flex;justify-content:space-between;color:#a1aba5;font-size:8px}.page-footer>span:nth-child(2){display:flex;align-items:center;gap:7px}.error-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.error-summary{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:14px 16px}.error-summary>div{display:grid;gap:4px}.error-summary>div>span{font-size:9px;color:#87948c}.error-summary strong{font:700 20px Manrope,sans-serif;color:#33473c}.full-table-panel{overflow:hidden}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px}.table-controls{display:flex;align-items:center;gap:7px}.search-box,.filter-select{height:32px;display:flex;align-items:center;gap:7px;border:1px solid #e8edea;border-radius:6px;background:#fff;color:#91a097;padding:0 9px}.search-box input{width:185px;border:0;outline:0;color:#384b40;font-size:9px}.search-box input::placeholder{color:#adb6b1}.filter-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;border:0;background:transparent;color:#607168;font-size:9px;cursor:pointer}.filter-select select option{color:#33473c}.bordered{border:1px solid #e8edea;width:32px;height:32px}.table-state{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#9ba69f;font-size:10px}.table-state strong{color:#53655a;font-size:11px}.table-state span{font-size:9px}.compact-metrics{margin-top:2px}.pagination{display:flex;align-items:center;gap:7px;color:#929d96}.pagination button{width:23px;height:23px;border:1px solid #e8edea;border-radius:5px;background:#fff;color:#829087;display:grid;place-items:center}.pagination button:disabled{opacity:.45}.pagination button.current-page{background:#eaf4ee;border-color:#dcece2;color:#16734d;font-size:9px}.pagination span{font-size:8px}.logs-list,.error-list{padding:0 16px}.log-row{display:flex;align-items:flex-start;gap:14px;padding:15px 0;border-top:1px solid #eff2f0}.log-level-pill{display:flex;align-items:center;gap:6px;min-width:55px;padding-top:2px;font-size:8px;font-weight:700}.log-level-pill i{width:6px;height:6px;border-radius:50%;background:#55a879}.log-level-pill.error i{background:#d57465}.log-level-pill.warn i{background:#dfa64f}.log-level-pill.info{color:#3d8d64}.log-level-pill.error{color:#ba554d}.log-level-pill.warn{color:#ae762e}.log-main{display:grid;gap:4px;flex:1}.log-main>strong{font-size:10px;color:#46584e;font-weight:600}.log-main>span{color:#9aa49e;font-size:8px}.log-main code,.error-meta code{font:8px ui-monospace,SFMono-Regular,Menlo,monospace;color:#607268;background:#f3f6f4;padding:2px 4px;border-radius:3px}.log-row time{font-size:8px;color:#929e96;white-space:nowrap}.log-main details{font-size:8px;color:#688174}.log-main summary{cursor:pointer;margin-top:3px}.log-main pre,.error-body pre,.json-section pre{max-height:240px;overflow:auto;background:#f6f8f7;border:1px solid #edf1ee;border-radius:6px;padding:10px;color:#55675d;font:9px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.error-card{border-top:1px solid #eff2f0}.error-card>summary{display:flex;align-items:center;gap:10px;list-style:none;padding:13px 0;cursor:pointer}.error-card>summary::-webkit-details-marker{display:none}.error-indicator{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:#fff3e8;color:#bd8136;flex:none}.error-indicator.done{background:#eaf6ee;color:#288455}.error-summary-copy{display:grid;gap:4px;flex:1;min-width:0}.error-summary-copy strong{font-size:10px;color:#46584e;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.error-summary-copy span{font-size:8px;color:#929e97}.error-state{padding:4px 7px;border-radius:5px;font-size:8px;font-weight:600}.error-state.open{background:#fff4e8;color:#b47b31}.error-state.resolved{background:#eaf6ee;color:#278351}.error-chevron{color:#a0aaa4;transition:transform .15s}.error-card[open] .error-chevron{transform:rotate(180deg)}.error-body{padding:0 0 15px 40px}.error-meta{display:flex;gap:16px;margin-bottom:8px;color:#8a9790;font-size:8px}.error-body .button{margin-top:4px}.error-card.resolved .error-summary-copy strong{color:#809087}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:160px;text-align:center}.empty-state>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#f0f5f2;color:#659377;margin-bottom:9px}.empty-state strong{font-size:10px;color:#53655a}.empty-state p{font-size:9px;color:#98a39c;margin:4px 0 0}.alert-banner{display:flex;align-items:center;gap:9px;background:#fff7ea;border:1px solid #f3e3c9;color:#966b34;border-radius:7px;padding:10px 12px;font-size:10px;margin-bottom:15px}.alert-banner span{flex:1}.alert-banner button{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#91652d;font-size:9px;font-weight:600}.login-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 35%,#f2f8f4 0,#f5f7fa 63%)}.login-card{width:min(390px,calc(100% - 34px));background:#fff;border:1px solid #e8eeea;border-radius:13px;padding:30px;box-shadow:0 10px 35px #1b302508}.login-card .brand-mark{margin-bottom:22px}.login-card h1{font-size:25px}.login-copy{font-size:11px;color:#87948c;margin:8px 0 23px}.login-card form label,.modal-card form>label,.form-two label{display:grid;gap:7px;margin-top:14px;font-size:10px;font-weight:600;color:#56675d}.login-card form label{margin-top:0}.input-wrap{height:39px;border:1px solid #e4eae6;border-radius:7px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#93a098}.input-wrap:focus-within,.modal-card input:focus{outline:2px solid #d9eee2;border-color:#85b79a}.input-wrap input{min-width:0;flex:1;border:0;outline:0;font-size:10px;color:#34483d}.login-hint{display:flex;align-items:center;gap:7px;margin-top:17px;padding-top:14px;border-top:1px solid #eef1ef;color:#929e97;font-size:9px}.login-hint svg{color:#3b9667}.login-foot{position:fixed;bottom:22px;color:#99a49d;font-size:9px}.login-foot span{margin:0 7px;color:#c3cbc6}.form-error{color:#b64d46;font-size:9px;margin:7px 0 0}.modal-backdrop,.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#13231bc2;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-card{width:min(480px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border-radius:12px;padding:23px;box-shadow:0 18px 60px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#e9f5ed;color:#147850}.modal-card .eyebrow{margin-top:18px}.modal-card h2{font:700 19px Manrope,sans-serif;letter-spacing:-.5px;margin:0;color:#22372c}.modal-copy{margin:6px 0 16px;color:#8d9992;font-size:10px}.modal-card form>label{margin-top:13px}.modal-card form label span{color:#c56655}.modal-card input{width:100%;height:36px;border:1px solid #e4eae6;border-radius:6px;padding:0 9px;outline:0;color:#3c5045;font-size:10px;background:#fff}.modal-card label>small{color:#9ba59f;font-size:8px;font-weight:400}.amount-input{display:flex;align-items:center;border:1px solid #e4eae6;border-radius:6px;height:36px;padding-left:10px;color:#88968d;font-size:10px}.amount-input input{border:0;height:34px;outline:0!important}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form-two label{margin-top:13px}.modal-error{display:flex;gap:7px;align-items:flex-start;background:#fff1ee;border:1px solid #f4d8d3;color:#ab5047;padding:9px;border-radius:6px;font-size:9px;margin-top:13px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:14px;border-top:1px solid #eef1ef}.drawer-backdrop{justify-content:flex-end;padding:0}.detail-drawer{width:min(440px,100%);height:100%;overflow:auto;background:#fff;box-shadow:-10px 0 35px #0002;animation:slideIn .2s ease}.drawer-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:#fff;border-bottom:1px solid #edf1ee;color:#87948c;font-size:8px;font-weight:700;letter-spacing:.9px}.drawer-main{padding:24px 22px}.drawer-qr{width:45px;height:45px;display:grid;place-items:center;border-radius:11px;background:#eaf5ed;color:#15794e;margin-bottom:14px}.drawer-main>.status-badge{margin-bottom:10px}.drawer-main>h2{font:700 27px Manrope,sans-serif;color:#22382d;letter-spacing:-.8px;margin:3px 0}.drawer-main>p{font:10px ui-monospace,SFMono-Regular,monospace;color:#89958e;margin:4px 0}.copy-ref{padding:7px 0}.detail-section{padding-top:17px;margin-top:16px;border-top:1px solid #edf1ee}.detail-section h3{font:700 10px Manrope,sans-serif;color:#4a5e52;margin:0 0 10px}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:7px 0}.detail-row>span{color:#929e97;font-size:9px}.detail-row strong{max-width:62%;overflow-wrap:anywhere;text-align:right;font-size:9px;color:#53665a;font-weight:600}.detail-section-head{display:flex;justify-content:space-between;align-items:center}.qr-content{padding:9px;border:1px solid #e8eeea;border-radius:6px;background:#f8faf9;color:#5b6e62;overflow-wrap:anywhere;font:8px/1.55 ui-monospace,SFMono-Regular,monospace}.qr-url{display:flex;align-items:center;gap:6px;color:#15774e;font-size:9px;margin-top:11px;text-decoration:none}.payment-error{display:flex;gap:7px;padding:10px;margin-top:13px;border-radius:6px;background:#fff1ee;color:#b15048;font-size:9px}.json-section>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer}.json-section>summary::-webkit-details-marker{display:none}.json-section>summary h3{margin:0}.json-section h4{margin:14px 0 5px;color:#849188;font-size:8px}.json-section pre{font-size:8px}.toast{position:fixed;z-index:70;bottom:23px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#203a2d;color:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 8px 20px #0002;font-size:10px;animation:toastIn .2s ease}.toast svg{color:#70d3a0}.spin{animation:spin 1s linear infinite}.mobile-menu,.mobile-close,.mobile-backdrop{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{transform:translate(20px);opacity:.7}to{transform:translate(0);opacity:1}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media(min-width:1500px){.page-content{padding-top:38px}.metric-card{padding:18px}.chart-area{height:190px}.chart-panel,.channel-panel{padding:20px}}@media(max-width:1100px){.sidebar{width:220px}.main-area{margin-left:220px}.topbar{padding:0 25px}.page-content{padding:25px}.page-footer{padding-left:25px;padding-right:25px}.metric-grid{gap:9px}.metric-card{padding:13px}.metric-value{font-size:18px}.metric-trend{display:none}.section-grid{grid-template-columns:minmax(0,1.5fr) minmax(220px,.8fr)}}@media(max-width:820px){.sidebar{transform:translate(-100%);transition:transform .2s;width:260px;box-shadow:none}.sidebar.mobile-open{transform:translate(0);box-shadow:10px 0 35px #14261c30}.mobile-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;border:0;background:#12241b8a}.mobile-close{display:inline-flex;margin-left:auto}.main-area{margin-left:0}.topbar{height:58px;padding:0 20px}.mobile-menu{display:inline-flex;margin-right:8px}.topbar-left{display:flex;align-items:center}.page-content{padding:23px 20px}.page-footer{padding:13px 20px 18px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-grid{grid-template-columns:1fr}.chart-area{height:190px}.bottom-grid{grid-template-columns:1fr}.channel-panel{padding-bottom:17px}.attention-panel{padding-bottom:13px}}@media(max-width:540px){.topbar{padding:0 12px}.topbar-actions{gap:9px}.help-link{font-size:0}.help-link svg{width:17px;height:17px}.top-divider{display:none}.page-content{padding:21px 13px}.page-footer{padding:12px 13px 16px;font-size:7px}.page-heading{align-items:flex-start;flex-direction:column;gap:13px}.page-heading h1{font-size:21px}.heading-actions{width:100%}.heading-actions .button{flex:1}.overview-date{flex-wrap:wrap}.metric-card{padding:12px}.metric-top{font-size:9px}.metric-icon{width:28px;height:28px}.metric-value{font-size:17px;margin:9px 0}.metric-bottom{font-size:8px}.metric-grid{gap:8px}.metric-trend{display:none}.chart-panel,.channel-panel{padding:14px}.chart-area{height:160px}.period-select{font-size:8px}.table-heading,.table-toolbar{padding:13px}.table-toolbar{align-items:flex-start;flex-direction:column}.table-controls{width:100%}.search-box{flex:1}.search-box input{width:100%;min-width:0}.filter-select select{max-width:95px}.bottom-grid{gap:9px}.activity-panel,.attention-panel{padding:13px}.error-summary-grid{grid-template-columns:1fr}.error-summary{padding:11px 13px}.error-summary .metric-icon{width:29px;height:29px}.error-summary strong{font-size:17px}.table-bottom{padding:10px 12px}.error-body{padding-left:0}.error-meta{flex-direction:column;gap:5px}.log-row{gap:8px}.log-row time{font-size:7px}.log-level-pill{min-width:45px}.form-two{grid-template-columns:1fr}.modal-card{padding:19px}.topbar .env-pill{font-size:7px}.page-footer>span:last-child{display:none}}@media print{.sidebar,.topbar,.heading-actions,.page-footer,.table-controls,.button{display:none!important}.main-area{margin:0}.page-content{padding:0;max-width:none}.panel,.metric-card{box-shadow:none;break-inside:avoid}}.request-payload-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.copy-field-button{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border:1px solid #e4eae6;border-radius:5px;background:#fff;color:#68766d;font-size:9px;line-height:1}.copy-field-button:hover{border-color:#b8d5c3;background:#f3faf5;color:#147850}.request-payload-heading h4{font:600 10px DM Sans,sans-serif}.request-log-row{border-bottom:1px solid var(--line);background:#fff}.request-log-row>summary{display:grid;grid-template-columns:90px minmax(180px,1fr) 70px 70px 145px 16px;align-items:center;gap:14px;padding:15px 20px;cursor:pointer;list-style:none}.request-log-row>summary::-webkit-details-marker{display:none}.request-status{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700}.request-status i{width:7px;height:7px;border-radius:50%;background:#1a9b65}.request-status.failed i{background:#de4a4a}.request-status.failed{color:#c33}.request-status.success{color:#168452}.request-method{display:inline-block;margin-left:5px;padding:3px 6px;border-radius:4px;background:#eef3ef;color:#526157;font-size:9px}.request-http-status,.request-latency{font-size:11px;color:#56645a}.request-log-row summary time{font-size:10px;color:#78837b}.request-log-row summary>svg{color:#88938b;transition:transform .2s}.request-log-row[open]>summary>svg{transform:rotate(180deg)}.request-log-detail{padding:16px 20px 20px 124px;background:#fafcfb;border-top:1px solid var(--line)}.request-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.request-detail-grid>div{display:flex;flex-direction:column;gap:5px}.request-detail-grid span,.request-payload-grid h4{margin:0;color:#7b877f;font-size:10px;font-weight:600}.request-detail-grid strong,.request-detail-grid code{overflow-wrap:anywhere;color:#27382d;font-size:11px}.request-payload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.request-payload-grid pre{max-height:220px;overflow:auto;margin:7px 0 0;padding:11px;border:1px solid #e8ede9;border-radius:7px;background:#fff;color:#425148;font:10px/1.55 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.request-log-error{display:flex;align-items:flex-start;gap:7px;margin-bottom:14px;padding:10px;border-radius:7px;background:#fff2ee;color:#a3412a;font-size:11px}.request-log-error svg{flex:none}.table-controls .search-field{display:flex;align-items:center;gap:8px;padding:0 10px;height:34px;border:1px solid var(--line);border-radius:7px;color:#7b877f}.table-controls .search-field input{width:190px;border:0;outline:0;background:transparent;color:#29372e;font:inherit;font-size:11px}.table-controls .search-field input::placeholder{color:#98a29a}@media(max-width:900px){.request-log-row>summary{grid-template-columns:75px minmax(150px,1fr) 55px 60px 16px}.request-log-row summary time{display:none}.request-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.request-log-detail{padding-left:20px}}@media(max-width:600px){.request-log-row>summary{grid-template-columns:64px minmax(0,1fr) 16px;gap:8px;padding:13px}.request-http-status,.request-latency{display:none}.request-log-row>summary .log-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-payload-grid{grid-template-columns:1fr}.table-controls .search-field{flex:1;min-width:0}.table-controls .search-field input{width:100%;min-width:0}}