:root{--plava:#0e6ba8;--plava-tamna:#0a5484;--pozadina:#f2f5f7;--kartica:#fff;--tekst:#1d2b36;--tekst-svijetli:#5b6d7a;--rub:#dde5ea;--zeleno:#1e9e5a;--zuto:#d99a06;--crveno:#d84315;--zeleno-bg:#e5f6ec;--zuto-bg:#fdf3d9;--crveno-bg:#fdeae4}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--pozadina);color:var(--tekst);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}a{color:var(--plava);text-decoration:none}.vrh{z-index:50;background:var(--plava);color:#fff;align-items:center;gap:10px;padding:10px 14px;display:flex;position:sticky;top:0}.vrh h1{flex:1;margin:0;font-size:17px;font-weight:600}.hamburger{color:#fff;cursor:pointer;background:0 0;border:none;padding:2px 8px;font-size:24px;line-height:1}.ladica{z-index:100;background:#fff;flex-direction:column;gap:2px;width:250px;padding:14px;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:2px 0 14px #00000040}.ladica a{color:var(--tekst);border-radius:8px;padding:11px 12px;font-weight:500}.ladica a:hover,.ladica a.aktivan{background:var(--pozadina);color:var(--plava)}.zastor{z-index:99;background:#00000059;position:fixed;inset:0}.djelatnost-tabs{gap:6px;max-width:1100px;margin:0 auto;padding:10px 14px 0;display:flex}.djelatnost-tabs a{border:1px solid var(--rub);color:var(--tekst-svijetli);background:#fff;border-radius:20px;padding:8px 18px;font-size:14px;font-weight:600}.djelatnost-tabs a.aktivan{background:var(--plava);border-color:var(--plava);color:#fff}.sadrzaj{max-width:1100px;margin:0 auto;padding:12px 14px 60px}.mjesec-nav{align-items:center;gap:10px;margin:8px 0 14px;display:flex}.mjesec-nav h2{flex:1;margin:0;font-size:19px}.mjesec-nav a{border:1px solid var(--rub);background:#fff;border-radius:8px;padding:4px 12px;font-size:20px}.sveukupno{background:var(--plava);color:#fff;border-radius:12px;margin-bottom:14px;padding:14px 16px}.sveukupno .red{opacity:.92;justify-content:space-between;gap:10px;font-size:14px;display:flex}.sveukupno .veliki{font-size:22px;font-weight:700}.podrucje-naslov{text-transform:uppercase;letter-spacing:.5px;color:var(--tekst-svijetli);margin:16px 0 6px;font-size:13px;font-weight:700}.kartica{background:var(--kartica);border:1px solid var(--rub);border-radius:12px;margin-bottom:8px;padding:12px 14px}.kartica .gornji{align-items:center;gap:8px;display:flex}.kartica .ime{flex:1;font-weight:600}.tocka{border-radius:50%;flex-shrink:0;width:12px;height:12px}.tocka.zeleno{background:var(--zeleno)}.tocka.zuto{background:var(--zuto)}.tocka.crveno{background:var(--crveno)}.tocka.nema{background:#b8c4cc}.brojevi{color:var(--tekst-svijetli);flex-wrap:wrap;gap:4px 18px;margin-top:6px;font-size:13.5px;display:flex}.brojevi b{color:var(--tekst);font-weight:600}.razlika-plus{color:var(--crveno)!important}.razlika-minus{color:var(--zeleno)!important}.traka{background:#e7edf1;border-radius:4px;height:7px;margin-top:8px;overflow:hidden}.traka>div{border-radius:4px;height:100%}.traka .zeleno{background:var(--zeleno)}.traka .zuto{background:var(--zuto)}.traka .crveno{background:var(--crveno)}.info-red{color:var(--tekst-svijetli);margin:6px 0 12px;font-size:13px}.tablica-omot{border:1px solid var(--rub);background:#fff;border-radius:12px;overflow-x:auto}table.t{border-collapse:collapse;width:100%;font-size:13.5px}table.t th,table.t td{border-bottom:1px solid var(--rub);text-align:right;white-space:nowrap;padding:8px 10px}table.t th{color:var(--tekst-svijetli);background:#f7fafb;font-weight:600;position:sticky;top:0}table.t th:first-child,table.t td:first-child{text-align:left;background:#fff;position:sticky;left:0}table.t tr.zbroj td{background:#f7fafb;font-weight:700}table.t input{border:1px solid var(--rub);text-align:right;border-radius:6px;width:90px;padding:5px 6px;font-size:13.5px}table.t input:focus{outline:2px solid var(--plava);border-color:var(--plava)}.gumb{background:var(--plava);color:#fff;cursor:pointer;border:none;border-radius:9px;padding:10px 18px;font-size:15px;font-weight:600;display:inline-block}.gumb:hover{background:var(--plava-tamna)}.gumb.sekundarni{color:var(--plava);border:1px solid var(--plava);background:#fff}.gumb:disabled{opacity:.5;cursor:default}.gumb-mali{border-radius:7px;padding:5px 10px;font-size:13px}.upozorenje{background:var(--zuto-bg);border:1px solid #ecd9a0;border-radius:10px;margin:10px 0;padding:10px 14px;font-size:14px}.uspjeh{background:var(--zeleno-bg);border:1px solid #b2dfc5;border-radius:10px;margin:10px 0;padding:10px 14px;font-size:14px}.greska{background:var(--crveno-bg);border:1px solid #f0c0ae;border-radius:10px;margin:10px 0;padding:10px 14px;font-size:14px}.upload-zona{border:2px dashed var(--rub);text-align:center;color:var(--tekst-svijetli);cursor:pointer;background:#fff;border-radius:14px;padding:40px 20px}.upload-zona.aktivna{border-color:var(--plava);background:#eef6fb}.prijava-omot{border:1px solid var(--rub);background:#fff;border-radius:14px;max-width:360px;margin:80px auto;padding:26px}.prijava-omot h1{margin:0 0 16px;font-size:20px}.prijava-omot input{border:1px solid var(--rub);border-radius:9px;width:100%;margin-bottom:12px;padding:11px 12px;font-size:15px}select{border:1px solid var(--rub);background:#fff;border-radius:7px;padding:6px 8px;font-size:13.5px}@media (max-width:640px){body{font-size:14px}.sadrzaj{padding:10px 10px 50px}.brojevi{gap:3px 12px;font-size:12.5px}}