:root{--bg: #0b0e14;--panel: #121722;--kolona: #0e1320;--tamno-plavo: #26334a;--amber: #e8a33d;--amber-hover: #f2c179;--amber-08: rgba(232, 163, 61, .08);--amber-12: rgba(232, 163, 61, .12);--amber-14: rgba(232, 163, 61, .14);--amber-18: rgba(232, 163, 61, .18);--amber-b30: rgba(232, 163, 61, .3);--amber-b40: rgba(232, 163, 61, .4);--amber-b50: rgba(232, 163, 61, .5);--tekst: #f2eee6;--tekst-2: #b9c0cc;--tekst-3: #c9cfda;--muted: #8b93a3;--placeholder: #5c6472;--amber-tekst: #c9bfa5;--uspjeh: #7bc98f;--uspjeh-bg: rgba(76, 175, 110, .12);--uspjeh-b: rgba(76, 175, 110, .4);--upozorenje: #d9b24c;--upozorenje-bg: rgba(217, 178, 76, .12);--upozorenje-b: rgba(217, 178, 76, .4);--greska: #ee8888;--greska-bg: rgba(255, 80, 80, .12);--greska-b: rgba(255, 80, 80, .35);--ivica: rgba(255, 255, 255, .07);--ivica-2: rgba(255, 255, 255, .14);--ivica-3: rgba(255, 255, 255, .25);--r-kartica: 14px;--r-mala: 10px;--r-dugme: 9px;--r-pil: 999px;--naslov: "Outfit", "Archivo", system-ui, sans-serif;--telo: "Archivo", system-ui, -apple-system, sans-serif;--zaglavlje-v: 63px;--tab-v: 62px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--tekst);font-family:var(--telo);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--amber);text-decoration:none}a:hover{color:var(--amber-hover)}input,select,textarea,button{font-family:var(--telo)}::placeholder{color:var(--placeholder)}h1,h2,h3{font-family:var(--naslov);font-weight:600;letter-spacing:-.01em;margin:0}.aplikacija{min-height:100vh;background:var(--bg)}.strana{max-width:1160px;margin:0 auto;padding:32px}.strana--siroka{max-width:1500px}.strana--srednja{max-width:1100px}.strana--uska{max-width:900px}.strana--najuza{max-width:760px}.naslov-strane{font-size:26px;margin:0}.podnaslov{font-size:14px;color:var(--muted);margin:4px 0 0}.labela-sekcije{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700}.red{display:flex;align-items:center;gap:12px}.red--razmak{justify-content:space-between}.kolona{display:flex;flex-direction:column}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.rastegni{flex:1;min-width:0}.desno{margin-left:auto}.mreza{display:grid;gap:16px}.mreza-2{grid-template-columns:1fr 1fr}.mreza-3{grid-template-columns:repeat(3,1fr)}.mreza-4{grid-template-columns:repeat(4,1fr)}.mekano{color:var(--muted)}.sitno{font-size:12.5px}.najsitnije{font-size:11.5px}.amber{color:var(--amber)}.uspjeh{color:var(--uspjeh)}.upozorenje{color:var(--upozorenje)}.greska{color:var(--greska)}.brojka{font-family:var(--naslov);font-weight:700}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.kartica{background:var(--panel);border:1px solid var(--ivica);border-radius:var(--r-kartica);padding:20px}.kartica--tijesna{padding:16px 18px}.kartica--prostrana{padding:26px}.kartica--amber{border-color:var(--amber-b30)}.kartica--uspjeh{border-color:#7bc98f40}.kartica--greska{border-color:var(--greska-b)}.kartica--klik{cursor:pointer;transition:border-color .15s}.kartica--klik:hover{border-color:#e8a33d73}.kartica-u-kartici{background:var(--bg);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-mala);padding:12px 14px}.isprekidano{border:1.5px dashed rgba(255,255,255,.2);border-radius:var(--r-mala);padding:26px;text-align:center;color:var(--muted);cursor:pointer;transition:border-color .15s,color .15s}.isprekidano:hover{border-color:var(--amber);color:var(--amber-tekst)}.isprekidano--amber{border-color:var(--amber-b40);color:var(--amber-tekst)}.info-kutija{background:#e8a33d12;border:1px solid rgba(232,163,61,.25);border-radius:var(--r-mala);padding:13px 16px;font-size:13px;color:var(--amber-tekst);line-height:1.55}.dugme{border:none;border-radius:var(--r-dugme);font-size:14px;font-weight:500;padding:11px 20px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.dugme--primarno{background:var(--amber);color:var(--bg);font-weight:600}.dugme--primarno:hover{background:var(--amber-hover)}.dugme--sekundarno{background:transparent;color:var(--tekst);border:1px solid var(--ivica-3)}.dugme--sekundarno:hover{border-color:var(--amber);color:var(--amber)}.dugme--tiho{background:transparent;color:var(--muted);border:1px solid var(--ivica-2)}.dugme--tiho:hover{color:var(--tekst)}.dugme--amber{background:var(--amber-12);color:var(--amber);border:1px solid var(--amber-b40);font-weight:600}.dugme--amber:hover{background:#e8a33d40}.dugme--opasno{background:transparent;color:var(--greska);border:1px solid rgba(255,80,80,.3)}.dugme--opasno:hover{background:#ff50501a}.dugme--tekst{background:transparent;border:none;color:var(--muted);padding:11px 16px}.dugme--tekst:hover{color:var(--tekst)}.dugme--malo{font-size:12.5px;padding:8px 14px;min-height:34px;border-radius:8px}.dugme--sicusno{font-size:11px;padding:6px 10px;min-height:28px;border-radius:6px}.dugme--veliko{font-size:16px;padding:14px 28px;border-radius:var(--r-mala);min-height:50px}.dugme--puno{width:100%}.dugme[disabled],.dugme--onemoguceno{cursor:not-allowed;color:var(--muted);background:transparent;border:1px solid rgba(255,255,255,.16)}.dugme--onemoguceno:hover{color:var(--muted);border-color:#ffffff29}.polje{display:flex;flex-direction:column;gap:7px}.polje>label{font-size:13px;color:var(--muted)}.unos{width:100%;background:var(--bg);border:1px solid var(--ivica-2);border-radius:8px;color:var(--tekst);font-size:14.5px;padding:11px 13px;min-height:44px}.unos:focus{outline:none;border-color:var(--amber-b50)}.unos--na-pozadini{background:var(--panel)}textarea.unos{resize:vertical;min-height:84px;line-height:1.55}select.unos{cursor:pointer}input[type=checkbox],input[type=radio]{accent-color:var(--amber);width:16px;height:16px;cursor:pointer}.cekiranje{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;min-height:26px}.pil{display:inline-flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--ivica-2);color:var(--tekst-2);font-size:12.5px;padding:6px 13px;border-radius:var(--r-pil);cursor:pointer;transition:border-color .15s,background .15s,color .15s;white-space:nowrap}.pil:hover{border-color:var(--amber)}.pil--aktivan{background:var(--amber-14);border-color:var(--amber-b50);color:var(--amber);font-weight:600}.pil--staticno{cursor:default}.pil--staticno:hover{border-color:var(--ivica-2)}.bedz{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:var(--r-pil);background:#ffffff14;color:var(--tekst-2);white-space:nowrap}.bedz--amber{background:var(--amber-12);border:1px solid var(--amber-b40);color:var(--amber)}.bedz--uspjeh{background:var(--uspjeh-bg);border:1px solid var(--uspjeh-b);color:var(--uspjeh)}.bedz--upozorenje{background:var(--upozorenje-bg);border:1px solid var(--upozorenje-b);color:var(--upozorenje)}.bedz--greska{background:var(--greska-bg);border:1px solid var(--greska-b);color:var(--greska)}.bedz--pro{background:var(--amber);color:var(--bg);font-size:9.5px;letter-spacing:.06em;font-weight:700;padding:2px 8px}.tacka{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.progres{height:8px;border-radius:4px;background:var(--tamno-plavo);overflow:hidden}.progres>i{display:block;height:100%;background:linear-gradient(90deg,#e8a33d,#f2c179)}.progres--tanak{height:6px}.koraci{display:flex;gap:8px}.koraci>div{flex:1}.koraci .traka{height:4px;border-radius:2px;background:var(--tamno-plavo)}.koraci .traka--puna{background:var(--amber)}.koraci .oznaka{font-size:11.5px;color:var(--muted);margin-top:6px}.koraci .oznaka--tekuci{color:var(--tekst);font-weight:600}.avatar{border-radius:50%;object-fit:cover;flex-shrink:0}.avatar--kvadrat{border-radius:8px}.inicijali{background:var(--tamno-plavo);color:var(--tekst-3);display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;font-family:var(--telo)}.slika-okvir{position:relative;overflow:hidden;background:linear-gradient(160deg,#1a2233,#121722)}.slika-okvir>img{width:100%;height:100%;object-fit:cover;display:block}.zaglavlje{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:26px;padding:14px 32px;background:#0b0e14eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--ivica)}.logo{font-family:var(--naslov);font-weight:700;font-size:20px;color:var(--amber);cursor:pointer;background:none;border:none;padding:0}.zaglavlje-veze{display:flex;gap:22px;font-size:14px}.zaglavlje-veza{background:none;border:none;padding:0;cursor:pointer;color:var(--muted);font-size:14px}.zaglavlje-veza:hover,.zaglavlje-veza--aktivna{color:var(--tekst)}.jezik-prekidac{display:flex;gap:6px;font-size:12px;color:var(--muted);letter-spacing:.06em}.jezik-prekidac button{background:none;border:none;color:var(--muted);cursor:pointer;font-size:12px;padding:2px}.jezik-prekidac button:hover{color:var(--tekst)}.jezik-prekidac button[aria-current=true]{color:var(--amber);font-weight:600}.tabovi{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;border-top:1px solid rgba(255,255,255,.09);background:#0b0e14f7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 6px calc(6px + env(safe-area-inset-bottom))}.tab{flex:1;text-align:center;padding:6px 0;min-height:44px;background:none;border:none;cursor:pointer;color:var(--muted)}.tab .ikona{font-size:17px;line-height:1.2}.tab .naziv{font-size:10px;margin-top:1px}.tab--aktivan{color:var(--amber)}.tab--aktivan .naziv{font-weight:600}.zastor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#05070bcc;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:520px;max-width:100%;max-height:90vh;overflow:auto;background:var(--panel);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:28px;box-shadow:0 30px 80px #0009}.donji-list{position:fixed;left:0;right:0;bottom:0;z-index:81;max-height:88vh;overflow:auto;background:var(--panel);border-radius:20px 20px 0 0;border-top:1px solid rgba(255,255,255,.12);padding:10px 18px calc(26px + env(safe-area-inset-bottom));box-shadow:0 -18px 50px #0009}.hvataljka{width:40px;height:4px;border-radius:2px;background:#fff3;margin:0 auto 16px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:85;background:#4caf6e24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(76,175,110,.5);color:var(--uspjeh);font-size:14px;font-weight:600;padding:12px 22px;border-radius:var(--r-pil);box-shadow:0 12px 32px #00000080;max-width:calc(100vw - 32px);text-align:center}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#05070beb;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.lightbox img{max-width:82vw;max-height:86vh;border-radius:10px;box-shadow:0 30px 80px #000000b3}.lightbox .zatvori{position:absolute;top:22px;right:30px;font-size:26px;color:var(--tekst-3);background:none;border:none;cursor:pointer}.par{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--ivica);font-size:15px}.par>span:first-child{color:var(--muted)}.par--sitno{font-size:13px;padding:7px 0;border-bottom-color:#ffffff0f}.zvjezdice{color:var(--amber);letter-spacing:2px}.zvjezdice .prazna{color:var(--placeholder)}.datum-blok{text-align:center;border-radius:var(--r-mala);padding:8px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.datum-blok--amber{background:#e8a33d1a;border-color:var(--amber-b30)}.datum-blok .dan{font-family:var(--naslov);font-weight:700;font-size:22px}.datum-blok--amber .dan{color:var(--amber)}.datum-blok .mjesec{font-size:10.5px;letter-spacing:.08em;color:var(--muted)}.datum-blok--amber .mjesec{color:var(--amber-tekst)}.traka-grafikon{display:flex;align-items:flex-end;gap:5px;height:80px;padding:0 4px;border-bottom:1px solid rgba(255,255,255,.1)}.traka-grafikon>i{flex:1;background:#e8a33d59;border-radius:3px 3px 0 0}.linija-grafikon{display:flex;align-items:center;gap:10px;font-size:12px}.linija-grafikon .osnova{flex:1;height:8px;background:var(--tamno-plavo);border-radius:4px;overflow:hidden}.linija-grafikon .osnova>i{display:block;height:100%;background:var(--amber)}.pregled-metrika{background:var(--panel);border:1px solid var(--ivica);border-radius:12px;padding:16px 18px}.pregled-metrika .vrijednost{font-family:var(--naslov);font-weight:700;font-size:28px;color:var(--amber)}.talas{display:flex;gap:2px;align-items:flex-end;height:22px}.talas>i{width:3px;background:var(--amber);border-radius:2px}.talas>i.tiho{background:#e8a33d66}.kalendar{display:grid;grid-template-columns:repeat(7,34px);gap:4px;font-size:12px;text-align:center}.kalendar .dan{padding:8px 0;border-radius:7px}.kalendar .van{color:var(--placeholder)}.kalendar .zauzeto{background:#ff505026;color:var(--greska)}.kalendar .audicija{background:#e8a33d33;color:var(--amber);font-weight:700}.qr{width:74px;height:74px;border-radius:8px;background:var(--tekst);display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:2px;padding:6px;flex-shrink:0}.qr>span{background:var(--tekst)}.qr>span.crno{background:var(--bg)}.vodeni-zig{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;transform:rotate(-24deg);font-size:22px;color:#e8a33d14;font-weight:700;white-space:nowrap}.horizontalno{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.horizontalno::-webkit-scrollbar{display:none}.prazno-stanje{border:1.5px dashed rgba(255,255,255,.15);border-radius:var(--r-kartica);padding:70px 40px;text-align:center}.demo-traka{position:fixed;right:16px;bottom:16px;z-index:70;display:flex;flex-wrap:wrap;gap:6px;max-width:560px;background:#121722f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px 10px;box-shadow:0 12px 32px #00000080;align-items:center}.demo-traka .oznaka{font-size:10.5px;letter-spacing:.1em;color:var(--muted)}.demo-dugme{background:transparent;color:var(--tekst);border:1px solid var(--ivica-2);font-size:11.5px;padding:5px 10px;border-radius:var(--r-pil);cursor:pointer}.demo-dugme[aria-pressed=true]{background:var(--amber-b30)}@media (max-width: 860px){.strana,.strana--siroka,.strana--srednja,.strana--uska,.strana--najuza{padding:16px 18px calc(20px + var(--tab-v));max-width:100%}.naslov-strane{font-size:22px}.mreza-2,.mreza-3,.mreza-4{grid-template-columns:1fr}.zaglavlje{padding:12px 18px;gap:12px}.zaglavlje-veze{display:none}.modal{width:100%}.kartica{padding:16px;border-radius:12px}.kartica--prostrana{padding:18px}.par{font-size:13.5px;padding:9px 0}.demo-traka{left:8px;right:8px;bottom:calc(8px + var(--tab-v));max-width:none;justify-content:center}.dugme{min-height:44px}.lightbox img{max-width:94vw}}@media (min-width: 861px){.samo-mobile{display:none!important}}@media (max-width: 860px){.samo-desktop{display:none!important}}