:root{--bordo:#6b1a1a;--bordo-jasny:#8a2727;--bordo-mgla:#6b1a1a17;--grafit:#2b2b2b;--grafit-ciemny:#1f1f1f;--papier:#f5f4f2;--linia:#e7e4e0;--tekst:#201f1e;--tekst-cichy:#6e6b68;--uwaga-tlo:#fff7e0;--uwaga-tekst:#7a5a00;--blad:#b3261e}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--grafit);color:var(--tekst);-webkit-font-smoothing:antialiased;margin:0;font-family:Poppins,Segoe UI,system-ui,sans-serif}button,input{font-family:inherit}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--bordo);outline-offset:2px}.pasek-marki{background:linear-gradient(90deg, var(--grafit) 0 72%, var(--bordo) 72% 100%);height:6px}.ekran-srodek{background:radial-gradient(1100px 600px at 50% -10%, #3d3d3d, var(--grafit-ciemny));place-items:center;min-height:100dvh;padding:24px;display:grid}.karta-logowania{text-align:center;background:#fff;border-radius:18px;width:100%;max-width:384px;overflow:hidden;box-shadow:0 24px 60px #00000073}.karta-wnetrze{padding:30px 30px 28px}.karta-wnetrze h1{margin:6px 0 4px;font-size:24px;font-weight:600}.podtytul{color:var(--tekst-cichy);margin:0 0 18px;font-size:13.5px;line-height:1.55}.logo-obraz{object-fit:contain;width:auto;max-width:100%;height:104px;margin:4px auto 10px;display:block}.etykieta-marki{letter-spacing:2.2px;text-transform:uppercase;color:var(--tekst-cichy);margin:0 0 22px;font-size:11.5px;font-weight:600}.pole{text-align:left;margin-bottom:14px;display:block}.pole span{color:var(--tekst-cichy);margin-bottom:6px;font-size:12.5px;font-weight:500;display:block}.pole input{border:1px solid var(--linia);background:#fafaf9;border-radius:11px;width:100%;padding:12px 14px;font-size:14.5px;transition:border-color .15s,background .15s}.pole input:focus{border-color:var(--bordo);background:#fff;outline:none}.blad{color:var(--blad);text-align:left;margin:2px 0 12px;font-size:13px}.przycisk-glowny{background:var(--bordo);color:#fff;letter-spacing:.2px;cursor:pointer;border:none;border-radius:11px;width:100%;margin-top:4px;padding:13px;font-size:15px;font-weight:600;transition:background .15s,transform .1s}.przycisk-glowny:hover{background:var(--bordo-jasny)}.przycisk-glowny:active{transform:scale(.99)}.przycisk-glowny:disabled{opacity:.6;cursor:default}.przycisk-drugi{border:1px solid var(--linia);color:var(--tekst);cursor:pointer;background:#fff;border-radius:11px;padding:10px 16px;font-size:14px;font-weight:500;transition:background .15s}.przycisk-drugi:hover{background:var(--papier)}.karta-wnetrze .przycisk-drugi{width:100%;margin-top:16px}.link-panel{color:var(--bordo);margin:2px 0 6px;font-weight:600;text-decoration:none;display:inline-block}.link-panel:hover{text-decoration:underline}.uklad{background:var(--papier);flex-direction:column;min-height:100dvh;display:flex}.naglowek{background:var(--grafit);color:#fff;border-bottom:3px solid var(--bordo);z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 22px;display:flex;position:sticky;top:0}.naglowek-marka{letter-spacing:.3px;align-items:center;gap:11px;font-size:15px;font-weight:600;display:flex}.logo-male-obraz{background:#fff;border-radius:10px;width:36px;height:36px;display:block}.naglowek-uzytkownik{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.email-uzytkownika{color:#cfcccb;font-size:12.5px}.odznaka-roli{letter-spacing:.4px;background:#ffffff1f;border:1px solid #ffffff40;border-radius:999px;padding:3px 11px;font-size:11.5px;font-weight:500}.przycisk-wyloguj{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:10px;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.przycisk-wyloguj:hover{background:#ffffff1f}.tresc{width:100%;max-width:1020px;margin:0 auto;padding:30px 22px 56px}.powitanie h1{letter-spacing:.2px;margin:0;font-size:26px;font-weight:600}.powitanie h1:after{content:"";background:var(--bordo);border-radius:2px;width:56px;height:4px;margin-top:10px;display:block}.data-dzis{color:var(--tekst-cichy);margin:12px 0 0;font-size:13.5px}.tresc h2{text-transform:uppercase;letter-spacing:2px;color:var(--tekst-cichy);margin:34px 0 16px;font-size:12.5px;font-weight:600}.baner-uwaga{background:var(--uwaga-tlo);color:var(--uwaga-tekst);border-radius:12px;margin-top:18px;padding:12px 16px;font-size:14px;line-height:1.5}.baner-uwaga pre{text-align:left;background:#fff;border-radius:8px;margin:8px 0 0;padding:10px;font-size:12px;overflow:auto}.siatka-modulow{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:14px;display:grid}.kafelek{border:1px solid var(--linia);background:#fff;border-radius:16px;padding:18px 18px 16px;transition:transform .15s,box-shadow .15s,border-color .15s}.kafelek:hover{border-color:#6b1a1a59;transform:translateY(-2px);box-shadow:0 10px 24px #201f1e14}.ikona-chip{background:var(--bordo-mgla);width:44px;height:44px;color:var(--bordo);border-radius:13px;justify-content:center;align-items:center;margin-bottom:13px;display:flex}.kafelek h3{margin:0 0 4px;font-size:15px;font-weight:600}.kafelek p{color:var(--tekst-cichy);margin:0 0 13px;font-size:12.5px;line-height:1.5}.etykieta-wkrotce{letter-spacing:1px;text-transform:uppercase;color:var(--tekst-cichy);background:var(--papier);border:1px solid var(--linia);border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:500;display:inline-block}.tekst-cichy{color:#bdbdbd}.karta-powiadomien{border:1px solid var(--linia);background:#fff;border-radius:16px;flex-wrap:wrap;align-items:center;gap:15px;padding:16px 18px;display:flex}.karta-powiadomien .ikona-chip{flex-shrink:0;margin-bottom:0}.powiadomienia-tekst{flex:1;min-width:200px}.powiadomienia-tekst h3{margin:0 0 3px;font-size:15px;font-weight:600}.powiadomienia-tekst p{color:var(--tekst-cichy);margin:0;font-size:12.5px;line-height:1.5}.powiadomienia-tekst .blad{margin:6px 0 0}.powiadomienia-akcje{align-items:center;gap:10px;display:flex}.przycisk-w-karcie{width:auto;margin-top:0;padding:10px 22px}.pill-ok{letter-spacing:.8px;text-transform:uppercase;color:#1d6b3a;background:#e8f5ec;border:1px solid #cfe9d8;border-radius:999px;padding:4px 11px;font-size:11px;font-weight:600;display:inline-block}@media (width<=560px){.naglowek{padding:10px 14px}.email-uzytkownika,.przycisk-wyloguj span{display:none}.przycisk-wyloguj{padding:9px 11px}.tresc{padding:22px 14px 44px}.powitanie h1{font-size:22px}.siatka-modulow{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:11px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}.kafelek:hover{transform:none}}