.konzola-omot{display:flex;flex-direction:column;height:100%;min-height:0}.konzola{display:grid;grid-template-columns:268px minmax(0,1fr) 348px;flex:1;min-height:0}.pano{display:flex;flex-direction:column;border-right:1px solid var(--line);min-width:0;min-height:0}.pano:last-child{border-right:none}.pano-hd{display:flex;align-items:center;gap:8px;padding:9px 14px;background:var(--surface-2);border-bottom:1px solid var(--line);font-family:var(--f-display);font-stretch:75%;font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);flex:none}.hd-oznaka{margin-left:auto;font-family:var(--f-mono);font-stretch:normal;letter-spacing:0;font-size:10px;color:var(--ink-3)}.forma{display:flex;flex-direction:column;gap:14px;padding:12px 14px 20px;overflow-y:auto}.grupa{display:flex;flex-direction:column;gap:7px;border:none;margin:0;padding:0;min-width:0}.legenda{padding:0 0 5px;margin-bottom:1px;width:100%;border-bottom:1px solid var(--line);font-family:var(--f-display);font-stretch:75%;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.forma label{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--ink-2)}.red{display:grid;grid-template-columns:1fr 1fr;gap:8px}.forma input[type=number],.forma input[type=text],.forma select{width:100%;padding:5px 7px;background:var(--sunken);color:var(--ink);border:1px solid var(--line-2);border-radius:3px;font-family:var(--f-body);font-size:12px}.forma input[type=number],.forma input.mono{font-family:var(--f-mono);font-size:13px}.forma select:disabled{opacity:.45}.red.dim input{font-size:18px;font-weight:600;text-align:right;padding:6px 8px}.krilo-unos{display:flex;gap:6px;align-items:center}.krilo-unos input{flex:1;min-width:0}.dugme-mini{flex:none;padding:5px 9px;border:1px solid var(--line-2);border-radius:3px;background:var(--surface);color:var(--ink-2);font-family:var(--f-body);font-size:11px;cursor:pointer;white-space:nowrap}.dugme-mini:hover{border-color:var(--accent);color:var(--ink)}.forma .cek{flex-direction:row;align-items:center;gap:7px;padding:2px 0;font-size:12px}.forma .cek input{flex:none;width:14px;height:14px;accent-color:var(--accent)}.platno{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 22px;min-height:0;background:var(--sunken);background-image:radial-gradient(var(--line) .8px,transparent .8px);background-size:14px 14px}.crtez{width:100%;height:100%;max-height:100%}.crtez-greska,.greska-pano,.prazno{padding:22px;color:var(--danger);font-size:12px;line-height:1.5;text-align:center;align-self:center;margin:auto}.prazno{color:var(--ink-3)}.upozorenje{display:flex;gap:9px;align-items:flex-start;padding:9px 14px;background:var(--warn-wash);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;line-height:1.45;color:var(--ink-2);flex:none}.upozorenje b{color:var(--ink)}.upozorenje-znak{flex:none;width:15px;height:15px;border-radius:50%;background:var(--warn);color:var(--surface);font-family:var(--f-display);font-size:11px;font-weight:700;display:grid;place-items:center;margin-top:1px}.formule{padding:10px 14px 12px;background:var(--surface);border-top:1px solid var(--line);flex:none}.formule-hd{margin-bottom:7px;font-family:var(--f-display);font-stretch:75%;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.formule-mreza{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:5px 18px}.formula{display:flex;gap:6px;align-items:baseline;font-family:var(--f-mono);font-size:11px}.f-naziv{color:var(--ink-3);min-width:62px}.f-izraz{color:var(--ink-2)}.f-vrijednost{margin-left:auto;color:var(--accent);font-weight:700}.razrada{flex:1;overflow-y:auto;min-height:0}.grupa-hd{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:8px;padding:7px 14px;background:var(--surface-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mrlja{flex:none;width:3px;height:13px;border-radius:1px}.grupa-naziv{font-family:var(--f-display);font-stretch:75%;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.grupa-meta{margin-left:auto;font-family:var(--f-mono);font-size:10.5px;color:var(--ink-3)}table.materijal{width:100%;border-collapse:collapse;font-size:11.5px}table.materijal td{padding:4px 6px;border-bottom:1px solid var(--line);vertical-align:top}table.materijal tr:hover td{background:var(--accent-wash)}.c-sifra{width:1%;white-space:nowrap;padding-left:14px!important;font-family:var(--f-mono);font-size:10px;color:var(--ink-3)}.c-naziv{color:var(--ink)}.c-mjera{width:1%;white-space:nowrap;text-align:right;font-family:var(--f-mono);color:var(--ink)}.c-komada{width:1%;white-space:nowrap;text-align:right;padding-right:14px!important;font-family:var(--f-mono);color:var(--ink-2)}.ugao{display:inline-block;margin-left:5px;padding:0 3px;border:1px solid var(--line);border-radius:2px;background:var(--surface-2);color:var(--ink-3);font-family:var(--f-mono);font-size:9px;vertical-align:1px}.optimizacija{flex:none;max-height:32vh;overflow-y:auto;padding:13px 16px 15px;background:var(--surface);border-top:1px solid var(--line-2)}.opt-hd{display:flex;align-items:baseline;gap:10px;margin-bottom:11px}.opt-hd h3{margin:0;font-family:var(--f-display);font-stretch:75%;font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}.opt-info{font-size:11px;color:var(--ink-3)}.opt-info b{color:var(--ink);font-family:var(--f-mono);font-variant-numeric:tabular-nums}.sipke{display:flex;flex-direction:column;gap:8px}.sipka-red{display:grid;grid-template-columns:132px minmax(0,1fr) 82px;gap:11px;align-items:center}.sipka-oznaka{text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--f-mono);font-size:10.5px;color:var(--ink-2)}.sipka{display:flex;height:21px;border:1px solid var(--line-2);border-radius:2px;overflow:hidden;background:var(--warn-wash)}.odsjecak{display:flex;align-items:center;justify-content:center;overflow:hidden;border-right:1px solid var(--surface);background:var(--accent);color:#fff;font-family:var(--f-mono);font-size:9px}.odsjecak.alt{background:var(--accent-2)}.odsjecak.celik{background:var(--steel)}.sipka-otpad{text-align:right;font-family:var(--f-mono);font-size:10px;color:var(--warn)}.status{display:flex;align-items:stretch;flex:none;background:var(--surface-2);border-top:1px solid var(--line)}.stat{display:flex;flex-direction:column;gap:1px;justify-content:center;padding:8px 16px;border-right:1px solid var(--line)}.stat-naziv{font-family:var(--f-display);font-stretch:75%;font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}.stat-vrijednost{font-family:var(--f-mono);font-size:14px;font-weight:700;white-space:nowrap}.stat.istaknut .stat-vrijednost{color:var(--accent);font-size:15px}.stat.upozorava .stat-vrijednost{color:var(--warn)}.akcije{display:flex;align-items:center;gap:8px;margin-left:auto;padding:0 14px}.dugme{padding:6px 13px;border:1px solid var(--line-2);border-radius:3px;background:var(--surface);color:var(--ink);font-family:var(--f-body);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.dugme:hover{border-color:var(--accent)}.dugme.glavno{background:var(--accent);border-color:var(--accent);color:#fff}.dugme:disabled{opacity:.45;cursor:default}.sifarnici{display:grid;grid-template-columns:268px minmax(0,1fr);flex:1;min-height:0}.lista-sistema{display:flex;flex-direction:column;border-right:1px solid var(--line);overflow-y:auto;min-height:0}.sistem-stavka{display:flex;flex-direction:column;gap:3px;padding:10px 14px;border:none;border-bottom:1px solid var(--line);border-left:3px solid transparent;background:none;color:var(--ink);text-align:left;cursor:pointer;font-family:var(--f-body)}.sistem-stavka:hover{background:var(--sunken)}.sistem-stavka.aktivna{background:var(--accent-wash);border-left-color:var(--accent)}.sistem-naziv{font-size:12.5px;font-weight:600}.sistem-meta{display:flex;align-items:center;gap:7px;font-family:var(--f-mono);font-size:10px;color:var(--ink-3)}.znak-pretpostavke{padding:0 4px;border:1px solid var(--warn);border-radius:2px;color:var(--warn);font-size:9px;letter-spacing:.04em}.urednik,.postavke{display:flex;flex-direction:column;min-height:0;flex:1}.urednik-tijelo{flex:1;overflow-y:auto;min-height:0;padding:16px 20px 24px;display:flex;flex-direction:column;gap:4px}.odjeljak{margin:18px 0 10px;padding-bottom:5px;border-bottom:1px solid var(--line);font-family:var(--f-display);font-stretch:75%;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.odjeljak:first-child{margin-top:4px}.mreza-polja{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:12px 16px}.polje,.polje-naziv{display:flex;flex-direction:column;gap:3px;min-width:0}.polje-oznaka,.polje-naziv{font-size:11px;color:var(--ink-2)}.polje-opis{font-size:10px;color:var(--ink-3);line-height:1.35}.polje input,.polje-naziv input{width:100%;padding:5px 7px;background:var(--sunken);color:var(--ink);border:1px solid var(--line-2);border-radius:3px;font-family:var(--f-mono);font-size:13px}.polje-naziv input{font-family:var(--f-body);max-width:380px}.polje input.mono{font-family:var(--f-mono)}.cek.veliki{flex-direction:row;align-items:center;gap:8px;margin-top:18px;padding:9px 11px;border:1px solid var(--line);border-radius:4px;background:var(--sunken);font-size:12px;color:var(--ink-2);cursor:pointer;align-self:flex-start}.cek.veliki input{width:15px;height:15px;accent-color:var(--warn)}.urednik-noga{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex:none;padding:10px 20px;background:var(--surface-2);border-top:1px solid var(--line)}.nesacuvano{margin-right:auto;color:var(--warn);font-size:11px;font-weight:600}.projekti{display:grid;grid-template-columns:248px minmax(0,1fr);flex:1;min-height:0}.lista-projekata{display:flex;flex-direction:column;border-right:1px solid var(--line);overflow-y:auto;min-height:0}.mini-dugme{margin-left:auto;padding:2px 7px;border:1px solid var(--line-2);border-radius:3px;background:var(--surface);color:var(--accent);font-family:var(--f-body);font-size:10px;font-weight:600;letter-spacing:0;text-transform:none;cursor:pointer}.mini-dugme:hover{border-color:var(--accent)}.projekat-stavka{display:grid;grid-template-columns:auto 1fr;gap:1px 8px;padding:9px 14px;border:none;border-bottom:1px solid var(--line);border-left:3px solid transparent;background:none;color:var(--ink);text-align:left;cursor:pointer;font-family:var(--f-body)}.projekat-stavka:hover{background:var(--sunken)}.projekat-stavka.aktivna{background:var(--accent-wash);border-left-color:var(--accent)}.projekat-broj{grid-row:1;font-family:var(--f-mono);font-size:11px;font-weight:700;color:var(--accent)}.projekat-naziv{grid-row:1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projekat-datum{grid-row:2;grid-column:1 / -1;font-family:var(--f-mono);font-size:10px;color:var(--ink-3)}.detalj-projekta{display:flex;flex-direction:column;min-height:0}.pozicije-mreza{flex:1;min-height:0;overflow-y:auto;padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:12px;align-content:start}.kartica{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:4px;background:var(--surface);overflow:hidden}.kartica:hover{border-color:var(--accent)}.kartica-crtez{height:116px;padding:10px;background:var(--sunken);display:flex;align-items:center;justify-content:center}.kartica-crtez .crtez{max-height:100%}.kartica-info{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:7px 9px;border-top:1px solid var(--line);font-size:11px;font-family:var(--f-mono);color:var(--ink-2)}.kartica-info b{color:var(--ink);font-family:var(--f-body)}.kartica-meta{margin-left:auto;color:var(--accent);font-weight:700}.kartica-obrisi{position:absolute;top:5px;right:5px;width:19px;height:19px;border:1px solid var(--line-2);border-radius:3px;background:var(--surface);color:var(--ink-3);font-size:10px;line-height:1;cursor:pointer;opacity:0}.kartica:hover .kartica-obrisi{opacity:1}.kartica-obrisi:hover{border-color:var(--danger);color:var(--danger)}.projekat-noga{display:flex;align-items:stretch;flex:none;background:var(--surface-2);border-top:1px solid var(--line)}.dugme.opasno:hover{border-color:var(--danger);color:var(--danger)}.prazno-mali{grid-column:1 / -1;padding:26px 16px;color:var(--ink-3);font-size:12px;text-align:center}.ljuska{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--surface)}.naslovna{display:flex;align-items:center;gap:11px;height:34px;padding:0 12px;flex:none;background:var(--surface-2);border-bottom:1px solid var(--line);-webkit-app-region:drag}.naslovna button{-webkit-app-region:no-drag}.tacka{flex:none;width:9px;height:9px;border-radius:50%;background:var(--accent)}.naslov{font-family:var(--f-display);font-stretch:87.5%;font-size:13px;letter-spacing:.02em}.naslov b{font-weight:600}.naslov span{color:var(--ink-3)}.razmak{flex:1}.poruka{max-width:46ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 9px;border-radius:3px;background:var(--accent-wash);color:var(--accent);font-size:11px}.tema-dugme{padding:3px 8px;border:none;border-radius:3px;background:none;color:var(--ink-3);font-family:var(--f-mono);font-size:11px;cursor:pointer}.tema-dugme:hover{background:var(--sunken);color:var(--ink)}.meni{display:flex;gap:2px;align-items:center;height:31px;padding:0 8px;flex:none;background:var(--surface);border-bottom:1px solid var(--line)}.meni-stavka{padding:4px 11px;border:none;border-radius:3px;background:none;color:var(--ink-2);font-family:var(--f-body);font-size:12px;cursor:pointer}.meni-stavka:hover{background:var(--sunken);color:var(--ink)}.meni-stavka.aktivna{background:var(--accent-wash);color:var(--accent);font-weight:600}.sadrzaj{flex:1;min-height:0;display:flex;flex-direction:column}:root{--paper: #eff2f1;--surface: #ffffff;--surface-2: #e7ecea;--sunken: #dce3e1;--ink: #141c1a;--ink-2: #4a5551;--ink-3: #7c8985;--line: #c9d2cf;--line-2: #b0bcb8;--accent: #0e7a6b;--accent-2: #14a08c;--accent-wash: #0e7a6b14;--steel: #78877f;--warn: #a96c12;--warn-wash: #a96c1220;--danger: #bc4230;--glass: #8fbdb6;--f-display: "Bahnschrift", "DIN Alternate", "Oswald", "Segoe UI", sans-serif;--f-body: "Segoe UI", system-ui, sans-serif;--f-mono: "Consolas", "Cascadia Mono", ui-monospace, monospace}@media(prefers-color-scheme:dark){:root{--paper: #0f1513;--surface: #18211e;--surface-2: #202b27;--sunken: #111917;--ink: #e7eeec;--ink-2: #a4b1ad;--ink-3: #6e7c78;--line: #2b3835;--line-2: #3a4946;--accent: #2cbba5;--accent-2: #4adcc3;--accent-wash: #2cbba51f;--steel: #8a9994;--warn: #d69a3c;--warn-wash: #d69a3c24;--danger: #e0644e;--glass: #3e6b66}}:root[data-tema=dark]{--paper: #0f1513;--surface: #18211e;--surface-2: #202b27;--sunken: #111917;--ink: #e7eeec;--ink-2: #a4b1ad;--ink-3: #6e7c78;--line: #2b3835;--line-2: #3a4946;--accent: #2cbba5;--accent-2: #4adcc3;--accent-wash: #2cbba51f;--steel: #8a9994;--warn: #d69a3c;--warn-wash: #d69a3c24;--danger: #e0644e;--glass: #3e6b66}:root[data-tema=light]{--paper: #eff2f1;--surface: #ffffff;--surface-2: #e7ecea;--sunken: #dce3e1;--ink: #141c1a;--ink-2: #4a5551;--ink-3: #7c8985;--line: #c9d2cf;--line-2: #b0bcb8;--accent: #0e7a6b;--accent-2: #14a08c;--accent-wash: #0e7a6b14;--steel: #78877f;--warn: #a96c12;--warn-wash: #a96c1220;--danger: #bc4230;--glass: #8fbdb6}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:13px;overflow:hidden;-webkit-user-select:none;user-select:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.tnum{font-variant-numeric:tabular-nums}body{padding-top:40px}.demo-baner{position:fixed;top:0;left:0;right:0;height:40px;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;background:#0b1830;background-image:linear-gradient(90deg,#0b1830,#101f3c);color:#fff;font:13px/1.4 -apple-system,Segoe UI,Arial,sans-serif;box-shadow:0 2px 12px #00000047;overflow-x:auto;white-space:nowrap}.demo-baner-tekst{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;color:#cdd6e6}.demo-baner-tekst strong{color:#fff}.demo-baner-akcije{display:flex;align-items:center;gap:10px;flex:0 0 auto}.demo-dugme{border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font-size:12.5px;padding:5px 10px;border-radius:6px;cursor:pointer;text-decoration:none;white-space:nowrap}.demo-dugme:hover{background:#ffffff1f}@media(max-width:640px){.demo-baner-tekst{display:none}}