:root{--pozadina:#f6f7f9;--povrsina:#ffffff;--povrsina-2:#f0f2f5;--ivica:#dfe3e8;--ivica-jaka:#c4cbd4;--tekst:#16202c;--tekst-2:#5b6875;--tekst-3:#8a95a1;--brend:#17395C;--brend-tamni:#0F2743;--brend-blijedi:#E8EEF5;--akcenat:#F26522;--akcenat-tamni:#D45013;--akcenat-blijedi:#FDEDE3;--znak-tamni:#17395C;--znak-akcenat:#F26522;--znak-praznina:#ffffff;--zelena:#0f7b45;--zelena-blijeda:#e7f5ec;--crvena:#b42318;--crvena-blijeda:#fdeceb;--zuta:#a15c07;--zuta-blijeda:#fdf3e2;--r:8px;--sjenka:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.1);--sjenka-2:0 4px 12px rgba(16,24,40,.1)}*{margin:0;padding:0;box-sizing:border-box}body,html{background:var(--pozadina);color:var(--tekst);font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--brend);text-decoration:none}a:hover{text-decoration:underline}.ljuska{display:flex;min-height:100vh}.bocni{width:232px;flex-shrink:0;background:#101a28;color:#e6eaf0;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.bocni .marka{padding:18px;border-bottom:1px solid #1e2a3a;display:flex;align-items:center;gap:11px}.bocni .marka b{display:block;font-size:15px;letter-spacing:.01em}.bocni .marka b i{font-style:normal;color:var(--akcenat)}.bocni .marka span{font-size:11px;color:#7d8b9c}.bocni .marka svg{--znak-tamni:#ffffff;--znak-praznina:#101a28}.bocni nav{padding:10px 8px;flex:1 1;overflow-y:auto}.bocni nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:6px;color:#b9c4d2;font-size:13.5px;margin-bottom:2px}.bocni nav a:hover{background:#1a2636;color:#fff;text-decoration:none}.bocni nav a.aktivan{background:#234E7D;color:#fff;font-weight:600;box-shadow:inset 3px 0 0 var(--akcenat)}.bocni nav .grupa{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:#5d6b7d;padding:14px 12px 6px}.bocni .nalog{padding:12px 16px;border-top:1px solid #1e2a3a;font-size:12px}.bocni .nalog b{display:block;color:#fff;font-size:13px}.bocni .nalog span{color:#7d8b9c}.bocni .nalog button{margin-top:8px;width:100%;background:#1e2a3a;color:#b9c4d2;border:none;padding:7px;border-radius:6px;cursor:pointer;font-size:12px}.bocni .nalog button:hover{background:#27364a;color:#fff}.glavni{flex:1 1;min-width:0;display:flex;flex-direction:column}.zaglavlje{background:var(--povrsina);border-bottom:1px solid var(--ivica);padding:16px 28px;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:20}.zaglavlje h1{font-size:19px;font-weight:650}.zaglavlje .podnaslov{font-size:12.5px;color:var(--tekst-2);margin-top:2px}.zaglavlje .akcije{display:flex;gap:8px;flex-wrap:wrap}.mobilna-traka{display:none}.mobilna-traka b i{font-style:normal;color:var(--akcenat)}.mobilna-traka svg{--znak-tamni:#ffffff;--znak-praznina:#101a28}.zastor{display:none}.sadrzaj{padding:24px 28px 60px;flex:1 1}.kartica{background:var(--povrsina);border:1px solid var(--ivica);border-radius:var(--r);box-shadow:var(--sjenka)}.kartica>header{padding:14px 18px;border-bottom:1px solid var(--ivica);display:flex;align-items:center;justify-content:space-between;gap:12px}.kartica>header h2{font-size:14.5px;font-weight:650}.kartica>header .opis{font-size:12px;color:var(--tekst-2);margin-top:1px}.kartica .tijelo{padding:18px}.mreza{display:grid;grid-gap:16px;gap:16px}.mreza>*{min-width:0}.m2{grid-template-columns:repeat(2,minmax(0,1fr))}.m3{grid-template-columns:repeat(3,minmax(0,1fr))}.m4{grid-template-columns:repeat(4,minmax(0,1fr))}.m5{grid-template-columns:repeat(5,minmax(0,1fr))}.mreza.sa-detaljem{grid-template-columns:minmax(0,1fr) 340px}@media (min-width:901px){.kartica-lijepi-se{position:-webkit-sticky;position:sticky;top:96px;max-height:calc(100vh - 116px);overflow-y:auto}}@media (max-width:1100px){.m3,.m4,.m5{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.mreza.sa-detaljem{grid-template-columns:1fr}}@media (max-width:700px){.m2,.m3,.m4,.m5{grid-template-columns:1fr}}.pokazatelj{padding:16px 18px}.pokazatelj .oznaka{font-size:11.5px;color:var(--tekst-2);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.pokazatelj .broj{font-size:26px;font-weight:700;margin-top:6px;letter-spacing:-.02em}.pokazatelj .dodatak{font-size:12px;color:var(--tekst-2);margin-top:3px}.pokazatelj.upozorenje .broj{color:var(--crvena)}.pokazatelj.dobro .broj{color:var(--zelena)}.tabela{width:100%;border-collapse:collapse;font-size:13px}.tabela th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--tekst-2);font-weight:650;padding:9px 14px;background:var(--povrsina-2);position:-webkit-sticky;position:sticky;top:0}.tabela td,.tabela th{border-bottom:1px solid var(--ivica)}.tabela td{padding:10px 14px}.tabela tbody tr:hover{background:#fafbfc}.tabela tbody tr:last-child td{border-bottom:none}.tabela .desno{text-align:right}.tabela .broj{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.tabela.unos td{padding:6px 8px}.tabela.unos th{padding:8px}.tabela.unos input,.tabela.unos select{padding:6px 8px;font-size:12.5px}.tabela .prigusen{color:var(--tekst-2)}.tabela-omot{overflow-x:auto}.znacka{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:20px;font-size:11.5px;font-weight:600;background:var(--povrsina-2);color:var(--tekst-2);white-space:nowrap}.znacka.zelena{background:var(--zelena-blijeda);color:var(--zelena)}.znacka.crvena{background:var(--crvena-blijeda);color:var(--crvena)}.znacka.zuta{background:var(--zuta-blijeda);color:var(--zuta)}.znacka.plava{background:var(--brend-blijedi);color:var(--brend-tamni)}.dugme{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border-radius:6px;border:1px solid var(--ivica-jaka);background:var(--povrsina);color:var(--tekst);font-size:13px;font-weight:550;cursor:pointer;font-family:inherit;white-space:nowrap}.dugme:hover:not(:disabled){background:var(--povrsina-2)}.dugme:disabled{opacity:.5;cursor:not-allowed}.dugme.glavno{background:var(--brend);border-color:var(--brend);color:#fff}.dugme.glavno:hover:not(:disabled){background:var(--brend-tamni)}.dugme.opasno{background:var(--crvena);border-color:var(--crvena);color:#fff}.dugme.malo{padding:5px 10px;font-size:12px}.polje{margin-bottom:14px}.polje label{display:block;font-size:12.5px;font-weight:600;margin-bottom:5px;color:var(--tekst)}.polje .pomoc{font-size:11.5px;color:var(--tekst-2);margin-top:4px}input[type=date],input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{width:100%;padding:8px 11px;border:1px solid var(--ivica-jaka);border-radius:6px;font-size:13.5px;font-family:inherit;background:#fff;color:var(--tekst)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brend);box-shadow:0 0 0 3px var(--brend-blijedi)}textarea{resize:vertical;min-height:80px}.datum-polje{position:relative;display:block}.datum-polje>input[type=text]{padding-right:34px}.datum-dugme{position:absolute;top:0;bottom:0;right:1px;width:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:0 6px 6px 0;color:var(--tekst-2);cursor:pointer;padding:0}.datum-dugme:hover:not(:disabled){color:var(--brend)}.datum-dugme:disabled{opacity:.45;cursor:not-allowed}.datum-birac{position:absolute;right:8px;bottom:0;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}.red{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start}.red>*{flex:1 1;min-width:150px}.red>.usko{flex:0 0 auto;min-width:0}.red .polje>label{min-height:34px;display:flex;align-items:flex-end}.poruka{padding:11px 14px;border-radius:6px;font-size:13px;margin-bottom:16px;border:1px solid transparent;display:flex;gap:9px;align-items:flex-start}.poruka.greska{background:var(--crvena-blijeda);border-color:#f5c9c5;color:#8b1a12}.poruka.uspjeh{background:var(--zelena-blijeda);border-color:#b9e2c9;color:#0b5c34}.poruka.info{background:var(--brend-blijedi);border-color:#c5d3fb;color:var(--brend-tamni)}.poruka.pazi{background:var(--zuta-blijeda);border-color:#f0d9b0;color:#7a4505}.prazno{padding:40px 20px;text-align:center;color:var(--tekst-2);font-size:13.5px}.ucitavanje{display:inline-block;width:15px;height:15px;border:2px solid var(--ivica-jaka);border-top-color:var(--brend);border-radius:50%;animation:vrti .7s linear infinite}@keyframes vrti{to{transform:rotate(1turn)}}.zona-prevlacenja{border:2px dashed var(--ivica-jaka);border-radius:var(--r);padding:34px 20px;text-align:center;background:var(--povrsina-2);cursor:pointer;transition:all .15s}.zona-prevlacenja.aktivna,.zona-prevlacenja:hover{border-color:var(--brend);background:var(--brend-blijedi)}.zona-prevlacenja .naslov{font-weight:600;margin-bottom:4px}.zona-prevlacenja .opis{font-size:12.5px;color:var(--tekst-2)}.prijava-ekran{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#101a28,#1b2c45);padding:20px}.prijava-kutija{background:#fff;border-radius:12px;box-shadow:var(--sjenka-2);width:100%;max-width:400px;padding:32px}.prijava-kutija .marka{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:24px}.prijava-kutija .marka span{font-size:12.5px;color:var(--tekst-2)}.prijava-kutija .demo{margin-top:18px;padding:12px;background:var(--povrsina-2);border-radius:6px;font-size:12px;color:var(--tekst-2);line-height:1.7}.traka-napretka{height:6px;background:var(--povrsina-2);border-radius:3px;overflow:hidden}.traka-napretka>div{height:100%;background:var(--zelena);transition:width .5s ease}.kanban{display:flex;gap:12px;align-items:flex-start;overflow-x:auto;padding-bottom:6px}.kanban .kolona{flex:1 1 230px;min-width:230px;max-width:340px;background:var(--povrsina-2);border:1px solid var(--ivica);border-radius:8px;display:flex;flex-direction:column}.kanban .kolona.ciljna{border-color:var(--brend);background:var(--brend-blijedi)}.kanban .kolona>header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--ivica);font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.05em;color:var(--tekst-2)}.kanban .kartice{display:flex;flex-direction:column;gap:8px;padding:10px;min-height:90px}.kanban .prazna-kolona{font-size:12.5px;color:var(--tekst-2);text-align:center;padding:14px 0}.kanban .tiket{background:var(--povrsina);border-left:1px solid var(--ivica-jaka);border:1px solid var(--ivica-jaka);border-left-width:3px;border-radius:6px;padding:10px 11px;cursor:-webkit-grab;cursor:grab;box-shadow:var(--sjenka)}.kanban .tiket:hover{border-color:var(--brend)}.kanban .tiket:active{cursor:-webkit-grabbing;cursor:grabbing}.kanban .tiket.hitan{border-left-color:var(--crvena)}.kanban .tiket.probijen{background:var(--crvena-blijeda)}.kanban .tiket .broj{font-size:11px;color:var(--tekst-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kanban .tiket .naslov{font-size:13.5px;font-weight:600;margin:3px 0 4px}.kanban .tiket .meta{font-size:11.5px;color:var(--tekst-2)}.kanban .tiket .znacke{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.kanban .tiket .podnozje{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--tekst-2);margin-top:8px;padding-top:7px;border-top:1px solid var(--ivica)}.ponude{position:fixed;z-index:3000;background:var(--povrsina);border:1px solid var(--ivica-jaka);border-radius:var(--r);box-shadow:var(--sjenka-2);max-height:260px;overflow-y:auto;margin-top:2px}.ponuda{display:flex;flex-direction:column;gap:2px;width:100%;padding:8px 10px;border:0;border-bottom:1px solid var(--ivica);background:none;text-align:left;font:inherit;cursor:pointer}.ponuda:last-child{border-bottom:0}.ponuda:hover{background:var(--brend-blijedi)}.ponuda span{font-size:12px;color:var(--tekst-2)}.ponuda.prazna{color:var(--tekst-3);cursor:default}.modal-omot{position:fixed;inset:0;z-index:100;background:rgba(16,24,40,.45);display:flex;align-items:flex-start;justify-content:center;padding:60px 20px;overflow-y:auto}.modal-kutija{width:100%;max-width:var(--modal-sirina,560px);box-shadow:var(--sjenka-2)}@media (max-width:900px){.ljuska{display:block}.mobilna-traka{display:flex;align-items:center;gap:10px;position:fixed;top:0;left:0;right:0;height:52px;z-index:120;background:#101a28;color:#fff;padding:env(safe-area-inset-top) 12px 0;height:calc(52px + env(safe-area-inset-top))}.mobilna-traka b{font-size:14.5px;letter-spacing:.03em}.meni-dugme{display:flex;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;padding:0 9px;background:none;border:0;cursor:pointer;flex-shrink:0}.meni-dugme span{display:block;height:2px;background:#cfd8e3;border-radius:2px}.zastor{display:block;position:fixed;inset:0;z-index:190;background:rgba(8,14,22,.5)}.bocni{position:fixed;top:0;bottom:0;left:0;z-index:200;width:262px;height:100dvh;transform:translateX(-100%);transition:transform .22s ease;box-shadow:4px 0 24px rgba(8,14,22,.35)}.bocni.otvoren{transform:translateX(0)}.bocni nav a{padding:12px 14px;font-size:15px}.bocni .nalog button{padding:11px;font-size:13px}.glavni{padding-top:calc(52px + env(safe-area-inset-top))}.zaglavlje{top:calc(52px + env(safe-area-inset-top));padding:12px 14px;flex-direction:column;align-items:stretch;gap:10px}.zaglavlje h1{font-size:17px}.zaglavlje .akcije .dugme{flex:1 1 auto}.sadrzaj{padding:14px 12px 48px}.mreza{gap:12px}.kartica>header{padding:12px 14px;flex-wrap:wrap}.kartica .tijelo,.pokazatelj{padding:14px}.pokazatelj .broj{font-size:clamp(20px,6vw,26px)}.tabela-omot{-webkit-overflow-scrolling:touch;background:linear-gradient(to right,var(--povrsina) 30%,rgba(255,255,255,0)),linear-gradient(to left,var(--povrsina) 30%,rgba(255,255,255,0)) 100% 0,linear-gradient(to right,rgba(16,24,40,.1),rgba(255,255,255,0)),linear-gradient(to left,rgba(16,24,40,.1),rgba(255,255,255,0)) 100% 0;background-repeat:no-repeat;background-size:32px 100%,32px 100%,12px 100%,12px 100%;background-attachment:local,local,scroll,scroll}.tabela{font-size:12.5px}.tabela th{padding:8px 10px;position:static}.tabela td{padding:9px 10px}input[type=date],input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{font-size:16px;padding:10px 12px}.polje{margin-bottom:12px}.red .polje>label{min-height:0;display:block}.dugme{padding:10px 14px;font-size:13.5px}.dugme.malo{padding:7px 11px}.modal-omot{padding:8px;align-items:flex-end}.modal-kutija{max-width:100%;max-height:92dvh;display:flex;flex-direction:column}.modal-kutija>header{position:-webkit-sticky;position:sticky;top:0;background:var(--povrsina);z-index:1}.modal-kutija .tijelo{overflow-y:auto}.kanban .kolona{flex:0 0 88vw;min-width:0;max-width:88vw}}@media (max-width:560px){.red>*{min-width:0}.red>*,.red>.usko{flex:1 1 100%}.zaglavlje .akcije{flex-direction:column}.zaglavlje .akcije .dugme{width:100%}.sadrzaj{padding:12px 10px 44px}.kartica .tijelo{padding:12px}.prazno{padding:28px 14px}}