@import "https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;700;800&family=IBM+Plex+Mono:wght@500&display=swap";
:root{--brand:#2743e3;--brand-pressed:#1d34b8;--brand-tint:#e9edff;--hero:#141a2e;--hero-ink:#aab4d9;--bg:#f6f7fb;--surface:#fff;--text:#14181f;--text-muted:#5a6472;--line:#e4e8f0;--ok:#0e9f6e;--ok-tint:#e2f6ee;--warn:#e8590c;--warn-tint:#fdeee3;--danger:#d64545;--danger-tint:#fdeaea;--r-sm:10px;--r-md:12px;--r-lg:14px;--font-ui:"Golos Text", -apple-system, "Segoe UI", "Noto Sans Armenian", Arial, sans-serif;--font-data:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;font-family:var(--font-ui);color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0;font-size:16px;line-height:1.5}h1,h2,h3{letter-spacing:-.015em;font-weight:800}.mini{max-width:520px;min-height:100vh;margin:auto;padding:20px 18px 104px}.top{justify-content:space-between;align-items:center;margin:6px 2px 22px;display:flex}.eyebrow{font-family:var(--font-data);letter-spacing:.12em;color:var(--brand);text-transform:uppercase;font-size:11px;font-weight:500}.top h1{margin:3px 0 0;font-size:30px}.avatar,.largeAvatar{background:var(--hero);color:#fff;border-radius:50%;place-items:center;font-weight:800;display:grid}.avatar{width:44px;height:44px}.hero{color:#fff;border-radius:var(--r-lg);background:var(--hero);justify-content:space-between;align-items:center;padding:22px;display:flex;box-shadow:0 14px 34px #141a2e38}.hero span,.hero p{color:var(--hero-ink)}.hero strong{font-variant-numeric:tabular-nums;margin:6px 0;font-size:52px;line-height:1;display:block}.hero p{margin:0;font-size:13.5px}.ring{border:7px solid var(--brand);text-align:center;border-left-color:#ffffff38;border-radius:50%;place-content:center;width:80px;height:80px;display:grid}.ring b{font-variant-numeric:tabular-nums;font-size:20px}.ring small{color:var(--hero-ink);font-size:9.5px}.sectionTitle{justify-content:space-between;align-items:center;margin:26px 2px 12px;display:flex}.sectionTitle h2{margin:0;font-size:18px}.sectionTitle>span{background:var(--brand-tint);min-width:26px;height:24px;color:var(--brand);font-family:var(--font-data);border-radius:8px;place-items:center;padding:0 8px;font-size:12px;display:grid}.link{color:var(--brand);background:0 0;border:0;font-family:inherit;font-size:14px;font-weight:700}.metricGrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metricGrid article{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:15px}.metricGrid span{color:var(--text-muted);min-height:32px;font-size:13px;display:block}.metricGrid strong{font-variant-numeric:tabular-nums;font-size:28px}.danger{color:var(--warn)}.cta{text-align:left;border-radius:var(--r-md);background:var(--brand);color:#fff;border:0;align-items:center;gap:14px;width:100%;margin:16px 0 4px;padding:16px 18px;font-family:inherit;display:flex;box-shadow:0 10px 24px #2743e347}.cta i{place-items:center;font-style:normal;display:grid}.cta b{font-size:16px;font-weight:700;display:block}.cta small{color:#ccd6ff;font-size:12.5px}.list{gap:10px;display:grid}.task,.product,.search,.profileCard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md)}.task{padding:15px}.taskHead{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.taskHead small{color:var(--text-muted);font-family:var(--font-data);font-size:10.5px}.badge{background:var(--bg);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-radius:8px;padding:5px 9px;font-size:10.5px;font-weight:700}.badge.new{background:var(--warn-tint);color:var(--warn)}.badge.picking{background:var(--brand-tint);color:var(--brand)}.badge.picked{background:var(--ok-tint);color:var(--ok)}.taskItem{justify-content:space-between;align-items:center;gap:10px;display:flex}.taskItem h3,.product h3{margin:0 0 2px;font-size:15.5px;font-weight:700}.taskItem p,.product p{color:var(--text-muted);margin:0;font-size:13px}.taskItem strong{border-radius:var(--r-sm);background:var(--bg);min-width:42px;height:42px;font-family:var(--font-data);place-items:center;padding:0 6px;font-size:16px;display:grid}.taskItem strong.danger{background:var(--warn-tint)}.search{color:var(--text-muted);gap:10px;margin-bottom:4px;padding:13px 15px;font-size:14.5px;display:flex}.product{grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.productPic{border-radius:var(--r-sm);background:var(--brand-tint);width:46px;height:46px;color:var(--brand);place-items:center;font-size:17px;font-weight:800;display:grid}.product>b{font-size:12.5px;font-family:var(--font-data);font-weight:500}.empty{text-align:center;color:var(--text-muted);background:var(--surface);border:1px dashed var(--line);border-radius:var(--r-md);padding:38px 20px}.empty h3{color:var(--text);margin:10px 0 4px;font-size:17px}.empty p{margin:0;font-size:13.5px}.profileCard{text-align:center;padding:28px 20px}.largeAvatar{width:74px;height:74px;margin:auto;font-size:28px}.profileCard h2{word-break:break-all;margin:14px 0 8px;font-size:18px}.role{background:var(--brand-tint);color:var(--brand);border-radius:8px;padding:6px 12px;font-size:12.5px;font-weight:700;display:inline-block}.profileRows{border-top:1px solid var(--line);margin-top:22px}.profileRows p{border-bottom:1px solid var(--line);justify-content:space-between;margin:0;padding:11px 2px;font-size:14px;display:flex}.profileRows span{color:var(--text-muted)}.langSwitch{text-align:left;margin-top:22px}.langSwitch>span{color:var(--text-muted);margin-bottom:8px;font-size:13px;display:block}.langSwitch>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.langSwitch button{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--text);padding:12px;font-family:inherit;font-size:14.5px}.langSwitch button.active{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}.centered{text-align:center;place-content:center;min-height:100vh;padding-bottom:20px;display:grid}.centered p{color:var(--text-muted);max-width:290px}.centered button{border-radius:var(--r-md);background:var(--hero);color:#fff;border:0;padding:14px 20px;font-family:inherit;font-weight:700}.loader{border:4px solid var(--line);border-top-color:var(--brand);border-radius:50%;width:36px;height:36px;margin:auto;animation:.8s linear infinite spin}@media (prefers-reduced-motion:reduce){.loader{animation-duration:2.4s}}.errorIcon{border-radius:var(--r-md);background:var(--danger-tint);width:56px;height:56px;color:var(--danger);place-items:center;margin:auto;font-size:28px;font-weight:800;display:grid}@keyframes spin{to{transform:rotate(360deg)}}nav{z-index:5;width:min(520px,100%);padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}nav button{color:var(--text-muted);border-radius:var(--r-sm);background:0 0;border:0;place-items:center;gap:3px;padding:5px 0 3px;font-family:inherit;font-size:10.5px;display:grid}nav i{place-items:center;height:24px;font-size:20px;font-style:normal;line-height:1.2;display:grid}nav button.active{color:var(--brand);background:var(--brand-tint);font-weight:700}.pick h2{margin:16px 2px 12px;font-size:19px}.pickRow{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);width:100%;color:var(--text);text-align:left;justify-content:space-between;align-items:center;padding:15px 16px;font-family:inherit;font-size:15.5px;display:flex}.pickRow small{color:var(--text-muted);font-weight:400}.pickRow i{color:var(--brand);font-size:19px;font-style:normal}.pickRow.add{color:var(--brand);background:0 0;border-style:dashed}.pickRow.add i{font-size:21px;font-weight:700}.back{color:var(--brand);background:0 0;border:0;padding:4px 0;font-family:inherit;font-size:13.5px;font-weight:700}.photoField{border-radius:var(--r-lg);background:var(--surface);cursor:pointer;border:2px dashed #c3cbe4;margin:6px 0 16px;display:block;position:relative;overflow:hidden}.photoField input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.photoField img{object-fit:cover;width:100%;max-height:320px;display:block}.photoField em{text-align:center;color:var(--text-muted);background:var(--bg);padding:9px;font-size:12.5px;font-style:normal;display:block}.photoHint{color:var(--brand);place-items:center;gap:8px;padding:44px 20px;font-size:14.5px;font-weight:500;display:grid}.photoHint i{place-items:center;font-style:normal;display:grid}.form{gap:12px;display:grid}.form label{gap:5px;display:grid}.form span{color:var(--text-muted);font-size:12.5px}.form input{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--text);padding:13px 14px;font-family:inherit;font-size:16px}.form input:focus{outline:2px solid var(--brand);outline-offset:-1px;border-color:var(--brand)}.actions{gap:10px;margin:18px 0 6px;display:grid}.primary,.ghost{border-radius:var(--r-md);border:0;padding:15px 20px;font-family:inherit;font-size:15px;font-weight:700}.primary{background:var(--brand);color:#fff}.primary:disabled{color:#838ba1;background:#cdd3e4}.ghost{background:var(--brand-tint);color:var(--brand-pressed)}.ghost.slim,.primary.slim{width:100%;margin-top:10px;padding:10px 14px;font-size:13.5px}.waiting{text-align:center;gap:14px;padding:60px 20px;display:grid}.waiting p{color:var(--text-muted);margin:0;font-size:14.5px}.notice{border-radius:var(--r-md);background:var(--warn-tint);border:1px solid #f2cabc;margin:12px 0;padding:15px 16px}.notice b{color:var(--warn);font-size:14.5px}.notice p{color:#8a5a3d;margin:5px 0 0;font-size:13.5px}.notice button{width:100%;margin-top:12px}.resultHead{border-radius:var(--r-lg);color:#fff;padding:18px 20px}.resultHead b{font-size:21px;font-weight:800;display:block}.resultHead span{opacity:.85;font-size:13.5px}.resultHead.ok{background:var(--ok)}.resultHead.warn{background:var(--warn)}.hintLine{color:var(--text-muted);margin:14px 2px 0;font-size:13.5px}.hintLine b{color:var(--text);font-family:var(--font-data);font-weight:500}.barcodeForm{gap:8px;margin-top:10px;display:grid}.barcodeForm input{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--text);font-size:16px;font-family:var(--font-data);padding:12px 13px}.barcodeForm input:focus{outline:2px solid var(--brand);outline-offset:-1px}.fieldError{color:var(--danger);margin:0;font-size:13px}.route{font-family:var(--font-data);color:var(--brand)!important;font-size:12px!important}.historyStrip{gap:10px;margin-bottom:6px;padding-bottom:6px;display:flex;overflow-x:auto}.historyCard{width:108px;color:var(--text-muted);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);text-align:center;flex:none;text-decoration:none;overflow:hidden}.historyCard img{object-fit:cover;width:100%;height:68px;display:block}.historyCard .noPhoto{background:var(--bg);height:68px;color:var(--text-muted);place-items:center;display:grid}.historyCard small{font-size:10.5px;font-family:var(--font-data);padding:6px 4px;display:block}.inlineAdd{white-space:nowrap;width:auto;margin-top:0}@media (min-width:700px){.mini{border-left:1px solid var(--line);border-right:1px solid var(--line);background:var(--bg)}}.inviteBox{text-align:left;border:1px dashed var(--line);border-radius:var(--r-md);margin-top:22px;padding:14px}.inviteBox span{color:var(--text-muted);margin-bottom:6px;font-size:12.5px;display:block}.inviteBox b{font-family:var(--font-data);word-break:break-all;-webkit-user-select:all;user-select:all;font-size:13px}.inviteBox p{color:var(--text-muted);margin:8px 0 0;font-size:12.5px}.authScreen{place-content:center;padding-bottom:40px;display:grid}.authCard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:min(400px,100vw - 36px);padding:26px 22px}.authCard h1{margin:6px 0 4px;font-size:26px}.authCard .muted{color:var(--text-muted);margin:0 0 16px;font-size:14px}.authTabs{background:var(--bg);border-radius:var(--r-md);grid-template-columns:1fr 1fr;gap:6px;margin-bottom:16px;padding:4px;display:grid}.authTabs button{border-radius:var(--r-sm);color:var(--text-muted);background:0 0;border:0;padding:10px;font-family:inherit;font-size:14px;font-weight:700}.authTabs button.active{background:var(--surface);color:var(--brand);box-shadow:0 1px 4px #14181f14}