:root{--boja-pozadina: #f1f5f9;--boja-povrsina: #ffffff;--boja-povrsina-tiha: #f8fafc;--boja-rub: #e2e8f0;--boja-rub-jaci: #cbd5e1;--boja-tekst: #0f172a;--boja-tekst-tiha: #64748b;--boja-tekst-slaba: #94a3b8;--boja-glavna: #0f766e;--boja-glavna-tamna: #115e59;--boja-glavna-svijetla: #ccfbf1;--alarm-probijen: #b91c1c;--alarm-probijen-pozadina: #fee2e2;--alarm-hitno: #c2410c;--alarm-hitno-pozadina: #ffedd5;--alarm-uskoro: #a16207;--alarm-uskoro-pozadina: #fef3c7;--alarm-najava: #1d4ed8;--alarm-najava-pozadina: #dbeafe;--alarm-uredno: #15803d;--alarm-uredno-pozadina: #dcfce7;--radijus: 8px;--radijus-mali: 5px;--sjena: 0 1px 2px rgb(15 23 42 / .06), 0 1px 3px rgb(15 23 42 / .1);--sjena-jaka: 0 4px 6px -1px rgb(15 23 42 / .1), 0 2px 4px -2px rgb(15 23 42 / .1);--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace}@media(prefers-color-scheme:dark){:root{--boja-pozadina: #0f172a;--boja-povrsina: #1e293b;--boja-povrsina-tiha: #172033;--boja-rub: #334155;--boja-rub-jaci: #475569;--boja-tekst: #f1f5f9;--boja-tekst-tiha: #94a3b8;--boja-tekst-slaba: #64748b;--boja-glavna: #2dd4bf;--boja-glavna-tamna: #14b8a6;--boja-glavna-svijetla: #134e4a;--alarm-probijen: #fca5a5;--alarm-probijen-pozadina: #450a0a;--alarm-hitno: #fdba74;--alarm-hitno-pozadina: #431407;--alarm-uskoro: #fcd34d;--alarm-uskoro-pozadina: #422006;--alarm-najava: #93c5fd;--alarm-najava-pozadina: #172554;--alarm-uredno: #86efac;--alarm-uredno-pozadina: #052e16}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font);font-size:15px;line-height:1.55;color:var(--boja-tekst);background:var(--boja-pozadina);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;line-height:1.25;font-weight:650}a{color:var(--boja-glavna);text-decoration:none}a:hover{text-decoration:underline}.ljuska{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.bocna-traka{background:var(--boja-povrsina);border-right:1px solid var(--boja-rub);padding:20px 14px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100vh;overflow-y:auto}.znak{display:flex;align-items:baseline;gap:7px;padding:0 8px}.znak strong{font-size:18px;letter-spacing:-.02em}.znak span{font-size:11px;color:var(--boja-tekst-slaba)}.izbornik{display:flex;flex-direction:column;gap:2px}.izbornik a{padding:8px 11px;border-radius:var(--radijus-mali);color:var(--boja-tekst-tiha);font-weight:500;font-size:14px}.izbornik a:hover{background:var(--boja-povrsina-tiha);color:var(--boja-tekst);text-decoration:none}.izbornik a.aktivno{background:var(--boja-glavna-svijetla);color:var(--boja-glavna-tamna);font-weight:600}@media(prefers-color-scheme:dark){.izbornik a.aktivno{color:var(--boja-glavna)}}.korisnik-blok{margin-top:auto;padding:12px;border-radius:var(--radijus);background:var(--boja-povrsina-tiha);border:1px solid var(--boja-rub);font-size:13px}.korisnik-blok .ime{font-weight:600}.korisnik-blok .detalj{color:var(--boja-tekst-tiha);font-size:12px}.sadrzaj{padding:26px 30px 60px;max-width:1400px}.zaglavlje-stranice{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.zaglavlje-stranice p{margin:4px 0 0;color:var(--boja-tekst-tiha);font-size:14px}.zaglavlje-radnje{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.firma-oznaka{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--boja-glavna);margin-bottom:3px}.kartica{background:var(--boja-povrsina);border:1px solid var(--boja-rub);border-radius:var(--radijus);padding:16px 18px;box-shadow:var(--sjena)}.mreza-pokazatelja{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:22px}.pokazatelj .oznaka{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--boja-tekst-tiha);font-weight:600}.pokazatelj .broj{font-size:30px;font-weight:680;line-height:1.1;margin-top:5px}.pokazatelj .dopuna{font-size:12px;color:var(--boja-tekst-slaba)}.omot-tablice{overflow-x:auto;background:var(--boja-povrsina);border:1px solid var(--boja-rub);border-radius:var(--radijus)}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;padding:10px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--boja-tekst-tiha);border-bottom:1px solid var(--boja-rub);background:var(--boja-povrsina-tiha);white-space:nowrap}td{padding:11px 14px;border-bottom:1px solid var(--boja-rub);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--boja-povrsina-tiha)}.mono{font-family:var(--font-mono);font-size:13px}.tiho{color:var(--boja-tekst-tiha)}.prazno{color:var(--boja-tekst-slaba)}.znacka{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.znacka.probijen{background:var(--alarm-probijen-pozadina);color:var(--alarm-probijen)}.znacka.hitno{background:var(--alarm-hitno-pozadina);color:var(--alarm-hitno)}.znacka.uskoro{background:var(--alarm-uskoro-pozadina);color:var(--alarm-uskoro)}.znacka.najava{background:var(--alarm-najava-pozadina);color:var(--alarm-najava)}.znacka.uredno{background:var(--alarm-uredno-pozadina);color:var(--alarm-uredno)}.znacka.neutralno{background:var(--boja-povrsina-tiha);color:var(--boja-tekst-tiha);border:1px solid var(--boja-rub)}.polje{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.polje label{font-size:13px;font-weight:600}.polje .pomoc{font-size:12px;color:var(--boja-tekst-tiha)}input,select,textarea{font:inherit;font-size:14px;padding:8px 11px;border:1px solid var(--boja-rub-jaci);border-radius:var(--radijus-mali);background:var(--boja-povrsina);color:var(--boja-tekst);width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--boja-glavna);outline-offset:-1px;border-color:var(--boja-glavna)}button{font:inherit;font-size:14px;font-weight:600;padding:8px 15px;border-radius:var(--radijus-mali);border:1px solid transparent;background:var(--boja-glavna);color:#fff;cursor:pointer}button:hover:not(:disabled){background:var(--boja-glavna-tamna)}button:disabled{opacity:.55;cursor:not-allowed}button.tiha{background:var(--boja-povrsina);color:var(--boja-tekst);border-color:var(--boja-rub-jaci)}button.tiha:hover:not(:disabled){background:var(--boja-povrsina-tiha)}@media(prefers-color-scheme:dark){button{color:#042f2e}}.traka-filtera{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;align-items:flex-end}.traka-filtera .polje{margin-bottom:0;min-width:165px}.traka-filtera .polje.raste{flex:1;min-width:230px}.prijava-stranica{min-height:100vh;display:grid;place-items:center;padding:20px}.prijava-okvir{width:100%;max-width:385px;background:var(--boja-povrsina);border:1px solid var(--boja-rub);border-radius:12px;padding:30px;box-shadow:var(--sjena-jaka)}.prijava-okvir h1{font-size:23px;margin-bottom:4px}.prijava-okvir .podnaslov{color:var(--boja-tekst-tiha);font-size:14px;margin:0 0 22px}.greska{background:var(--alarm-probijen-pozadina);color:var(--alarm-probijen);border-radius:var(--radijus-mali);padding:9px 12px;font-size:13px;margin-bottom:14px}.raspored-kartona{display:grid;grid-template-columns:1fr 340px;gap:18px;align-items:start}@media(max-width:1000px){.raspored-kartona,.ljuska{grid-template-columns:1fr}.bocna-traka{position:static;height:auto}}.skupina-atributa{margin-bottom:20px}.skupina-atributa h4{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--boja-tekst-tiha);padding-bottom:6px;border-bottom:1px solid var(--boja-rub);margin-bottom:9px}.popis-svojstava{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:9px 20px}.svojstvo{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:2px 0}.svojstvo dt{color:var(--boja-tekst-tiha)}.svojstvo dd{margin:0;font-weight:550;text-align:right}.vremenska-crta{display:flex;flex-direction:column;gap:11px}.stavka-crte{padding:11px 13px;border-radius:var(--radijus-mali);background:var(--boja-povrsina-tiha);border-left:3px solid var(--boja-glavna)}.stavka-crte .vrh{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.stavka-crte .naslov{font-weight:600;font-size:14px}.stavka-crte .datum{font-size:12px;color:var(--boja-tekst-tiha);font-family:var(--font-mono);white-space:nowrap}.stavka-crte .opis{font-size:13px;color:var(--boja-tekst-tiha);margin-top:4px}.stavka-klik{cursor:pointer;border-radius:var(--radijus-mali)}.stavka-klik:hover .naslov{color:var(--boja-glavna)}.stavka-klik .strelica{color:var(--boja-tekst-slaba);font-size:11px}.detalji-stavke{margin-top:10px;padding-top:10px;border-top:1px dashed var(--boja-rub)}.detalji-stavke .popis-svojstava{margin-bottom:8px}.detalji-stavke .opis{margin-top:6px;color:var(--boja-tekst)}.stanje-poruke{padding:40px 20px;text-align:center;color:var(--boja-tekst-tiha)}.ucitavanje{padding:40px;text-align:center;color:var(--boja-tekst-tiha)}.stranicenje{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;font-size:13px;color:var(--boja-tekst-tiha);flex-wrap:wrap}.stranicenje .gumbi{display:flex;gap:8px}dialog.dijalog{width:calc(100% - 32px);border:1px solid var(--boja-rub);border-radius:12px;padding:0;background:var(--boja-povrsina);color:var(--boja-tekst);box-shadow:0 20px 40px -12px #0f172a59;max-height:calc(100vh - 60px);overflow:hidden}dialog.dijalog::backdrop{background:#0f172a8c}.dijalog-zaglavlje{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 22px 14px;border-bottom:1px solid var(--boja-rub);position:sticky;top:0;background:var(--boja-povrsina)}.dijalog-zaglavlje h2{font-size:17px}.dijalog-zaglavlje p{margin:3px 0 0;font-size:13px;color:var(--boja-tekst-tiha)}.dijalog-zaglavlje .zatvori{background:none;border:none;color:var(--boja-tekst-tiha);font-size:24px;line-height:1;padding:0 6px;cursor:pointer}.dijalog-zaglavlje .zatvori:hover{background:none;color:var(--boja-tekst)}.dijalog-tijelo{padding:18px 22px 22px;overflow-y:auto;max-height:calc(100vh - 160px)}.dijalog-podnozje{display:flex;justify-content:flex-end;gap:9px;margin-top:20px;padding-top:16px;border-top:1px solid var(--boja-rub)}.red-polja{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.red-polja.tri{grid-template-columns:1fr 1fr 1fr}@media(max-width:560px){.red-polja,.red-polja.tri{grid-template-columns:1fr}}.skupina-polja{border:1px solid var(--boja-rub);border-radius:var(--radijus-mali);padding:12px 14px 14px;margin:4px 0 0}.skupina-polja legend{font-size:13px;font-weight:600;padding:0 6px}.izbor{display:inline-flex;align-items:center;gap:6px;margin-right:18px;font-size:14px;cursor:pointer}.izbor input{width:auto;margin:0}textarea{resize:vertical;min-height:60px}.napomena{border-radius:var(--radijus-mali);padding:10px 13px;font-size:13px;margin-bottom:14px;border-left:3px solid}.napomena strong{display:block;margin-bottom:2px}.napomena.upozorenje{background:var(--alarm-probijen-pozadina);color:var(--alarm-probijen);border-left-color:var(--alarm-probijen)}.napomena.obavijest{background:var(--alarm-uredno-pozadina);color:var(--alarm-uredno);border-left-color:var(--alarm-uredno)}.zaglavlje-kartice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.zaglavlje-kartice h3{font-size:15px}.zaglavlje-kartice button{padding:5px 11px;font-size:13px}.kartice-traka{display:flex;gap:4px;border-bottom:1px solid var(--boja-rub);margin-bottom:18px}.kartice-traka button{background:none;border:none;border-bottom:2px solid transparent;border-radius:0;color:var(--boja-tekst-tiha);font-weight:600;padding:9px 14px;cursor:pointer}.kartice-traka button:hover{background:var(--boja-povrsina-tiha);color:var(--boja-tekst)}.kartice-traka button.aktivna{color:var(--boja-glavna);border-bottom-color:var(--boja-glavna)}h4.odjeljak{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--boja-tekst-tiha);margin:18px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--boja-rub)}h4.odjeljak:first-child{margin-top:0}button.malena{padding:3px 9px;font-size:12px}button.opasno{color:var(--alarm-probijen);border-color:var(--alarm-probijen);background:var(--boja-povrsina)}button.opasno:hover:not(:disabled){background:var(--alarm-probijen-pozadina)}.visestruki-odabir{display:flex;flex-wrap:wrap;gap:4px 16px;padding:4px 0}.visestruki-odabir .izbor{margin-right:0}input[type=date]{max-width:100%}.datum-polje{position:relative;display:flex;align-items:stretch;gap:6px}.datum-polje>input[type=text]{flex:1;min-width:0}.datum-gumb{flex:0 0 auto;padding:0 11px;background:var(--boja-povrsina);color:var(--boja-tekst);border:1px solid var(--boja-rub-jaci);font-size:15px}.datum-gumb:hover:not(:disabled){background:var(--boja-povrsina-tiha)}.datum-skriveni{position:absolute;right:40px;bottom:0;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}