*,*:before,*:after{box-sizing:border-box}:root{--granat: #21328E;--turkus: #38BFA8;--tlo-strony: #DDE2EA;--tlo: #F2F5F9;--tlo-jasne: #E8ECF3;--tekst: #212529;--tekst-pomocniczy: #6C757D;--border: #BFC8D6;--border-mocny: #AEB7C4;--czerwien: #C62828}body{margin:0;font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--tekst);background:var(--tlo-strony)}button{font:inherit}.strona-wyśrodkowana{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:21px;background:var(--tlo-jasne)}.karta-logowania{box-sizing:border-box;background:var(--tlo);border:1px solid var(--border);border-radius:6px;padding:34px;max-width:377px;width:100%;display:flex;flex-direction:column;gap:13px}.karta-logowania h1{color:var(--granat);margin:0 0 5px;font-size:21px}.karta-logowania label{font-size:13px;color:var(--tekst-pomocniczy)}.karta-logowania input{padding:8px 13px;border-radius:5px;border:1px solid var(--border-mocny);font:inherit}.karta-logowania button{margin-top:5px}.btn{border-radius:50rem;border:1px solid var(--border-mocny);background:var(--tlo);color:var(--tekst);padding:5px 13px;min-height:34px;font-size:13px;cursor:pointer;white-space:nowrap;transition:background .13s ease,border-color .13s ease}.btn:hover{background:var(--tlo-jasne)}.btn[aria-pressed=true]{background:var(--granat);border-color:var(--granat);color:#fff}.btn-glowny{background:var(--turkus);border-color:var(--turkus);color:#fff;font-weight:600}.btn-glowny:hover{background:#2fa695;border-color:#2fa695}.btn-tekstowy{background:transparent;border-color:transparent;color:var(--tekst-pomocniczy)}.btn-tekstowy:hover{background:var(--tlo-jasne)}.app-powloka{min-height:100vh;display:flex;flex-direction:column;background:var(--tlo-strony)}.app-header{background:var(--tlo);border-bottom:1px solid var(--border);padding:8px 21px;display:flex;flex-direction:column;gap:5px;flex-shrink:0}.app-header h1{color:var(--granat);font-size:18px;margin:0 5px 0 0;text-transform:capitalize;white-space:nowrap}.pasek-narzedzi{display:flex;flex-wrap:wrap;align-items:center;gap:5px 13px}.grupa-przyciskow{display:flex;flex-wrap:wrap;gap:5px}.komunikaty{display:flex;flex-direction:column;gap:5px}.komunikaty [role=alert]{margin:0;font-size:14px}.pasek-filtrow{border:none;border-radius:5px;background:var(--tlo-jasne);padding:3px 8px;margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:3px 13px;font-size:13px}.pasek-filtrow legend{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pasek-filtrow .filtr-rodzaj{display:inline-flex;align-items:center;gap:5px}.pasek-filtrow label{font-size:13px}.pasek-filtrow select{padding:3px 8px;border-radius:5px;border:1px solid var(--border-mocny);font:inherit}.uklad-glowny{flex:1;display:flex;align-items:stretch;gap:13px;padding:13px 21px;min-height:0}.kalendarz-kolumna{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow-y:auto}.widok-miesiac{background:var(--tlo);border:1px solid var(--border);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;min-height:0;flex:1 1 auto}.widok-miesiac [role=row]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-width:0}.widok-miesiac [role=row]:not(:first-child){flex:1 1 auto;min-height:55px}.widok-miesiac [role=columnheader]{min-width:0;padding:5px 8px;font-size:13px;font-weight:600;text-align:center;text-transform:capitalize;border-bottom:1px solid var(--border);color:var(--granat);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dzien-komorka{min-width:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-height:55px;padding:3px 5px;display:flex;flex-direction:column;gap:2px;background:var(--tlo);overflow-wrap:anywhere}.widok-miesiac [role=row]>.dzien-komorka:last-child{border-right:none}.dzien-numer{font-size:13px;color:var(--tekst-pomocniczy);align-self:flex-start}.dzien-komorka[data-poza=true]{background:#dfe4ec}.dzien-komorka[data-poza=true] .dzien-numer{color:#adb5bd}.dzien-komorka.dzien-dzisiaj{background:#dde8fa}.dzien-komorka.dzien-dzisiaj .dzien-numer{color:#fff;background:var(--granat);border-radius:50rem;width:21px;height:21px;display:inline-flex;align-items:center;justify-content:center;font-weight:600}.wpis-chip{display:block;width:100%;max-width:100%;min-width:0;text-align:left;border:none;border-radius:3px;padding:2px 5px;font-size:13px;line-height:1.3;cursor:pointer;white-space:normal;overflow-wrap:anywhere;min-height:0;box-sizing:border-box}.widok-tydzien{background:var(--tlo);border:1px solid var(--border);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;min-height:0;flex:1 1 auto}.widok-tydzien [role=row]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-width:0;flex:1 1 auto}.tydzien-komorka{min-width:0;border-right:1px solid var(--border);padding:8px;min-height:144px;display:flex;flex-direction:column;gap:5px;overflow-wrap:anywhere}.widok-tydzien [role=row]>.tydzien-komorka:last-child{border-right:none}.tydzien-komorka h4{min-width:0;margin:0 0 5px;font-size:13px;color:var(--granat);text-transform:capitalize;overflow-wrap:anywhere}.tydzien-komorka .wpis-chip{padding:5px 8px;font-size:13px;white-space:normal;overflow-wrap:anywhere}.dzien-sekcja{margin-bottom:21px}.dzien-sekcja:last-child{margin-bottom:0}.dzien-naglowek{color:var(--granat);text-transform:capitalize;border-bottom:1px solid var(--border);padding-bottom:5px;margin:0 0 8px;overflow-wrap:anywhere}.lista-wpisow{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.wpis-wiersz{width:100%;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;gap:2px;text-align:left;border:1px solid var(--border);background:var(--tlo);border-radius:5px;padding:8px 13px;min-height:44px;cursor:pointer;overflow-wrap:anywhere}.wpis-wiersz:hover{background:var(--tlo-jasne)}.wpis-wiersz strong,.wpis-wiersz small{display:block;overflow-wrap:anywhere}.wpis-wiersz small{color:var(--tekst-pomocniczy)}.wpis-chip-kontynuacja,.wpis-wiersz-kontynuacja{font-style:italic}.panel-boczny{width:320px;min-width:0;max-width:100%;box-sizing:border-box;flex-shrink:0;display:flex;flex-direction:column;gap:13px}.mini-kalendarze{display:flex;flex-direction:column;gap:13px}.mini-miesiac{position:relative;border:1px solid var(--border);border-radius:6px;padding:8px;box-sizing:border-box}.mini-miesiac-naglowek{margin:0 0 5px;font-size:13px;font-weight:600;color:var(--granat);text-transform:capitalize}.mini-siatka{display:flex;flex-direction:column;gap:2px}.mini-wiersz{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}.mini-dzien-tygodnia{text-align:center;font-size:11px;color:var(--tekst-pomocniczy)}.mini-komorka{min-width:0}.mini-dzien{width:100%;box-sizing:border-box;border:none;background:transparent;border-radius:5px;padding:2px 0 3px;display:flex;flex-direction:column;align-items:center;gap:1px;cursor:pointer;font:inherit;color:var(--tekst)}.mini-dzien:hover,.mini-dzien:focus-visible{background:var(--tlo-jasne);outline:1px solid var(--border-mocny)}.mini-dzien-poza{color:var(--tekst-pomocniczy);opacity:.55}.mini-dzien-numer{font-size:12px}.mini-dzien-dzisiaj .mini-dzien-numer{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:50%;background:var(--granat);color:#fff}.mini-kropki{display:flex;gap:2px;min-height:5px}.mini-kropka{width:5px;height:5px;border-radius:50%;display:inline-block}.mini-kropka-wiecej{font-size:8px;line-height:5px;color:var(--tekst-pomocniczy)}.mini-tooltip{position:fixed;z-index:20;width:250px;max-width:calc(100vw - 10px);background:var(--tlo);border:1px solid var(--border);border-radius:6px;box-shadow:0 3px 13px #21328e36;padding:8px;display:flex;flex-direction:column;gap:5px;pointer-events:none}.mini-tooltip-wpis{display:flex;flex-direction:column;gap:1px;font-size:12px}.mini-tooltip-wpis strong{color:var(--granat);font-size:13px}.mini-tooltip-wpis span{color:var(--tekst-pomocniczy)}.panel-nadchodzi{min-width:0;max-width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:6px;padding:8px}.panel-nadchodzi h2{font-size:14px;margin:0 0 5px;color:var(--granat)}.panel-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.panel-karta{min-width:0;background:var(--tlo);border:1px solid var(--border);border-radius:5px;padding:5px 8px;display:flex;flex-direction:column;gap:1px;box-shadow:0 1px 2px #21328e0f;overflow-wrap:anywhere}.panel-karta strong{display:block;color:var(--granat);font-size:12px;overflow-wrap:anywhere}.panel-karta span,.panel-karta small{display:block;font-size:12px;overflow-wrap:anywhere}.panel-karta small{color:var(--tekst-pomocniczy)}.nakladka{position:fixed;top:0;right:0;bottom:0;left:0;background:#21252966;display:flex;align-items:center;justify-content:center;padding:21px;z-index:10;overflow-y:auto}.strona-karta{width:100%;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:34px 21px;background:var(--tlo)}.strona-karta>*{border:1px solid var(--border);box-shadow:0 1px 3px #21328e14}@media (min-width: 901px){.app-powloka{height:100vh;height:100dvh;min-height:0;overflow:hidden}.panel-boczny{max-height:100%;overflow-y:auto}}@media (max-width: 900px){.uklad-glowny{flex-direction:column}.panel-boczny{width:100%;max-height:none!important;overflow-y:visible!important}}@media (max-width: 768px){.app-header{padding:13px}.uklad-glowny{padding:13px;gap:13px}.widok-tydzien [role=row]{grid-template-columns:1fr}.tydzien-komorka{border-right:none;border-bottom:1px solid var(--border);min-height:0}.dzien-komorka{min-height:55px}.btn{padding:5px 8px}}.pasek-aktualizacji{position:fixed;left:0;right:0;bottom:0;z-index:1000;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 13px;padding:13px 21px;background:var(--tlo);border-top:1px solid var(--border);color:var(--granat);font-size:14px}@media (min-width: 601px){.pasek-aktualizacji{left:50%;right:auto;bottom:21px;transform:translate(-50%);width:calc(100% - 42px);max-width:610px;border:1px solid var(--border);border-radius:13px;box-shadow:0 2px 8px #21328e21}}.pasek-aktualizacji .btn{min-height:34px;padding:5px 21px}