*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#f4f6f8;color:#1c2733}.ekran-logowania{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.karta{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:32px 24px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:16px}.karta h1{margin:0;font-size:1.5rem}.podtytul{margin:0;color:#5b6b7b;font-size:.95rem}label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;font-weight:600}input{padding:12px;border:1px solid #cfd8e0;border-radius:8px;font-size:1rem}input:focus{outline:2px solid #2f80ed;border-color:transparent}button{padding:12px;border:none;border-radius:8px;background:#2f80ed;color:#fff;font-size:1rem;font-weight:600;cursor:pointer}button:disabled{opacity:.6}.blad{margin:0;color:#c0392b;font-size:.9rem}.ladowanie{min-height:100vh;display:flex;align-items:center;justify-content:center;color:#5b6b7b}.aplikacja header{background:#fff;border-bottom:1px solid #e3e8ee;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.logo{font-weight:700}.uzytkownik{display:flex;align-items:center;gap:12px;font-size:.9rem}.uzytkownik button{padding:8px 12px;background:#eef2f6;color:#1c2733;font-size:.85rem}.aplikacja main{padding:24px 16px;max-width:900px;margin:0 auto}.zakladki{display:flex;gap:4px}.zakladki button{padding:8px 14px;background:#eef2f6;color:#1c2733;font-size:.9rem}.zakladki button.aktywna{background:#2f80ed;color:#fff}.aplikacja main.pelna-szerokosc{max-width:none;padding:12px}.pasek{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.pasek button{padding:6px 12px;background:#eef2f6;color:#1c2733}.miesiac{font-weight:700;min-width:150px;text-align:center}.status{color:#5b6b7b;font-size:.85rem}.konflikt-info{color:#c0392b;font-size:.85rem;font-weight:600}.brak-info{color:#b45309;font-size:.85rem;font-weight:600}.tryby{display:flex;gap:0;border:1px solid #cfd8e0;border-radius:8px;overflow:hidden;margin-left:8px}.tryby button{border-radius:0;background:#fff;color:#1c2733}.tryby button.aktywny{background:#2f80ed;color:#fff}.paleta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:10px}.paleta-info{font-size:.85rem;color:#5b6b7b}.paleta .osoba{padding:6px 10px;color:#1c2733;font-size:.85rem;border:2px solid transparent;border-radius:6px}.paleta .osoba.wybrana{border-color:#1c2733;box-shadow:0 0 0 2px #fff inset}.paleta .osoba.neutralna{background:#e4e8ec;color:#3b4652;border-color:#cfd8e0}.paleta .osoba.neutralna.wybrana{background:#1d6fd1;color:#fff;border-color:#14508f;box-shadow:none}.paleta .gumka{background:#fff;border:2px dashed #cfd8e0}.paleta .gumka.wybrana{border-color:#1c2733}.siatka-scroll{overflow-x:auto;border:1px solid #dbe2e9;border-radius:8px;background:#fff}.siatka{border-collapse:collapse;table-layout:fixed}.siatka th,.siatka td{border:1px solid #e3e8ee;padding:0}.siatka th.gabinet{background:#dfe7ef;font-size:.85rem;padding:4px;border-left:3px solid #8a97a5}.siatka th.godz{background:#f4f6f8;font-size:.68rem;font-weight:500;color:#5b6b7b;min-width:40px;padding:2px 0}.siatka .sticky-data{position:sticky;left:0;z-index:2;background:#f4f6f8;min-width:84px;padding:2px 8px;font-size:.78rem;white-space:nowrap;text-align:left;border-right:2px solid #8a97a5}.siatka td.slot{width:20px;min-width:20px;height:24px;cursor:pointer;text-align:center;font-size:.68rem;font-weight:700;color:#1c2733;-webkit-user-select:none;user-select:none}.siatka td.slot.obecnosc{background-color:#fff;color:#1c2733}.siatka td.slot .bez-asysty{color:#6b7684;opacity:.55;font-weight:600}.siatka td.slot.urlop{outline:2px dashed #e11900;outline-offset:-2px}.urlop-znak{color:#c0392b;font-weight:700;font-size:.7rem}.siatka th.suma-naglowek,.siatka td.suma-dnia{min-width:44px;text-align:center;font-size:.78rem;font-weight:700;background:#f4f6f8;border-left:2px solid #8a97a5}.urlopy-tabela th.osoba-naglowek{padding:6px 10px;font-size:.8rem;min-width:70px}.urlopy-tabela td.u-kratka{height:26px;text-align:center;cursor:pointer;font-weight:700;font-size:.8rem}.urlopy-tabela td.u-kratka:hover{background:#eaf1fb}.urlopy-tabela td.u-kratka.u-urlop{background:#ffd7cf;color:#8f1d00}.urlopy-tabela td.u-kratka.u-urlop.u-zatwierdzony{background:#cfe9cf;color:#1d5b24}.urlopy-tabela td.u-kratka.nieklikalna{cursor:default}.urlopy-tabela td.u-kratka.nieklikalna:hover{background:none}.urlopy-tabela td.u-kratka.nieklikalna.u-urlop:hover{background:#ffd7cf}.urlopy-tabela td.u-kratka.nieklikalna.u-urlop.u-zatwierdzony:hover{background:#cfe9cf}.urlopy-tabela th.osoba-naglowek.moja-kolumna{box-shadow:inset 0 -3px #1d5b24}.legenda-urlopy{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:#55606b}.u-probka{display:inline-block;width:13px;height:13px;border:1px solid #c8d0d8;border-radius:3px}.u-probka.u-urlop{background:#ffd7cf}.u-probka.u-urlop.u-zatwierdzony{background:#cfe9cf}.podsumowanie h3{margin:18px 0 8px}.tabela-sum{border-collapse:collapse;background:#fff;border:1px solid #dbe2e9;border-radius:8px}.tabela-sum th,.tabela-sum td{border:1px solid #e3e8ee;padding:8px 14px;font-size:.9rem;text-align:left}.tabela-sum th{background:#f4f6f8}.kolorek{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-1px}.limit-pole{width:80px;padding:6px 8px;text-align:right}.tabela-przewijana{overflow-x:auto;max-width:100%}.tabela-rozliczenie th,.tabela-rozliczenie td{padding:8px 10px;white-space:nowrap}.tabela-rozliczenie th{font-size:.82rem;line-height:1.2;white-space:normal;max-width:110px}.literka{display:inline-block;min-width:18px;padding:0 4px;border:1px solid #cfd8e0;border-radius:4px;background:#f4f6f8;text-align:center;font-weight:700;font-size:.8rem}.przekroczenie{color:#c0392b;font-weight:700}.tabela-zespol td{vertical-align:middle}.tabela-zespol td.srodek{text-align:center}.tabela-zespol tr.nieaktywna td{background:#f4f6f8;color:#8a97a5}.tabela-zespol tr.nowa-osoba td{background:#eaf1fb}.tabela-zespol select{padding:5px 6px;border:1px solid #cfd8e0;border-radius:6px;font-size:.9rem;background:#fff}.tabela-zespol input[type=checkbox]{width:18px;height:18px;cursor:pointer}.pole-imie{width:150px;padding:6px 8px;font-size:.9rem}.pole-skrot{width:46px;padding:6px 8px;font-size:.9rem;text-align:center}.pole-liczba{width:70px;padding:6px 8px;font-size:.9rem;text-align:right}.pole-skrot.skrot-duzy{text-transform:uppercase}.ostrzezenie{color:#b45309;font-weight:700}.puste-pole{color:#8a97a5;font-weight:700}.zespol-akcje{white-space:nowrap}.zespol-akcje button{padding:6px 12px;font-size:.85rem;margin-right:6px}.zespol-pomoc{display:block;margin-top:12px;max-width:640px}button.drugorzedny{background:#eef2f6;color:#1c2733}.kolor-wybor{position:relative}.kolor-przycisk{width:30px;height:24px;padding:0;border:1px solid #8a97a5;border-radius:5px;cursor:pointer}.kolor-paleta{position:absolute;z-index:5;top:28px;left:0;display:grid;grid-template-columns:repeat(4,30px);gap:5px;padding:8px;background:#fff;border:1px solid #cfd8e0;border-radius:8px;box-shadow:0 4px 14px #00000026}.kolor-kafelek{width:30px;height:24px;padding:0;border:1px solid #cfd8e0;border-radius:5px;cursor:pointer}.kolor-kafelek.wybrany{border:2px solid #1c2733}.modal-tlo{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c273373;display:flex;align-items:center;justify-content:center;padding:16px;z-index:20}.modal{background:#fff;border-radius:12px;padding:20px 24px;max-width:460px;box-shadow:0 6px 24px #0003}.modal h3{margin:0 0 10px}.modal p{margin:0 0 10px;font-size:.95rem}.modal-przyciski{display:flex;gap:8px;margin-top:16px}.modal-przyciski button{padding:8px 14px;font-size:.9rem}.moj-plan{max-width:430px;margin:0 auto;padding:4px}.mp-naglowek{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}.mp-naglowek h2{margin:0;font-size:1.2rem}.mp-naglowek select{padding:8px 10px;border:1px solid #cfd8e0;border-radius:8px;font-size:1rem}.mp-suma{font-size:.9rem;color:#5b6b7b;font-weight:600}.dzien-karta{background:#fff;border:1px solid #e3e8ee;border-radius:10px;padding:10px 14px;margin-bottom:8px}.dzien-karta.dzisiaj{border:2px solid #2f80ed}.dzien-naglowek{display:flex;align-items:center;gap:8px;font-size:.95rem;margin-bottom:4px}.mp-dzis{background:#2f80ed;color:#fff;border-radius:6px;padding:1px 8px;font-size:.75rem;font-weight:700}.mp-godz{margin-left:auto;font-weight:700;color:#1c2733}.przedzial{padding:4px 0;font-size:.95rem}.mp-urlop{color:#8f1d00;background:#ffd7cf;border-radius:6px;padding:4px 10px;display:inline-block;font-weight:700;font-size:.85rem}.mp-urlop-zatwierdzony{color:#1d5b24;background:#cfe9cf}.mp-wolne{color:#97a3af}.dzien-karta.wczorajszy{border-left:4px solid #cfd8e0}.mp-legenda{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:.8rem;color:#5b6b7b;margin-bottom:10px;padding:0 4px}.mp-przypomnienie{color:#8f1d00}.mp-wczesniejsze{display:block;width:100%;padding:8px;margin-bottom:8px;border:1px dashed #cfd8e0;border-radius:8px;background:#fff;color:#5b6b7b;font-size:.9rem;cursor:pointer}.mp-kropka{width:10px;height:10px;border-radius:50%;display:inline-block;margin-left:6px;border:1px solid rgba(0,0,0,.15);flex:none}.mp-kropka-zatwierdzony{background:#cfe9cf}.mp-kropka-czeka{background:#ffd7cf}.mp-kropka-auto{background:#dfe5ea}.mp-zatw{border-radius:6px;padding:6px 8px;margin:4px 0 6px;font-size:.9rem}.mp-zatw-zatwierdzony{background:#cfe9cf;color:#1d5b24}.mp-zatw-czeka{background:#ffd7cf;color:#8f1d00}.mp-zatw-auto{background:#eef1f4;color:#5b6b7b}.mp-zatw-godz{font-weight:700}.mp-zatw-stan{display:flex;align-items:center;gap:8px;margin-top:4px}.mp-zatw-stan button{margin-left:auto;padding:6px 12px;border:1px solid #cfd8e0;border-radius:6px;background:#fff;font-size:.9rem;cursor:pointer}.mp-zatw-stan button.mp-zatwierdz{background:#2f80ed;border-color:#2f80ed;color:#fff;font-weight:700}.mp-zatw-stan button:disabled{opacity:.5;cursor:default}.filtr-osoby{padding:6px 8px;border:1px solid #cfd8e0;border-radius:8px;font-size:.85rem;background:#fff}.siatka td.slot.moja{outline:2px solid #1c2733;outline-offset:-2px;font-weight:800}.siatka td.slot.obca{opacity:.3}.siatka td.slot.brak{background-image:radial-gradient(circle at 50% 80%,#b45309 2px,transparent 2.6px)}.siatka td.slot.granica{border-left:3px solid #8a97a5}.siatka td.slot.konflikt{outline:2px solid #e11900;outline-offset:-2px}.siatka tr.weekend td{background:#edf0f4}.siatka tr.weekend td.slot{cursor:default}.siatka tr.weekend .sticky-data{color:#97a3af}.pasek-komunikat{background:#e6f0fd;border-bottom:1px solid #c8dcfa;color:#1c4b8f;font-size:.88rem;font-weight:600;padding:8px 16px;cursor:pointer}.szablony .szablon-tydzien{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-bottom:12px}.szablon-dzien{background:#fff;border:1px solid #dbe2e9;border-radius:8px;padding:10px 12px}.szablon-dzien-naglowek{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:.95rem}.szablon-dzien-naglowek button{padding:4px 10px;font-size:.8rem}.szablon-wolne{color:#97a3af;font-size:.85rem;padding:2px 0}.szablon-blok{display:flex;align-items:center;gap:5px;padding:3px 0}.szablon-blok select{padding:5px 6px;border:1px solid #cfd8e0;border-radius:6px;font-size:.85rem;background:#fff}.szablon-blok .szablon-usun{padding:4px 9px;font-size:.8rem;margin-left:auto}.szablon-akcje{margin-top:4px}.szablon-data{flex-direction:row;align-items:center;gap:8px;font-size:.9rem;font-weight:600}.szablon-data input{padding:6px 8px;font-size:.9rem}.szablon-pomoc{display:block;max-width:760px;margin-top:10px;line-height:1.45}.ostrzezenie-tekst{margin:4px 0;color:#b45309;font-size:.88rem;font-weight:600}.szablon-raport{background:#fff;border:1px solid #dbe2e9;border-radius:8px;padding:12px 18px;margin-top:12px;max-width:620px}.szablon-raport h3{margin:0 0 6px}.szablon-raport ul{margin:0;padding-left:18px;font-size:.9rem;line-height:1.6}.modal-checkbox{flex-direction:row;align-items:center;gap:8px;margin:12px 0 6px;font-size:.92rem;cursor:pointer}.modal-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.kloda{display:inline-flex;flex-direction:row;align-items:center;gap:6px;font-size:.85rem;color:#5b6b7b;cursor:pointer;white-space:nowrap}.kloda input[type=checkbox]{width:16px;height:16px;cursor:pointer}.kloda input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.kloda.zamknieta{color:#b45309;font-weight:700}.siatka.zablokowana td.slot,.siatka.zablokowana td.u-kratka{cursor:default}.siatka.zablokowana td.u-kratka:hover{background:none}.siatka.zablokowana td.u-kratka.u-urlop:hover{background:#ffd7cf}.siatka.zablokowana td.u-kratka.u-urlop.u-zatwierdzony:hover{background:#cfe9cf}.limit-pole:disabled{background:#f4f6f8;color:#8a97a5;cursor:not-allowed}