@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/fonts/inter-400-pl.woff2)format("woff2")}@font-face{font-family:Inter;font-weight:500;font-display:swap;src:url(/fonts/inter-500-pl.woff2)format("woff2")}@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(/fonts/inter-600-pl.woff2)format("woff2")}@font-face{font-family:Archivo;font-weight:700;font-display:swap;src:url(/fonts/archivo-700-pl.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-500-pl.woff2)format("woff2")}:root{--granat:#131a2e;--granat-2:#1c2540;--granat-3:#2a3557;--tlo:#f6f7fa;--karta:#fff;--linia:#e3e6ee;--linia-mocna:#cdd2df;--tekst:#151c30;--tekst-2:#566080;--tekst-3:#838ca6;--akcent:#f0701a;--akcent-ciemny:#c9560a;--akcent-tlo:#fff3e8;--ok:#18794e;--ok-tlo:#e6f4ec;--blad:#b42318;--blad-tlo:#fdecea;--promien:10px;--cien:0 1px 2px #131a2e0f, 0 4px 14px #131a2e0f;--sans:"Inter", ui-sans-serif, system-ui, sans-serif;--tytul:"Archivo", "Inter", ui-sans-serif, system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--tlo);color:var(--tekst);font:400 15px/1.5 var(--sans);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4,p,ul,ol,dl,dd{margin:0}ul,ol{padding:0;list-style:none}a{color:var(--akcent-ciemny)}small{color:var(--tekst-3);font-size:12.5px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:var(--akcent);color:#fff;border:0;border-radius:8px;padding:9px 16px;font-weight:600;transition:background .15s,opacity .15s}button:hover{background:var(--akcent-ciemny)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--akcent);outline-offset:2px}button.drugi{background:var(--karta);color:var(--tekst);box-shadow:inset 0 0 0 1px var(--linia-mocna)}button.drugi:hover{background:var(--tlo)}button.maly{padding:6px 12px;font-size:13.5px}button.link{color:var(--akcent-ciemny);background:0 0;border-radius:4px;padding:0;font-weight:500}button.link:hover{background:0 0;text-decoration:underline}button.ikona{color:var(--tekst-2);background:0 0;padding:6px 9px;font-size:17px;line-height:1}button.ikona:hover{background:#131a2e12}input,select,textarea{border:1px solid var(--linia-mocna);background:var(--karta);border-radius:8px;width:100%;padding:8px 10px}textarea{resize:vertical}input[type=checkbox]{width:17px;height:17px;accent-color:var(--akcent);flex:none;margin:3px 0 0}label{color:var(--tekst-2);gap:4px;font-size:13px;font-weight:500;display:grid}label input,label select{color:var(--tekst);font-size:15px;font-weight:400}.blad{color:var(--blad);background:var(--blad-tlo);border-radius:8px;padding:8px 12px;font-size:14px}.uwaga{background:var(--akcent-tlo);color:#7a3a06;border-radius:8px;padding:8px 12px;font-size:14px}.laduje,.pusto-male{color:var(--tekst-3);padding:6px 0;font-size:14px}.znaczek{background:var(--linia);color:var(--tekst-2);white-space:nowrap;border-radius:99px;padding:2px 9px;font-size:12px;font-weight:600}.znaczek.ok{background:var(--ok-tlo);color:var(--ok)}.znaczek.czeka{background:var(--akcent-tlo);color:var(--akcent-ciemny)}.segment{min-width:20px;height:20px;font:500 11.5px var(--mono);background:var(--linia);color:var(--tekst-2);border-radius:6px;flex:none;place-items:center;display:inline-grid}.segment-A{background:var(--akcent);color:#fff}.segment-B{background:var(--granat-3);color:#fff}.licznik-sekcji{font:500 12px var(--mono);color:var(--tekst-3);margin-left:4px}.przyciski{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.przyciski.lewe{justify-content:flex-start;margin-top:10px}.formularz{gap:12px;display:grid}.dwa{grid-template-columns:1fr 1fr;gap:12px;display:grid}.marka{font:700 17px var(--tytul);letter-spacing:-.01em;align-items:center;gap:9px;display:flex}.marka em{color:var(--akcent);font-style:normal}.logowanie{background:var(--granat);place-items:center;min-height:100%;padding:16px;display:grid}.logowanie form{background:var(--karta);border-radius:16px;gap:14px;width:min(380px,100%);padding:28px;display:grid;box-shadow:0 20px 60px #00000059}.logowanie .marka{margin-bottom:6px;font-size:20px}.uklad{grid-template-columns:272px minmax(0,1fr) minmax(380px,34vw);height:100%;display:grid}.kolumna-watki{background:var(--granat);color:#dfe4f2;min-height:0}.kolumna-rozmowa{background:var(--tlo);flex-direction:column;min-width:0;min-height:0;display:flex}.kolumna-panel{background:var(--karta);border-left:1px solid var(--linia);flex-direction:column;min-width:0;min-height:0;display:flex}.zaslona,.tylko-mobile{display:none}.watki{flex-direction:column;gap:12px;height:100%;padding:16px 10px 10px;display:flex}.watki .marka{color:#fff;padding:0 8px 4px}.watki button{color:inherit;text-align:left;background:0 0;font-weight:500}.watek{border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:14.5px;display:flex}.watek:hover{background:var(--granat-2)}.watek.aktywny{background:var(--granat-3);color:#fff}.watek-ikona{color:var(--akcent);text-align:center;width:18px}.watek-nazwa{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.zalegle{font:500 11px var(--mono);background:var(--blad);color:#fff;border-radius:99px;padding:1px 6px}.skroty{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.skroty button{text-align:center;background:var(--granat-2);border-radius:8px;padding:7px 4px;font-size:13px}.skroty button:hover{background:var(--granat-3)}.watki-szukaj{gap:8px;display:grid}.watki-szukaj input{background:var(--granat-2);border-color:var(--granat-3);color:#fff;font-size:14px}.watki-szukaj input::placeholder{color:#8791ad}.watki button.nowy{background:var(--akcent);color:#fff;text-align:center;font-size:14px;font-weight:600}.watki button.nowy:hover{background:var(--akcent-ciemny)}.watki-lista{flex:1;min-height:0;margin:0 -4px;padding:0 4px;overflow-y:auto}.watki-lista .pusto-male{color:#8791ad;padding:6px 10px}.grupa h3{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#8791ad;justify-content:space-between;padding:12px 10px 4px;display:flex}.konto{border-top:1px solid var(--granat-3);color:#8791ad;justify-content:space-between;align-items:center;gap:8px;padding:8px 8px 0;font-size:12.5px;display:flex}.konto span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.watki .konto button.link{color:#dfe4f2;font-size:12.5px}.rozmowa{flex-direction:column;flex:1;min-height:0;display:flex}.rozmowa-naglowek{border-bottom:1px solid var(--linia);background:var(--karta);align-items:center;gap:8px;padding:14px 24px;display:flex}.rozmowa-naglowek h1{font:700 18px var(--tytul);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.wiadomosci{flex-direction:column;flex:1;gap:14px;min-height:0;padding:20px 24px 8px;display:flex;overflow-y:auto}.wiadomosc{flex-direction:column;gap:4px;max-width:min(720px,92%);display:flex}.wiadomosc time{color:var(--tekst-3);font-size:11.5px}.rola-user{align-self:flex-end;align-items:flex-end}.rola-assistant{align-self:flex-start}.rola-event{align-self:stretch;max-width:none}.dymek{overflow-wrap:anywhere;border-radius:14px;gap:8px;padding:10px 14px;display:grid}.rola-user .dymek{background:var(--granat);color:#fff;border-bottom-right-radius:4px}.rola-assistant .dymek{background:var(--karta);box-shadow:var(--cien);border-bottom-left-radius:4px}.dymek ul{gap:3px;padding-left:18px;list-style:outside;display:grid}.surowy{white-space:pre-wrap;max-height:320px;overflow-y:auto}.plik{background:#7f7f7f24;border-radius:6px;align-items:center;gap:6px;width:fit-content;padding:2px 8px;font-size:13px;display:inline-flex}.plik button{color:inherit;background:0 0;padding:0 2px;font-size:12px}.krok{color:var(--tekst-2);align-items:center;gap:8px;font-size:14px;display:flex}.kropki{background:var(--akcent);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite puls}@keyframes puls{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.zdarzenie{text-align:left;background:var(--karta);width:100%;color:var(--tekst);border-left:3px solid var(--akcent);box-shadow:var(--cien);border-radius:10px;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 14px;font-weight:400;display:flex}.zdarzenie:hover{background:var(--karta)}.zdarzenie:disabled{opacity:1;cursor:default}.zdarzenie time{flex:none}.pusto{max-width:440px;color:var(--tekst-2);text-align:center;gap:10px;margin:auto;display:grid}.pusto ul{gap:6px;display:grid}button.podpowiedz{background:var(--karta);color:var(--tekst);box-shadow:inset 0 0 0 1px var(--linia-mocna);width:100%;font-size:14px;font-weight:400}button.podpowiedz:hover{background:var(--akcent-tlo)}.karta-akcji{background:var(--karta);border:1px solid var(--linia-mocna);border-left:3px solid var(--akcent);border-radius:10px;gap:8px;width:min(560px,100%);padding:12px 14px;display:grid}.karta-akcji.stan-approved{border-left-color:var(--ok)}.karta-akcji.stan-rejected{border-left-color:var(--tekst-3);opacity:.75}.karta-akcji-tytul{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.karta-akcji dl{grid-template-columns:auto 1fr;gap:2px 12px;font-size:14px;display:grid}.karta-akcji dt{color:var(--tekst-3)}.karta-akcji-tresc{font:inherit;white-space:pre-wrap;background:var(--tlo);border-radius:8px;max-height:220px;margin:0;padding:10px;font-size:14px;overflow-y:auto}.pole-rozmowy{gap:8px;padding:10px 24px 18px;display:grid}.pole-wiersz{background:var(--karta);border:1px solid var(--linia-mocna);box-shadow:var(--cien);border-radius:14px;align-items:flex-end;gap:8px;padding:6px 6px 6px 4px;display:flex}.pole-wiersz:focus-within{border-color:var(--akcent)}.pole-wiersz textarea{resize:none;background:0 0;border:0;max-height:240px;padding:8px 4px}.pole-wiersz textarea:focus-visible{outline:none}.zalaczniki{flex-wrap:wrap;gap:6px;display:flex}.licznik{font:500 12px var(--mono);color:var(--tekst-3);text-align:right}.stopka-strumienia{color:var(--tekst-3);text-align:center;padding:14px 24px 20px;font-size:14px}.panel-naglowek{border-bottom:1px solid var(--linia);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px 0;display:flex}.zakladki{scrollbar-width:none;flex:1;gap:2px;min-width:0;display:flex;overflow-x:auto}.zakladki button{color:var(--tekst-2);white-space:nowrap;background:0 0;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;padding:9px 12px;font-weight:500}.zakladki button:hover{color:var(--tekst);background:var(--tlo)}.zakladki button.aktywna{color:var(--tekst);border-bottom-color:var(--akcent);font-weight:600}.panel-tresc{flex:1;min-height:0;padding:16px 18px 28px;overflow-y:auto}.widok{align-content:start;gap:14px;display:grid}.widok h3{font:700 16px var(--tytul);align-items:center;gap:6px;display:flex}.widok h4{font:600 12px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--tekst-3);align-items:center;gap:6px;margin-bottom:8px;display:flex}.widok section{border-top:1px solid var(--linia);padding-top:14px}.podpowiedz-widoku{color:var(--tekst-3);margin-bottom:8px;font-size:13px}.zadania{gap:2px;display:grid}.zadania li{border-radius:8px;gap:10px;padding:7px 8px;display:flex}.zadania li:hover{background:var(--tlo)}.zadania li>div{min-width:0;display:grid}.zadania .po-terminie small{color:var(--blad)}.karty{gap:8px;display:grid}.karta{text-align:left;background:var(--karta);width:100%;color:var(--tekst);border:1px solid var(--linia);border-radius:var(--promien);gap:2px;padding:10px 12px;font-weight:400;display:grid}.karta:hover{background:var(--karta);border-color:var(--akcent)}.karta-tytul{justify-content:space-between;align-items:center;gap:8px;font-weight:600;display:flex}.lejek{grid-auto-columns:216px;grid-auto-flow:column;align-items:start;gap:10px;padding-bottom:10px;display:grid;overflow-x:auto}.kolumna{background:var(--tlo);border-radius:var(--promien);border:1.5px dashed #0000;align-content:start;gap:8px;min-height:96px;padding:10px 8px;display:grid}.kolumna.cel{border-color:var(--akcent);background:var(--akcent-tlo)}.kolumna h3{font:600 12.5px var(--sans);color:var(--tekst-2);justify-content:space-between;padding:0 4px}.kolumna .karta{cursor:grab}.karta.ciagnieta{opacity:.4}.klient-naglowek{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.klient-naglowek h3{font-size:19px}.etap-wybor{grid-template-columns:auto 1fr;align-items:center;gap:10px}.sekcja-naglowek{justify-content:space-between;align-items:baseline;display:flex}.dane{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px 16px;display:grid}.dane dt{color:var(--tekst-3);font-size:12px}.dane dd{overflow-wrap:anywhere}.dane pre{font:inherit;white-space:pre-wrap;margin:0;font-size:13.5px}.siatka-pol{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.wiersz-dodaj{flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:8px;display:flex}.wiersz-dodaj input:first-child,.wiersz-dodaj textarea{flex:180px}.wiersz-dodaj input[type=datetime-local]{flex:0 190px;width:auto}.wykonane{color:var(--tekst-2);margin-top:8px;font-size:14px}.wykonane summary{cursor:pointer}.wykonane li{text-decoration:line-through;-webkit-text-decoration-color:var(--linia-mocna);text-decoration-color:var(--linia-mocna);padding:3px 0}.os-czasu{border-left:2px solid var(--linia);gap:0;margin-left:5px;display:grid}.wpis{padding:0 0 14px 16px;position:relative}.wpis:before{content:"";background:var(--karta);border:2px solid var(--linia-mocna);border-radius:50%;width:10px;height:10px;position:absolute;top:6px;left:-6px}.wpis-zmiana_etapu:before,.wpis-lead_utworzony:before{border-color:var(--akcent);background:var(--akcent)}.wpis-notatka p{background:var(--akcent-tlo);white-space:pre-wrap;border-radius:8px;padding:6px 10px}.tabela-przewijana{overflow-x:auto}.tabela{border-collapse:collapse;width:100%;font-size:14px}.tabela th{text-align:left;font:500 11.5px var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--tekst-3);padding:4px 6px}.tabela td{vertical-align:middle;padding:3px 4px}.tabela input{min-width:150px;padding:6px 8px;font-size:14px}.tabela input.waski{width:92px;min-width:0}.tabela input.kwota{text-align:right;width:104px;min-width:0;font-family:var(--mono);font-size:13px}.tabela .wylaczona input{color:var(--tekst-3);text-decoration:line-through}.akcje-wiersza{white-space:nowrap;text-align:right}.okno-tlo{z-index:50;background:#131a2e8c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.okno{background:var(--karta);color:var(--tekst);border-radius:14px;gap:16px;width:min(460px,100%);max-height:92vh;padding:20px;display:grid;overflow-y:auto;box-shadow:0 24px 70px #00000059}.okno header{justify-content:space-between;align-items:center;gap:12px;display:flex}.okno h2{font:700 18px var(--tytul)}.okno button{text-align:center}.okno button.ikona{color:var(--tekst-2)}.okno .przyciski button:not(.drugi){background:var(--akcent);color:#fff}.okno .przyciski button.drugi{background:var(--karta);color:var(--tekst)}@media (width<=1100px){.uklad{grid-template-columns:272px minmax(0,1fr)}.kolumna-panel{z-index:30;width:min(520px,100%);transition:transform .2s;position:fixed;inset:0 0 0 auto;transform:translate(100%);box-shadow:-10px 0 40px #0003}.otwarta-panel .kolumna-panel{transform:none}.otwarta-panel .zaslona{z-index:20;background:#131a2e73;border-radius:0;padding:0;display:block;position:fixed;inset:0}.kolumna-panel .tylko-mobile,.rozmowa-naglowek .tylko-mobile:last-child{display:inline-block}}@media (width<=760px){.uklad{grid-template-columns:minmax(0,1fr)}.tylko-mobile{display:inline-block}.kolumna-watki{z-index:30;width:min(310px,88%);transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.otwarta-watki .kolumna-watki{transform:none}.otwarta-watki .zaslona{z-index:20;background:#131a2e73;border-radius:0;padding:0;display:block;position:fixed;inset:0}.kolumna-panel{width:100%}.rozmowa-naglowek{padding:10px 12px}.wiadomosci{padding:14px 12px 6px}.pole-rozmowy{padding:8px 10px calc(10px + env(safe-area-inset-bottom))}.pole-wiersz textarea,input,select,textarea{font-size:16px}.wiadomosc{max-width:94%}.panel-tresc{padding:14px 14px 28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}