:root{--tlo:#f4f5f7;--tlo-karta:#fff;--tekst:#1a1d23;--tekst-jasny:#6b7280;--obramowanie:#e5e7eb;--akcent:#2563eb;--akcent-ciemny:#1d4ed8;--zielony:#16a34a;--zielony-tlo:#dcfce7;--czerwony:#dc2626;--czerwony-tlo:#fee2e2;--pomaranczowy:#ea580c;--zolty-tlo:#fef9c3;--cien:0 1px 3px #00000014, 0 1px 2px #0000000a;--cien-mocny:0 10px 25px #0000001f;--radius:12px;--radius-maly:8px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--tlo);color:var(--tekst);-webkit-font-smoothing:antialiased;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;font-size:15px;line-height:1.5}button{cursor:pointer;border:none;font-family:inherit;font-size:14px}input,select,textarea{font-family:inherit;font-size:15px}.btn{background:var(--akcent);color:#fff;border-radius:var(--radius-maly);justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-weight:600;transition:background .15s,transform 50ms;display:inline-flex}.btn:hover{background:var(--akcent-ciemny)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-pelny{width:100%}.btn-szary{color:var(--tekst);background:#e5e7eb}.btn-szary:hover{background:#d1d5db}.btn-czerwony{background:var(--czerwony)}.btn-czerwony:hover{background:#b91c1c}.btn-zielony{background:var(--zielony)}.btn-zielony:hover{background:#15803d}.btn-maly{padding:6px 10px;font-size:13px}.btn-ikona{color:var(--tekst-jasny);background:0 0;border-radius:6px;padding:6px;font-size:16px;line-height:1}.btn-ikona:hover{background:var(--obramowanie);color:var(--tekst)}.pole{border:1px solid var(--obramowanie);border-radius:var(--radius-maly);background:#fff;width:100%;padding:10px 12px;transition:border-color .15s}.pole:focus{border-color:var(--akcent);outline:none}.etykieta{color:var(--tekst-jasny);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.grupa-pola{margin-bottom:14px}.karta{background:var(--tlo-karta);border-radius:var(--radius);box-shadow:var(--cien);border:1px solid var(--obramowanie)}.modal-tlo{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.15s pojaw;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius);box-shadow:var(--cien-mocny);background:#fff;width:100%;max-width:460px;max-height:90vh;animation:.2s wjazd;overflow-y:auto}.modal-naglowek{border-bottom:1px solid var(--obramowanie);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.modal-naglowek h3{font-size:17px}.modal-tresc{padding:20px}@keyframes pojaw{0%{opacity:0}to{opacity:1}}@keyframes wjazd{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ladowanie{height:100vh;color:var(--tekst-jasny);justify-content:center;align-items:center;display:flex}.spinner{border:3px solid var(--obramowanie);border-top-color:var(--akcent);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite obrot}@keyframes obrot{to{transform:rotate(360deg)}}.pusty-stan{text-align:center;color:var(--tekst-jasny);padding:40px 20px}.pusty-stan .ikona{margin-bottom:8px;font-size:40px}.znacznik{border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.znacznik-zaplanowane{background:var(--zolty-tlo);color:#a16207}.znacznik-wykonane{background:var(--zielony-tlo);color:var(--zielony)}.znacznik-rola{color:#4338ca;background:#e0e7ff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.ekran-logowania{background:linear-gradient(135deg, var(--akcent) 0%, var(--akcent-ciemny) 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.panel-logowania{box-shadow:var(--cien-mocny);background:#fff;border-radius:16px;width:100%;max-width:400px;padding:32px 28px}.logo-app{text-align:center;margin-bottom:24px}.logo-app .znak{font-size:38px}.logo-app h1{margin-top:6px;font-size:21px}.logo-app p{color:var(--tekst-jasny);font-size:13px}.link-tekst{color:var(--akcent);background:0 0;padding:0;font-size:13px;font-weight:600}.link-tekst:hover{text-decoration:underline}.komunikat{border-radius:var(--radius-maly);margin-bottom:14px;padding:10px 12px;font-size:13px}.komunikat-blad{background:var(--czerwony-tlo);color:var(--czerwony)}.komunikat-ok{background:var(--zielony-tlo);color:var(--zielony)}.pasek-gorny{border-bottom:1px solid var(--obramowanie);z-index:50;background:#fff;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.pasek-gorny .tytul-strony{align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.pasek-gorny .lewa{align-items:center;gap:4px;min-width:0;display:flex}.pasek-gorny .tytul-strony span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-uzytkownika{position:relative}.awatar{background:var(--akcent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.menu-rozwijane{border:1px solid var(--obramowanie);border-radius:var(--radius-maly);box-shadow:var(--cien-mocny);background:#fff;min-width:200px;position:absolute;top:44px;right:0;overflow:hidden}.menu-rozwijane .pozycja{text-align:left;background:0 0;align-items:center;gap:8px;width:100%;padding:10px 14px;display:flex}.menu-rozwijane .pozycja:hover{background:var(--tlo)}.menu-rozwijane .info{border-bottom:1px solid var(--obramowanie);padding:12px 14px}.menu-rozwijane .info .imie{font-size:14px;font-weight:700}.menu-rozwijane .info .mail{color:var(--tekst-jasny);font-size:12px}.zakladki{border-bottom:1px solid var(--obramowanie);z-index:49;background:#fff;gap:4px;padding:8px 16px;display:flex;position:sticky;top:56px;overflow-x:auto}.zakladka{color:var(--tekst-jasny);white-space:nowrap;background:0 0;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-weight:600;display:flex}.zakladka.aktywna{background:var(--akcent);color:#fff}.zakladka:not(.aktywna):hover{background:var(--tlo)}.tresc{max-width:1100px;margin:0 auto;padding:20px 16px 60px}.naglowek-sekcji{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.naglowek-sekcji h2{font-size:20px}.naglowek-sekcji .podtytul{color:var(--tekst-jasny);font-size:13px}.siatka-kafelkow{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.kafelek-budowy{border-radius:var(--radius);box-shadow:var(--cien);border:1px solid var(--obramowanie);cursor:pointer;background:#fff;transition:transform .12s,box-shadow .12s;position:relative;overflow:hidden}.kafelek-budowy:hover{box-shadow:var(--cien-mocny);transform:translateY(-3px)}.kafelek-budowy .pasek-koloru{height:8px}.kafelek-budowy .tresc-kafelka{padding:16px}.kafelek-budowy h3{margin-bottom:4px;font-size:16px}.kafelek-budowy .adres{color:var(--tekst-jasny);align-items:center;gap:4px;margin-bottom:12px;font-size:13px;display:flex}.kafelek-budowy .statystyki{color:var(--tekst-jasny);gap:14px;font-size:13px;display:flex}.kafelek-budowy .statystyki b{color:var(--tekst)}.kafelek-budowy .menu-kafelka{position:absolute;top:12px;right:10px}.kafelek-dodaj{border:2px dashed var(--obramowanie);border-radius:var(--radius);color:var(--tekst-jasny);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:130px;font-weight:600;transition:border-color .15s,color .15s;display:flex}.kafelek-dodaj:hover{border-color:var(--akcent);color:var(--akcent)}.kafelek-dodaj .plus{font-size:28px}.lista-obiektow{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.obiekt-karta{border:1px solid var(--obramowanie);border-radius:var(--radius-maly);cursor:pointer;border-left:4px solid var(--akcent);background:#fff;padding:12px 14px;transition:border-color .12s,transform 80ms}.obiekt-karta:hover{transform:translate(2px)}.obiekt-karta .gora{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.obiekt-karta .nazwa-obiektu{align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.obiekt-karta .meta{color:var(--tekst-jasny);margin-top:4px;font-size:12px}.obiekt-karta .liczba-zadan{background:var(--tlo);white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:600}.telefon-link{color:var(--akcent);align-items:center;gap:3px;font-weight:600;text-decoration:none;display:inline-flex}.telefon-link:hover{text-decoration:underline}.lista-zadan{flex-direction:column;gap:8px;display:flex}.zadanie-wiersz{border:1px solid var(--obramowanie);border-radius:var(--radius-maly);background:#fff;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.zadanie-wiersz.zrobione{background:#fafafa}.checkbox-zadania{border:2px solid var(--obramowanie);color:#fff;background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:13px;transition:all .12s;display:flex}.checkbox-zadania.zaznaczony{background:var(--zielony);border-color:var(--zielony)}.checkbox-zadania:disabled{cursor:not-allowed}.zadanie-tresc{flex:1;min-width:0}.zadanie-tytul{font-weight:600}.zadanie-tytul.przekreslony{color:var(--tekst-jasny);text-decoration:line-through}.zadanie-opis{color:var(--tekst-jasny);margin-top:2px;font-size:13px}.zadanie-info{color:var(--tekst-jasny);flex-wrap:wrap;gap:10px;margin-top:8px;font-size:12px;display:flex}.zadanie-info .chip{background:var(--tlo);border-radius:10px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.zadanie-akcje{gap:2px;display:flex}.szybkie-dodawanie{gap:8px;margin-bottom:14px;display:flex}.szybkie-dodawanie input{flex:1}.kalendarz-naglowek{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.kalendarz-naglowek .miesiac{font-size:17px;font-weight:700}.kalendarz-siatka{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.kalendarz-dzien-naglowek{text-align:center;color:var(--tekst-jasny);text-transform:uppercase;padding:4px;font-size:11px;font-weight:700}.kalendarz-komorka{border:1px solid var(--obramowanie);cursor:pointer;background:#fff;border-radius:6px;flex-direction:column;gap:2px;min-height:72px;padding:4px 5px;transition:border-color .1s;display:flex}.kalendarz-komorka:hover{border-color:var(--akcent)}.kalendarz-komorka.poza{opacity:.35}.kalendarz-komorka.dzis{border-color:var(--akcent);background:#eff6ff}.kalendarz-komorka .numer-dnia{font-size:12px;font-weight:700}.kalendarz-pigulka{white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:1px 5px;font-size:10px;overflow:hidden}.kalendarz-pigulka.zaplanowane{background:var(--zolty-tlo);color:#a16207}.kalendarz-pigulka.wykonane{background:var(--zielony-tlo);color:var(--zielony)}.kalendarz-wiecej{color:var(--tekst-jasny);font-size:10px;font-weight:600}.siatka-statystyk{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:20px;display:grid}.kafelek-statystyki{border:1px solid var(--obramowanie);border-radius:var(--radius);background:#fff;padding:16px}.kafelek-statystyki .liczba{font-size:28px;font-weight:800}.kafelek-statystyki .etykieta-stat{color:var(--tekst-jasny);font-size:13px}.tabela-pracownikow{border-collapse:collapse;border-radius:var(--radius);border:1px solid var(--obramowanie);background:#fff;width:100%;overflow:hidden}.tabela-pracownikow th{text-align:left;text-transform:uppercase;color:var(--tekst-jasny);background:var(--tlo);padding:12px 14px;font-size:12px}.tabela-pracownikow td{border-top:1px solid var(--obramowanie);padding:12px 14px}.pasek-postepu{background:var(--obramowanie);border-radius:4px;height:8px;overflow:hidden}.pasek-postepu .wypelnienie{background:var(--zielony);height:100%;transition:width .3s}.lista-prosta{flex-direction:column;gap:8px;display:flex}.wiersz-listy{border:1px solid var(--obramowanie);border-radius:var(--radius-maly);background:#fff;align-items:center;gap:12px;padding:12px 14px;display:flex}.wiersz-listy .opis-wiersza{flex:1;min-width:0}.wiersz-listy.zrobione .tekst-wiersza{color:var(--tekst-jasny);text-decoration:line-through}.tekst-wiersza{font-weight:600}.podtekst-wiersza{color:var(--tekst-jasny);font-size:12px}.paleta-kolorow{flex-wrap:wrap;gap:8px;display:flex}.probka-koloru{cursor:pointer;border:3px solid #0000;border-radius:8px;width:34px;height:34px;transition:transform .1s}.probka-koloru:hover{transform:scale(1.1)}.probka-koloru.wybrana{border-color:var(--tekst)}.breadcrumb{color:var(--tekst-jasny);margin-bottom:4px;font-size:13px}.breadcrumb button{color:var(--akcent);background:0 0;padding:0;font-weight:600}.breadcrumb button:hover{text-decoration:underline}.filtr-pasek{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.filtr-pasek select{max-width:200px}.naglowek-grupy{color:var(--tekst-jasny);text-transform:uppercase;margin:16px 0 8px;font-size:13px;font-weight:700}.info-pasek{color:#1e40af;border-radius:var(--radius-maly);background:#eff6ff;border:1px solid #bfdbfe;margin-bottom:14px;padding:10px 14px;font-size:13px}@media (width<=640px){.siatka-kafelkow{grid-template-columns:1fr 1fr}.kalendarz-komorka{min-height:56px}.tabela-pracownikow{font-size:13px}.tabela-pracownikow th,.tabela-pracownikow td{padding:8px}}@media (width<=420px){.siatka-kafelkow{grid-template-columns:1fr}}.plywajacy-wroc{background:var(--akcent);color:#fff;cursor:pointer;z-index:60;white-space:nowrap;border:none;border-radius:30px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .12s,background .15s;display:inline-flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #2563eb66,0 2px 6px #00000026}.plywajacy-wroc:hover{background:var(--akcent-ciemny);transform:translate(-50%)translateY(-2px);box-shadow:0 10px 28px #2563eb80,0 3px 8px #0003}.plywajacy-wroc:active{transform:translate(-50%)scale(.96)}.plywajacy-wroc .strzalka{font-size:18px;line-height:1}.tresc.z-plywajacym{padding-bottom:100px}@media (width<=640px){.plywajacy-wroc{padding:13px 24px;font-size:14px;bottom:16px}}