body{background:#f2f8fd;color:#123d70;font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif;font-size:18px;line-height:1.8;margin:0}.commerce-header{background:#fff;border-bottom:1px solid #dceafa;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px max(24px,calc((100vw - 1250px)/2));flex-wrap:wrap}.commerce-header .brand{font-size:22px}.commerce-header nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.commerce-header a{text-decoration:none;color:inherit}.commerce-main{max-width:1200px;margin:30px auto;padding:0 24px;min-height:65vh}.commerce-main h1{font-size:36px;margin:22px 0 8px}.commerce-main h2{font-size:26px;margin:0 0 16px}.commerce-main h3{font-size:22px;margin:0 0 12px}.test-notice{background:#fff2c5;border:1px solid #f2d578;padding:12px 20px;border-radius:16px;text-align:center;font-size:16px}.panel{background:#fff;border:1px solid #dbe7f1;box-shadow:0 8px 24px #1a477709;border-radius:24px;padding:28px;margin:24px 0}.compact{max-width:560px;margin:30px auto}.commerce-main form{display:grid;gap:16px}.commerce-main label{display:grid;gap:6px;font-weight:700}.commerce-main input,.commerce-main select,.commerce-main button,.commerce-header button{font:inherit}.commerce-main input,.commerce-main select{padding:11px 14px;border:1px solid #a6bfd7;border-radius:12px;background:#fff;color:#123d70;min-width:0;width:100%;box-sizing:border-box}.commerce-main input[type=checkbox]{width:22px;height:22px;accent-color:#145e9e}.commerce-main .check{display:flex;align-items:center;gap:10px;font-weight:500}.commerce-main button,.commerce-header button,.commerce-main .action{background:#12558e;color:white;border:0;padding:12px 22px;border-radius:14px;cursor:pointer;text-decoration:none;display:inline-block;text-align:center;font-weight:700}.commerce-main button:hover,.commerce-main .action:hover{background:#0c416e}.commerce-main .secondary{background:#e9f3fc;color:#124d83}.commerce-main button:disabled{opacity:.55;cursor:wait}.commerce-main a{color:#12558e}.commerce-main a.action{color:white}.row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tile{background:#edf7fc;padding:20px;border-radius:18px;border:1px solid #d5eafa}.tile:nth-child(3n+2){background:#fff6e4}.tile:nth-child(3n){background:#f2ecff}.muted{font-size:16px;color:#56738e}.notice{padding:14px;border-radius:12px;background:#e5f6eb;margin:18px 0}.error{background:#ffebee;color:#962a3a}#message:not(:empty){padding:16px;background:#ffebee;color:#962a3a;border-radius:14px;margin-top:16px}.commerce-main small{font-size:15px}.money{font-size:28px;font-weight:800}.total{border-top:2px solid #d7e8f5;margin-top:18px;padding-top:18px;display:flex;justify-content:space-between;gap:12px}.order-line{padding:18px 0;border-bottom:1px solid #dfebf4}.discount{color:#227148}.commerce-footer{background:#12477d;color:white;text-align:center;padding:26px;margin-top:40px;font-size:16px}.grade-checks{display:flex;gap:16px;flex-wrap:wrap}.rule{border:1px solid #d8e5f0;border-radius:18px;padding:20px;margin:18px 0}.scroll-table{overflow:auto}table{width:100%;border-collapse:collapse;font-size:16px}th,td{padding:12px;text-align:right;border-bottom:1px solid #dfebf4}td{overflow-wrap:anywhere}.device-name{direction:ltr;font-size:13px;overflow-wrap:anywhere}.subject-result{padding:12px 0;border-bottom:1px solid #e1eaf3}.commerce-main details{border:1px solid #dbe7f1;border-radius:16px;background:white;padding:18px;margin:18px 0}.commerce-main summary{cursor:pointer;font-size:22px;font-weight:700}.commerce-main :focus-visible,.commerce-header :focus-visible{outline:3px solid #dfaa15;outline-offset:3px}.commerce-main fieldset{border:1px solid #dbe7f1;border-radius:16px;padding:18px;min-width:0}.commerce-main legend{font-weight:700}.metric{font-size:32px;font-weight:800}.empty{text-align:center;padding:24px;color:#56738e}
.commerce-header nav{position:static;inset:auto;box-shadow:none;background:transparent;padding:0;flex:initial;max-width:none}
#orders{scroll-margin-top:20px}.commerce-main .orders-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.sales-metrics{margin:20px 0}.sales-order{border:1px solid #d8e5ef;border-radius:18px;padding:22px;margin:22px 0;background:#fff}.order-heading{justify-content:space-between}.payment-status{border-radius:24px;padding:5px 14px;font-size:15px;background:#e9f0f8;white-space:nowrap}.status-paid{background:#e3f5e9;color:#215b35}.status-failed{background:#ffebee;color:#94293b}.status-pending{background:#fff4d0;color:#765600}.status-refunded{background:#eee9fa;color:#59418a}.order-number{font-size:16px;overflow-wrap:anywhere}.sales-order .columns{margin-block:18px}.sales-order caption{text-align:right;font-size:15px;color:#56738e;padding-block:10px}.sales-order th{white-space:nowrap}.sales-order table{min-width:680px}.order-totals{margin-top:16px;font-size:16px}.order-id{overflow-wrap:anywhere;font-size:14px;direction:ltr;display:block}.orders-pager{justify-content:center;margin-top:24px}
@media(max-width:800px){.commerce-main .orders-filters{grid-template-columns:1fr}.sales-order{padding:14px}.sales-metrics .money{font-size:23px}}
.promotion-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:20px}.promotion-status{border-radius:30px;padding:6px 16px;background:#e7f2fc;font-size:16px;font-weight:700}.coupon-limits{border-top:1px solid #d8e5f0;margin-top:20px;padding-top:20px}.coupon-usage{background:#edf8ef;color:#205838;border-radius:12px;padding:12px;font-weight:700}.grade-checks[hidden]{display:none}.grade-checks{margin-block:16px}.rule input[type=date]{direction:ltr}.rule input:disabled{background:#eef1f5;color:#697987}
.commerce-main h1{line-height:1.45;letter-spacing:0}.commerce-main p{margin-block:8px}.commerce-main .tiles:has(>article){grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr))}
@media(max-width:800px){.columns,.tiles{grid-template-columns:1fr}.commerce-header{padding:16px}.commerce-header .brand{font-size:19px;white-space:normal}.commerce-main{padding:0 16px;margin-top:20px}.commerce-main h1{font-size:29px}.panel{padding:20px}.commerce-header nav{gap:14px;font-size:16px}.commerce-main h2{font-size:23px}.row>*{max-width:100%}}
[hidden]{display:none!important}
.admin-navigation{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#f2f8fdf5;border:1px solid #dbe7f1;border-radius:18px;margin-block:16px;box-shadow:0 4px 16px #123d7010}
.commerce-main .admin-navigation button{font-size:16px;padding:10px 14px;background:#e0edf8;color:#123d70;white-space:nowrap}
.commerce-main .admin-navigation button[aria-pressed=true]{background:#12558e;color:white}
@media(max-width:599px){.admin-navigation{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px}.commerce-main .admin-navigation button{white-space:normal;font-size:14px;min-height:50px;padding:8px}}