*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f8fb;color:#102a43}a{color:#0879d1;text-decoration:none}.top{height:72px;background:#fff;border-bottom:1px solid #dce5eb;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;color:#102a43}.brand b{display:block;font-size:20px}.brand small{display:block;color:#718394;font-size:10px;letter-spacing:1.4px}.logo{width:42px;height:42px;border-radius:11px;background:#0879d1;color:#fff;display:grid;place-items:center;font-weight:900}.logo.big{width:62px;height:62px;font-size:22px;margin:auto}.top nav{display:flex;gap:8px}.btn{border:0;border-radius:8px;padding:10px 14px;background:#eaf0f4;color:#102a43;font-weight:700;cursor:pointer;display:inline-block}.btn.blue{background:#0879d1;color:#fff}.btn.dark{background:#071b2e;color:#fff}.btn.green{background:#16864b;color:#fff}.btn.ghost{background:#fff;border:1px solid #d7e1e8}.btn.small{padding:6px 9px;font-size:12px}.wide{width:100%}.hero{padding:55px 7%;display:flex;justify-content:space-between;gap:30px;background:linear-gradient(135deg,#fff,#eef7fc)}.pill{display:inline-block;background:#dceefb;color:#0879d1;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:800}.hero h1{font-size:45px;line-height:1.04;margin:15px 0}.hero p{max-width:680px;color:#607486;font-size:17px}.stat{min-width:190px;height:150px;border-radius:18px;background:#071b2e;color:#fff;padding:28px;display:flex;flex-direction:column;justify-content:center}.stat strong{font-size:42px}.stat span{font-weight:800}.stat small{color:#a9c0d0;margin-top:7px}.filters{padding:16px 7%;background:#fff;border-bottom:1px solid #dce5eb}.filters form,.inline{display:flex;gap:8px}.filters input,.filters select,.inline input{flex:1}.filters input,.filters select,input,textarea,select{border:1px solid #cbd8e1;border-radius:8px;padding:11px 12px;background:#fff;font:inherit;width:100%}.catalog{padding:30px 7%;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:17px}.card{background:#fff;border:1px solid #dce5eb;border-radius:13px;padding:12px;box-shadow:0 5px 18px #102a4308}.pic{height:170px;position:relative;background:#f6f9fb;border-radius:9px}.pic img{width:100%;height:100%;object-fit:contain}.featured{position:absolute;top:8px;left:8px;background:#071b2e;color:#fff;padding:5px 7px;border-radius:5px;font-size:8px;font-weight:800}.cat{font-size:10px;color:#0879d1;font-weight:800;margin-top:11px;text-transform:uppercase}.card h2{font-size:16px;margin:5px 0;min-height:38px}.muted{color:#64798a;font-size:12px}.sku,.source{font-size:10px;color:#718394;margin:5px 0}.prices{display:flex;gap:8px;margin:13px 0}.prices div{flex:1;background:#f2f7fa;border-radius:8px;padding:8px}.prices small{display:block;color:#718394;font-size:9px}.prices strong{display:block;font-size:15px;margin-top:3px}.prices div:first-child strong{color:#087443}.sim{font-size:11px;background:#eaf6ff;border-radius:6px;padding:7px;margin-bottom:8px}.add{width:100%}.empty{grid-column:1/-1;text-align:center;padding:70px;color:#718394}.orderbar{position:fixed;bottom:0;left:0;right:0;background:#071b2e;color:#fff;padding:13px 7%;display:flex;gap:9px;align-items:center;z-index:20}.orderbar>div{margin-right:auto}.hidden{display:none!important}.modal{position:fixed;inset:0;background:#071b2e99;z-index:30;display:grid;place-items:center;padding:20px}.modalbox{background:#fff;width:min(650px,100%);max-height:90vh;overflow:auto;border-radius:15px;padding:24px;position:relative}.x{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px}.line{display:grid;grid-template-columns:1fr auto auto auto;gap:7px;align-items:center;border-bottom:1px solid #e3eaf0;padding:10px 0}.line small{display:block;color:#718394}.line button{border:0;background:#edf2f5;border-radius:6px;padding:5px 9px}.modalbox label,.form label{display:block;font-size:12px;font-weight:800;margin:12px 0}.modalbox input,.modalbox textarea{margin-top:5px}.modalactions{display:flex;gap:8px;margin-top:15px}footer{padding:25px 7%;display:flex;justify-content:space-between;color:#718394;font-size:12px;background:#fff;border-top:1px solid #dce5eb}.admin{padding:30px 6%;max-width:1500px;margin:auto}.adminnav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:20px}.stats div{background:#fff;border:1px solid #dce5eb;border-radius:11px;padding:16px}.stats strong{font-size:25px;display:block}.stats span{font-size:11px;color:#718394}.panel{background:#fff;border:1px solid #dce5eb;border-radius:12px;padding:18px;margin-bottom:18px}.panelhead,.formhead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px;border-bottom:1px solid #e7edf1;font-size:12px;vertical-align:middle}td small{display:block;color:#718394}.thumb{width:48px;height:48px;object-fit:contain;border-radius:6px;background:#f4f7f9}.formpage{max-width:900px;margin:40px auto;padding:0 18px}.form{padding:24px}.twocol,.threecol{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.threecol{grid-template-columns:repeat(3,1fr)}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto}.largepreview{max-width:220px;max-height:180px;object-fit:contain}.error{background:#ffe7e7;color:#9d2525;padding:10px;border-radius:8px;margin-bottom:15px}.success{background:#e5f8ed;color:#126b3b;padding:10px;border-radius:8px;margin-bottom:15px}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.loginbox{background:#fff;border:1px solid #dce5eb;border-radius:15px;padding:30px;width:min(420px,100%);text-align:center}.loginbox form{text-align:left}.listitem{padding:12px 0;border-bottom:1px solid #e7edf1}.listitem small{display:block;color:#718394;margin-top:3px}hr{border:0;border-top:1px solid #dce5eb;margin:22px 0}
@media(max-width:800px){.hero{padding:35px 5%;flex-direction:column}.hero h1{font-size:34px}.filters{padding:12px 5%}.filters form{display:grid;grid-template-columns:1fr 1fr}.catalog{padding:20px 5%;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pic{height:135px}.orderbar{padding:10px 4%;flex-wrap:wrap}.stats{grid-template-columns:repeat(3,1fr)}.twocol,.threecol{grid-template-columns:1fr}.panelhead,.formhead{align-items:flex-start;flex-direction:column}footer{flex-direction:column;gap:10px}.top{padding:0 4%}.top nav .ghost{display:none}}
@media(max-width:480px){.catalog{grid-template-columns:1fr}.filters form{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}.flash{padding:12px 16px;border-radius:10px;margin:12px 0}.flash.success,.success{background:#eaf8ef;color:#146b35}.flash.error,.error{background:#fff0f0;color:#a52a2a}.bulk{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 0}.bulk span{margin-left:auto;color:#6b7d8d}.stock.danger{color:#b42318;font-weight:800}.danger{color:#b42318}.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#edf3f7;font-weight:700}.totals{margin:18px 0 0 auto;max-width:360px}.totals>div{display:flex;justify-content:space-between;padding:7px}.totals .grand{border-top:3px solid #0879d1;font-size:20px}.panel code,code{background:#f1f4f6;padding:3px 6px;border-radius:5px;word-break:break-all}@media(max-width:800px){.bulk span{margin-left:0}.customer{grid-template-columns:1fr}}

.po-row{display:grid;grid-template-columns:1fr 100px;gap:10px;align-items:center;border-bottom:1px solid #e7edf1;padding:8px 0}.po-row small{display:block;color:#718394;font-weight:400}.danger{color:#b42318;font-weight:800}
.brand-image{width:150px;max-height:48px;object-fit:contain;display:block}.top .brand{gap:12px}.top .brand-image + span{display:none}