@font-face{font-family:Chakra Petch;font-weight:600;font-display:swap;src:url(/fonts/chakra-petch-600.woff2)format("woff2")}@font-face{font-family:Chakra Petch;font-weight:700;font-display:swap;src:url(/fonts/chakra-petch-700.woff2)format("woff2")}@font-face{font-family:Rajdhani;font-weight:500;font-display:swap;src:url(/fonts/rajdhani-500.woff2)format("woff2")}.hub-root,.hub-root *{box-sizing:border-box}.hub-root{--tech:"Chakra Petch","Bahnschrift","Segoe UI",sans-serif;--body:"Rajdhani","Bahnschrift","Segoe UI",sans-serif;--cyan:#7fd4ff;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);font-family:var(--body);color:#dff2ff;background-color:#0000;background-image:linear-gradient(#071322cc,#071322ed),url(/bg.webp);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100vh;margin:0;position:relative;overflow:hidden}.hub-root:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#7fd4ff0d 1px,#0000 1px),linear-gradient(90deg,#7fd4ff0d 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:26px 26px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.hub-root:after{content:"";pointer-events:none;background:radial-gradient(circle at 15% -10%,#7fd4ff2e,#0000 40%);position:absolute;inset:0}.hub-root>*{z-index:1;position:relative}.bp{min-height:100vh;padding:28px clamp(16px,4vw,40px) 48px;position:relative;overflow:hidden}.head{opacity:0;animation:fade-down .42s var(--ease-out) both;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:20px;display:flex}.toolbar{opacity:0;animation:fade-down .42s var(--ease-out) 50ms both;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:8px 0 24px;display:flex}@keyframes fade-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.tile-size{font-family:var(--tech);letter-spacing:.08em;text-transform:uppercase;color:#9fc6e0;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:11px;display:flex}.tile-size input[type=range]{width:140px;accent-color:var(--cyan);cursor:pointer}.arrange-toggle{font-family:var(--tech);letter-spacing:.1em;text-transform:uppercase;color:#eaf7ff;cursor:pointer;transition:background .16s var(--ease-out), border-color .16s var(--ease-out), transform .14s var(--ease-out);background:#7fd4ff1f;border:1px solid #7fd4ff59;border-radius:999px;padding:8px 16px;font-size:12px;font-weight:600}.arrange-toggle:active{transform:scale(.96)}.arrange-toggle[data-active=true]{background:var(--cyan);color:#071322;border-color:var(--cyan)}@media (hover:hover) and (pointer:fine){.arrange-toggle:hover{border-color:var(--cyan);background:#7fd4ff33}}.arrange-hint{color:#a9cfe6;letter-spacing:.3px;margin:-10px 0 18px;font-size:13px}.bp-title{font-family:var(--tech);color:#eaf7ff;letter-spacing:2px;text-transform:uppercase;margin:0;font-size:clamp(24px,4vw,36px);font-weight:700}.bp-title .u{color:var(--cyan);text-shadow:0 0 22px #7fd4ffb3}.bp-sub{color:#a9cfe6;letter-spacing:.5px;margin:5px 0 0;font-size:15px}.bp-count{font-family:var(--tech);color:var(--cyan);letter-spacing:2px;font-size:12px}.search{width:100%;max-width:420px;font-family:var(--body);letter-spacing:.5px;color:#eaf7ff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:border-color .16s var(--ease-out), box-shadow .16s var(--ease-out);background:#0b213880;border:1px solid #7fd4ff80;border-radius:8px;padding:11px 16px;font-size:15px}.search::placeholder{color:#7fa8c4}.search:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 16px #7fd4ff4d}.grid{grid-template-columns:repeat(auto-fill,minmax(var(--tile-min,250px),1fr));gap:18px;display:grid}.t{color:inherit;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .24s var(--ease-out), border-color .24s var(--ease-out), box-shadow .24s var(--ease-out);opacity:0;animation:rise .42s var(--ease-out) both;background:#0e22369e;border:1px solid #7fd4ff38;border-radius:12px;text-decoration:none;display:block;position:relative;overflow:hidden;transform:translateY(14px);container-type:inline-size}.t:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}@keyframes rise{to{opacity:1;transform:translateY(0)}}.t:first-child{animation-delay:.12s}.t:nth-child(2){animation-delay:.16s}.t:nth-child(3){animation-delay:.2s}.t:nth-child(4){animation-delay:.24s}.t:nth-child(5){animation-delay:.28s}.t:nth-child(6){animation-delay:.32s}.t:nth-child(7){animation-delay:.36s}.t:nth-child(8){animation-delay:.4s}.t:nth-child(n+9){animation-delay:.44s}.t:active{transition-duration:.12s;transform:scale(.985)}.t.t-arrange{cursor:grab;opacity:1;animation:none;transform:none}.t.t-arrange:active{cursor:grabbing}.is-dragging .t.t-arrange{box-shadow:0 0 0 2px var(--cyan), 0 14px 34px #00000080;border-color:var(--cyan);opacity:.85;z-index:2}.ill{aspect-ratio:8/5;border-bottom:1px solid #7fd4ff38;position:relative;overflow:hidden}.ill img{object-fit:cover;filter:saturate(1.15)contrast(1.08)brightness(.92);width:100%;height:100%;transition:transform .5s var(--ease-out);display:block;transform:scale(1.06)}.ill .ov{mix-blend-mode:hard-light;background:linear-gradient(135deg,#0b213880,#7fd4ff29 55%,#0b2138b8);position:absolute;inset:0}.ill .grid2{opacity:.45;background-color:#0000;background-image:linear-gradient(#7fd4ff1a 1px,#0000 1px),linear-gradient(90deg,#7fd4ff1a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.ill:before,.ill:after{content:"";border:2px solid var(--cyan);opacity:0;width:22px;height:22px;transition:opacity .22s var(--ease-out);position:absolute}.ill:before{border-bottom:none;border-right:none;top:8px;left:8px}.ill:after{border-top:none;border-left:none;bottom:8px;right:8px}@media (hover:hover) and (pointer:fine){.t:hover{border-color:var(--cyan);transform:translateY(-6px);box-shadow:0 14px 34px #00000080,0 0 0 1px #7fd4ff73}.t:hover:active{transform:translateY(-3px)scale(.985)}.t:hover .ill img{transform:scale(1.16)}.t:hover .ill:before,.t:hover .ill:after{opacity:.9}}.body{flex-direction:column;gap:6px;padding:13px 15px 16px;display:flex}.body h4{font-family:var(--tech);color:#eaf7ff;letter-spacing:.5px;margin:0;font-size:clamp(14px,6.5cqi,18px);font-weight:600}.body p{color:#a9cfe6;margin:0;font-size:clamp(11px,4.2cqi,13px);line-height:1.4}.body .dom{color:var(--cyan);opacity:.9;margin-top:5px;font-family:Consolas,ui-monospace,monospace;font-size:11px}.empty{font-family:var(--tech);letter-spacing:1px;color:#a9cfe6;margin-top:28px}.gate-card{z-index:1;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(360px,100%);animation:card-in .5s var(--ease-out) both;background:#0e2236b8;border:1px solid #7fd4ff38;border-radius:16px;padding:34px 30px;position:relative;box-shadow:0 24px 60px #00000080}@keyframes card-in{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:none}}.gate-logo{font-family:var(--tech);letter-spacing:2px;color:#eaf7ff;font-size:26px;font-weight:700}.gate-logo .u{color:var(--cyan);text-shadow:0 0 22px #7fd4ffb3}.gate-sub{font-family:var(--tech);letter-spacing:2px;text-transform:uppercase;color:#9fc6e0;margin:8px 0 22px;font-size:11px}.gate-form{flex-direction:column;gap:10px;display:flex}.gate-input{font-family:var(--body);text-align:center;letter-spacing:1px;color:#eaf7ff;transition:border-color .16s var(--ease-out), box-shadow .16s var(--ease-out);background:#0b213899;border:1px solid #7fd4ff66;border-radius:10px;padding:12px 14px;font-size:15px}.gate-input::placeholder{color:#7fa8c4}.gate-input:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 16px #7fd4ff4d}.gate-btn{font-family:var(--tech);letter-spacing:2px;text-transform:uppercase;cursor:pointer;color:#071322;background:var(--cyan);transition:transform .14s var(--ease-out), box-shadow .14s var(--ease-out);border:none;border-radius:10px;padding:12px 14px;font-size:13px;font-weight:700;box-shadow:0 6px 20px #7fd4ff4d}.gate-btn:active{transform:scale(.97)}.gate-err{font-family:var(--tech);letter-spacing:1px;color:#ff9db0;opacity:0;transition:opacity .16s var(--ease-out);margin:14px 0 0;font-size:11px}.gate-card.invalid{animation:shake .4s var(--ease-out)}.gate-card.invalid .gate-err{opacity:1}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}@media (hover:hover) and (pointer:fine){.gate-btn:hover{box-shadow:0 8px 26px #7fd4ff80}}@media (prefers-reduced-motion:reduce){.head,.toolbar,.t{opacity:1;animation:none;transform:none}.t:hover{transform:none}.ill img,.t:hover .ill img{transition:none;transform:scale(1.06)}.t:active,.t:hover:active{transform:none}.gate-card,.gate-card.invalid{animation:none}.arrange-toggle{transition:none}}.hub-root .folder{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0713228c;border:1px solid #7fd4ff29;border-radius:16px;margin-top:32px;padding:20px clamp(16px,3vw,28px) 26px;position:relative}.hub-root .folder:first-of-type{margin-top:8px}.hub-root .folder[data-arranging=true]{border-style:dashed;border-color:#7fd4ff66}.hub-root .folder:before,.hub-root .folder:after{content:"";border:2px solid var(--cyan);opacity:.3;pointer-events:none;width:16px;height:16px;position:absolute}.hub-root .folder:before{border-bottom:none;border-right:none;top:9px;left:9px}.hub-root .folder:after{border-top:none;border-left:none;bottom:9px;right:9px}.hub-root .folder-head{align-items:baseline;gap:14px;margin-bottom:16px;display:flex;position:relative}.hub-root .folder-head h2{letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);font-family:Chakra Petch,sans-serif;font-size:15px;font-weight:600}.hub-root .folder-head p{color:#bae6fd8c;font-size:14px}.hub-root .folder-head .n{letter-spacing:.12em;color:#bae6fd73;margin-left:auto;font-size:12px}.hub-root .t.is-hidden{opacity:.45}.hub-root .topbar{letter-spacing:.08em;align-items:center;gap:18px;font-size:13px;display:flex}.hub-root .topbar a,.hub-root .topbar button{color:#bae6fdbf;cursor:pointer;background:0 0;border:0}.hub-root .topbar a:hover,.hub-root .topbar button:hover{color:#eaf7ff}.hub-root .topbar .role{border:1px solid color-mix(in srgb, var(--cyan) 35%, transparent);border-radius:999px;padding:2px 8px;font-size:11px}.hub-root .topbar button[aria-label=Nowe\ zgłoszenie]{color:#22c55e}.hub-root .topbar button[aria-label=Nowe\ zgłoszenie]:hover{color:#16a34a}.hub-root .ill-fallback{aspect-ratio:8/5;background:linear-gradient(135deg,#0b1f3a,#0e3a5c 60%,#0891b2);width:100%}.hub-root .login-wrap{place-items:center;min-height:100vh;padding:16px;display:grid}.hub-root .gate-form{gap:10px;display:grid}