:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f6f2;--bg-deep:#efede7;--surface:#fff;--surface-2:#fbfaf7;--ink:#171a15;--text:#171a15;--text-2:#5c5f57;--text-3:#92958c;--border:#171a1517;--border-strong:#171a1529;--brand:#5c8a3c;--brand-deep:#456a2c;--brand-tint:#f1eae0;--accent:#c89b6a;--accent-tint:#f7efe4;--danger:#a8352a;--danger-bg:#fcecea;--danger-line:#a8352a33;--warn:#8a5d10;--warn-bg:#fdf3e2;--warn-line:#8a5d1033;--ok:#35702a;--ok-bg:#e9f2e3;--ok-line:#35702a33;--info:#33587f;--info-bg:#e9eff6;--info-line:#33587f33;--r-xl:22px;--r-lg:16px;--r-md:12px;--r-sm:9px;--sh-1:0 1px 2px #171a150d, 0 1px 1px #171a1508;--sh-2:0 2px 6px #171a150f, 0 6px 18px #171a150d;--sh-3:0 8px 28px #171a151f, 0 2px 8px #171a150f;--nav-h:66px;--top-h:58px;--maxw:1120px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14160f;--bg-deep:#0e1009;--surface:#1d2018;--surface-2:#23271e;--ink:#f2f1ea;--text:#f2f1ea;--text-2:#b3b6ab;--text-3:#7e8177;--border:#f2f1ea1a;--border-strong:#f2f1ea2e;--brand:#8fbf6a;--brand-deep:#a5ce84;--brand-tint:#8fbf6a29;--accent:#d6a874;--accent-tint:#d6a87424;--danger:#f09a90;--danger-bg:#f09a9021;--danger-line:#f09a9040;--warn:#e0b76a;--warn-bg:#e0b76a21;--warn-line:#e0b76a40;--ok:#93c97f;--ok-bg:#93c97f21;--ok-line:#93c97f40;--info:#8fb4dc;--info-bg:#8fb4dc21;--info-line:#8fb4dc40;--sh-1:0 1px 2px #00000059;--sh-2:0 2px 8px #0006;--sh-3:0 10px 32px #0000008c}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.45}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{letter-spacing:-.015em;margin:0;font-weight:640}h1{font-size:25px}h2{font-size:19px}h3{font-size:16px}p{margin:0}.shell{min-height:100dvh;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 24px)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 16px}.stack{flex-direction:column;gap:14px;display:flex}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between;align-items:center;gap:10px;display:flex}.spacer{flex:1}.grid{gap:12px;display:grid}@media (min-width:720px){.grid-2{grid-template-columns:1fr 1fr}}@media (min-width:980px){.grid-3{grid-template-columns:repeat(3,1fr)}}.topbar{z-index:40;height:var(--top-h);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:saturate(180%)blur(14px);border-bottom:1px solid var(--border);position:sticky;top:0}.topbar .wrap{align-items:center;gap:12px;height:100%;display:flex}.logo{letter-spacing:-.02em;align-items:center;gap:9px;min-width:0;min-height:44px;font-weight:700;display:flex}.logo-mark{background:linear-gradient(150deg, var(--brand), var(--brand-deep));color:#fff;border-radius:9px;flex:none;place-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:grid}.firma{color:var(--text-2);font-size:12px;font-weight:550;line-height:1.1}.bottomnav{z-index:50;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:saturate(180%)blur(16px);border-top:1px solid var(--border);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.navitem{color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10.5px;font-weight:560;transition:color .14s;display:flex;position:relative}.navitem svg{width:22px;height:22px}.navitem[data-on="1"]{color:var(--brand)}.navitem .badge{background:var(--danger);color:#fff;border-radius:9px;place-items:center;min-width:17px;height:17px;margin-left:4px;padding:0 5px;font-size:10px;font-weight:700;display:grid;position:absolute;top:7px;left:50%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-1)}.card-p{padding:15px}.card-hd{padding:14px 15px 0}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:14px}.hero{border-radius:var(--r-xl);background:linear-gradient(140deg, var(--brand) 0%, var(--brand-deep) 100%);color:#fff;box-shadow:var(--sh-2);padding:18px}.hero h2{color:#fff}.hero .sub{color:#ffffffdb;font-size:13px}.btn{background:var(--brand);color:#fff;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 18px;font-size:15px;font-weight:620;transition:transform .1s,filter .14s,background .14s;display:inline-flex}.btn:active{transform:scale(.975)}.btn:hover{filter:brightness(1.06)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none;transform:none}.btn.ghost{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn.soft{background:var(--brand-tint);color:var(--brand-deep)}.btn.sm{height:40px;padding:0 15px;font-size:13.5px}.btn.lg{width:100%;height:52px;font-size:16px}.btn.block{width:100%}.btn.danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-line)}.iconbtn{border:1px solid var(--border);cursor:pointer;width:40px;height:40px;color:var(--text-2);background:0 0;border-radius:999px;flex:none;place-items:center;display:grid}.iconbtn:active{transform:scale(.94)}.field{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border-strong);outline:none;width:100%;height:46px;padding:0 14px;transition:border-color .14s,box-shadow .14s}.field:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint)}textarea.field{resize:vertical;height:auto;min-height:96px;padding:12px 14px;line-height:1.5}.label{color:var(--text-2);margin-bottom:6px;font-size:12.5px;font-weight:620;display:block}.search{background:var(--surface);border:1px solid var(--border-strong);border-radius:999px;align-items:center;gap:9px;height:46px;padding:0 14px;display:flex}.search input{background:0 0;border:none;outline:none;flex:1}.chip{background:var(--bg-deep);color:var(--text-2);white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:620;display:inline-flex}a.chip,button.chip,.chip-btn{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);cursor:pointer;padding:0 15px;font-size:13px}a.chip:active,button.chip:active{background:var(--bg-deep)}a.chip.brand,button.chip.brand{background:var(--brand-tint);color:var(--brand-deep);border-color:#0000}.chip.ok{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-line)}.chip.warn{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-line)}.chip.danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-line)}.chip.info{background:var(--info-bg);color:var(--info);border-color:var(--info-line)}.chip.brand{background:var(--brand-tint);color:var(--brand-deep)}.chip.accent{background:var(--accent-tint);color:#8a6234}.muted{color:var(--text-3)}.dim{color:var(--text-2)}.small{font-size:12.5px}.tiny{font-size:11.5px}.num{font-variant-numeric:tabular-nums}.strong{font-weight:650}.b{font-weight:700}.list{flex-direction:column;display:flex}.li{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 15px;display:flex}.li:last-child{border-bottom:none}.li-main{flex:1;min-width:0}.li-title{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:570;display:-webkit-box;overflow:hidden}.sect-title{letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);font-size:12px;font-weight:700}.qty{border:1px solid var(--border-strong);background:var(--surface);border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.qty button{cursor:pointer;width:42px;height:42px;color:var(--text-2);background:0 0;border:none;font-size:18px}.qty button:active{background:var(--bg-deep)}.qty input{text-align:center;font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;width:66px;height:42px;font-size:15px;font-weight:620}.divider{background:var(--border);height:1px}.empty{text-align:center;color:var(--text-3);padding:40px 20px}.empty .big{margin-bottom:8px;font-size:34px}.skel{background:linear-gradient(90deg, var(--bg-deep) 25%, var(--surface-2) 50%, var(--bg-deep) 75%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.3s infinite sh}@keyframes sh{0%{background-position:200% 0}to{background-position:-200% 0}}.banner{border-radius:var(--r-md);border:1px solid;align-items:flex-start;gap:11px;padding:13px 14px;display:flex}.banner.info{background:var(--info-bg);border-color:var(--info-line);color:var(--info)}.banner.warn{background:var(--warn-bg);border-color:var(--warn-line);color:var(--warn)}.banner.ok{background:var(--ok-bg);border-color:var(--ok-line);color:var(--ok)}.banner.danger{background:var(--danger-bg);border-color:var(--danger-line);color:var(--danger)}.scroll-x{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.scroll-x::-webkit-scrollbar{display:none}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);border-bottom:1px solid var(--border);padding:9px 12px;font-size:11.5px;font-weight:700}td{border-bottom:1px solid var(--border);padding:11px 12px}tr:last-child td{border-bottom:none}.ta-r{text-align:right}.checkbox{width:24px;height:24px;accent-color:var(--brand);cursor:pointer;flex:none}:is(label:has(>.checkbox),label:has(.checkbox)){min-height:44px}.fab-bar{left:0;right:0;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));z-index:45;background:color-mix(in srgb, var(--surface) 93%, transparent);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:10px 0 12px;position:fixed}.prekrivalo{z-index:60;background:color-mix(in srgb, var(--bg-deep) 72%, transparent);-webkit-backdrop-filter:blur(3px);justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.prekrivalo .okno{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-3);width:100%;max-width:460px;max-height:calc(100dvh - 32px);padding:18px;padding-bottom:calc(18px + env(safe-area-inset-bottom));overflow-y:auto}@media (min-width:640px){.prekrivalo{align-items:center}}@media (min-width:900px){.bottomnav{width:min(560px,100% - 32px);height:var(--nav-h);border:1px solid var(--border);box-shadow:var(--sh-3);border-radius:999px;padding-bottom:0;bottom:14px;left:50%;right:auto;transform:translate(-50%)}.shell{padding-bottom:calc(var(--nav-h) + 30px)}.fab-bar{bottom:calc(var(--nav-h) + 30px)}.list.dvojno{grid-template-columns:1fr 1fr;display:grid}.list.dvojno>*{border-bottom:1px solid var(--border)}.list.dvojno>:nth-child(odd){border-right:1px solid var(--border)}.hero{padding:24px}h1{font-size:30px}}.chip .pika{background:currentColor;border-radius:999px;flex:none;width:7px;height:7px;display:inline-block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .shell,:root:not([data-theme=light]) [style*=--brand]{--brand-tint:color-mix(in srgb, var(--brand) 18%, transparent)}}