*{box-sizing:border-box}body{margin:0;font-family:Arial;background:#f5f7fa;color:#172033}header{display:flex;gap:14px;align-items:center;padding:18px 5%;background:#0c1424;color:#fff}header input{flex:1;padding:12px;border-radius:8px;border:0}button{padding:11px 15px;border:0;border-radius:8px;background:#2475e8;color:#fff;font-weight:700}header a{color:#fff}.brand{font-size:25px}.brand span{color:#4ea1ff}nav{padding:12px 5%;display:flex;gap:8px;overflow:auto;background:#fff}nav button{white-space:nowrap;background:#e9eef7;color:#172033}.hero{padding:50px 5%;background:linear-gradient(120deg,#10203b,#1e4d89);color:#fff}.hero h1{font-size:48px;margin:0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:28px 5%}.product{background:#fff;border:1px solid #e5e9f0;border-radius:12px;padding:18px}.product h3{font-size:15px;min-height:58px}.price{font-size:22px;font-weight:800}.stock{color:#14833b}.adminWrap{max-width:1200px;margin:auto;padding:30px}.card{background:#fff;padding:20px;border-radius:12px;border:1px solid #e5e9f0;margin-bottom:18px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stats b{font-size:27px;display:block}.login{max-width:420px;margin:80px auto}.hidden{display:none}table{width:100%;border-collapse:collapse}td,th{padding:10px;border-bottom:1px solid #eee;text-align:left}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:1fr}}@media(max-width:500px){.grid{grid-template-columns:1fr}.hero h1{font-size:34px}}

.orders-responsive{overflow-x:auto}
.orders-table{min-width:1050px}
.status-badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;margin-top:4px;background:#eef2f7;color:#3b4555}
.status-pending,.status-pending_payment{background:#fff4d6;color:#8a5a00}
.status-paid,.status-delivered{background:#e7f7ee;color:#147a43}
.status-preparing{background:#e8f1ff;color:#1e63c5}
.status-shipped{background:#eee9ff;color:#6146b9}
.status-cancelled,.status-failed{background:#fdeaea;color:#b42318}
.status-refunded{background:#f0ecf9;color:#66449c}
.order-actions{min-width:220px}
.order-actions label{display:block;font-size:12px;color:#596579;margin-bottom:7px}
.order-actions select{display:block;width:100%;margin-top:3px;padding:7px;border:1px solid #d8dee8;border-radius:7px;background:white}
.order-actions button{padding:8px 12px}
.order-save-msg{display:inline-block;margin-left:7px;color:#14833b}

.image-toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:16px 0}
.image-toolbar label{font-size:13px}
.image-toolbar select{display:block;margin-top:4px;padding:8px}
.image-review-grid{display:grid;gap:12px;margin-top:16px}
.image-review-card{display:grid;grid-template-columns:120px 1fr 150px 170px;gap:14px;align-items:center;border:1px solid #e3e8ef;border-radius:12px;padding:12px}
.image-preview{width:120px;height:100px;background:#fff;border:1px solid #e7ebf0;border-radius:9px;display:grid;place-items:center;overflow:hidden}
.image-preview img{width:100%;height:100%;object-fit:contain}
.image-actions{display:flex;gap:8px;flex-wrap:wrap}
.image-actions .danger{background:#b42318}
.confidence{display:inline-block;padding:5px 8px;border-radius:999px;background:#e7f7ee;color:#147a43;font-size:12px;font-weight:700}
.image-stats{margin-top:10px}
@media(max-width:850px){.image-review-card{grid-template-columns:100px 1fr}.image-preview{width:100px}.image-actions{grid-column:1/-1}}

.payment-url-input{width:100%;min-width:220px;padding:8px;border:1px solid #cfd8e5;border-radius:7px;margin-top:5px}

.payment-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.payment-settings-grid label{font-size:13px;color:#596579}
.payment-settings-grid input:not([type=checkbox]),.payment-settings-grid textarea{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid #cfd8e5;border-radius:8px;background:#fff;color:#172033}
.payment-settings-grid .wide{grid-column:1/-1}
.toggle-row{display:flex;align-items:center;gap:8px;background:#f6f8fb;border:1px solid #e2e7ef;border-radius:9px;padding:12px}
.bank-transfer-box{margin-top:22px;padding:18px;border:1px solid #d8e2ef;border-radius:12px;background:#fff}
.bank-transfer-box h3{margin-top:0}
.bank-row{display:grid;grid-template-columns:140px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #eef1f5}
.bank-row span{color:#667085}
.bank-row button{padding:7px 10px}
.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all}
.transfer-instructions{white-space:pre-line;background:#f7f9fc;padding:12px;border-radius:8px;margin-top:14px}
@media(max-width:700px){.payment-settings-grid{grid-template-columns:1fr}.payment-settings-grid .wide{grid-column:auto}.bank-row{grid-template-columns:1fr}.bank-row button{justify-self:start}}
