.brand-logo[data-v-8d95887c]{display:inline-flex;align-items:center;gap:.6rem;line-height:1;color:var(--ink);text-decoration:none}.tile[data-v-8d95887c]{height:var(--h);width:var(--h);flex:0 0 auto;display:block;filter:drop-shadow(0 1px 1px rgba(122,42,35,.18))}.txt[data-v-8d95887c]{display:flex;flex-direction:column;align-items:flex-start;gap:.22rem;min-width:0}.word[data-v-8d95887c]{font-weight:900;font-size:calc(var(--h) * .6);letter-spacing:-.03em;color:var(--ink)}.pill[data-v-8d95887c]{font-weight:800;font-size:calc(var(--h) * .32);letter-spacing:.04em;color:var(--brand-dark);background:var(--brand-tint);border:1px solid var(--brand-line);border-radius:999px;padding:.14em .55em;white-space:nowrap}.cnt[data-v-56326d9f]{background:#fff;color:var(--brand-dark);border-radius:999px;padding:0 .45rem;font-size:.74rem;line-height:1.3rem;margin-left:.15rem}.strelica[data-v-56326d9f]{margin-left:auto}.podmeni[data-v-56326d9f]{display:flex;flex-direction:column;gap:.1rem;margin:0 0 .2rem 1.9rem;padding-left:.6rem;border-left:2px solid var(--line)}.podmeni a[data-v-56326d9f]{padding:.45rem .7rem;font-size:.86rem;font-weight:600}.ogr-top[data-v-56326d9f]{color:var(--amber-dark);font-weight:700}.ogr[data-v-56326d9f]{display:flex;align-items:center;gap:.25rem;margin-top:.1rem;font-size:.72rem;font-weight:700;color:var(--amber-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pregled-traka[data-v-56326d9f]{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.45rem 1.5rem;background:var(--brand-tint);border-bottom:1px solid var(--brand-line);border-left:4px solid var(--brand);color:var(--brand-deep);font-size:.86rem}.pregled-traka .ko[data-v-56326d9f]{font-weight:700;min-width:0;overflow-wrap:anywhere}.pregled-traka .sep[data-v-56326d9f]{color:var(--brand)}.pregled-traka .kupac-stanje[data-v-56326d9f]{font-weight:700;color:var(--amber-dark)}.pregled-traka .btn[data-v-56326d9f]{margin-left:auto}.pregled-obavestenje[data-v-56326d9f]{position:fixed;left:50%;bottom:5.5rem;transform:translate(-50%);z-index:40;max-width:min(92vw,520px);display:flex;gap:.5rem;align-items:flex-start;padding:.7rem .95rem;border-radius:12px;background:var(--brand-deep);color:#fff;box-shadow:var(--shadow-md);font-size:.9rem}@media(max-width:720px){.pregled-traka[data-v-56326d9f]{padding:.45rem 1rem}}.instalacija[data-v-09385470]{position:fixed;right:1rem;bottom:1rem;z-index:17;display:flex;gap:.7rem;width:min(22rem,calc(100vw - 2rem));padding:.8rem .9rem;border:1px solid var(--brand-line);background:#fff;border-radius:14px;box-shadow:var(--shadow-md)}.instalacija .ic[data-v-09385470]{width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;background:var(--brand-tint);color:var(--brand-dark)}.instalacija .tekst[data-v-09385470]{min-width:0;flex:1 1 auto}.instalacija .t[data-v-09385470]{font-weight:700;font-size:.92rem}.instalacija .d[data-v-09385470]{color:var(--muted);font-size:.82rem;line-height:1.45}.instalacija .x[data-v-09385470]{flex:0 0 auto;align-self:flex-start;background:transparent;border:0;color:var(--muted);cursor:pointer;padding:.3rem;border-radius:8px}.instalacija .x[data-v-09385470]:hover{background:var(--brand-tint);color:var(--brand-dark)}@media(max-width:960px){.instalacija[data-v-09385470]{left:1rem;right:1rem;width:auto;bottom:calc(4.6rem + env(safe-area-inset-bottom))}}.oblak-enter-active[data-v-09385470],.oblak-leave-active[data-v-09385470]{transition:opacity .2s,transform .2s}.oblak-enter-from[data-v-09385470],.oblak-leave-to[data-v-09385470]{opacity:0;transform:translateY(10px)}@media(prefers-reduced-motion:reduce){.oblak-enter-active[data-v-09385470],.oblak-leave-active[data-v-09385470]{transition:none}}:root{--brand: #c9463c;--brand-dark: #a63930;--brand-deep: #7a2a23;--brand-tint: #fbe9e6;--brand-soft: #fdf5f3;--brand-line: #f3dcd8;--ink: #2b2523;--ink-2: #4d4340;--muted: #8b7f7b;--line: #ebe4e1;--bg: #f7f4f2;--surface: #ffffff;--green: #2e9a5e;--green-tint: #e7f5ec;--green-dark: #1d6d41;--amber: #d99a1f;--amber-tint: #fdf2dc;--amber-dark: #8a5a00;--blue: #3b6fd6;--blue-tint: #e9effb;--blue-dark: #244f9f;--purple: #7b55c4;--purple-tint: #f0eafa;--purple-dark: #563a92;--radius: 16px;--radius-sm: 10px;--shadow-sm: 0 1px 2px rgba(43, 37, 35, .04), 0 2px 8px rgba(43, 37, 35, .05);--shadow-md: 0 8px 24px rgba(43, 37, 35, .08);--sidebar-w: 256px;--font: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:var(--brand-dark);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.01em;color:var(--ink)}h1{font-size:1.6rem}h2{font-size:1.1rem}h3{font-size:.98rem}p{margin:0 0 .75rem}.muted{color:var(--muted)}.small{font-size:.86rem}.tiny{font-size:.78rem}.mono{font-family:ui-monospace,Consolas,monospace}.num{font-variant-numeric:tabular-nums}.strong{font-weight:700}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--line);z-index:20;overflow-y:auto;scroll-padding-bottom:5.5rem}.sidebar-brand{display:flex;align-items:center;gap:.7rem;padding:1.2rem 1.25rem 1rem}.sidebar-brand .logo{height:30px;width:auto;display:block}.sidebar-brand .title{font-weight:800;font-size:1.05rem;letter-spacing:-.01em;line-height:1.1;color:var(--ink)}.sidebar-brand .sub{font-size:.72rem;color:var(--muted)}.sidebar-section{padding:.45rem 1.25rem .25rem;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.sidebar-nav{display:flex;flex-direction:column;gap:.15rem;padding:.2rem .75rem}.sidebar-nav a{display:flex;align-items:center;gap:.75rem;padding:.66rem .85rem;border-radius:12px;color:var(--ink-2);font-weight:600;transition:background .15s,color .15s}.sidebar-nav a svg{color:var(--muted)}.sidebar-nav a:hover{background:var(--bg);text-decoration:none;color:var(--ink)}.sidebar-nav a.router-link-active{background:var(--brand-tint);color:var(--brand-dark)}.sidebar-nav a.router-link-active svg{color:var(--brand)}.sidebar-nav a .badge{margin-left:auto;background:var(--amber-tint);color:var(--amber-dark);font-size:.7rem;font-weight:800;padding:.1rem .5rem;border-radius:999px}.sidebar-promo{margin:auto .9rem .9rem;padding:1rem;border-radius:14px;background:var(--brand-soft);border:1px solid var(--brand-line)}.sidebar-promo .t{font-weight:700;margin-bottom:.3rem;color:var(--ink)}.sidebar-promo .d{font-size:.82rem;color:var(--muted);margin-bottom:.7rem}.sidebar-user{display:flex;align-items:center;gap:.65rem;padding:.9rem 1.25rem;border-top:1px solid var(--line);font-size:.86rem;position:sticky;bottom:0;background:var(--surface)}.sidebar-user .name{font-weight:700;color:var(--ink)}.sidebar-user .firm{color:var(--muted);font-size:.78rem}.sidebar-user button{margin-left:auto;display:inline-flex;align-items:center;gap:.35rem;flex:none;background:transparent;border:0;color:var(--muted);font:inherit;font-weight:700;cursor:pointer;padding:.3rem;border-radius:8px}.sidebar-user .odjava-tekst{display:none}.sidebar-user button:hover{background:var(--brand-tint);color:var(--brand-dark)}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.85rem;background:var(--brand-tint);color:var(--brand-dark);flex:0 0 auto}.avatar.inv{background:var(--brand-tint);color:var(--brand-dark)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:15;background:#ffffffdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topbar-inner{display:flex;align-items:center;gap:1rem;padding:.8rem 1.5rem}.topbar .title h1{font-size:1.25rem}.topbar .title .sub{color:var(--muted);font-size:.82rem}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:.6rem}.icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--ink-2);cursor:pointer;position:relative}.icon-btn:hover{background:var(--bg)}.icon-btn .dot{position:absolute;top:8px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--brand);border:2px solid #fff}.date-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .8rem;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:.86rem;color:var(--ink-2)}.user-chip{display:inline-flex;align-items:center;gap:.6rem;padding:.35rem .6rem .35rem .35rem;border-radius:14px;border:1px solid var(--line);background:#fff}.user-chip .name{font-weight:700;font-size:.86rem;line-height:1.1}.user-chip .firm{color:var(--muted);font-size:.74rem}.hamburger{display:none}.content{padding:1.5rem;max-width:1280px;width:100%}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.page-header .lead{color:var(--muted);font-size:.92rem}.stack{display:flex;flex-direction:column;gap:.75rem}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.grid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.grid-2{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-kpi{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.span-2{grid-column:span 2}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.15rem 1.25rem;box-shadow:var(--shadow-sm)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.9rem}.card-head .sub{color:var(--muted);font-size:.82rem}.card.soft{background:var(--brand-soft);border-color:var(--brand-line);box-shadow:none}.card.flat{box-shadow:none}.hero{position:relative;overflow:hidden;border-radius:20px;padding:1.5rem 1.6rem;color:var(--ink);background:linear-gradient(120deg,#ffffff 0%,var(--brand-soft) 55%,var(--brand-tint) 100%);border:1px solid var(--brand-line);box-shadow:var(--shadow-sm);margin-bottom:1.25rem}.hero:before{content:"";position:absolute;right:-80px;top:-120px;width:320px;height:320px;border-radius:50%;background:#c9463c0f}.hero:after{content:"";position:absolute;right:120px;bottom:-160px;width:280px;height:280px;border-radius:50%;background:#c9463c0d}.hero:before,.hero:after{pointer-events:none}.hero>*{position:relative;z-index:1}.hero h1{color:var(--ink);font-size:1.55rem}.hero .lead{color:var(--ink-2);margin:.2rem 0 1.1rem}.hero .pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:999px;background:#fff;border:1px solid var(--brand-line);color:var(--brand-dark);font-size:.8rem;font-weight:600}.hero-kpis{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.hero-kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:.85rem 1rem;box-shadow:var(--shadow-sm)}.hero-kpi .l{font-size:.78rem;color:var(--muted);display:flex;align-items:center;gap:.4rem}.hero-kpi .l svg{color:var(--brand)}.hero-kpi .v{font-size:1.35rem;font-weight:800;margin-top:.15rem;color:var(--ink)}.hero-kpi .s{font-size:.76rem;color:var(--muted)}.hero-kpi.accent{background:var(--brand);border-color:var(--brand);color:#fff}.hero-kpi.accent .l,.hero-kpi.accent .s{color:#ffffffd9}.hero-kpi.accent .l svg{color:#fff}.hero-kpi.accent .v{color:#fff}a.hero-kpi{display:block;color:inherit;text-decoration:none;transition:transform .12s,box-shadow .12s,border-color .12s}a.hero-kpi:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--brand-line)}a.hero-kpi.accent:hover{border-color:var(--brand)}a.hero-kpi:focus-visible{outline:2px solid var(--brand-dark);outline-offset:2px}.hero-kpi .l svg.dalje{margin-left:auto;color:var(--muted)}.hero-kpi.accent .l svg.dalje{color:#ffffffd9}.hero-kpi.kasni .v{color:var(--brand-dark)}.hero-kpi.uredno .v{color:var(--green-dark)}.hero-kpi .s strong{color:var(--ink-2);font-weight:700;white-space:nowrap}@media(prefers-reduced-motion:reduce){a.hero-kpi{transition:none}a.hero-kpi:hover{transform:none}}.kpi{display:flex;gap:.9rem;align-items:flex-start}.kpi .ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto}.kpi .v{font-size:1.45rem;font-weight:800;line-height:1.15}.kpi .l{color:var(--muted);font-size:.82rem}.kpi .s{font-size:.78rem;margin-top:.2rem}.ic-red{background:var(--brand-tint);color:var(--brand-dark)}.ic-green{background:var(--green-tint);color:var(--green-dark)}.ic-amber{background:var(--amber-tint);color:var(--amber-dark)}.ic-blue{background:var(--blue-tint);color:var(--blue-dark)}.ic-purple{background:var(--purple-tint);color:var(--purple-dark)}.quick{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.quick a,.quick .q{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-radius:14px;font-weight:700;min-height:108px;border:1px solid transparent;transition:transform .12s,box-shadow .12s}.quick a:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-md)}.quick .q{opacity:.6}.quick .d{font-weight:500;font-size:.78rem;color:var(--ink-2)}.q-red{background:var(--brand-tint);color:var(--brand-dark);border-color:var(--brand-line)!important}.q-green{background:var(--green-tint);color:var(--green-dark)}.q-blue{background:var(--blue-tint);color:var(--blue-dark)}.q-purple{background:var(--purple-tint);color:var(--purple-dark)}.q-amber{background:var(--amber-tint);color:var(--amber-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.62rem 1.05rem;border-radius:12px;border:1px solid transparent;font:inherit;font-weight:700;cursor:pointer;transition:background .15s,transform .05s,box-shadow .15s;text-decoration:none;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn:disabled,.btn.disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 4px 12px #c9463c2e}.btn-primary:hover{background:var(--brand-dark);text-decoration:none;color:#fff}.btn-secondary{background:#fff;color:var(--ink);border-color:var(--line)}.btn-secondary:hover{background:var(--bg);text-decoration:none}.btn-ghost{background:transparent;color:var(--brand-dark)}.btn-ghost:hover{background:var(--brand-tint);text-decoration:none}.btn-danger{background:var(--brand-tint);color:var(--brand-dark)}.btn-block{width:100%}.btn-sm{padding:.42rem .75rem;font-size:.84rem;border-radius:10px}.btn-lg{padding:.8rem 1.3rem;font-size:1rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.95rem}.label{font-size:.84rem;font-weight:700;color:var(--ink-2)}.input,.select,.textarea{width:100%;padding:.66rem .85rem;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit;color:var(--ink);transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-tint)}.textarea{min-height:120px;resize:vertical}.hint{color:var(--muted);font-size:.8rem}.search{position:relative}.search .input{padding-left:2.5rem}.search svg{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--muted)}.alert{display:flex;gap:.6rem;padding:.8rem .95rem;border-radius:12px;border:1px solid transparent;font-size:.92rem;align-items:flex-start}.alert-error{background:var(--brand-tint);color:#8a2f27;border-color:#f1c9c4}.alert-info{background:var(--blue-tint);color:var(--blue-dark)}.alert-warn{background:var(--amber-tint);color:#6b4a0e}.alert-success{background:var(--green-tint);color:var(--green-dark)}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .65rem;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.01em;background:var(--bg);color:var(--ink-2);white-space:nowrap}.chip:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.chip-red{background:var(--brand-tint);color:var(--brand-dark)}.chip-amber{background:var(--amber-tint);color:var(--amber-dark)}.chip-green{background:var(--green-tint);color:var(--green-dark)}.chip-blue{background:var(--blue-tint);color:var(--blue-dark)}.chip-purple{background:var(--purple-tint);color:var(--purple-dark)}.chip-teal{background:#dff3ef;color:#0f6e63}.chip-gray{background:#efeae7;color:var(--muted)}.chip.plain:before{display:none}.filters{display:flex;gap:.5rem;flex-wrap:wrap}.filters button{padding:.4rem .85rem;border-radius:999px;border:1px solid var(--line);background:#fff;font:inherit;font-size:.84rem;font-weight:600;color:var(--ink-2);cursor:pointer}.filters button.on{background:var(--brand);border-color:var(--brand);color:#fff}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.75rem .9rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.table th{font-size:.74rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);background:#faf8f7;font-weight:700}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}.table tbody tr:hover td{background:#fcfaf9}.table tr:last-child td{border-bottom:none}.table .id{color:var(--brand-dark);font-weight:700}.table-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .9rem;border-top:1px solid var(--line);color:var(--muted);font-size:.84rem}.pages{display:flex;gap:.3rem}.pages button{min-width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:#fff;font:inherit;font-weight:600;cursor:pointer;color:var(--ink-2)}.pages button.on{background:var(--brand);border-color:var(--brand);color:#fff}.pages button:disabled{opacity:.45;cursor:not-allowed}.product{display:flex;flex-direction:column;gap:.55rem;padding:.9rem}.product .thumb{position:relative;aspect-ratio:4 / 3;border-radius:12px;display:grid;place-items:center;overflow:hidden;font-weight:800;font-size:1.6rem;letter-spacing:.02em}.product .thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:4%;background:#fff}.product .thumb:has(img){border:1px solid var(--line);background:#fff}.product .thumb .tag{position:absolute;top:8px;left:8px}.product .name{font-weight:700;line-height:1.3;min-height:2.6em}.product .meta{color:var(--muted);font-size:.8rem}.price{display:flex;flex-direction:column;gap:.1rem;margin-top:auto}.price .net{font-size:1.25rem;font-weight:800;color:var(--ink)}.price .net small{font-size:.72rem;color:var(--muted);font-weight:600;margin-left:.25rem}.price .list{color:var(--muted);font-size:.8rem}.price .list s{margin-right:.3rem}.price .rab{color:var(--green-dark);font-weight:700}.t-1{background:var(--brand-tint);color:var(--brand-dark)}.t-2{background:var(--amber-tint);color:var(--amber-dark)}.t-3{background:var(--blue-tint);color:var(--blue-dark)}.t-4{background:var(--green-tint);color:var(--green-dark)}.t-5{background:var(--purple-tint);color:var(--purple-dark)}.kol-oznaka{display:flex;flex-direction:column;align-items:flex-end}.oznaka{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.35rem;margin-top:.4rem;padding:.4rem .55rem;max-width:100%;border-radius:10px;background:var(--amber-tint);border:1px solid rgba(138,90,0,.28);color:var(--amber-dark);text-align:left}.oznaka-tekst{display:flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:700;line-height:1.25;white-space:nowrap}.oznaka-dugmad{display:flex;gap:.4rem}.oznaka-dugmad button{font:inherit;font-size:.78rem;font-weight:700;line-height:1.2;padding:.22rem .65rem;border-radius:8px;border:1px solid var(--amber-dark);cursor:pointer;white-space:nowrap}.oznaka-da{background:var(--amber-dark);color:#fff}.oznaka-da:hover{filter:brightness(1.12)}.oznaka-ne{background:transparent;color:var(--amber-dark)}.oznaka-ne:hover{background:#8a5a001a}.pak-red{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.3rem;margin-top:.3rem;font-size:.76rem;color:var(--muted)}.pak-red>*{white-space:nowrap}.pak-red button{display:inline-grid;place-items:center;width:22px;height:22px;padding:0;border-radius:7px;border:1px solid var(--line);background:#fff;color:var(--ink-2);cursor:pointer}.pak-red button:hover:not(:disabled){border-color:var(--brand);color:var(--brand-dark)}.pak-red button:disabled{opacity:.4;cursor:not-allowed}.pak-red .pak-link{width:auto;height:auto;padding:0 .3rem;border:none;background:none;font:inherit;font-weight:700;color:var(--brand-dark)}.naruceno-info{color:var(--amber-dark);font-weight:700;font-size:.74rem;white-space:nowrap}.oznaka-dugmad button:focus-visible,.pak-red button:focus-visible{outline:2px solid var(--brand-dark);outline-offset:2px}.bars{display:flex;flex-direction:column;gap:.55rem}.bar{display:grid;grid-template-columns:110px 1fr 120px;align-items:center;gap:.75rem;font-size:.86rem}.bar .track{height:10px;border-radius:999px;background:#efeae7;overflow:hidden}.bar .fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#dd7168,var(--brand))}.bar .fill.neg{background:linear-gradient(90deg,#5fc08a,var(--green))}.bar .fill.warn{background:linear-gradient(90deg,#f0c469,var(--amber))}.bar .fill:not([style*="width: 0%"]){min-width:4px}.bar.ned-red{padding-bottom:.45rem;border-bottom:1px dashed var(--line)}.photos{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.photos img,.photos .ph{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;border:1px solid var(--line);display:block}.photo-add{display:grid;place-items:center;gap:.3rem;aspect-ratio:1;border-radius:12px;border:2px dashed var(--line);color:var(--muted);font-size:.8rem;font-weight:600;cursor:pointer;text-align:center;padding:.5rem}.photo-add:hover{border-color:var(--brand);color:var(--brand-dark);background:var(--brand-soft)}.aparat-slika{position:relative;aspect-ratio:4 / 3;border-radius:12px;border:1px solid var(--line);background:#fff;overflow:hidden;margin-bottom:.8rem;display:grid;place-items:center}.aparat-slika img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:5%;display:block}.steps{display:flex;flex-direction:column;gap:.9rem}.step{display:flex;gap:.75rem}.step .n{width:28px;height:28px;border-radius:50%;background:var(--brand-tint);color:var(--brand-dark);display:grid;place-items:center;font-weight:800;font-size:.82rem;flex:0 0 auto}.step .t{font-weight:700}.step .d{color:var(--muted);font-size:.84rem}.empty{text-align:center;padding:2.5rem 1rem;color:var(--muted)}.empty .ic{width:64px;height:64px;border-radius:20px;background:var(--brand-tint);color:var(--brand-dark);display:grid;place-items:center;margin:0 auto .8rem}.spinner{display:inline-block;width:18px;height:18px;border:3px solid var(--brand-tint);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#efeae7 25%,#f7f4f2,#efeae7 75%);background-size:200% 100%;animation:sk 1.2s infinite;border-radius:8px;min-height:1em}@keyframes sk{to{background-position:-200% 0}}.auth{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.auth-side{position:relative;overflow:hidden;color:var(--ink);padding:3rem;background:linear-gradient(160deg,#fdf5f3,#f8ece9 55%,#f3e1dd);display:flex;flex-direction:column}.auth-side:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-200px;top:-200px;background:#c9463c0f}.auth-side:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;left:-120px;bottom:-160px;background:#c9463c0d}.auth-side>*{position:relative}.auth-side .logo{display:inline-flex;width:fit-content}.auth-side .logo img{height:40px;display:block}.auth-side h1{color:var(--ink);font-size:2.1rem;line-height:1.15;margin:auto 0 .75rem;max-width:520px}.auth-side .lead{color:var(--ink-2);font-size:1.02rem;max-width:520px}.auth-side .feats{display:grid;gap:.7rem;margin-top:1.5rem;max-width:520px}.auth-side .feat{display:flex;gap:.75rem;align-items:flex-start;background:#fff;border:1px solid var(--brand-line);border-radius:14px;padding:.8rem .95rem;box-shadow:var(--shadow-sm)}.auth-side .feat .ic{width:36px;height:36px;border-radius:10px;background:var(--brand-tint);color:var(--brand-dark);display:grid;place-items:center;flex:0 0 auto}.auth-side .feat .t{font-weight:700}.auth-side .feat .d{font-size:.84rem;color:var(--muted)}.auth-side .foot{margin-top:2rem;font-size:.8rem;color:var(--muted)}.auth-form{display:grid;place-items:center;padding:2rem 1.25rem;background:var(--bg)}.auth-card{width:100%;max-width:430px}.auth-card .card{padding:1.6rem 1.7rem;border-radius:20px;box-shadow:var(--shadow-md)}.auth-card h2{font-size:1.35rem;margin-bottom:.25rem}.auth-mobile-logo{display:none}.order-card .order-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap;margin-bottom:1rem}.order-card .oid{font-weight:800;font-size:1.05rem;color:var(--ink)}.order-card .oid:hover{color:var(--brand-dark);text-decoration:none}.order-card.otkazana{border-style:dashed}.order-amount{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.order-amount .num{font-size:1.2rem;font-weight:800}.order-amount small{font-size:.72rem;color:var(--muted);font-weight:600}.stepper{display:flex;margin:.4rem 0 .2rem}.stepper .st{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;font-size:.78rem;color:var(--muted)}.stepper .st:before{content:"";position:absolute;top:13px;left:-50%;width:100%;height:3px;background:var(--line)}.stepper .st:first-child:before{display:none}.stepper .st .dot{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;background:#fff;border:2px solid var(--line);color:var(--muted);display:grid;place-items:center;font-weight:800;font-size:.76rem}.stepper .st .lbl{margin-top:.45rem}.stepper .st.done:before,.stepper .st.current:before{background:var(--green)}.stepper .st.done .dot{background:var(--green);border-color:var(--green);color:#fff}.stepper .st.done .lbl{color:var(--ink-2);font-weight:600}.stepper .st.current .dot{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 0 0 5px var(--brand-tint)}.stepper .st.current .lbl{color:var(--brand-dark);font-weight:800}.planirana{display:inline-flex;align-items:center;gap:.35rem;margin-top:.3rem;font-size:.86rem;color:var(--ink-2)}.planirana svg{color:var(--brand)}.stepper-napomena{text-align:right;font-size:.74rem;font-weight:600;color:var(--brand-dark);margin-top:.15rem}.doc-chain{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:1rem;padding-top:.9rem;border-top:1px dashed var(--line)}.doc{display:flex;flex-direction:column;gap:.1rem;padding:.5rem .8rem;border-radius:12px;background:var(--bg);min-width:150px;flex:1}.doc .l{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:700}.doc .v{font-size:.88rem;font-weight:700}.doc.done{background:var(--green-tint)}.doc.done .v{color:var(--green-dark)}.doc.pending .v{color:var(--muted);font-weight:500;font-style:italic}.doc .s{font-size:.74rem;font-weight:600;color:var(--brand-dark);margin-top:.15rem}.doc-arrow{color:#cfc6c2;display:flex}.doc-mini{display:inline-flex;gap:.25rem}.doc-mini span{font-family:ui-monospace,Consolas,monospace;font-size:.72rem;font-weight:700;padding:.1rem .4rem;border-radius:6px;background:#efeae7;color:#b0a6a1}.doc-mini span.on{background:var(--green-tint);color:var(--green-dark)}.reco-item{display:flex;align-items:center;gap:.9rem;background:#fff;border:1px solid var(--brand-line);border-radius:12px;padding:.7rem .9rem}.reco-item .ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto}.reco-chips{display:flex;gap:.5rem;flex-wrap:wrap}.reco-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .8rem;border-radius:999px;background:#fff;border:1px solid var(--brand-line);font:inherit;font-size:.86rem;font-weight:600;color:var(--ink);cursor:pointer}.reco-chip:hover{border-color:var(--brand);color:var(--brand-dark)}.reco-chip .pl{width:22px;height:22px;border-radius:50%;background:var(--brand-tint);color:var(--brand-dark);display:grid;place-items:center}.list-row{justify-content:space-between;padding:.6rem 0;border-bottom:1px solid var(--line);color:inherit;flex-wrap:nowrap;gap:.75rem}.list-row:last-child{border-bottom:none}.list-row:hover{text-decoration:none}a.list-row:hover .strong{color:var(--brand-dark)}.kv{display:flex;flex-direction:column;gap:.55rem}.kv>div{display:grid;grid-template-columns:140px 1fr;gap:.5rem;font-size:.9rem}.kv .k{color:var(--muted)}.kv .v{font-weight:600}.timeline{display:flex;flex-direction:column;gap:.9rem}.tl{display:flex;gap:.75rem;position:relative}.tl+.tl:before{content:"";position:absolute;left:6px;top:-14px;height:14px;width:2px;background:var(--line)}.tl-dot{width:14px;height:14px;border-radius:50%;margin-top:4px;flex:0 0 auto;background:currentColor;border:3px solid #fff;box-shadow:0 0 0 2px var(--line);padding:0}.tl-dot:before{display:none}.choices{display:flex;flex-direction:column;gap:.5rem}.choice{display:flex;align-items:flex-start;gap:.75rem;padding:.7rem .85rem;border:1px solid var(--line);border-radius:12px;cursor:pointer}.choice.on{border-color:var(--brand);background:var(--brand-soft)}.choice.disabled{opacity:.6;cursor:not-allowed}.choice .radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);flex:0 0 auto;margin-top:2px;display:grid;place-items:center}.choice.on .radio{border-color:var(--brand)}.choice.on .radio:after{content:"";width:9px;height:9px;border-radius:50%;background:var(--brand)}.choice .t{display:block;font-weight:700}.choice .d{display:block;color:var(--muted);font-size:.82rem}.soon{text-align:center;padding:2.5rem 1.5rem;display:flex;flex-direction:column;align-items:center}.soon-ic{width:84px;height:84px;border-radius:26px;background:var(--brand-tint);color:var(--brand-dark);display:grid;place-items:center;margin-bottom:1rem}.soon h2{font-size:1.4rem}.soon-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem;text-align:left;max-width:560px}.soon-list li{display:flex;gap:.5rem;align-items:flex-start;color:var(--ink-2)}.soon-list li svg{color:var(--green);flex:0 0 auto;margin-top:3px}.foot{padding:1rem 1.5rem 1.5rem;margin-top:auto}.foot a{color:var(--muted)}.drawer-backdrop,.bottom-nav{display:none}@media(max-width:960px){.hide-mobile{display:none!important}.topbar .title .sub{display:none}.user-chip{padding:.2rem;border:0}.user-chip .name{display:none}.hero{padding:1.2rem 1.1rem}.hero-kpis{grid-template-columns:repeat(2,1fr);gap:.6rem}.hero-kpis>.hero-kpi:last-child:nth-child(odd){grid-column:1 / -1}.hero-kpi{padding:.7rem .8rem}.hero-kpi .v{font-size:1.15rem}.kv>div{grid-template-columns:1fr;gap:.1rem}.doc{min-width:100%}.doc-arrow{display:none}.foot{padding-bottom:5.5rem}.sidebar{position:fixed;left:0;top:0;bottom:0;height:auto;transform:translate(-100%);transition:transform .2s;box-shadow:var(--shadow-md);overscroll-behavior:contain}.sidebar-promo{display:none}.sidebar-user{padding-bottom:calc(.9rem + env(safe-area-inset-bottom))}.sidebar-user button{padding:.5rem .7rem;border:1px solid var(--line)}.sidebar-user .odjava-tekst{display:inline}.sidebar.open{transform:none}.drawer-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#2b252366;z-index:19}.hamburger{display:grid}.topbar-inner{padding:.7rem 1rem}.content{padding:1rem 1rem 5.5rem}.date-chip,.user-chip .firm{display:none}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);z-index:18;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.55rem .25rem;font-size:.72rem;color:var(--muted);font-weight:700}.bottom-nav a.router-link-active{color:var(--brand-dark)}.auth{grid-template-columns:1fr}.auth-side{display:none}.auth-mobile-logo{display:flex;justify-content:center;margin-bottom:1rem}.auth-mobile-logo img{height:34px}.span-2{grid-column:auto}.bar{grid-template-columns:92px 1fr 100px}}.grid-side{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}@media(max-width:900px){.grid-side{grid-template-columns:minmax(0,1fr)}}@media(min-width:901px)and (min-height:600px){.side-sticky{position:sticky;top:calc(var(--topbar-h, 64px) + 1rem);align-self:start;max-height:calc(100vh - var(--topbar-h, 64px) - 2rem);display:flex;flex-direction:column;overflow:hidden}.side-sticky .side-scroll{flex:1 1000 auto;min-height:0;overflow-y:auto;margin:0 -1.25rem;padding:0 1.25rem}.side-sticky .side-cta{flex:0 1 auto;min-height:0;overflow-y:auto;padding-top:.9rem;border-top:1px solid var(--line);margin-top:.2rem}}.refill{display:flex;align-items:center;gap:.6rem;padding:.45rem .6rem;border:1px solid var(--line);border-radius:10px;background:#fff}.refill+.refill{margin-top:.35rem}.refill.due{border-color:var(--brand-line);background:var(--brand-tint)}.due-chip{display:inline-block;margin-left:.35rem;padding:.1em .5em;border-radius:999px;background:var(--brand);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.02em;vertical-align:middle;white-space:nowrap}.status-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.15em .6em;border-radius:999px;font-size:.72rem;font-weight:700;white-space:nowrap}.status-chip.na-redu{background:var(--brand-tint);color:var(--brand-dark);border:1px solid var(--brand-line)}.status-chip.bez-kupovine{background:#fff7e6;color:#8a5a00;border:1px solid #f3e2b8}.status-chip.u-redu{background:#eef8f0;color:#1f6b35;border:1px solid #cfe9d6}.status-chip.bez-mapiranja{background:#f3f1ef;color:var(--muted);border:1px solid var(--line)}.filter-chips{display:flex;gap:.4rem;flex-wrap:wrap}.filter-chips button{font:inherit;font-size:.82rem;font-weight:600;padding:.35rem .75rem;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink-2);cursor:pointer}.filter-chips button.on{background:var(--brand);border-color:var(--brand);color:#fff}.kopije{display:flex;flex-direction:column;gap:.35rem}.kopija{display:flex;align-items:center;gap:.55rem;padding:.45rem .65rem;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer}.kopija input,.kvacica input{width:18px;height:18px;margin:0;flex:none;accent-color:var(--green);cursor:pointer}.kopija.ukljucen{border-color:#bfe3cc;background:var(--green-tint)}.kopija-ime{flex:1;min-width:0;overflow-wrap:anywhere;font-size:.88rem;font-weight:600}.kopija-stanje{font-size:.76rem;font-weight:700;color:var(--muted);white-space:nowrap}.kopija.ukljucen .kopija-stanje{color:var(--green-dark)}.kvacica{display:inline-flex;align-items:center;gap:.45rem;font-size:.86rem;font-weight:600;cursor:pointer}