@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Sora:wght@500;600&display=swap&subset=latin,latin-ext";:root{--canvas:#fff;--surface-1:#f8fafc;--surface-2:#f1f5f9;--text:#0f172a;--muted:#64748b;--disabled:#94a3b8;--hairline:#e2e8f0;--border-strong:#cbd5e1;--accent:#06b6d4;--accent-strong:#0e7490;--accent-tint:#06b6d414;--ok:#0f766e;--ok-tint:#0f766e17;--warn:#b45309;--warn-tint:#b4530917;--cien-karta:0 1px 2px #0f172a0a, 0 1px 3px #0f172a0f;--cien-wyzej:0 4px 12px #0f172a14, 0 1px 2px #0f172a0a;--r-mal:6px;--r-sred:8px;--ruch:.15s cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--surface-2);color:var(--text);font-variant-numeric:tabular-nums;font-feature-settings:"cv05" on,"ss01" on;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:15px;line-height:1.55}h1,h2,h3{letter-spacing:-.02em;margin:0;font-family:Sora,Inter,sans-serif}h1{font-size:28px;font-weight:600;line-height:1.2}h2{font-size:20px;font-weight:600;line-height:1.3}h3{font-size:16px;font-weight:600;line-height:1.35}p{margin:0}button{font:inherit;cursor:pointer}.etykieta{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:500}.cichy{color:var(--muted)}.apka{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.nawigacja{background:var(--canvas);border-right:1px solid var(--hairline);flex-direction:column;gap:24px;height:100vh;padding:16px;display:flex;position:sticky;top:0}.firma{align-items:center;gap:12px;padding:0 8px;display:flex}.firma .znak{border-radius:var(--r-mal);background:var(--accent-strong);color:#fff;place-items:center;width:36px;height:36px;font-family:Sora,sans-serif;font-size:15px;font-weight:600;display:grid}.firma .nazwa{font-weight:600;line-height:1.2}.firma .miasto{color:var(--muted);font-size:13px}.menu{flex-direction:column;gap:2px;display:flex}.menu button{text-align:left;border-radius:var(--r-mal);width:100%;color:var(--muted);transition:background-color var(--ruch),color var(--ruch);background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:9px 10px;font-weight:500;display:flex}.menu button:hover{background:var(--surface-1);color:var(--text)}.menu button[aria-current=page]{background:var(--accent-tint);color:var(--accent-strong)}.menu svg{flex:none;width:18px;height:18px}.znacznik{background:var(--warn-tint);min-width:20px;height:20px;color:var(--warn);border-radius:999px;place-items:center;margin-left:auto;padding:0 6px;font-size:12px;font-weight:600;display:grid}.stopka-nawigacji{border-top:1px solid var(--hairline);flex-direction:column;gap:8px;margin-top:auto;padding-top:16px;display:flex}.koszt{color:var(--muted);font-size:13px}.koszt b{color:var(--text);font-weight:600}.makieta-info{color:var(--disabled);font-size:11px}.tresc{flex-direction:column;min-width:0;display:flex}.pasek-gorny{z-index:5;background:var(--canvas);border-bottom:1px solid var(--hairline);align-items:center;gap:16px;height:60px;padding:0 24px;display:flex;position:sticky;top:0}.pasek-gorny .data{color:var(--muted);margin-left:auto;font-size:13px}.ekran{width:100%;max-width:1040px;padding:24px}.ekran[hidden]{display:none}.naglowek-ekranu{margin-bottom:24px}.naglowek-ekranu p{color:var(--muted);margin-top:4px}.karta{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-sred);box-shadow:var(--cien-karta)}.kafle{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.kafel{padding:16px}.kafel .liczba{letter-spacing:-.02em;font-family:Sora,sans-serif;font-size:34px;font-weight:600;line-height:1.1}.kafel .opis{color:var(--muted);margin-top:4px;font-size:13px}.kafel.uwaga .liczba{color:var(--warn)}.sekcja{margin-bottom:24px}.sekcja>h2{margin-bottom:8px}.sekcja>.wstep{color:var(--muted);margin-bottom:16px;font-size:14px}.decyzje{flex-direction:column;gap:12px;display:flex}.decyzja{transition:opacity .2s ease,transform .2s ease,border-color var(--ruch);align-items:flex-start;gap:16px;padding:16px;display:flex}.decyzja.znika{opacity:0;transform:translateY(-6px)}.decyzja .tekst{flex:1;min-width:0}.decyzja h3{margin-bottom:4px}.decyzja p{color:var(--muted);font-size:14px}.decyzja .guziki{flex:none;gap:8px;display:flex}.pusta-lista{text-align:center;color:var(--muted);padding:24px;font-size:14px}.pusta-lista svg{width:24px;height:24px;color:var(--disabled);margin-bottom:8px}.btn{border-radius:var(--r-mal);transition:background-color var(--ruch),border-color var(--ruch),transform .1s cubic-bezier(.16,1,.3,1);border:1px solid #0000;padding:8px 14px;font-size:14px;font-weight:500}.btn:active{transform:scale(.98)}.btn:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent);outline:none}.btn-glowny{background:var(--accent-strong);color:#fff}.btn-glowny:hover{background:#0b5c73}.btn-drugi{background:var(--canvas);border-color:var(--hairline);color:var(--text)}.btn-drugi:hover{background:var(--surface-1);border-color:var(--border-strong)}.btn-maly{padding:6px 10px;font-size:13px}.btn[disabled]{color:var(--disabled);background:var(--surface-1);border-color:var(--hairline);cursor:not-allowed}.btn[disabled]:active{transform:none}.www-uklad{grid-template-columns:1.15fr 1fr;align-items:start;gap:16px;display:grid}.podglad{padding:16px}.ramka{border:1px solid var(--hairline);border-radius:var(--r-mal);background:#fff;overflow:hidden}.ramka-pasek{background:var(--surface-1);border-bottom:1px solid var(--hairline);align-items:center;gap:6px;padding:8px 10px;display:flex}.ramka-pasek .kropka{background:var(--border-strong);border-radius:999px;width:8px;height:8px}.ramka-pasek .adres{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-left:6px;font-size:11px;overflow:hidden}.mini{font-size:11px;line-height:1.5}.mini-hero{border-bottom:1px solid var(--hairline);padding:20px 16px}.mini-hero .marka{letter-spacing:-.02em;font-family:Sora,sans-serif;font-size:17px;font-weight:600}.mini-hero .haslo{color:var(--muted);margin-top:4px}.mini-hero .mini-btn{background:var(--accent-strong);color:#fff;border-radius:4px;margin-top:10px;padding:5px 9px;font-weight:500;display:inline-block}.mini-cennik{border-bottom:1px solid var(--hairline);padding:14px 16px}.mini-cennik .tytul{margin-bottom:8px;font-weight:600}.mini-cennik .wiersz{border-bottom:1px solid var(--surface-2);justify-content:space-between;padding:4px 0;display:flex}.mini-cennik .wiersz:last-child{border-bottom:0}.mini-stopka{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px 16px;display:flex}.adres-www{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.adres-www code{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--r-mal);color:var(--text);text-overflow:ellipsis;padding:6px 10px;font-family:inherit;font-size:13px;overflow:hidden}.stan{color:var(--ok);background:var(--ok-tint);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:500;display:inline-flex}.stan .kropka{background:var(--ok);border-radius:999px;width:7px;height:7px}.sekcje-listy{padding:4px 0}.sekcje-listy li{border-bottom:1px solid var(--hairline);align-items:center;gap:12px;padding:12px 16px;display:flex}.sekcje-listy li:last-child{border-bottom:0}.sekcje-listy .nazwa{font-weight:500}.sekcje-listy .co{color:var(--muted);font-size:13px}.sekcje-listy button{margin-left:auto}ul{margin:0;padding:0;list-style:none}table{border-collapse:collapse;width:100%}thead th{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:left;border-bottom:1px solid var(--hairline);padding:10px 16px;font-size:12px;font-weight:500}tbody td{border-bottom:1px solid var(--hairline);padding:14px 16px;font-size:14px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--surface-1)}.osoba{font-weight:500}.pasek-akcji{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.pasek-akcji .dopisek{color:var(--muted);font-size:13px}.klocki{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.klocek{transition:border-color var(--ruch),box-shadow var(--ruch);flex-direction:column;gap:8px;padding:16px;display:flex}.klocek:hover{border-color:var(--border-strong);box-shadow:var(--cien-wyzej)}.klocek .gora{align-items:center;gap:10px;display:flex}.klocek svg{width:20px;height:20px;color:var(--accent-strong);flex:none}.klocek p{color:var(--muted);flex:1;font-size:14px}.klocek .cena{color:var(--text);font-size:13px;font-weight:500}.stan-mala{white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:500}.stan-podlaczone{background:var(--ok-tint);color:var(--ok)}.stan-doPodlaczenia{background:var(--accent-tint);color:var(--accent-strong)}.stan-wkrotce{background:var(--surface-2);color:var(--muted)}.panel{z-index:20;background:var(--canvas);border-left:1px solid var(--hairline);width:380px;max-width:100%;height:100vh;box-shadow:var(--cien-wyzej);flex-direction:column;transition:transform .2s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.panel.otwarty{transform:translate(0)}.panel-gora{border-bottom:1px solid var(--hairline);align-items:center;gap:8px;padding:16px;display:flex}.panel-gora h2{font-size:16px}.panel-gora .zamknij{color:var(--muted);border-radius:var(--r-mal);background:0 0;border:0;margin-left:auto;padding:4px}.panel-gora .zamknij:hover{background:var(--surface-1);color:var(--text)}.rozmowa{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.wiadomosc{border-radius:var(--r-sred);max-width:88%;padding:10px 12px;font-size:14px}.od-ciebie{background:var(--accent-strong);color:#fff;border-bottom-right-radius:2px;align-self:flex-end}.od-asystentki{background:var(--surface-1);border:1px solid var(--hairline);border-bottom-left-radius:2px;align-self:flex-start}.praca{border:1px solid var(--hairline);border-radius:var(--r-sred);background:var(--surface-1);margin:0 16px 12px;padding:12px}.praca[hidden]{display:none}.praca .tytul{align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.wiruje{border:2px solid var(--border-strong);border-top-color:var(--accent-strong);border-radius:999px;width:12px;height:12px;animation:.8s linear infinite obrot}@keyframes obrot{to{transform:rotate(360deg)}}.kroki{flex-direction:column;gap:6px;margin-top:8px;display:flex}.kroki li{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.kroki li .ptaszek{width:14px;height:14px;color:var(--disabled);flex:none}.kroki li.zrobione{color:var(--text)}.kroki li.zrobione .ptaszek{color:var(--ok)}.pisanie{border-top:1px solid var(--hairline);gap:8px;padding:12px;display:flex}.pisanie input{border:1px solid var(--hairline);border-radius:var(--r-mal);background:var(--canvas);height:38px;color:var(--text);font:inherit;flex:1;padding:0 12px;font-size:14px}.pisanie input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);outline:none}.zaslona{z-index:15;opacity:0;pointer-events:none;background:#0f172a3d;transition:opacity .2s;position:fixed;inset:0}.zaslona.widoczna{opacity:1;pointer-events:auto}@media (width<=900px){.kafle,.klocki,.www-uklad{grid-template-columns:1fr}}@media (width<=760px){.apka{grid-template-columns:1fr}.nawigacja{flex-direction:column;gap:12px;height:auto;position:static}.menu{flex-direction:row;gap:6px;overflow-x:auto}.menu button{white-space:nowrap}.stopka-nawigacji{margin-top:0}.ekran{padding:16px}.decyzja{flex-direction:column}.decyzja .guziki{width:100%}.decyzja .guziki .btn{flex:1}.panel{width:100%}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.wiadomosc{white-space:pre-wrap}.watek{flex-direction:column;flex:1;min-height:0;display:flex}.watek-widok{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.pusto-rozmowa{color:var(--muted);text-align:center;max-width:260px;margin:auto;font-size:14px}.logowanie{background:var(--surface-2);place-items:center;min-height:100vh;display:grid}.logowanie .karta{flex-direction:column;gap:12px;width:min(360px,92vw);padding:24px;display:flex}.logowanie h1{font-size:22px}.logowanie input{border:1px solid var(--border-strong);border-radius:var(--r-mal);width:100%;font:inherit;background:var(--canvas);color:var(--text);padding:10px 12px}.logowanie .blad{color:var(--warn);font-size:14px}.pasek-stanu{color:var(--muted);padding:0 16px 8px;font-size:13px}.kropka.zla{background:var(--warn)}.stan.zla{color:var(--warn)}.karta.pusta-lista{color:var(--muted);align-items:center;gap:10px;padding:16px;font-size:14px;display:flex}.karta.pusta-lista svg{width:18px;height:18px;color:var(--ok)}.pisanie textarea{border:1px solid var(--hairline);border-radius:var(--r-mal);background:var(--canvas);min-height:38px;max-height:120px;color:var(--text);font:inherit;resize:none;flex:1;padding:9px 12px;font-size:14px;line-height:1.4}.pisanie textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);outline:none}.pisanie .btn{align-self:flex-end;height:38px}