*{box-sizing:border-box}body{margin:0;background:#f3f6f8;color:#17232c;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,a{cursor:pointer}button{border:1px solid #d0dbe3;background:white;border-radius:6px;padding:12px 16px;color:inherit}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;justify-content:space-between;padding:18px 5%;background:#10212d;color:white;gap:15px}header>div{display:flex;gap:20px;font-size:12px}.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:900;letter-spacing:1px}.brand img{width:48px;height:48px;border-radius:50%}.brand small{display:block;font-size:9px;letter-spacing:3px;color:#68cbf8;margin-top:6px}main{max-width:1400px;padding:50px 5%;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#1682b4}h1{font-size:52px;letter-spacing:-2px;line-height:1.02;margin:16px 0}h1 em{color:#008bc9;font-style:normal}.heading p{max-width:640px;color:#657582;font-size:14px;line-height:1.6}.actions{display:flex;gap:8px;flex-wrap:wrap}.primary{display:inline-block;background:#008bc9;color:white;border:0;padding:15px 20px;border-radius:6px;font-weight:700;font-size:13px}.note{background:#e2f2fa;border-left:3px solid #008bc9;padding:16px 20px;color:#355569;font-size:13px;line-height:1.7;margin:25px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 0}.stat{background:white;padding:23px;border:1px solid #e1e8ed;border-radius:8px}.stat strong{display:block;font-size:34px;margin-bottom:8px}.stat span{font-size:12px;color:#687b88}.tabs{display:flex;border-bottom:1px solid #cbd8e1;margin-bottom:25px;gap:8px}.tabs button{border:0;border-radius:0;background:none;padding:16px}.tabs .selected{border-bottom:3px solid #008bc9;color:#007aae;font-weight:700}.filters{display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.filters input{flex:1;min-width:200px}.filters input,.filters select,input,select{border:1px solid #c7d4dd;border-radius:5px;padding:12px;background:white;color:#17232c}.filters span{font-size:12px;color:#647584}.inventory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.model{background:white;border:1px solid #dbe4ea;border-radius:8px;padding:20px;display:grid;grid-template-columns:80px 1fr;gap:18px}.model img{width:80px;height:106px;object-fit:cover;border-radius:4px;background:#172b22}.model h3{font-size:15px;line-height:1.5;margin:8px 0}.model small{color:#6c7b85}.model footer{grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid #e6edf1;padding-top:14px}.model footer button{font-size:11px;padding:10px 12px}.model footer .primary{margin-left:auto}.badge{display:inline-block;padding:5px 9px;border-radius:4px;background:#e3f5ec;color:#126b43;font-size:10px;font-weight:700}.badge.low{background:#fff0d4;color:#8b5a00}.badge.zero{background:#ffe8e8;color:#a22c2c}.badge.unset,.badge.hidden{background:#edf0f3;color:#5c6b75}.stock{font-size:26px;font-weight:800;margin:10px 0}.stock span{font-size:11px;font-weight:400;color:#6b7b85}.activity-row{padding:18px;background:white;border-bottom:1px solid #dde6ed;line-height:1.7;font-size:13px}.activity-row small{color:#71828e}.help{max-width:800px;line-height:1.8}.help li{margin:16px 0}.muted{color:#657582;font-size:13px}.access{max-width:600px;margin:60px auto;background:white;border-radius:10px;padding:40px;border:1px solid #dce5eb}.access h1{font-size:36px}.access p{line-height:1.8;color:#637481}dialog{width:550px;max-width:94vw;max-height:92vh;border:0;border-radius:10px;padding:26px;background:#f7f9fa;color:#17232c}dialog::backdrop{background:#071721bb}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font-size:23px}.dialog-head button{background:none;border:0}label{display:block;font-size:12px;font-weight:700;margin:18px 0}label input,label select{display:block;width:100%;margin-top:8px}label input[type=checkbox]{width:auto;display:inline-block;margin-right:8px}label small{display:block;font-weight:400;line-height:1.6;color:#687c88;margin-top:8px}#formError{color:#ab3030;font-size:13px;line-height:1.6}#message{position:sticky;bottom:15px;max-width:650px;background:#123648;color:white;padding:16px;border-radius:5px;font-size:13px}#message:empty{display:none}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}input:focus-visible,button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #008bc9;outline-offset:3px}@media(max-width:800px){main{padding:30px 5%}.heading{display:block}h1{font-size:42px}.actions{margin-top:20px}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:18px}.inventory{grid-template-columns:1fr}.model{padding:16px;grid-template-columns:65px 1fr;gap:12px}.model img{width:65px;height:90px}header{flex-wrap:wrap}.access{padding:25px;margin:15px 0}.tabs button{padding:14px 10px;font-size:12px}.model footer .primary{margin-left:0}.model footer{gap:6px}}
.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.payment-card{padding:28px;background:#fff;border:1px solid #dbe4ea;border-radius:8px}.payment-card h3{font-size:23px}.webhook-url{display:block;overflow-wrap:anywhere;background:#edf3f6;padding:14px;font-size:12px;line-height:1.7;margin-bottom:20px}#mpError,#mpTestError{color:#ab3030;font-size:13px;line-height:1.7}.tabs{flex-wrap:wrap}@media(max-width:800px){.payment-grid{grid-template-columns:1fr}.payment-card{padding:20px}}