:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f6f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.app{--bg:#f6f7fb;--card:#fff;--text:#172033;--muted:#697386;--line:#e6e9f0;--primary:#1d4ed8;--primary-soft:#eaf0ff;--shadow:0 8px 24px rgba(20,35,70,.08);min-height:100vh;background:var(--bg);color:var(--text);padding-bottom:76px}.app.dark{--bg:#0f141d;--card:#171e29;--text:#eef3ff;--muted:#9da9bb;--line:#293343;--primary:#7aa2ff;--primary-soft:#1e2b46;--shadow:0 8px 24px rgba(0,0,0,.28)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);background:var(--card);border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:var(--shadow)}.login-card h1{margin:14px 0 4px}.login-card label{display:grid;gap:7px;margin-top:16px;font-weight:650}input{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:14px;padding:13px 14px;outline:none}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.brand-mark{width:72px;height:72px;display:grid;place-items:center;border-radius:22px;background:var(--primary);color:#fff;font-weight:900;font-size:24px;letter-spacing:-1px}.brand-mark.small{width:54px;height:54px;border-radius:17px;font-size:19px;flex:0 0 auto}.primary{border:0;background:var(--primary);color:#fff;border-radius:14px;padding:13px 17px;font-weight:750;margin-top:18px}.primary.compact{margin:0;padding:10px 14px}.text-btn,.icon-btn{border:0;background:transparent;color:var(--primary);font-weight:700;padding:8px}.demo-note,.muted{color:var(--muted)}.demo-note{font-size:12px;margin-top:16px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(14px,env(safe-area-inset-left));background:color-mix(in srgb,var(--card) 92%,transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-left,.top-actions,.row,.section-head,.hero{display:flex;align-items:center}.topbar-left{gap:9px}.topbar-left div{display:grid;gap:2px}.topbar-left small{color:var(--muted)}.top-actions{gap:4px}.icon-btn{font-size:22px;min-width:40px}.content{width:min(1120px,100%);margin:0 auto;padding:22px 18px 34px}.hero{gap:15px;margin-bottom:18px}.hero h2{margin:0 0 3px}.hero p{margin:0}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile{min-height:145px;border:1px solid var(--line);border-radius:22px;background:var(--card);color:var(--text);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.tile.wide{grid-column:1/-1;min-height:150px}.tile small{color:var(--muted)}.big-icon{font-size:42px;color:var(--primary)}.section-head{justify-content:space-between;gap:14px;margin-bottom:14px}.section-head h2{margin:0}.section-head p{margin:4px 0 0}.search{display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line);border-radius:16px;background:var(--card);margin-bottom:14px}.search input{border:0;background:transparent;padding-left:0;box-shadow:none}.search span{color:var(--muted);font-size:20px}.list{display:grid;gap:10px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 3px 12px #1423460a}.row{justify-content:space-between;gap:15px}.stock{color:var(--primary);font-weight:800;white-space:nowrap}.meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px 16px;margin-top:11px;padding-top:11px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.badge,.status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:750}.badge{background:var(--primary-soft);color:var(--primary)}.status.open{background:#fff4d6;color:#8a5a00}.status.done{background:#dcfce7;color:#166534}.dark .status.open{background:#3c3114;color:#ffd978}.dark .status.done{background:#173824;color:#83e6a5}.chips{display:flex;gap:7px;overflow:auto;padding-bottom:12px;scrollbar-width:none}.chip{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:999px;padding:8px 12px;white-space:nowrap}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);background:color-mix(in srgb,var(--card) 96%,transparent);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav button{border:0;background:transparent;color:var(--muted);padding:9px 4px 7px;display:grid;place-items:center;gap:2px;font-size:20px}.bottom-nav span{font-size:11px}.bottom-nav button.active{color:var(--primary);font-weight:800}@media(min-width:760px){.content{padding:32px 28px 90px}.home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tile.wide{grid-column:span 3}.list{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-nav{left:50%;right:auto;transform:translate(-50%);width:min(680px,calc(100% - 28px));bottom:14px;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}}@media(min-width:1050px){.home-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tile.wide{grid-column:span 4}.list{grid-template-columns:repeat(3,minmax(0,1fr))}}.error-box{margin-top:14px;border:1px solid #ef4444;background:color-mix(in srgb,#ef4444 12%,var(--card));color:#ef4444;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:650}button:disabled{opacity:.65;cursor:default}select{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:12px;padding:10px 12px}.toolbar,.inline,.card-actions,.modal-actions,.settings-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.toolbar .search{flex:1;margin-bottom:0}.check{display:flex;align-items:center;gap:7px;white-space:nowrap}.clickable{cursor:pointer}.clickable:hover{border-color:var(--primary)}.stock.low{color:#ef4444}.card-actions{margin-top:12px}.card-actions button,.order-item button,.modal-actions>button,.inline>button{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:10px;padding:8px 11px}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0000009e;display:grid;place-items:center;padding:18px}.modal{width:min(880px,100%);max-height:92vh;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow)}.modal h3{margin:0}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:6px}.field>span{font-size:13px;font-weight:700;color:var(--muted)}.field input,.field select{width:100%}.center-card{margin:20vh auto;background:var(--card);padding:30px;border-radius:20px;width:min(400px,90%)}.info-box{display:grid;gap:4px;border:1px solid var(--line);background:var(--primary-soft);padding:13px;border-radius:14px;margin:12px 0}.order-summary{display:flex;flex-wrap:wrap;gap:10px 20px;padding:12px;border:1px solid var(--line);border-radius:14px;margin-bottom:12px}.order-items{display:grid;gap:8px}.order-item{display:flex;justify-content:space-between;gap:15px;border:1px solid var(--line);border-radius:14px;padding:12px}.order-item.missing{border-color:#ef4444}.order-item small{display:block;color:var(--muted);margin-top:3px}.qty{text-align:right}.qty button{display:block;margin:5px 0 0 auto}.danger{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important}.danger-outline{border-color:#ef4444!important;color:#ef4444!important}.mini-list,.preview-list{display:grid;gap:7px;margin:12px 0}.mini-list>div,.preview{display:flex;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:10px;padding:9px}.preview{display:grid}.preview small{color:var(--muted)}.preview.módosult{border-color:#f59e0b}.preview.új{border-color:#22c55e}.gate-list{display:grid;gap:6px;margin-top:12px}.gate-list label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:9px}.gate-list small{color:var(--muted)}.file-button{border:1px solid var(--line);background:var(--card);padding:10px 13px;border-radius:12px;cursor:pointer}.file-button input{display:none}.stat-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.stat-row>div{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:14px;display:grid;gap:2px}.stat-row b{font-size:23px;color:var(--primary)}.stat-row span{color:var(--muted);font-size:12px}.bottom-nav{grid-template-columns:repeat(5,1fr)}@media(min-width:760px){.stat-row{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:620px){.form-grid.two{grid-template-columns:1fr}.order-item{display:grid}.qty{text-align:left}.qty button{margin-left:0}}.reconcile-list{display:grid;gap:10px;margin:10px 0 18px}.reconcile-card{display:grid;gap:9px;border:1px solid var(--line);border-radius:14px;padding:13px;background:var(--card)}.reconcile-card.modified{border-color:#f59e0b}.reconcile-card small{display:block;color:var(--muted);margin-top:3px}.reconcile-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.change-box{display:grid;gap:3px;max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--bg)}.choice-row{display:flex;gap:18px;flex-wrap:wrap;padding-top:3px}.choice-row label,.reconcile-card>label{display:flex;align-items:center;gap:7px;cursor:pointer}.sticky-actions{position:sticky;bottom:-20px;background:var(--card);padding:12px 0 2px;border-top:1px solid var(--line);margin-top:15px}.toast{position:fixed;right:24px;bottom:24px;z-index:300;display:flex;align-items:center;gap:14px;min-width:280px;max-width:min(460px,calc(100vw - 32px));padding:13px 15px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--text);box-shadow:0 14px 40px #00000047;animation:toast-in .18s ease-out}.toast.success{border-color:#22c55e;background:color-mix(in srgb,#22c55e 12%,var(--card))}.toast.error{border-color:#ef4444;background:color-mix(in srgb,#ef4444 12%,var(--card))}.toast.info{border-color:var(--primary);background:var(--primary-soft)}.toast button{margin-left:auto;border:0;background:transparent;color:inherit;font-size:20px;cursor:pointer}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:620px){.toast{left:16px;right:16px;bottom:84px;min-width:0}}.user-flags{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px}.user-flags .check{margin:0}.list{grid-template-columns:1fr!important;gap:8px}.list .card{border-radius:13px;padding:13px 15px;box-shadow:none}.list .card .meta{margin-top:8px;padding-top:8px}.order-shortage{border-color:#ef4444!important;box-shadow:0 0 0 1px color-mix(in srgb,#ef4444 25%,transparent)!important}.shortage-label{color:#ef4444;font-weight:800}.mini-list>div{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center}.mini-list button{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:8px;padding:5px 8px}.planning-note{margin:0 0 12px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--muted);font-size:13px}.order-actions-top{margin:12px 0 14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.order-filter-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,260px);gap:10px;align-items:center;margin-bottom:12px}.order-filter-row .search{margin-bottom:0}.field-hint{color:var(--muted);font-size:12px;margin:8px 0 14px}@media(max-width:620px){.order-filter-row{grid-template-columns:1fr}}