:root{--pozadina:#f6f7f9;--povrsina:#ffffff;--povrsina-2:#f0f2f5;--ivica:#dfe3e8;--ivica-jaka:#c4cbd4;--tekst:#16202c;--tekst-2:#5b6875;--tekst-3:#8a95a1;--brend:#1e4fd8;--brend-tamni:#17369c;--brend-blijedi:#eaefff;--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:20px 18px;border-bottom:1px solid #1e2a3a}.bocni .marka b{display:block;font-size:15px;letter-spacing:.04em}.bocni .marka span{font-size:11px;color:#7d8b9c}.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:var(--brend);color:#fff;font-weight:600}.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}.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}.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))}@media (max-width:1100px){.m3,.m4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.m2,.m3,.m4{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}.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{text-align:center;margin-bottom:24px}.prijava-kutija .marka b{font-size:21px;display:block;letter-spacing:.02em}.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}