:root{--pasek:#2e2e30;--pasek-tekst:#f5f4f3;--pasek-tekst-2:#a2a0a2;--pasek-hover:#ffffff12;--pasek-aktywny:#ffffff24;--tlo:#fff;--tlo-2:#f9f8f8;--tlo-3:#f2f0f0;--linia:#edeae9;--linia-2:#e0dcdb;--tekst:#1e1f21;--tekst-2:#6d6e6f;--tekst-3:#9ca0a1;--akcent:#4573d2;--akcent-hover:#3a64bd;--akcent-tlo:#e6edfb;--zielony:#58a182;--zielony-tlo:#e1f3ea;--czerwony:#e8384f;--czerwony-tlo:#fde5e8;--pomarancz:#fd9a00;--pomarancz-tlo:#fff1d6;--cien:0 1px 2px #0000000f, 0 4px 16px #00000014;--cien-duzy:0 8px 32px #0000002e;--r:6px;--r-duzy:10px;--czcionka:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font:14px/1.45 var(--czcionka);color:var(--tekst);background:var(--tlo);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--akcent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;font-weight:600}::selection{background:#c9d8f5}.uklad{grid-template-rows:48px 1fr;grid-template-columns:240px 1fr;height:100dvh;display:grid}.gorny{background:var(--pasek);color:var(--pasek-tekst);z-index:30;grid-column:1/-1;align-items:center;gap:10px;padding:0 12px;display:flex;position:relative}.boczny{background:var(--pasek);color:var(--pasek-tekst);border-top:1px solid #ffffff0f;padding:8px 8px 24px;overflow-y:auto}.glowny{flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.przewijany{flex:1;min-height:0;overflow:auto}.ikona-btn{border-radius:var(--r);width:32px;height:32px;color:inherit;background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.ikona-btn:hover{background:var(--tlo-3)}.gorny .ikona-btn:hover,.boczny .ikona-btn:hover{background:var(--pasek-hover)}.hamburger{display:none}.utworz{height:30px;color:var(--pasek-tekst);background:0 0;border:1px solid #ffffff40;border-radius:15px;align-items:center;gap:6px;padding:0 12px 0 8px;font-weight:500;display:inline-flex}.utworz:hover{background:var(--pasek-hover)}.utworz .plus{color:#fff;background:#f06a6a;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.szukaj{flex:1;max-width:560px;margin:0 auto;position:relative}.szukaj input{width:100%;height:32px;color:var(--pasek-tekst);background:#ffffff1f;border:0;border-radius:16px;outline:none;padding:0 12px 0 34px}.szukaj input::placeholder{color:var(--pasek-tekst-2)}.szukaj input:focus{color:var(--tekst);background:#fff}.szukaj .lupa{color:var(--pasek-tekst-2);pointer-events:none;position:absolute;top:8px;left:10px}.wyniki{color:var(--tekst);border-radius:var(--r-duzy);box-shadow:var(--cien-duzy);background:#fff;max-height:70vh;padding:6px;position:absolute;top:38px;left:0;right:0;overflow:auto}.wyniki h5{text-transform:uppercase;letter-spacing:.04em;color:var(--tekst-3);margin:8px 8px 4px;font-size:11px}.wynik{text-align:left;border-radius:var(--r);background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:7px 8px;display:flex}.wynik:hover,.wynik.aktywny{background:var(--tlo-3)}.wynik .maly{color:var(--tekst-3);margin-left:auto;font-size:12px}.zegar{height:30px;color:var(--pasek-tekst);white-space:nowrap;background:0 0;border:1px solid #ffffff40;border-radius:15px;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.zegar.trwa{background:#2f5e4a;border-color:#4f9a7b}.zegar:hover{filter:brightness(1.15)}.nav{border-radius:var(--r);width:100%;color:var(--pasek-tekst);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:6px 10px;font-size:14px;display:flex}.nav:hover{background:var(--pasek-hover);text-decoration:none}.nav.aktywny{background:var(--pasek-aktywny)}.nav .licznik{color:#fff;text-align:center;background:#f06a6a;border-radius:9px;min-width:18px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:600}.nav-naglowek{color:var(--pasek-tekst-2);justify-content:space-between;align-items:center;margin:18px 4px 4px 10px;font-size:12px;font-weight:600;display:flex}.nav-naglowek .ikona-btn{width:24px;height:24px}.kwadrat{border-radius:3px;flex:none;width:12px;height:12px}.nav .nazwa{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav .zamek{color:var(--pasek-tekst-2);margin-left:auto}.logo{letter-spacing:-.01em;color:var(--pasek-tekst);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.logo img{width:24px;height:24px}.naglowek{border-bottom:1px solid var(--linia);background:var(--tlo);padding:16px 24px 0}.naglowek-gora{align-items:center;gap:12px;min-height:40px;display:flex}.naglowek h1{font-size:20px}.ikona-projektu{color:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.zakladki{gap:2px;margin-top:8px;display:flex;overflow-x:auto}.zakladka{color:var(--tekst-2);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:8px 10px 10px;display:inline-flex}.zakladka:hover{color:var(--tekst)}.zakladka.aktywna{color:var(--tekst);border-bottom-color:var(--tekst);font-weight:500}.narzedzia{border-bottom:1px solid var(--linia);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 24px;display:flex}.przycisk{border-radius:var(--r);border:1px solid var(--linia-2);height:32px;color:var(--tekst);white-space:nowrap;background:#fff;align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}.przycisk:hover{background:var(--tlo-2)}.przycisk.glowny-btn{background:var(--akcent);border-color:var(--akcent);color:#fff}.przycisk.glowny-btn:hover{background:var(--akcent-hover)}.przycisk.zielony{background:var(--zielony);border-color:var(--zielony);color:#fff}.przycisk.czerwony{color:var(--czerwony)}.przycisk.maly{height:28px;padding:0 10px;font-size:13px}.przycisk:disabled{opacity:.5;cursor:default}.wybor{border-radius:var(--r);border:1px solid var(--linia-2);background:#fff;height:32px;padding:0 8px}.pole{border-radius:var(--r);border:1px solid var(--linia-2);background:#fff;outline:none;min-width:0;height:34px;padding:0 10px}.pole:focus,.wybor:focus,textarea.pole:focus{border-color:var(--akcent);box-shadow:0 0 0 2px var(--akcent-tlo)}textarea.pole{resize:vertical;height:auto;padding:8px 10px}.odstep{flex:1}.szary{color:var(--tekst-2)}.bardzo-szary{color:var(--tekst-3)}.maly-tekst{font-size:12px}.awatar{color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex}.awatar.pusty{border:1px dashed var(--tekst-3);color:var(--tekst-3);background:0 0}.stos{align-items:center;display:inline-flex}.stos .awatar{box-shadow:0 0 0 2px #fff}.stos .awatar+.awatar{margin-left:-6px}.stos .reszta{color:var(--tekst-2);margin-left:4px;font-size:12px}.odhacz{color:var(--tekst-2);background:0 0;border:0;border-radius:50%;flex:none;padding:0;display:inline-flex}.odhacz svg{display:block}.odhacz .tlo{fill:#0000;stroke:currentColor;transition:fill .15s,stroke .15s}.odhacz .ptaszek{stroke:currentColor;transition:stroke .15s}.odhacz:hover{color:var(--zielony)}.odhacz:hover .tlo{fill:var(--zielony-tlo)}.odhacz.zrobione .tlo{fill:var(--zielony);stroke:var(--zielony)}.odhacz.zrobione .ptaszek{stroke:#fff}.odhacz.zrobione{animation:.25s ease-out puls}@keyframes puls{50%{transform:scale(1.25)}}.termin{color:var(--tekst-2);white-space:nowrap;font-size:13px}.termin.zalegle{color:var(--czerwony)}.termin.blisko{color:var(--zielony)}.chip{background:var(--tlo-3);min-width:0;height:22px;color:var(--tekst);white-space:nowrap;text-overflow:ellipsis;border-radius:11px;flex-shrink:1;align-items:center;gap:5px;max-width:100%;padding:0 8px;font-size:12px;display:inline-flex;overflow:hidden}.chip.projekt{border:1px solid var(--linia-2);background:0 0}.chip .kropka{border-radius:50%;flex:none;width:8px;height:8px}.prio{color:#fff;white-space:nowrap;border-radius:11px;padding:1px 8px;font-size:12px;font-weight:500}.licznik-ikona{color:var(--tekst-2);align-items:center;gap:3px;font-size:12px;display:inline-flex}.lista{min-width:640px;padding-bottom:80px}.lista-naglowek{grid-template-columns:var(--kolumny);border-bottom:1px solid var(--linia);height:36px;color:var(--tekst-2);background:var(--tlo);z-index:2;align-items:center;font-size:12px;display:grid;position:sticky;top:0}.lista-naglowek>div{border-left:1px solid var(--linia);align-items:center;height:100%;padding:0 8px;display:flex}.lista-naglowek>div:first-child{border-left:0;padding-left:48px}.sekcja-naglowek{align-items:center;gap:6px;padding:18px 16px 6px 20px;font-size:15px;font-weight:600;display:flex}.sekcja-naglowek .zwin{width:24px;height:24px}.sekcja-naglowek input{background:0 0;border:1px solid #0000;border-radius:4px;min-width:60px;padding:2px 4px;font-size:15px;font-weight:600}.sekcja-naglowek input:hover{border-color:var(--linia-2)}.sekcja-naglowek input:focus{border-color:var(--akcent);background:#fff;outline:none}.sekcja-naglowek .ile{color:var(--tekst-3);font-size:13px;font-weight:400}.sekcja-naglowek .akcje{opacity:0;gap:2px;display:flex}.sekcja-naglowek:hover .akcje{opacity:1}.wiersz{grid-template-columns:var(--kolumny);border-bottom:1px solid var(--linia);background:#fff;align-items:center;min-height:37px;display:grid;position:relative}.wiersz:hover{background:var(--tlo-2)}.wiersz.wybrany{background:var(--akcent-tlo)}.wiersz.ukonczony .tytul-input{color:var(--tekst-3)}.wiersz>.kol{border-left:1px solid var(--linia);align-items:center;gap:6px;min-width:0;height:100%;padding:0 8px;display:flex;overflow:hidden}.wiersz>.kol:first-child{border-left:0;padding-left:4px}.uchwyt{width:18px;color:var(--tekst-3);opacity:0;cursor:grab;touch-action:none;flex:none;display:inline-flex}.wiersz:hover .uchwyt{opacity:1}.tytul-input{text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:4px;outline:none;flex:1;min-width:40px;padding:3px 6px}.tytul-input:hover{border-color:var(--linia-2)}.tytul-input:focus{border-color:var(--akcent);background:#fff}.wiersz .znaczki{flex:none;gap:8px;display:inline-flex}.wiersz .szczegoly-btn{opacity:0;color:var(--tekst-2);background:0 0;border:0;flex:none;align-items:center;gap:2px;font-size:12px;display:inline-flex}.wiersz:hover .szczegoly-btn{opacity:1}.wiersz.cel:before,.karta-zad.cel:before{content:"";background:var(--akcent);z-index:3;height:2px;position:absolute;top:-1px;left:0;right:0}.dodaj-wiersz{min-height:37px;color:var(--tekst-2);border-bottom:1px solid var(--linia);align-items:center;gap:8px;padding-left:48px;display:flex}.dodaj-wiersz input{background:0 0;border:0;outline:none;flex:1;height:36px}.dodaj-wiersz button{color:var(--tekst-2);background:0 0;border:0;padding:8px 0}.dodaj-wiersz button:hover{color:var(--tekst)}.strefa-sekcji.cel{outline:2px dashed var(--akcent);outline-offset:-2px}.duch{box-shadow:var(--cien-duzy);border-radius:var(--r);background:#fff;align-items:center;gap:8px;max-width:420px;padding:8px 12px;display:flex}.tablica{align-items:flex-start;gap:12px;min-height:100%;padding:16px 24px;display:flex}.kolumna{background:var(--tlo-2);border-radius:var(--r-duzy);flex-direction:column;flex:none;width:290px;max-height:100%;display:flex}.kolumna.cel{box-shadow:inset 0 0 0 2px var(--akcent)}.kolumna-naglowek{align-items:center;gap:6px;padding:12px 12px 8px;font-weight:600;display:flex}.kolumna-naglowek .ile{color:var(--tekst-3);font-weight:400}.kolumna-karty{flex-direction:column;gap:8px;min-height:40px;padding:0 8px 8px;display:flex;overflow-y:auto}.karta-zad{border:1px solid var(--linia);border-radius:var(--r-duzy);cursor:pointer;touch-action:manipulation;background:#fff;padding:10px 12px;position:relative;box-shadow:0 1px 1px #00000008}.karta-zad:hover{border-color:var(--linia-2);box-shadow:var(--cien)}.karta-zad.wybrana{border-color:var(--akcent)}.karta-zad .gora{align-items:flex-start;gap:8px;display:flex}.karta-zad .tytul{overflow-wrap:anywhere;flex:1;min-width:0}.karta-zad.ukonczony .tytul{color:var(--tekst-3)}.karta-zad .chipy{flex-wrap:wrap;gap:4px;margin:8px 0 0 24px;display:flex}.karta-zad .dol{align-items:center;gap:8px;margin:10px 0 0 24px;display:flex}.dodaj-karte{border-radius:var(--r);color:var(--tekst-2);background:0 0;border:0;align-items:center;gap:6px;margin:0 8px 8px;padding:8px;display:flex}.dodaj-karte:hover{background:var(--tlo-3);color:var(--tekst)}.karta-zad textarea{resize:none;border:0;outline:none;width:100%}.kalendarz{flex-direction:column;height:100%;min-height:560px;display:flex}.kal-pasek{align-items:center;gap:8px;padding:10px 24px;display:flex}.kal-pasek h3{min-width:170px;font-size:16px}.kal-dni{border-bottom:1px solid var(--linia);color:var(--tekst-2);grid-template-columns:repeat(7,1fr);font-size:12px;display:grid}.kal-dni div{padding:6px 8px}.kal-siatka{flex:1;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(110px,1fr);display:grid}.kal-dzien{border-right:1px solid var(--linia);border-bottom:1px solid var(--linia);flex-direction:column;gap:3px;min-width:0;padding:4px;display:flex;position:relative}.kal-dzien.inny{background:var(--tlo-2)}.kal-dzien.weekend{background:#fcfbfb}.kal-dzien.cel{box-shadow:inset 0 0 0 2px var(--akcent)}.kal-numer{color:var(--tekst-2);justify-content:space-between;align-items:center;padding:2px 4px;font-size:12px;display:flex}.kal-numer.dzis span:first-child{color:#fff;background:#f06a6a;border-radius:10px;padding:0 6px;font-weight:600}.kal-numer button{opacity:0;color:var(--tekst-2);background:0 0;border:0;padding:0;display:inline-flex}.kal-dzien:hover .kal-numer button{opacity:1}.kal-zad{border:1px solid var(--linia);border-left:3px solid var(--akcent);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;touch-action:manipulation;background:#fff;border-radius:4px;align-items:center;gap:5px;padding:3px 6px;font-size:12px;display:flex;overflow:hidden}.kal-zad:hover{box-shadow:var(--cien)}.kal-zad.ukonczony{color:var(--tekst-3);text-decoration:line-through}.kal-zad span{text-overflow:ellipsis;overflow:hidden}.kal-wiecej{color:var(--tekst-2);text-align:left;background:0 0;border:0;padding:0 6px;font-size:12px}.kal-dzien input{border:1px solid var(--akcent);border-radius:4px;outline:none;width:100%;padding:3px 6px;font-size:12px}.panel{border-left:1px solid var(--linia);z-index:20;background:#fff;flex-direction:column;width:min(640px,55%);animation:.18s ease-out wjazd;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-6px 0 24px #00000014}@keyframes wjazd{0%{transform:translate(24px)}}.panel-pasek{border-bottom:1px solid var(--linia);align-items:center;gap:8px;padding:10px 16px;display:flex}.przycisk-ukoncz{border-radius:var(--r);border:1px solid var(--linia-2);height:30px;color:var(--tekst);background:#fff;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.przycisk-ukoncz:hover{border-color:var(--zielony);color:var(--zielony);background:var(--zielony-tlo)}.przycisk-ukoncz.zrobione{background:var(--zielony-tlo);border-color:var(--zielony);color:#2d7a59}.panel-baner{align-items:center;gap:8px;padding:8px 24px;font-size:13px;display:flex}.panel-baner.zielony{background:var(--zielony-tlo);color:#2d7a59}.panel-baner.pomarancz{background:var(--pomarancz-tlo);color:#8a5300}.panel-baner.czerwony{background:var(--czerwony-tlo);color:#a3192d}.panel-tresc{flex:1;padding:16px 24px 24px;overflow-y:auto}.okruszek{color:var(--tekst-2);background:0 0;border:0;align-items:center;gap:4px;margin-bottom:8px;padding:0;font-size:13px;display:inline-flex}.okruszek:hover{color:var(--tekst)}.panel-tytul{border-radius:var(--r);resize:none;border:1px solid #0000;outline:none;width:100%;margin-left:-9px;padding:4px 8px;font-size:22px;font-weight:600;line-height:1.3;overflow:hidden}.panel-tytul:hover{border-color:var(--linia-2)}.panel-tytul:focus{border-color:var(--akcent)}.pola{grid-template-columns:120px minmax(0,1fr);align-items:center;gap:6px 12px;margin:16px 0 8px;display:grid}.pola dt{color:var(--tekst-2);font-size:13px}.pola dd{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;min-height:32px;margin:0;display:flex;position:relative}.osoba-chip{border:1px solid #0000;border-radius:14px;align-items:center;gap:6px;height:28px;padding:0 4px 0 2px;display:inline-flex}.osoba-chip:hover{border-color:var(--linia-2)}.osoba-chip .gwiazda{color:var(--tekst-3);background:0 0;border:0;padding:0;display:inline-flex}.osoba-chip .gwiazda.tak{color:#f1bd6c}.osoba-chip .x{color:var(--tekst-3);background:0 0;border:0;padding:0 2px;display:inline-flex}.osoba-chip .x:hover{color:var(--czerwony)}.dodaj-maly{border:1px dashed var(--linia-2);height:28px;color:var(--tekst-2);background:0 0;border-radius:14px;align-items:center;gap:4px;padding:0 8px;font-size:13px;display:inline-flex}.dodaj-maly:hover{border-color:var(--tekst-3);color:var(--tekst)}.pole-bez{border-radius:var(--r);background:0 0;border:1px solid #0000;outline:none;height:30px;padding:4px 6px}.pole-bez:hover{border-color:var(--linia-2)}.pole-bez:focus{border-color:var(--akcent)}.panel h4{margin:22px 0 8px;font-size:15px}.panel-opis{border:1px solid var(--linia-2);border-radius:var(--r);resize:vertical;outline:none;width:100%;min-height:90px;padding:8px 10px}.panel-opis:focus{border-color:var(--akcent)}.podzadanie{border-bottom:1px solid var(--linia);align-items:center;gap:8px;min-height:36px;padding:0 4px;display:flex}.podzadanie:hover{background:var(--tlo-2)}.podzadanie .tytul-input{padding:2px 4px}.podzadanie.ukonczony .tytul-input{color:var(--tekst-3)}.zalacznik{border:1px solid var(--linia);border-radius:var(--r);align-items:center;gap:10px;margin-bottom:6px;padding:8px;display:flex}.zalacznik img{object-fit:cover;border-radius:4px;width:40px;height:40px}.aktywnosc{background:var(--tlo-2);border-top:1px solid var(--linia);padding:16px 24px}.wpis{color:var(--tekst-2);align-items:baseline;gap:8px;padding:3px 0 3px 36px;font-size:13px;display:flex}.komentarz{gap:10px;padding:10px 0;display:flex}.komentarz .tresc{flex:1;min-width:0}.komentarz .kto{margin-right:6px;font-weight:600}.komentarz .tekst{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:2px}.wzmianka{color:var(--akcent);background:var(--akcent-tlo);border-radius:3px;padding:0 2px}.lubie{color:var(--tekst-3);background:0 0;border:0;border-radius:4px;align-items:center;gap:3px;padding:2px 4px;font-size:12px;display:inline-flex}.lubie:hover{background:var(--tlo-3)}.lubie.tak{color:var(--akcent)}.komentowanie{border-top:1px solid var(--linia);background:#fff;padding:12px 24px}.komentowanie .wiersz-kom{align-items:flex-start;gap:10px;display:flex;position:relative}.komentowanie textarea{border:1px solid var(--linia-2);border-radius:var(--r);resize:none;outline:none;flex:1;min-height:38px;max-height:160px;padding:8px 10px}.komentowanie textarea:focus{border-color:var(--akcent)}.obserwujacy{color:var(--tekst-2);align-items:center;gap:8px;margin-top:10px;font-size:13px;display:flex}.podpowiedzi{border-radius:var(--r);box-shadow:var(--cien-duzy);z-index:5;background:#fff;min-width:200px;padding:4px;position:absolute;bottom:44px;left:34px}.dymek{z-index:40;color:var(--tekst);border-radius:var(--r-duzy);box-shadow:var(--cien-duzy);background:#fff;min-width:220px;padding:6px;position:absolute;top:calc(100% + 4px);left:0}.dymek.prawo{left:auto;right:0}.dymek.gora{top:auto;bottom:calc(100% + 4px)}.dymek input.pole{width:100%;margin-bottom:4px}.opcja{border-radius:var(--r);text-align:left;width:100%;color:var(--tekst);background:0 0;border:0;align-items:center;gap:8px;padding:6px 8px;display:flex}.opcja:hover{background:var(--tlo-3)}.opcja.zaznaczona{background:var(--akcent-tlo)}.opcja .prawa{color:var(--tekst-3);margin-left:auto}.opcja.niebezpieczna{color:var(--czerwony)}.separator{background:var(--linia);height:1px;margin:4px 0}.zaslona{z-index:50;background:#1e1f2173;justify-content:center;align-items:flex-start;padding:8vh 16px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.okno{box-shadow:var(--cien-duzy);background:#fff;border-radius:12px;flex-direction:column;width:min(640px,100%);max-height:84vh;display:flex}.okno.szerokie{width:min(860px,100%)}.okno-naglowek{border-bottom:1px solid var(--linia);align-items:center;gap:8px;padding:14px 18px;display:flex}.okno-naglowek h2{flex:1;font-size:16px}.okno-tresc{padding:16px 18px;overflow-y:auto}.okno-stopka{border-top:1px solid var(--linia);align-items:center;gap:8px;padding:12px 18px;display:flex}.okno .duzy-tytul{border:0;outline:none;width:100%;padding:4px 0;font-size:18px;font-weight:600}.wiersz-pol{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex;position:relative}.etykieta{color:var(--tekst-2);font-size:12px}.komunikaty{z-index:80;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:16px;left:16px}.komunikat{background:var(--pasek);color:#fff;border-radius:var(--r-duzy);box-shadow:var(--cien-duzy);align-items:center;gap:12px;max-width:420px;padding:10px 14px;animation:.2s ease-out wjazd;display:flex}.komunikat.blad{background:#a3192d}.komunikat button{color:#9ec0ff;background:0 0;border:0;padding:0;font-weight:600}.stworzenie{z-index:90;pointer-events:none;width:96px;height:96px;animation:1.5s cubic-bezier(.45,.05,.55,.95) forwards przelot;position:fixed;bottom:30%;left:-120px}@keyframes przelot{0%{transform:translate(0)rotate(-12deg)}50%{transform:translate(55vw,-22vh)rotate(8deg)}to{transform:translate(115vw,-8vh)rotate(-6deg)}}@media (prefers-reduced-motion:reduce){.stworzenie,.panel,.komunikat{animation:none}.stworzenie{display:none}}.strona{width:100%;max-width:1180px;margin:0 auto;padding:24px}.start-data{text-align:center;color:var(--tekst-2);margin-top:8px}.start h1{text-align:center;margin:4px 0 12px;font-size:28px;font-weight:500}.start-statystyki{justify-content:center;gap:18px;margin-bottom:24px;display:flex}.start-statystyki span{background:var(--tlo-3);color:var(--tekst-2);border-radius:18px;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.siatka-kart{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:16px;display:grid}.siatka-kart>*,.dwie-kolumny>*,.integracje-siatka>*{min-width:0}.karta{border:1px solid var(--linia);background:#fff;border-radius:12px;min-height:160px;padding:18px 20px}.karta-naglowek{align-items:center;gap:10px;margin-bottom:10px;display:flex}.karta-naglowek h2{flex:1;font-size:17px}.mini-zakladki{border-bottom:1px solid var(--linia);gap:14px;margin-bottom:6px;display:flex}.mini-zakladki button{color:var(--tekst-2);background:0 0;border:0;border-bottom:2px solid #0000;padding:6px 0}.mini-zakladki button.aktywna{color:var(--tekst);border-bottom-color:var(--tekst)}.mini-wiersz{border-bottom:1px solid var(--linia);cursor:pointer;align-items:center;gap:10px;padding:7px 4px;display:flex}.mini-wiersz:hover{background:var(--tlo-2)}.mini-wiersz .t{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.kafelki{grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr));gap:10px;display:grid}.kafelek{border-radius:var(--r-duzy);color:var(--tekst);align-items:center;gap:10px;padding:8px;display:flex}.kafelek:hover{background:var(--tlo-2);text-decoration:none}.kafelek .ikona-projektu{border-radius:12px;width:44px;height:44px}.pusto{color:var(--tekst-3);text-align:center;padding:24px 8px}.powiadomienie{border-bottom:1px solid var(--linia);cursor:pointer;align-items:flex-start;gap:12px;padding:12px 16px;display:flex;position:relative}.powiadomienie:hover{background:var(--tlo-2)}.powiadomienie.nowe:before{content:"";background:var(--akcent);border-radius:50%;width:7px;height:7px;position:absolute;top:22px;left:4px}.powiadomienie .tresc{flex:1;min-width:0}.powiadomienie .archiwizuj{opacity:0}.powiadomienie:hover .archiwizuj{opacity:1}.logowanie{background:var(--pasek);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.logowanie .okno{max-height:none}.osoby-siatka{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;display:grid}.osoba-karta{border:1px solid var(--linia);border-radius:var(--r-duzy);text-align:left;background:#fff;align-items:center;gap:10px;padding:10px;display:flex}.osoba-karta:hover{border-color:var(--akcent);background:var(--akcent-tlo)}.grafik-tabela{border-collapse:separate;border-spacing:0;width:100%;min-width:980px}.grafik-tabela th,.grafik-tabela td{border-bottom:1px solid var(--linia);border-right:1px solid var(--linia);vertical-align:top}.grafik-tabela th{z-index:2;color:var(--tekst-2);text-align:left;background:#fff;padding:8px;font-size:12px;font-weight:500;position:sticky;top:0}.grafik-tabela th.dzis{color:var(--tekst);box-shadow:inset 0 -2px #f06a6a}.grafik-tabela .osoba-kol{z-index:1;background:#fff;width:190px;padding:8px 12px;position:sticky;left:0}.grafik-tabela th.osoba-kol{z-index:3}.grafik-komorka{width:calc(14.2857% - 27.1429px);min-height:64px;padding:4px;position:relative}.grafik-komorka.weekend{background:#fcfbfb}.grafik-komorka.edytowalna:hover{background:var(--tlo-2);cursor:pointer}.grafik-komorka.nieobecnosc{background:repeating-linear-gradient(135deg,#f6f4f4,#f6f4f4 6px,#ece9e9 6px 12px)}.zmiana{text-align:left;width:100%;color:var(--tekst);background:var(--tlo-3);border:1px solid #0000;border-left:4px solid var(--akcent);border-radius:5px;margin-bottom:3px;padding:4px 6px;font-size:12px;display:block}.zmiana.szkic{border-style:dashed;border-color:var(--tekst-3);background:#fff;border-left-style:solid}.zmiana b{font-weight:600}.ostrzezenie{align-items:flex-start;gap:8px;padding:6px 0;font-size:13px;display:flex}.ostrzezenie.blad{color:#a3192d}.ostrzezenie.uwaga{color:#8a5300}.wniosek{border:1px solid var(--linia);border-radius:var(--r);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;padding:10px;display:flex}.stan{text-transform:uppercase;letter-spacing:.03em;background:var(--tlo-3);color:var(--tekst-2);white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.stan.zielony{background:var(--zielony-tlo);color:#2d7a59}.stan.pomarancz{background:var(--pomarancz-tlo);color:#8a5300}.stan.czerwony{background:var(--czerwony-tlo);color:#a3192d}.stan.niebieski{background:var(--akcent-tlo);color:var(--akcent)}.dwie-kolumny{grid-template-columns:minmax(0,1fr) 340px;gap:16px;padding:16px 24px;display:grid}.dwie-kolumny.szczegoly{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.tabela-przewijana{overflow-x:auto}.tylko-duzy{display:inline}.dyktowanie-uklad{align-items:flex-start;gap:16px;display:flex}.tabela{border-collapse:collapse;width:100%;font-size:13px}.tabela th{text-align:left;color:var(--tekst-2);border-bottom:1px solid var(--linia);white-space:nowrap;background:#fff;padding:8px;font-size:12px;font-weight:500;position:sticky;top:0}.tabela td{border-bottom:1px solid var(--linia);white-space:nowrap;padding:8px}.tabela tr.klikalny:hover td{background:var(--tlo-2);cursor:pointer}.tabela .liczba{text-align:right;font-variant-numeric:tabular-nums}.tabela tfoot td{border-top:2px solid var(--linia-2);font-weight:600}.statystyki{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:16px;display:grid}.statystyka{border:1px solid var(--linia);border-radius:var(--r-duzy);padding:12px 14px}.statystyka .etykieta{margin-bottom:4px;display:block}.statystyka b{font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.uwaga-ramka{border-left:3px solid var(--pomarancz);background:var(--pomarancz-tlo);border-radius:0 var(--r) var(--r) 0;color:#6b4300;margin:12px 0;padding:10px 14px;font-size:13px}.kod{background:var(--tlo-3);overflow-wrap:anywhere;border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}pre.kod{white-space:pre-wrap;margin:8px 0 0;padding:10px 12px}.integracje-siatka{grid-template-columns:repeat(auto-fill,minmax(min(330px,100%),1fr));gap:16px;display:grid}.symulacje{flex-wrap:wrap;gap:8px;display:flex}.klucz-nowy{border:2px solid var(--zielony);background:var(--zielony-tlo);border-radius:var(--r);margin:10px 0;padding:10px 12px}.dni-wybor{flex-wrap:wrap;gap:4px;display:flex}.dni-wybor label{border:1px solid var(--linia-2);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;align-items:center;gap:3px;padding:2px 9px;font-size:13px;display:inline-flex}.dni-wybor label.tak{background:var(--akcent-tlo);border-color:var(--akcent);color:var(--akcent)}.dni-wybor input{display:none}.sekcja-tytul{margin:28px 0 12px;font-size:16px}.ustawienia-pola{grid-template-columns:190px minmax(0,1fr)}.godziny-otwarcia{grid-template-columns:repeat(auto-fill,minmax(min(170px,100%),1fr));gap:6px;display:grid!important}.mikrofon{background:var(--akcent);color:#fff;width:64px;height:64px;box-shadow:var(--cien);border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.mikrofon.nagrywa{background:var(--czerwony);animation:1.2s infinite nagrywanie}@keyframes nagrywanie{50%{box-shadow:0 0 0 10px #e8384f26}}.propozycja{border:1px solid var(--linia);border-radius:var(--r-duzy);margin-bottom:10px;padding:12px}.propozycja.wylaczona{opacity:.45}@media (width<=860px){.uklad{grid-template-columns:1fr}.boczny{z-index:45;width:272px;box-shadow:var(--cien-duzy);transition:transform .2s;position:fixed;top:48px;bottom:0;left:0;transform:translate(-100%)}.boczny.otwarty{transform:none}.hamburger{display:inline-flex}.utworz .napis,.zegar .napis,.logo .napis{display:none}.utworz{padding:0 6px}.panel{border-left:0;width:100%}.naglowek,.narzedzia{padding-left:16px;padding-right:16px}.strona{padding:16px}.lista{min-width:0}.lista-naglowek{display:none}.wiersz{grid-template-columns:1fr auto}.wiersz>.kol{border-left:0}.wiersz>.kol.ukryj-tel{display:none}.wiersz .uchwyt{opacity:1}.wiersz .znaczki,.wiersz .szczegoly-btn{display:none}.dodaj-wiersz{padding-left:16px}.tablica{padding:12px 16px}.kolumna{width:82vw}.kal-siatka{grid-auto-rows:minmax(76px,1fr)}.kal-zad{padding:2px 4px;font-size:11px}.kal-pasek{padding:10px 16px}.pola{grid-template-columns:96px 1fr}.panel-tresc,.aktywnosc,.komentowanie{padding-left:16px;padding-right:16px}.dwie-kolumny{grid-template-columns:1fr;padding:12px 16px}.siatka-kart{grid-template-columns:1fr}.start h1{font-size:22px}input,select,textarea,.pole,.wybor,.pole-bez,.tytul-input{font-size:16px}.tylko-duzy,.ukryj-tel-btn{display:none}.zakladka{padding:8px 8px 10px}.zakladka svg{display:none}.panel-pasek{gap:2px;padding:8px 10px}.pola .chip{white-space:normal;flex-wrap:wrap;padding:2px 8px;height:auto!important}.komentowanie .wiersz-kom>.awatar{display:none}.tabela th,.tabela td{white-space:normal}.tabela .liczba{white-space:nowrap}.tablica{scroll-snap-type:x mandatory}.kolumna{scroll-snap-align:start}.zaslona{align-items:stretch;padding:0}.okno,.okno.szerokie{border-radius:0;width:100%;height:100dvh;max-height:none}.okno-stopka{padding-bottom:calc(12px + env(safe-area-inset-bottom));flex-wrap:wrap}.okno-tresc{flex:1}.dyktowanie-uklad{flex-direction:column;align-items:stretch}.dymek{top:auto;bottom:calc(8px + env(safe-area-inset-bottom));z-index:60;min-width:0;max-height:70dvh;position:fixed;overflow-y:auto;width:auto!important;left:8px!important;right:8px!important}.dymek.wyniki{top:52px;bottom:auto}.grafik-tabela{min-width:760px}.grafik-tabela .osoba-kol{width:112px;padding:8px}.dwie-kolumny.szczegoly{grid-template-columns:1fr}.kal-pasek h3{min-width:0;font-size:15px}.naglowek h1{font-size:18px}.start-statystyki span{font-size:13px}.ustawienia-pola{grid-template-columns:minmax(0,1fr)}.mini-wiersz .chip{display:none}.panel{animation:none;overflow-y:auto}.panel-tresc{flex:none;overflow:visible}.aktywnosc{max-height:none!important;overflow:visible!important}.komentowanie{z-index:2;padding-bottom:calc(12px + env(safe-area-inset-bottom));position:sticky;bottom:0}.panel-pasek{z-index:3;background:#fff;position:sticky;top:0}.ustawienia-pola dt{margin-top:8px}}@media (width<=520px){.szukaj input{padding-right:6px}.start-statystyki{flex-direction:column;align-items:center;gap:6px}}.tylko-tel{display:none}@media (width<=860px){.tylko-tel{display:inline-flex}}.klik{cursor:pointer;position:relative}.ukryte-pole{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;bottom:0;left:0}.logowanie-okno{width:min(560px,100%)}.logowanie-formularz{gap:12px;display:grid}.logowanie-formularz h3{font-size:18px}.logowanie-formularz p{margin:0}.dwuetapowe{gap:12px;display:grid}.kroki-2fa{gap:14px;margin:0;padding-left:20px;display:grid}.kroki-2fa li{padding-left:4px}.qr-wiersz{flex-wrap:wrap;align-items:center;gap:16px;margin-top:10px;display:flex}.qr-wiersz img{border:1px solid var(--linia);border-radius:var(--r);background:#fff;max-width:100%}.kody-zapasowe{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.kody-zapasowe .kod{text-align:center;padding:8px;font-size:15px}.zespol-osoba{border-bottom:1px solid var(--linia);grid-template-columns:220px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.zespol-pola{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.zespol-osoba.wylaczona{opacity:.55}@media (width<=860px){.zespol-osoba{grid-template-columns:minmax(0,1fr)}}