:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17332f;background:#f7f9f7;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:3px solid #86d3b3;outline-offset:3px}.mobile-signout{display:none}@media(max-width:700px){.mobile-signout{display:block;font-size:11px}.operator{display:none}}

.brand{display:inline-flex;align-items:center;gap:11px;font-size:18px;font-weight:700;letter-spacing:-.045em;white-space:nowrap}.brand strong{color:#3f8d6c}.brand-mark{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#133b34,#328c63);color:#fff;font-size:20px;font-style:italic;font-weight:900;box-shadow:0 5px 15px #194f3826}
.eyebrow{margin:0 0 8px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#648879}.muted{color:#6c7f78;line-height:1.5}.small{font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:0 16px;border-radius:11px;border:1px solid transparent;font-size:13px;font-weight:750;white-space:nowrap;transition:background .15s,transform .15s,box-shadow .15s}.button:active{transform:translateY(1px)}.button.primary{background:#176247;color:white;box-shadow:0 5px 12px #17624724}.button.primary:hover{background:#114f3a}.button.secondary{background:white;border-color:#d9e4dc;color:#245b48}.button.secondary:hover{background:#f2f7f3}.button.danger{background:#aa332f;color:white}.button.danger:hover{background:#912a28}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button.wide{width:100%}
.login-page{min-height:100vh;background:radial-gradient(ellipse at 82% 20%,#e5f5e9 0,transparent 48%),radial-gradient(ellipse at 10% 95%,#e4edea 0,transparent 42%),#f8faf8}.login-shell{width:min(100% - 40px,480px);min-height:100vh;margin:auto;display:flex;flex-direction:column;justify-content:center;gap:24px;padding:48px 0}.login-card{padding:38px;border:1px solid #e0eae2;border-radius:24px;background:#fff;box-shadow:0 20px 55px #244b3714}.login-card h1{margin:0;max-width:360px;font-size:clamp(27px,5vw,38px);line-height:1.08;letter-spacing:-.06em}.login-card>.muted{margin:16px 0 26px;font-size:15px}.privacy-note{margin:18px 0 0;text-align:center;color:#7a8983;font-size:11px;line-height:1.5}.login-footer{margin:0;color:#84958c;font-size:12px}.login-error{padding:12px;border-radius:10px;background:#fff1ef;color:#9e2923;font-size:13px}
.app-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:28px 16px;background:#f0f5f0;border-right:1px solid #e0e8e1}.sidebar>.brand{margin:0 10px 42px}.sidebar nav{display:grid;gap:4px}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:11px;color:#62766e;font-size:13px;font-weight:700}.nav-link span{font-size:19px;line-height:1}.nav-link:hover{background:#e3ede5}.nav-link.current{background:#dcebe1;color:#175a42}.sidebar-foot{display:grid;gap:17px;margin-top:auto;padding:18px 12px 3px;border-top:1px solid #dbe5dd}.service-pill{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;color:#526a5c}.status-dot{width:8px;height:8px;border-radius:50%;background:#40a574;box-shadow:0 0 0 4px #40a57423}.text-button{border:0;background:none;padding:0;width:max-content;color:#64786b;font-size:12px;font-weight:700}.text-button:hover{text-decoration:underline}
.main-content{min-width:0}.topbar{display:flex;align-items:center;justify-content:flex-end;gap:18px;height:72px;padding:0 42px;background:#fff;border-bottom:1px solid #e9eeea}.topbar-label{margin-right:auto;color:#678074;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.11em}.operator{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:7px 11px;border-radius:20px;background:#eef5ef;color:#3d6650;font-size:12px;font-weight:700}.mobile-brand{display:none}.page-content{width:min(100%,1300px);margin:auto;padding:38px 42px 80px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}.section-heading h1{margin:0;font-size:clamp(29px,3vw,40px);letter-spacing:-.065em;line-height:1.1}.section-heading h2{margin:0;font-size:21px;letter-spacing:-.045em}.section-heading .muted{margin:10px 0 0;font-size:14px}.section-heading.compact{margin:34px 0 18px}.section-heading.compact .muted{margin-top:5px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-card,.currency-card{padding:19px 21px;border:1px solid #e2ebe4;background:#fff;border-radius:16px;box-shadow:0 2px 6px #284f3810}.stat-card .label{display:block;color:#758a7e;font-size:12px;font-weight:650}.stat-card .value{display:block;margin:16px 0 2px;font-size:31px;letter-spacing:-.06em;font-weight:800;line-height:1}.stat-card .hint{font-size:11px;color:#8a9c90}.stat-card.alert .value{color:#b26026}.currency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.currency-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.currency-code{font-size:15px;font-weight:800}.currency-tag{font-size:11px;color:#658174;background:#eef6f0;padding:5px 8px;border-radius:9px}.currency-main{font-size:28px;font-weight:800;letter-spacing:-.055em}.currency-main small{font-size:13px;font-weight:700;color:#718579}.currency-meta{display:grid;grid-template-columns:1fr 1fr;gap:17px;border-top:1px solid #ecf0ec;margin-top:18px;padding-top:16px}.currency-meta span{display:block;color:#819185;font-size:11px}.currency-meta strong{display:block;margin-top:4px;font-size:14px}
.orders-section{margin-top:48px}.filters{display:flex;align-items:flex-end;gap:10px;margin-bottom:17px}.field{display:block}.field input,.field select,.field textarea{display:block;width:100%;min-height:42px;padding:10px 12px;border:1px solid #d6e2d9;border-radius:10px;background:#fff;color:#183d31;font-size:13px}.field input::placeholder{color:#8da096}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid #b9e7cc;outline-offset:0;border-color:#2d8a5f}.search-field{flex:1;min-width:0}.status-field{width:164px}.table-wrap{overflow:auto;border:1px solid #e0e9e1;background:#fff;border-radius:16px}table{width:100%;border-collapse:collapse;text-align:left}th{padding:15px 17px;border-bottom:1px solid #e9eeea;color:#82948a;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}td{padding:16px 17px;border-bottom:1px solid #f0f3f0;font-size:13px;white-space:nowrap}tr:last-child td{border-bottom:0}tbody tr:hover{background:#f8fbf8}.order-id{font-weight:750;color:#265c45}.order-sub{display:block;margin-top:3px;font-size:11px;color:#9aaba0}.amount{font-weight:800;font-variant-numeric:tabular-nums}.status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:20px;background:#edf5ee;color:#3a7354;font-size:11px;font-weight:750;text-transform:capitalize}.status.pending{background:#fff5e8;color:#a06321}.status.failed{background:#fff0ef;color:#a43a35}.status.refunded{background:#edf0f4;color:#56677a}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.row-open{border:0;background:none;color:#176247;font-weight:800;font-size:12px}.row-open:hover{text-decoration:underline}.pagination{display:flex;align-items:center;justify-content:space-between;min-height:62px;color:#8b9b91;font-size:12px}.empty-state{padding:50px 20px;text-align:center;border:1px dashed #d7e2da;border-radius:15px;background:#fff}.empty-state p{color:#84968b}.notice{position:sticky;top:10px;z-index:5;margin-bottom:17px;padding:12px 15px;border-radius:10px;background:#e6f3eb;color:#205b3c;font-size:13px}.notice.error{background:#fff0ee;color:#a62c27}
.detail-overlay{position:fixed;inset:0;background:#12241b71;z-index:9}.detail-panel{position:fixed;right:0;top:0;bottom:0;z-index:10;display:flex;flex-direction:column;width:min(100%,540px);background:#fff;box-shadow:-15px 0 50px #102b1b2b}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:29px 28px 22px;border-bottom:1px solid #e9eeea}.detail-header h2{margin:0;font-size:23px;letter-spacing:-.05em}.icon-button{border:0;background:#f0f5f1;border-radius:50%;width:34px;height:34px;color:#546d5c;font-size:25px;line-height:1}.detail-body{overflow:auto;padding:25px 28px 40px}.detail-amount{font-size:37px;font-weight:800;letter-spacing:-.07em}.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin:24px 0;padding:20px;background:#f7faf7;border-radius:14px}.detail-meta dt{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#809488;font-weight:750}.detail-meta dd{margin:5px 0 0;font-size:13px;font-weight:650;overflow-wrap:anywhere}.detail-actions{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 24px}.divider{height:1px;background:#e8eee9;margin:25px 0}.detail-body h3{margin:0 0 15px;font-size:17px;letter-spacing:-.03em}.timeline{list-style:none;padding:0;margin:0}.timeline li{position:relative;padding:0 0 20px 22px;border-left:1px solid #dce9df;margin-left:5px}.timeline li:last-child{border-left:0}.timeline li:before{content:"";position:absolute;left:-5px;top:2px;width:9px;height:9px;border-radius:50%;background:#7ab791}.timeline strong{display:block;font-size:13px}.timeline time{display:block;margin-top:4px;color:#8b9e90;font-size:11px}.timeline details{margin-top:8px;color:#698070;font-size:11px}.timeline pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;color:#718275}.refund-form{padding:16px;background:#fff8f6;border:1px solid #f5ded8;border-radius:13px}.refund-form p{margin:0 0 12px;font-size:12px;line-height:1.5;color:#7d534a}.refund-form label{display:block;margin-bottom:7px;font-size:12px;font-weight:750}.refund-form textarea{min-height:88px;resize:vertical}.refund-form .button{margin-top:10px}.refund-form .form-error{color:#a23430;font-size:12px}.action-note{font-size:11px;color:#8d9b91}.copy-button{border:0;background:none;padding:0;margin-left:5px;color:#398b65;font-size:11px;font-weight:700}
@media(max-width:1050px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-content{padding:32px 26px 70px}.topbar{padding:0 26px}.sidebar{width:200px}.app-shell{grid-template-columns:200px minmax(0,1fr)}}@media(max-width:700px){.app-shell{display:block}.sidebar{display:none}.topbar{height:64px;padding:0 20px}.mobile-brand{display:flex;align-items:center;gap:9px;font-size:15px}.mobile-brand .brand-mark{width:28px;height:28px;font-size:17px}.topbar-label{display:none}.operator{margin-left:auto;max-width:130px}.page-content{padding:25px 18px 80px}.section-heading{align-items:flex-start}.section-heading h1{font-size:29px}.section-heading>.button{min-height:36px;padding:0 10px}.stat-grid{gap:9px}.stat-card{padding:16px}.stat-card .value{font-size:26px;margin-top:12px}.currency-grid{grid-template-columns:1fr}.orders-section{margin-top:34px}.filters{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:8px}.search-field,.status-field{width:auto}.filter-button{grid-column:1/-1}.table-wrap{border:0;background:transparent;overflow:visible}table,thead,tbody,tr,td{display:block}thead{display:none}tbody{display:grid;gap:9px}tbody tr{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:15px;background:#fff;border:1px solid #e1eae2;border-radius:13px}tbody tr td{border:0;padding:0;white-space:normal}tbody tr td:nth-child(1){grid-column:1/2}tbody tr td:nth-child(2){grid-column:1/3;grid-row:2;color:#72897a}tbody tr td:nth-child(3){grid-column:2/3;grid-row:1;text-align:right}tbody tr td:nth-child(4){grid-column:1/2;grid-row:3}tbody tr td:nth-child(5){grid-column:2/3;grid-row:3;text-align:right;color:#8a9a90}tbody tr td:nth-child(6){grid-column:2/3;grid-row:2;text-align:right}tbody tr td:nth-child(6) button{min-height:28px}.detail-panel{width:100%;border-radius:20px 20px 0 0;top:8%;bottom:0}.detail-header{padding:22px 20px 18px}.detail-body{padding:20px 20px 35px}.login-card{padding:28px}.login-shell{width:min(100% - 28px,480px)}}@media(max-width:360px){.stat-grid{grid-template-columns:1fr 1fr}.stat-card .value{font-size:23px}.section-heading{display:block}.section-heading>.button{margin-top:18px}.detail-meta{grid-template-columns:1fr}}

/* Small captions keep WCAG AA contrast on the light cards and page background. */
.muted,.login-footer,.privacy-note{color:#52685e}.eyebrow{color:#4d6c5b}.nav-link,.text-button{color:#4e6357}.topbar-label{color:#4f6659}.stat-card .label,.stat-card .hint,.currency-meta span,.order-sub,.pagination,th{color:#526a5d}
@media(max-width:700px){tbody tr td:nth-child(2),tbody tr td:nth-child(5){color:#526a5d}}
.detail-meta dt,.timeline time,.timeline details{color:#52685e}
.brand strong{color:#28674d}

/* Every interactive control has a usable touch target, including compact table actions. */
.button,.field input,.field select,.field textarea,.nav-link,.text-button,.row-open,.icon-button,.timeline summary,.copy-button{min-height:44px}
.field select{height:44px;appearance:none;-webkit-appearance:none;padding-right:32px;background-image:linear-gradient(45deg,transparent 50%,#52685e 50%),linear-gradient(135deg,#52685e 50%,transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-size:5px 5px;background-repeat:no-repeat}
.text-button,.row-open,.copy-button{display:inline-flex;align-items:center;justify-content:center;padding:0 12px}
.row-open,.copy-button{min-width:44px}
.icon-button{width:44px;height:44px;flex:none}
.timeline summary{display:flex;align-items:center;width:max-content;max-width:100%;cursor:pointer}
.sidebar>.brand{min-height:44px;margin:0 6px 42px;white-space:normal;line-height:1.12;font-size:16px}
.sidebar>.brand strong{display:block}
.sidebar>.brand>span:last-child{min-width:0}
.mobile-signout{display:none}
@media(max-width:700px){.mobile-signout{display:inline-flex}.section-heading>.button,tbody tr td:nth-child(6) button{min-height:44px}}
/* The tablet content column is too narrow for six table columns; use readable order cards. */
@media(min-width:701px) and (max-width:1050px){
  .table-wrap{border:0;background:transparent;overflow:visible}
  table,thead,tbody,tr,td{display:block}thead{display:none}tbody{display:grid;gap:10px}
  tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px;background:#fff;border:1px solid #e1eae2;border-radius:13px}
  tbody tr td{border:0;padding:0;white-space:normal}
  tbody tr td:nth-child(1){grid-column:1/2}
  tbody tr td:nth-child(2){grid-column:1/3;grid-row:2;color:#526a5d}
  tbody tr td:nth-child(3){grid-column:2/3;grid-row:1;text-align:right}
  tbody tr td:nth-child(4){grid-column:1/2;grid-row:3}
  tbody tr td:nth-child(5){grid-column:2/3;grid-row:3;text-align:right;color:#526a5d}
  tbody tr td:nth-child(6){grid-column:2/3;grid-row:2;text-align:right}
  .order-sub{overflow-wrap:anywhere}
}