:root{--tlo:#0f1115;--tlo-panel:#161a21;--tlo-panel-jasne:#1c212a;--ramka:#262c37;--tekst:#e6e8ec;--tekst-cichy:#9aa2b1;--tekst-bardzo-cichy:#6f7787;--akcent:#4a8ed8;--akcent-ciemny:#2f6ba8;--ostrzezenie:#d8b24a;--ostrzezenie-tlo:#2a2416;--ostrzezenie-ramka:#5c4f2b;--blad:#e0736b;--blad-tlo:#2a1d1d;--blad-ramka:#5c2b2b;--sukces:#7fd88a;--sukces-tlo:#16241a;--sukces-ramka:#2f5c39;--promien:10px}*{box-sizing:border-box}body{background:var(--tlo);color:var(--tekst);min-height:100vh;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}a{color:var(--akcent)}code{font-family:ui-monospace,SF Mono,Cascadia Mono,monospace;font-size:.9em}.aplikacja{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.nawigacja{background:var(--tlo-panel);border-right:1px solid var(--ramka);flex-direction:column;gap:1.5rem;padding:1.5rem 1rem;display:flex}.nawigacja .marka{letter-spacing:-.01em;font-size:1.05rem;font-weight:650}.nawigacja nav{flex-direction:column;gap:.15rem;display:flex}.nawigacja nav a{color:var(--tekst-cichy);border-radius:7px;padding:.45rem .6rem;font-size:.94rem;text-decoration:none}.nawigacja nav a:hover{background:var(--tlo-panel-jasne);color:var(--tekst)}.nawigacja .stopka{color:var(--tekst-bardzo-cichy);border-top:1px solid var(--ramka);overflow-wrap:anywhere;margin-top:auto;padding-top:1rem;font-size:.82rem}.tresc{max-width:900px;padding:2.5rem 2rem 4rem}@media (max-width:720px){.aplikacja{grid-template-columns:1fr}.nawigacja{border-right:none;border-bottom:1px solid var(--ramka)}.nawigacja nav{flex-flow:wrap}.tresc{padding:1.5rem 1.25rem 3rem}}.brama{max-width:420px;margin:0 auto;padding:4rem 1.5rem}h1{letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.6rem}h2{margin:2.5rem 0 .75rem;font-size:1.1rem}.podtytul{color:var(--tekst-cichy);margin:0 0 2rem}.karta{border-radius:var(--promien);border:1px solid var(--ramka);background:var(--tlo-panel);margin:1.5rem 0;padding:1rem 1.25rem}.karta p{color:var(--tekst-cichy);margin:.5rem 0 0}.karta.ostrzezenie{background:var(--ostrzezenie-tlo);border-color:var(--ostrzezenie-ramka)}.karta.blad{background:var(--blad-tlo);border-color:var(--blad-ramka)}.karta.blad p{color:#c9a0a0}.karta.sukces{background:var(--sukces-tlo);border-color:var(--sukces-ramka)}.dane{grid-template-columns:auto 1fr;gap:.5rem 1.5rem;margin:0;display:grid}.dane dt{color:var(--tekst-cichy)}.dane dd{margin:0}.pole{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.pole label{color:var(--tekst-cichy);font-size:.88rem}.pole .wskazowka{color:var(--tekst-bardzo-cichy);font-size:.82rem}input,select{background:var(--tlo-panel-jasne);border:1px solid var(--ramka);color:var(--tekst);font:inherit;border-radius:7px;width:100%;padding:.55rem .7rem;font-size:.95rem}input:focus,select:focus{outline:2px solid var(--akcent-ciemny);outline-offset:1px}.pole-wyboru{flex-direction:row;align-items:center;gap:.6rem}.pole-wyboru input{width:auto}.pole-wyboru label{color:var(--tekst)}button{background:var(--akcent-ciemny);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:7px;padding:.6rem 1.1rem;font-size:.95rem}button:hover{background:var(--akcent)}button:disabled{opacity:.6;cursor:progress}button.cichy{border:1px solid var(--ramka);color:var(--tekst-cichy);background:0 0;padding:.35rem .7rem;font-size:.88rem}button.cichy:hover{background:var(--tlo-panel-jasne);color:var(--tekst)}.wiersz-formularza{grid-template-columns:1fr 1fr;gap:0 1rem;display:grid}@media (max-width:560px){.wiersz-formularza{grid-template-columns:1fr}}.przewijana{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.93rem}th,td{text-align:left;border-bottom:1px solid var(--ramka);white-space:nowrap;padding:.55rem .8rem}th{color:var(--tekst-cichy);font-size:.85rem;font-weight:500}.lista-kart{flex-direction:column;gap:.6rem;margin:1.5rem 0;padding:0;list-style:none;display:flex}.lista-kart a{background:var(--tlo-panel);border:1px solid var(--ramka);border-radius:var(--promien);color:var(--tekst);padding:.85rem 1.1rem;text-decoration:none;display:block}.lista-kart a:hover{background:var(--tlo-panel-jasne)}.pusto{color:var(--tekst-cichy);background:var(--tlo-panel);border:1px dashed var(--ramka);border-radius:var(--promien);text-align:center;padding:1.5rem}.uwaga{color:var(--tekst-bardzo-cichy);font-size:.88rem}
