:root{--blue:#0758b7;--blue2:#0d74de;--blue3:#053b8d;--yellow:#ffd91a;--ink:#083776;--bg:#0758b7;--line:#d7e5f5;--ok:#0a9f43;--warn:#e78b00;--danger:#db2525}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}body{background:linear-gradient(160deg,#0875dc 0%,#0452b6 42%,#063b89 100%);color:white;padding-bottom:76px}.app-bg{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 5%,#ffffff13 0 20%,transparent 40%),linear-gradient(135deg,transparent 0 34%,#ffffff06 34% 42%,transparent 42% 100%);z-index:-1}
.mx-header{display:grid;grid-template-columns:minmax(110px,1fr) minmax(220px,420px) minmax(70px,1fr);align-items:center;gap:16px;padding:18px 26px 10px;max-width:1100px;margin:auto}.mx-clock{display:flex;flex-direction:column;align-items:flex-start;gap:2px;color:#fff}.mx-clock span{font-size:15px;opacity:.95}.mx-clock strong{font-size:42px;line-height:1;font-weight:900;letter-spacing:-1.5px}.mx-brand{display:flex;justify-content:center}.mx-brand img{width:min(100%,420px);max-height:125px;object-fit:contain;filter:drop-shadow(0 6px 14px #002f7055)}.mx-langs{display:flex;flex-direction:column;gap:7px;align-items:flex-end}.mx-langs .lang{min-width:54px;text-align:center;padding:9px 12px;border-radius:999px;background:#ffffff20;color:white;text-decoration:none;font-size:12px;font-weight:900;border:1px solid #ffffff16}.mx-langs .lang.on{background:var(--yellow);color:#063a86;box-shadow:0 4px 14px #ffdf2755}
.demo{max-width:980px;margin:0 auto 10px;background:#fff0a8;color:#614700;border-radius:14px;padding:8px 14px;text-align:center;font-weight:900;font-size:12px}
main{max-width:980px;margin:auto;padding:18px 24px 26px}.welcome{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.welcome small{opacity:.8}.welcome h2{margin:4px 0 0;font-size:28px}.welcome .langs{display:none}
.terminal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tile{min-height:190px;border-radius:28px;padding:24px;text-decoration:none;color:white;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;background:linear-gradient(145deg,#0b7be6,#0449a5);border:2px solid #33afff;box-shadow:0 14px 30px #001f5140,inset 0 1px 0 #ffffff2b}.tile span{font-size:52px;line-height:1;margin-bottom:14px}.tile strong{font-size:27px;line-height:1.05;max-width:80%}.tile em{position:absolute;right:18px;bottom:18px;background:var(--yellow);color:#07418d;font-style:normal;font-weight:900;border-radius:999px;min-width:38px;height:38px;display:grid;place-items:center}.tile::after{content:'›';position:absolute;right:18px;bottom:18px;width:42px;height:42px;border-radius:50%;background:var(--yellow);color:#073f8c;display:grid;place-items:center;font-size:34px;font-weight:900}.tile em+.dummy{display:none}.tile.primary{grid-column:1/-1;min-height:225px;background:linear-gradient(145deg,#ffe821,#ffd10a);color:#073d87;border-color:#ffef67;align-items:center;flex-direction:row;justify-content:flex-start;gap:26px;padding:30px 10%}.tile.primary span{font-size:76px;margin:0}.tile.primary strong{font-size:42px;line-height:.98}.tile.primary::after{width:58px;height:58px;font-size:44px;right:28px;bottom:auto;top:50%;transform:translateY(-50%)}.tile em{display:none}
.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(980px,100%);height:68px;background:#fffffffa;border-top:1px solid #d6e4f1;display:flex;justify-content:space-around;align-items:center;z-index:10;box-shadow:0 -8px 24px #00245426}.bottom-nav a{text-decoration:none;color:#5d7592;font-weight:800;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:58px}.bottom-nav span{font-size:22px;line-height:1}.bottom-nav small{font-size:10px}.bottom-nav a:hover{color:var(--blue)}
.card,.receipt,.panel,.listrow,.pickuprow,.stockrow,.adminrow{background:#fff;color:#0c3571;border:1px solid #d9e5f2;box-shadow:0 10px 26px #00275f24}.card,.receipt,.panel{border-radius:24px;padding:22px;margin-bottom:16px}.pagehead{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.pagehead h2{margin:0;font-size:30px}.smallbtn{border:0;background:linear-gradient(145deg,#0c75df,#08489c);color:white;border-radius:13px;padding:11px 15px;text-decoration:none;font-weight:900;cursor:pointer}.smallbtn.success{background:#159447}.big{display:block;width:100%;border:0;border-radius:18px;padding:17px 18px;background:#e9f2fb;color:#0a397f;font-weight:900;font-size:17px;text-align:center;text-decoration:none;cursor:pointer;margin-top:12px}.big.primary{background:linear-gradient(145deg,#ffe622,#ffd10c);color:#083d88}
input,select,textarea{width:100%;border:1.5px solid #c8d9eb;background:#fff;border-radius:14px;padding:14px;font:inherit;color:#173a67;margin-top:7px;outline:none}input:focus,select:focus,textarea:focus{border-color:#1c7de0;box-shadow:0 0 0 3px #1c7de01f}textarea{min-height:110px;resize:vertical}label{display:block;font-weight:800;margin:12px 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.or{text-align:center;color:#7e93aa;margin:10px 0}
.wizard{max-width:900px;margin:auto}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 18px}.steps b{height:46px;border-radius:999px;display:grid;place-items:center;background:#7cb5f3;color:white;border:2px solid #a9d4ff;font-size:18px}.steps b.active{background:var(--yellow);color:#083b84;border-color:#fff176}.panel{display:none}.panel.active{display:block}.panel h2{margin-top:0;font-size:28px}.choices{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.choice input{display:none}.choice span{display:flex;min-height:105px;align-items:center;justify-content:center;padding:14px;border:1.5px solid #cfe0f2;border-radius:16px;text-align:center;font-weight:900;background:#f6faff}.choice input:checked+span{border-color:#1282ed;background:linear-gradient(145deg,#1283ef,#0757bd);color:#fff;box-shadow:0 8px 18px #0a5fbe30}.actions{display:flex;gap:10px}.actions>*{flex:1}
.list{display:grid;gap:11px}.listrow,.pickuprow,.stockrow,.adminrow{border-radius:18px;padding:15px;display:grid;grid-template-columns:1.4fr 1fr auto;gap:12px;align-items:center;text-decoration:none;color:#113b72}.listrow small,.pickuprow small,.stockrow small{display:block;color:#6c829a;margin-top:3px}.stockrow{grid-template-columns:1fr auto minmax(160px,240px)}.stockrow.phaseout{border-color:#efb1b1;background:#fff8f8}.stockrow form{display:flex;gap:7px}.stockrow form input{margin:0}.warn{display:inline-grid;place-items:center;margin-left:5px;width:23px;height:23px;background:#e24a4a;color:white;border-radius:50%}.adminrow{grid-template-columns:1fr 150px auto;margin-bottom:8px}.adminrow input,.adminrow select{margin:0}.muted{color:#71849a}
.scan-shell{max-width:860px;margin:auto}.scan-title{font-size:40px;text-align:center;margin:0 0 16px}.scanner-frame{position:relative;overflow:hidden;border:2px solid #fff;border-radius:26px;background:#0a1a2d;min-height:340px;box-shadow:0 14px 30px #001f5140}.scanner-frame video{width:100%;height:340px;object-fit:cover;display:block}.scanner-frame::before,.scanner-frame::after{content:'';position:absolute;left:12%;right:12%;height:3px;background:var(--yellow);top:50%;box-shadow:0 0 12px #ffec4f}.scanner-toolbar{display:flex;gap:10px;margin:12px 0}.scanner-toolbar input{margin:0;background:#fff}.scanner-toolbar button{min-width:64px;border:0;border-radius:14px;background:var(--yellow);color:#083d88;font-size:24px;font-weight:900}.scan-result .stockrow{margin-top:12px}
.inventory-hero{background:linear-gradient(145deg,#0d7be6,#07479f);border:2px solid #31aaff;border-radius:26px;padding:24px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;box-shadow:0 12px 28px #00275f35}.inventory-hero h2{font-size:38px;margin:0}.inventory-hero p{margin:4px 0 0;opacity:.92}.inventory-search{display:flex;gap:10px;margin-bottom:12px}.inventory-search input{margin:0}.inventory-tabs{display:flex;gap:9px;overflow:auto;padding-bottom:8px}.inventory-tabs span{white-space:nowrap;background:#0b63c2;border:1px solid #3ba7ff;border-radius:999px;padding:10px 15px;font-weight:900}.inventory-tabs span.active{background:var(--yellow);color:#083d88;border-color:#ffe861}
.login{max-width:520px;margin:6vh auto;background:#fffffffa;color:#0d3976;padding:34px;border-radius:28px;box-shadow:0 18px 50px #001c4d4a;text-align:center}.login h1{font-size:36px;margin-bottom:0}.login p{margin-top:4px}.login details{margin-top:22px;text-align:left}.login summary{text-align:center;cursor:pointer;color:#50677c}.langs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:14px 0}.lang{padding:8px 10px;border-radius:10px;background:#e9f0f6;text-decoration:none;color:#35516a;font-size:12px;font-weight:900}.lang.on{background:var(--yellow);color:#063a86}
@media(max-width:700px){body{padding-bottom:68px}.mx-header{grid-template-columns:100px 1fr 58px;gap:8px;padding:12px 14px 4px}.mx-clock span{font-size:11px}.mx-clock strong{font-size:31px}.mx-brand img{max-height:92px}.mx-langs{gap:4px}.mx-langs .lang{min-width:42px;padding:6px 8px;font-size:10px}main{padding:12px}.terminal{gap:10px}.tile{min-height:142px;border-radius:22px;padding:18px}.tile strong{font-size:21px}.tile span{font-size:42px}.tile.primary{min-height:160px;padding:24px 8%;gap:18px}.tile.primary span{font-size:56px}.tile.primary strong{font-size:31px}.choices{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.listrow,.pickuprow,.stockrow,.adminrow{grid-template-columns:1fr}.stockrow form{width:100%}.actions{flex-direction:column-reverse}.inventory-hero h2{font-size:29px}.scanner-frame,.scanner-frame video{height:280px;min-height:280px}.scan-title{font-size:32px}}
@media(max-width:460px){.mx-header{grid-template-columns:86px 1fr 48px}.mx-clock strong{font-size:27px}.mx-brand img{max-height:76px}.tile.primary strong{font-size:27px}.tile{min-height:132px}.tile strong{font-size:19px}.tile::after{width:36px;height:36px;font-size:28px}.bottom-nav small{font-size:9px}}
@media print{.mx-header,.bottom-nav,.demo,.smallbtn{display:none!important}body{background:white;padding:0}.app-bg{display:none}.receipt{border:0;box-shadow:none}.receipt{max-width:700px;margin:auto}}
.inventory-card{grid-template-columns:1fr auto minmax(150px,220px)!important}.inv-main{display:flex;align-items:center;gap:13px}.inv-thumb{width:58px;height:72px;border-radius:12px;background:linear-gradient(145deg,#eef5fb,#dce9f4);display:grid;place-items:center;font-size:34px;color:#0b4d9f;flex:0 0 auto}.qty{font-weight:900;font-size:18px;margin-top:4px}.qty.green{color:#0c9b36}.qty.amber{color:#e28d00}.qty.red{color:#df2525}.mode{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:14px;padding:12px 14px;font-weight:900;min-width:145px}.mode small{display:block;font-weight:700;margin-top:3px}.mode-auto{background:#e6f8ea;color:#138236}.mode-manual{background:#fff3cf;color:#c87800}.mode-stop{background:#ffe5e5;color:#c62929}
@media(max-width:700px){.inventory-card{grid-template-columns:1fr!important}.mode{width:100%}}
.mx-lang-dropdown{display:flex;justify-content:flex-end;align-items:center}.mx-lang-dropdown select{margin:0;width:auto;min-width:68px;padding:8px 28px 8px 12px;border-radius:999px;border:1px solid #ffffff33;background:#ffffff1f;color:#fff;font-weight:900;box-shadow:none}.mx-lang-dropdown select option{color:#123;background:#fff}.mx-header:has(.mx-lang-dropdown){padding-top:10px;padding-bottom:4px}.mx-header:has(.mx-lang-dropdown) .mx-brand img{max-height:86px}.mx-header:has(.mx-lang-dropdown) .mx-clock strong{font-size:34px}.mx-header:has(.mx-lang-dropdown) .mx-clock span{font-size:12px}
@media(max-width:700px){.mx-header:has(.mx-lang-dropdown){grid-template-columns:92px 1fr 66px;padding:8px 12px 2px}.mx-header:has(.mx-lang-dropdown) .mx-brand img{max-height:68px}.mx-header:has(.mx-lang-dropdown) .mx-clock strong{font-size:26px}.mx-lang-dropdown select{min-width:58px;padding:6px 22px 6px 9px;font-size:11px}}

.home-page{background:
  radial-gradient(circle at 50% 78%,rgba(35,147,255,.34),transparent 28%),
  linear-gradient(155deg,#087ae4 0%,#075fc8 34%,#0649a4 63%,#053983 100%);
  background-attachment:fixed}
.home-page .app-bg{background:
  linear-gradient(135deg,transparent 0 25%,rgba(255,255,255,.055) 25% 34%,transparent 34% 52%,rgba(255,255,255,.035) 52% 60%,transparent 60% 100%),
  radial-gradient(circle at 15% 82%,rgba(87,186,255,.24),transparent 22%),
  radial-gradient(circle at 86% 84%,rgba(87,186,255,.22),transparent 22%)}
.home-page main{padding-bottom:0}
.home-visual{position:relative;height:290px;margin:2px -24px 0;overflow:hidden;background:
  linear-gradient(to bottom,rgba(4,68,155,0) 0%,rgba(3,65,150,.22) 18%,rgba(7,88,182,.58) 100%),
  url('/static/brand/139904093_l.png') center bottom/cover no-repeat;
  border-radius:0 0 24px 24px}
.home-visual::after{content:'';position:absolute;inset:auto 0 0;height:44%;background:linear-gradient(to top,rgba(1,49,121,.5),transparent)}
.home-visual>img{position:absolute;right:5%;bottom:-64px;height:360px;width:auto;object-fit:contain;filter:drop-shadow(0 18px 25px rgba(0,20,62,.42));z-index:2}
.brand-ghost{position:absolute;width:170px;height:170px;bottom:36px;background:rgba(166,217,255,.13);border-radius:28px;filter:blur(.2px);opacity:.72;background-position:center;background-repeat:no-repeat;background-size:72%}
.ghost-shoe{left:3%;background-image:url('/static/brand/shoe.png')}
.ghost-key{right:3%;background-image:url('/static/brand/key.png')}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0 -24px 0;padding:18px 24px 22px;background:linear-gradient(180deg,#064ba6,#04377d);border-top:1px solid #2f83d7}
.benefits>div{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:900;font-size:18px}
.benefits>div+div{border-left:1px solid #ffffff3b}.benefits b{color:var(--yellow);font-size:30px}.benefits span{color:white}
@media(max-width:700px){
 .home-visual{height:240px;margin-left:-12px;margin-right:-12px}.home-visual>img{height:305px;right:-4%;bottom:-58px}
 .brand-ghost{width:130px;height:130px;bottom:28px}.benefits{margin-left:-12px;margin-right:-12px;padding:15px 10px 18px}
 .benefits>div{font-size:13px;gap:6px}.benefits b{font-size:24px}
}
@media(max-width:460px){
 .home-visual{height:215px}.home-visual>img{height:272px;right:-10%;bottom:-52px}
 .benefits>div{font-size:11px}.benefits b{font-size:20px}
}
.device-catalog{margin:0 0 16px;padding:16px;border-radius:18px;background:#f4f9ff;border:1px solid #cfe3f7}.device-catalog[hidden]{display:none}.manufacturer-chips{display:flex;gap:8px;overflow:auto;padding:3px 0 10px}.manufacturer-chip{border:1px solid #8fc4f3;background:#fff;color:#0a4d9e;border-radius:999px;padding:9px 14px;font-weight:900;white-space:nowrap;cursor:pointer}.manufacturer-chip:hover,.manufacturer-chip:focus{background:#0a69cc;color:#fff}.device-hint{font-size:12px;color:#668099;margin-top:8px}
@media(max-width:700px){.device-catalog{padding:12px}.manufacturer-chip{padding:8px 11px;font-size:12px}}