.oc-page{display:grid;gap:18px;padding-bottom:38px}.oc-hero{position:relative;isolation:isolate;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;min-height:174px;padding:32px 35px;overflow:hidden;border:1px solid #dce8f8;border-radius:21px;background:linear-gradient(120deg,#fff 0%,#f7faff 55%,#eef5ff 100%);box-shadow:0 18px 45px rgba(49,91,146,.06)}.oc-hero:before,.oc-hero:after{position:absolute;z-index:-1;content:"";pointer-events:none}.oc-hero:before{right:-82px;top:-148px;width:360px;height:360px;border:58px solid rgba(218,233,253,.68);border-radius:50%}.oc-hero:after{right:220px;bottom:-116px;width:220px;height:220px;border-radius:48px;background:rgba(232,244,255,.72);transform:rotate(28deg)}.oc-hero-copy{max-width:780px}.oc-kicker,.oc-section-kicker{display:block;color:#2774dc;font-size:11px;font-weight:850;letter-spacing:.16em}.oc-hero h2{margin:9px 0 10px;color:#1d2f49;font-size:32px;letter-spacing:-.035em}.oc-hero p{max-width:720px;margin:0;color:#65758b;font-size:13px;line-height:1.75}.oc-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}.oc-hero-tags span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #d7e5f7;border-radius:999px;background:rgba(255,255,255,.82);color:#58708d;font-size:11px;font-weight:650}.oc-hero-tags span:before{width:6px;height:6px;border-radius:50%;background:#35b889;content:""}.oc-hero-mark{display:grid;place-items:center;flex:none;width:70px;height:70px;border:1px solid rgba(190,215,249,.78);border-radius:22px;background:linear-gradient(145deg,#2477e9,#5aa0fa);box-shadow:0 16px 30px rgba(38,111,218,.2);color:#fff;font-size:28px;font-weight:850}.oc-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.oc-stat{display:flex;align-items:flex-start;gap:12px;min-height:102px;padding:18px;border:1px solid #e0e9f4;border-radius:15px;background:#fff;box-shadow:0 9px 25px rgba(38,74,124,.04)}.oc-stat-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;font-size:13px;font-weight:850}.oc-stat:nth-child(1) .oc-stat-icon{background:#eaf3ff;color:#2676e8}.oc-stat:nth-child(2) .oc-stat-icon{background:#e8f8f1;color:#168660}.oc-stat:nth-child(3) .oc-stat-icon{background:#fff4df;color:#c9821d}.oc-stat:nth-child(4) .oc-stat-icon{background:#f0edff;color:#7356d9}.oc-stat:nth-child(5) .oc-stat-icon{background:#e9f7fb;color:#16809b}.oc-stat small,.oc-stat strong{display:block}.oc-stat small{color:#8793a5;font-size:11px}.oc-stat strong{margin-top:7px;color:#24364f;font-size:24px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.oc-stat-amounts{display:grid;gap:6px;margin-top:6px}.oc-stat-amounts span{display:grid;grid-template-columns:auto auto;justify-content:start;gap:5px;align-items:baseline}.oc-stat-amounts b{color:#263a55;font-size:16px;font-variant-numeric:tabular-nums}.oc-stat-amounts em{color:#8090a4;font-size:9px;font-style:normal;font-weight:750}.oc-boundary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:15px 17px;border:1px solid #d8e7fa;border-radius:14px;background:linear-gradient(110deg,#f3f8ff,#fbfdff)}.oc-boundary article{display:flex;align-items:flex-start;gap:10px;min-width:0}.oc-boundary i{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:9px;background:#dfeeff;color:#2675e4;font-size:11px;font-style:normal;font-weight:850}.oc-boundary b,.oc-boundary span{display:block}.oc-boundary b{color:#395474;font-size:12px}.oc-boundary span{margin-top:4px;color:#718198;font-size:10px;line-height:1.55}.oc-directory{overflow:visible;border:1px solid #dfe8f4;border-radius:17px;background:#fff;box-shadow:0 14px 38px rgba(36,75,125,.045)}.oc-directory-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:21px 23px 17px;border-bottom:1px solid #e8eef6}.oc-directory-head h3{margin:5px 0 3px;color:#263851;font-size:18px}.oc-directory-head p{margin:0;color:#8995a6;font-size:11px}.oc-result-note{flex:none;padding:6px 10px;border-radius:999px;background:#f0f5fc;color:#607794;font-size:10px;font-weight:700}.oc-page .order-center-filter{margin:0;padding:18px 22px 14px;border:0;border-radius:0;background:#f9fbfe;box-shadow:none}.oc-page .order-filter-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px 14px}.oc-page .order-filter-field{color:#586b84;font-size:11px;font-weight:700}.oc-page .order-filter-field input,.oc-page .order-filter-field select{box-sizing:border-box;height:40px;border:1px solid #dce5f0;border-radius:9px;background:#fff;color:#2d3d53;font-size:12px}.oc-page .order-filter-actions{margin-top:15px;padding-top:14px;border-top:1px solid #e6edf6}.oc-page .order-concurrency{border:1px solid #d7e6fa;background:#edf5ff;color:#2878ed}.oc-page .order-toggle b{font-size:11px;font-weight:650}.oc-page .order-tool-button{border:1px solid #dce5f0;background:#fff}.oc-page .order-center-table,.oc-notification-table{position:relative;margin:0!important;overflow-x:auto!important;overflow-y:hidden!important;border:0!important;border-radius:0!important;box-shadow:none!important}.oc-page .order-center-table table,.oc-notification-table table{border:0!important;border-radius:0!important;box-shadow:none!important}.oc-page .order-center-table th,.oc-notification-table th{padding:12px 15px;background:#fbfcfe;color:#8290a4;font-size:10px;white-space:nowrap}.oc-page .order-center-table td,.oc-notification-table td{padding:15px;border-top:1px solid #edf1f6;color:#34465e;font-size:11px;vertical-align:middle}.oc-page .order-center-table tbody tr:hover,.oc-notification-table tbody tr:hover{background:#fbfdff}.oc-page .order-center-table td:nth-child(13){background:#fff}.oc-page .order-center-pagination{border-top:1px solid #edf1f6;background:#fbfcfe}.oc-page .order-page-button{border-radius:8px}.oc-page .order-page-button:hover,.oc-page .order-page-button.active{border-color:#2878ed;background:#2878ed}.oc-notification-table table{min-width:1060px}.oc-notification-state{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#fff1f1;color:#b95151;font-size:10px;font-weight:750}.oc-notification-state.delivering{background:#fff7e7;color:#b67a1d}.oc-notification-state:before{width:5px;height:5px;border-radius:50%;background:currentColor;content:""}.oc-empty{padding:46px!important;color:#8793a4!important;text-align:center}.oc-error{color:#ba5454!important}.oc-page .order-range-picker{border-color:#d8e4f3;border-radius:11px;box-shadow:0 16px 38px rgba(30,50,80,.16)}@media(max-width:1280px){.oc-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.oc-page .order-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.oc-hero{min-height:auto}.oc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.oc-boundary{grid-template-columns:1fr}.oc-directory-head{align-items:flex-start;flex-direction:column}.oc-page .order-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.oc-page{gap:14px}.oc-hero{padding:26px 23px}.oc-hero h2{font-size:27px}.oc-hero-mark{display:none}.oc-stats{grid-template-columns:1fr}.oc-stat{min-height:88px}.oc-page .order-filter-grid{grid-template-columns:1fr}.oc-page .order-filter-field.order-date,.oc-page .order-date-range{grid-column:auto}.oc-page .order-filter-actions{align-items:stretch;flex-direction:column}.oc-page .order-filter-actions .button{width:100%}.oc-page .order-concurrency{width:max-content}.oc-directory-head{padding:18px}.oc-page .order-center-filter{padding:16px}.oc-page .order-page-summary{order:0;width:100%}}
.oc-page .oc-stats{grid-template-columns:repeat(5,minmax(0,1fr));margin:0}
@media(max-width:1280px){.oc-page .oc-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.oc-page .oc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.oc-page .oc-stats{grid-template-columns:1fr}}
.oc-pay-status,.oc-notify-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.oc-pay-status:before,.oc-notify-status:before{width:6px;height:6px;border-radius:50%;background:currentColor;content:""}.oc-pay-status.paid{background:#e8f7f1;color:#16825f}.oc-pay-status.unpaid{background:#fff0f0;color:#ba5454}.oc-pay-status.blocked{background:#fff4df;color:#b56f13}.oc-notify-status.returned{background:#e8f7f1;color:#16825f}.oc-notify-status.no-return,.oc-notify-status.not-sent{background:#eef2f7;color:#718198}.oc-page .order-center-table table{min-width:1500px!important}.oc-page .order-center-table th:nth-child(12),.oc-page .order-center-table td:nth-child(12){position:sticky!important;right:0!important;z-index:4;width:300px!important;min-width:300px!important;max-width:300px!important;background:#fff!important;box-shadow:-8px 0 12px rgba(30,50,80,.08)}.oc-page .order-center-table td:nth-child(12) .order-action-group{display:flex!important;align-items:center;gap:2px;white-space:nowrap}.order-log-detail-list{display:grid;gap:1px;margin-top:12px;overflow:hidden;border:1px solid #e2e9f2;border-radius:10px;background:#e2e9f2}.order-log-detail-row{display:grid;grid-template-columns:minmax(150px,.45fr) 1fr;gap:16px;padding:11px 13px;background:#f9fbfe;color:#40526b;font-size:12px}.order-log-detail-row b{color:#718198;font-weight:700}.oc-detail-modal{width:min(1120px,96vw);max-height:94vh;overflow:auto;padding:0}.oc-detail-head{position:sticky;z-index:8;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:26px 30px 20px;border-bottom:1px solid #e6edf6;background:rgba(255,255,255,.97);backdrop-filter:blur(12px)}.oc-detail-head h2{margin:7px 0 5px;color:#203550;font-size:26px}.oc-detail-head p{margin:0;color:#75859a;font-size:12px}.oc-detail-statuses{display:flex;flex-wrap:wrap;gap:8px;padding-right:34px}.oc-detail-section{padding:23px 30px;border-bottom:1px solid #edf1f6}.oc-detail-section h3{margin:0 0 15px;color:#2b405c;font-size:16px}.oc-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.oc-detail-field{min-width:0;padding:13px 14px;border:1px solid #e2eaf4;border-radius:11px;background:#fbfdff}.oc-detail-field.wide{grid-column:span 2}.oc-detail-field small,.oc-detail-field strong{display:block}.oc-detail-field small{color:#8290a3;font-size:10px;font-weight:700}.oc-detail-field strong{margin-top:6px;overflow-wrap:anywhere;color:#30445f;font-size:12px}.oc-detail-field.money strong{color:#ba5454;font-size:18px}.oc-detail-field.money-net strong{color:#2472df;font-size:18px}.oc-detail-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.oc-detail-section-head h3{margin-bottom:5px}.oc-detail-section-head p{margin:0;color:#8391a4;font-size:11px}.oc-callback-card{margin-top:14px;overflow:hidden;border:1px solid #dfe8f3;border-radius:13px;background:#fff}.oc-callback-card>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;background:#f7faff}.oc-callback-card>header b,.oc-callback-card>header span{display:block}.oc-callback-card>header b{color:#30445f;font-size:12px}.oc-callback-card>header div span{margin-top:4px;color:#8995a5;font-size:10px}.oc-callback-outcome{color:#2472df;font-size:10px;font-weight:800}.oc-callback-grid{display:grid;grid-template-columns:1fr 1fr}.oc-callback-grid section{min-width:0;padding:16px}.oc-callback-grid section+section{border-left:1px solid #e7edf5}.oc-callback-grid h4{margin:0 0 9px;color:#60738c;font-size:11px}.oc-callback-grid pre{min-height:96px;max-height:250px;margin:0;overflow:auto;padding:13px;border-radius:9px;background:#162033;color:#dce8f6;font:11px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word}.oc-detail-empty{padding:28px;border:1px dashed #d8e3f0;border-radius:12px;background:#fafcff;color:#8492a5;text-align:center;font-size:12px}.oc-detail-actions{position:sticky;bottom:0;display:flex;align-items:flex-end;justify-content:flex-end;gap:10px;padding:16px 30px;border-top:1px solid #e3eaf3;background:rgba(255,255,255,.97);backdrop-filter:blur(12px)}.oc-resend-reason{display:grid;gap:5px;min-width:260px;color:#718198;font-size:10px;font-weight:700}.oc-resend-reason input{height:38px;border:1px solid #dbe5f1;border-radius:9px;padding:0 10px}.oc-detail-actions .form-message{margin-right:auto}.oc-detail-actions .form-message.success{color:#16825f}.oc-detail-actions .form-message.error{color:#ba5454}@media(max-width:900px){.oc-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oc-callback-grid{grid-template-columns:1fr}.oc-callback-grid section+section{border-top:1px solid #e7edf5;border-left:0}.oc-detail-actions{align-items:stretch;flex-direction:column}.oc-resend-reason{width:100%}}@media(max-width:560px){.oc-detail-head{padding:23px 20px}.oc-detail-section{padding:20px}.oc-detail-grid{grid-template-columns:1fr}.oc-detail-field.wide{grid-column:auto}.oc-detail-statuses{padding-right:20px}.order-log-detail-row{grid-template-columns:1fr;gap:5px}}
.order-log-payload{margin-top:10px;border:1px solid #dfe8f3;border-radius:10px;background:#f8fbff}.order-log-payload summary{cursor:pointer;padding:11px 13px;color:#315b91;font-size:12px;font-weight:800}.order-log-payload small{display:block;padding:0 13px 8px;color:#7b899c}.order-log-payload pre{max-height:360px;margin:0;overflow:auto;padding:14px;border-radius:0 0 10px 10px;background:#162033;color:#dce8f6;font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word}
.oc-page .payin-order-table table{min-width:1380px!important;table-layout:fixed}.oc-page .payin-order-table th:nth-child(1),.oc-page .payin-order-table td:nth-child(1){width:220px!important}.oc-page .payin-order-table th:nth-child(2),.oc-page .payin-order-table td:nth-child(2){width:130px!important}.oc-page .payin-order-table th:nth-child(3),.oc-page .payin-order-table td:nth-child(3){width:180px!important}.oc-page .payin-order-table th:nth-child(4),.oc-page .payin-order-table td:nth-child(4){width:110px!important}.oc-page .payin-order-table th:nth-child(5),.oc-page .payin-order-table td:nth-child(5),.oc-page .payin-order-table th:nth-child(6),.oc-page .payin-order-table td:nth-child(6){width:105px!important}.oc-page .payin-order-table th:nth-child(7),.oc-page .payin-order-table td:nth-child(7){width:230px!important}.oc-page .payin-order-table th:nth-child(8),.oc-page .payin-order-table td:nth-child(8){width:200px!important}.oc-page .payin-order-table th:nth-child(9),.oc-page .payin-order-table td:nth-child(9){position:sticky!important;right:0!important;z-index:4;width:260px!important;min-width:260px!important;max-width:260px!important;background:#fff!important;box-shadow:-8px 0 12px rgba(30,50,80,.08)}.oc-page .payin-order-table td:nth-child(9) .order-action-group{display:flex!important;align-items:center;gap:2px;white-space:nowrap}.payin-order-pair,.payin-provider-product,.payin-currency-amount,.payin-time-stack,.payin-platform-profit{display:grid;gap:5px;min-width:0}.payin-order-pair b,.payin-order-pair small,.payin-provider-product b,.payin-provider-product small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payin-order-pair b,.payin-provider-product b{color:#2f435f;font-size:11px}.payin-order-pair small,.payin-provider-product small{color:#8390a2;font-size:10px}.payin-currency-amount small{color:#6d7f97;font-size:10px;font-weight:800}.payin-currency-amount b{color:#253b59;font-size:15px;font-variant-numeric:tabular-nums}.payin-time-stack small,.payin-platform-profit small,.payin-platform-profit b{display:grid;grid-template-columns:64px minmax(0,1fr);gap:7px;color:#586c86;font-size:10px;font-style:normal;font-weight:600;white-space:nowrap}.payin-time-stack em,.payin-platform-profit em{color:#96a0af;font-size:9px;font-style:normal;font-weight:700}.payin-platform-profit b{color:#16825f;font-size:11px}.payin-platform-profit small{color:#2e6bbd}