@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap";@font-face{font-family:myFont;src:url(/assets/Oswald-VariableFont_wght-BzpXE8Cv.ttf)}:root{font-family:Josefin Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde!important;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100dvh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:myFont;src:url(/assets/Oswald-VariableFont_wght-BzpXE8Cv.ttf)}*{margin:0;padding:0}#root{width:100%;height:100%;margin:0 auto;text-align:center;min-height:100vh;background-color:#08101a;background-image:radial-gradient(circle at top left,rgba(64,154,255,.35),transparent 70%),radial-gradient(circle at bottom right,rgba(0,118,255,.3),transparent 70%),radial-gradient(circle at center,#000c,#08101a);background-repeat:no-repeat;background-attachment:fixed;background-size:cover}.app{width:100%;height:100%;padding-top:20px;padding-bottom:150px}h1{margin:0;padding-top:10px;padding-bottom:10px}.listaZvanica{width:auto;display:flex;flex-direction:column;justify-content:start;align-items:stretch;padding-left:10px;padding-right:10px;gap:20px}.zvanicaBox{padding:15px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-radius:10px;box-shadow:0 20px 40px -12px #0000004d;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .25s ease}.zvanicaBox.s1{background-color:beige;color:#000}.zvanicaBoxUpper{display:flex;flex-direction:row;column-gap:20px;justify-content:start;align-items:start;width:100%;flex-wrap:wrap}.zvanicaInfoCol{display:flex;flex-direction:column;justify-content:start;align-items:start}.zvanicaBoxRevije{padding-top:10px;padding-bottom:10px;width:100%;display:flex;flex-direction:row;justify-content:start;align-items:center;column-gap:10px}.revijaSpan{display:inline-block;padding:6px 12px;border-radius:10px;font-size:14px;font-weight:500;margin-right:8px;margin-bottom:6px;color:#e8f1ff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 10px #00000040;transition:all .25s ease}.revijaSpan:hover{transform:translateY(-2px);box-shadow:0 3px 14px #00000059}.revijaSpan.s0{background:#3498db33;border-color:#3498db66;color:#a9d4ff}.revijaSpan.s0:before{content:"📩 "}.revijaSpan.s1{background:#f1c40f40;border-color:#f1c40f80;color:#fff2bf}.revijaSpan.s1:before{content:"👍 "}.revijaSpan.s2{background:#e74c3c40;border-color:#e74c3c73;color:#ffd4d4}.revijaSpan.s2:before{content:"❌ "}.revijaSpan.s3{background:#6495ed33;border-color:#6495ed73;color:#d6e4ff}.revijaSpan.s3:before{content:"🎟️ "}.revijaSpan.s4{background:#2ecc7140;border-color:#2ecc7180;color:#c7ffd9}.revijaSpan.s4:before{content:"✅ "}.zvanicaBoxDolaziNa{width:100%;display:flex;flex-direction:row;justify-content:start;align-items:center;column-gap:10px}.zvanicaActions{width:100%;padding-top:20px;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:30px}.zvanjePopup{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.zvanjeBox{display:flex;flex-direction:column;background:#ffffff14;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:30px;border-radius:16px;gap:16px;width:500px;box-shadow:0 0 30px #0006;color:#eaf3ff;font-family:Poppins,sans-serif;animation:fadeIn .3s ease forwards}.zvanjeBox h2{text-align:center;font-size:28px;font-weight:700;margin-bottom:6px}.zvanjeWho h3{font-size:18px;font-weight:600;margin:0}.zvanjeWho p{color:#aebcd2;font-size:14px;margin:4px 0 10px}.zvanjeInputi{display:flex;flex-direction:column;gap:12px}.zvanjeInputi select{width:300px;padding:12px 16px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#eaf3ff;font-size:15px;outline:none;transition:.25s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);appearance:none;cursor:pointer;box-shadow:0 0 20px #0003;margin:auto}.zvanjeInputi select:hover{background:#ffffff1f;border-color:#3aa0ff66;box-shadow:0 0 12px #3aa0ff40}.zvanjeInputi select:focus{border-color:#3aa0ff;box-shadow:0 0 0 4px #3aa0ff40}.zvanjeInputi option{background:#000}.zvanjeInputi input{width:300px;margin:auto;padding:12px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#eaf3ff;font-size:15px;outline:none;transition:.25s ease}.zvanjeInputi input::placeholder{color:#aebcd2}.zvanjeInputi input:focus{border-color:#3aa0ff;background:#ffffff1a;box-shadow:0 0 0 4px #3aa0ff40}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.zvanjeListaRevija{display:flex;flex-direction:column;justify-content:start;align-items:center;max-width:100%;gap:10px;margin-top:10px}.zvanjeListaRevija .revijaIzborSedista{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.zvanjeListaRevija input[type=text]{width:100%;max-width:150px;padding:10px 40px 10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;font-size:15px;outline:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .25s ease;margin:0!important;font-family:Josefin Sans}.zvanjeListaRevija label{width:80%;cursor:pointer;padding:10px;border-bottom:1px solid grey;display:flex;flex-direction:row;justify-content:start;align-items:center}.zvanjeListaRevija label:hover{background-color:gray}.zvanjeListaRevija span{margin-left:15px;text-align:left}.listaRevija{display:flex;flex-direction:column;justify-content:start;align-items:center;padding:20px;width:90%;margin:auto;background:#ffffff14;border-radius:16px;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 30px #0003;gap:15px}.listaRevija label{width:80%;cursor:pointer;padding:10px;border-bottom:1px solid grey;display:flex;flex-direction:row;justify-content:start;align-items:center}.listaRevija label:hover{background-color:#ffffff1f;box-shadow:0 4px 20px #0000004d}.listaRevija span{margin-left:15px;text-align:left}.formaZvanice{display:flex;flex-direction:column;justify-content:start;align-items:center;width:auto;height:100%;max-width:520px;margin:auto;padding:28px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:18px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 40px #0000004d;text-align:center;animation:fadeIn .8s ease forwards}.formaZvaniceBox{padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.formaPodaci input{width:300px;margin:auto;padding:12px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#eaf3ff;font-size:15px;outline:none;transition:.25s ease;font-family:Josefin Sans;font-size:17px}.formaPodaci input::placeholder{color:#aebcd2}.formaPodaci input:focus{border-color:#3aa0ff;background:#ffffff1a;box-shadow:0 0 0 4px #3aa0ff40}.revijaItem{display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:12px 18px;transition:.25s ease;gap:15px}.revijaItem span{margin:0}.revijaItem:hover{background:#ffffff26;transform:scale(1.02)}.revijaItem.accepted{border-color:#2ecc7166;background:#2ecc7126}.revijaItem.rejected{border-color:#e74c3c66;background:#e74c3c1a;color:#ffb3b3;transition:.3s ease}.revijaItem.rejected:hover{background:#e74c3c33;transform:scale(1.02)}.revijaItem.confirmed{background:#3aa0ff99}.revijaNaziv{font-size:1rem;font-weight:500;margin-left:0!important;color:#fff;text-align:center!important}.revijaActions{display:flex;gap:8px}.revijaBtn{font-size:1.2rem;border:none;border-radius:8px;padding:6px 10px;cursor:pointer;transition:.2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.revijaBtn.accept{background:#2ecc7133;color:#2ecc71}.revijaBtn.accept:hover{background:#2ecc7159}.revijaBtn.reject{background:#e74c3c33;color:#e74c3c}.revijaBtn.reject:hover{background:#e74c3c59}.formaActions{padding:20px;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:30px}.formaActions button{width:100%}.confirmButton{background:#2ecc7126;border:1px solid rgba(46,204,113,.3);box-shadow:0 0 10px #2ecc7140;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .25s ease;letter-spacing:.3px;padding:15px 20px}.confirmButton:hover{background-color:#2ecc7140;box-shadow:0 0 15px #2ecc7166;transform:translateY(-2px)}.secondaryButton{border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#fff;border-radius:12px;padding:10px 22px;font-weight:600;letter-spacing:.3px;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .25s ease;box-shadow:0 0 10px #ffffff14}.secondaryButton:hover{background-color:#ffffff26;border-color:#fff6;transform:translateY(-2px);box-shadow:0 0 15px #fff3}.secondaryButton.active{background:#3aa0ff40;border-color:#3aa0ff99;box-shadow:0 0 20px #3aa0ff73;transform:translateY(0)}.secondaryButton.refresh{position:fixed;top:20px;right:20px;z-index:999}.denyButton{background:#e74c3c26;border:1px solid rgba(231,76,60,.3);box-shadow:0 0 10px #e74c3c40;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .25s ease;letter-spacing:.3px;padding:15px 20px}.denyButton:hover{background-color:#e74c3c40;box-shadow:0 0 15px #e74c3c66;transform:translateY(-2px)}.filterBox{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;padding:20px;flex-wrap:wrap}.filterBox input[type=text]{width:100%;max-width:280px;padding:10px 40px 10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;font-size:15px;outline:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .25s ease;background-image:url('data:image/svg+xml;utf8,<svg fill="white" height="18" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 14l-3.97-3.97A6.471 6.471 0 0 0 13 6.5 6.5 6.5 0 1 0 6.5 13a6.471 6.471 0 0 0 3.53-1.47L14 15.5l1.5-1.5zM2 6.5C2 4.01 4.01 2 6.5 2S11 4.01 11 6.5 8.99 11 6.5 11 2 8.99 2 6.5z"/></svg>');background-repeat:no-repeat;background-position:right 12px center;margin:0!important;font-family:Josefin Sans}.filterBox select{width:280px;padding:12px 16px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#eaf3ff;font-size:15px;outline:none;transition:.25s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);appearance:none;cursor:pointer;box-shadow:0 0 20px #0003}.filterBox select:hover{background:#ffffff1f;border-color:#3aa0ff66;box-shadow:0 0 12px #3aa0ff40}.filterBox select:focus{border-color:#3aa0ff;box-shadow:0 0 0 4px #3aa0ff40}.filterBox option{background-color:#08101a;color:#eaf3ff;padding:10px}.tab{padding:10px 20px;border-radius:50px;border:1px solid white;background-color:#fff;color:#000;cursor:pointer}.tab:hover{opacity:.7}.tab.active{background-color:#90ee90}.securityPage{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px 20px;color:#eaf3ff;font-family:Poppins,sans-serif;text-align:center}.securityPage h2{font-size:24px;font-weight:700;margin-bottom:10px}.securityPage select{width:280px;padding:12px 16px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#eaf3ff;font-size:15px;outline:none;transition:.25s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);appearance:none;cursor:pointer;box-shadow:0 0 20px #0003}.securityPage select:hover{background:#ffffff1f;border-color:#3aa0ff66;box-shadow:0 0 12px #3aa0ff40}.securityPage select:focus{border-color:#3aa0ff;box-shadow:0 0 0 4px #3aa0ff40}.securityPage option{background-color:#08101a;color:#eaf3ff;padding:10px}.selectedInfo{margin-top:20px;padding:20px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 15px #0000004d;animation:fadeIn .3s ease}.selectedInfo p{font-size:16px;color:#b9c7d8;margin-bottom:10px}.navWrapper{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;align-items:center}.infoPanel{background:#ffffff14;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.15);border-radius:15px;padding:20px 25px;margin-bottom:15px;width:auto;box-shadow:0 0 25px #0000004d;color:#fff;font-family:Josefin Sans,sans-serif;animation:fadeIn .3s ease}.infoPanel h3{font-size:1.1rem;margin-bottom:10px;text-align:center;color:#9fc7ff}.infoPanel ul{list-style:none;padding:0;margin:0}.infoPanel li{margin:6px 0;font-size:.95rem;display:flex;align-items:center;gap:6px}.status{padding:3px 8px;border-radius:8px;font-weight:500;color:#fff}.status-sent{background:#6464ff4d}.status-confirmed{background:#ffd7004d;color:#fff39a}.status-declined{background:#ff50504d;color:#ffb5b5}.status-ticket{background:#b464ff4d;color:#d9b8ff}.status-checkedin{background:#00ff964d;color:#9affc3}.glassNav{display:flex;align-items:center;justify-content:center;gap:15px;background:#ffffff14;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.15);padding:12px 24px;border-radius:20px;box-shadow:0 0 25px #0006}.glassNav a{text-decoration:none;color:#fff;font-weight:500;transition:.2s}.glassNav a:hover,.navItem.active{color:#9fc7ff}.infoBtn{background:none;border:none;color:#adff2f;font-size:1rem;cursor:pointer;transition:.2s;padding:10px;outline:none!important}.infoBtn:hover{color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboardContainer{display:flex;flex-direction:column;align-items:center;color:#fff;padding:0 40px 40px}.revijeGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;width:100%;max-width:1200px;margin-top:30px}.revijaCard{background:#ffffff14;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;padding:22px;transition:.25s ease}.revijaCard:hover{background:#ffffff1f;transform:translateY(-4px)}.revijaCard h2{margin-bottom:15px;color:#d6e4ff}.progressGroup{display:flex;flex-direction:column;gap:10px}.progressLabel{display:flex;justify-content:space-between;font-size:.95rem;color:#d6e4ff}.progressBar{height:8px;background:#ffffff1a;border-radius:8px;overflow:hidden}.progressFill{height:100%;transition:width .3s ease;border-radius:8px}.progressFill.prihvatilo{background:linear-gradient(90deg,#2ecc71,#27ae60)}.progressFill.checkirano{background:linear-gradient(90deg,#3498db,#2980b9)}.loginContainer{min-height:100vh;display:flex;justify-content:center;align-items:center}.loginBox{background:#ffffff14;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px 30px;width:auto;color:#fff;text-align:center;font-family:Josefin Sans,sans-serif;margin-top:-20px}.loginBox h2{margin-bottom:25px;color:#fff}.loginBox input{display:block;width:auto;margin-bottom:15px;padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;font-size:1rem;transition:.2s}.loginBox input:focus{outline:none;border-color:#6bb3ff;background:#ffffff1f}.logoutBtn{background:#ff464626;border:1px solid rgba(255,70,70,.4);border-radius:10px;padding:8px 15px;color:#fff;cursor:pointer;transition:all .3s ease}.logoutBtn:hover{background:#ff464659}