:root{--font:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;--t-drobne:12.5px;--t-tekst:14px;--t-naglowek:15px;--t-tytul:20px;--t-metryka:24px;--bg:#0b0f14;--panel:#121922;--panel-2:#182230;--panel-3:#1f2b3a;--line:#223042;--text-1:#eef3f8;--text-2:#b9c4d0;--text-3:#7d8a99;--green:#22c185;--green-fill:#0f6b49;--green-ink:#eafff5;--amber:#e5a53a;--red:#e05c5c}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text-1);font-family:var(--font);font-size:var(--t-tekst);line-height:1.45;-webkit-font-smoothing:antialiased}a,body,button,div,h1,h2,h3,html,input,label,p,select,span,svg text,td,th{font-style:normal}a{color:inherit;text-decoration:none}button,input,select{font-family:var(--font);font-size:var(--t-tekst);font-style:normal}button{cursor:pointer}.shell{min-height:100vh}.nav,.shell{display:flex}.nav{width:224px;flex:0 0 224px;background:var(--panel);border-right:1px solid var(--line);padding:22px 14px;position:-webkit-sticky;position:sticky;top:0;height:100vh;flex-direction:column;gap:4px}.nav h1{font-size:var(--t-naglowek);font-weight:700;margin:0 0 2px 8px}.nav .podpis{color:var(--text-3);font-size:var(--t-drobne);margin:0 0 18px 8px}.nav a{display:block;padding:10px 12px;border-radius:10px;color:var(--text-2);font-size:var(--t-tekst);font-weight:600}.nav a:hover{background:var(--panel-2);color:var(--text-1)}.nav a.on{background:var(--green-fill);color:var(--green-ink)}.nav .stopka{margin-top:auto;font-size:var(--t-drobne);color:var(--text-3);padding:0 8px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.main{flex:1 1;padding:24px 28px 60px;max-width:1600px}.main h2{font-size:var(--t-tytul);font-weight:700;margin:0 0 18px;display:flex;align-items:center;gap:12px}.kafle{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px}.kafel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:15px 17px}.kafel .etykieta{color:var(--text-3);font-size:var(--t-drobne);text-transform:uppercase;letter-spacing:.7px;font-weight:600}.kafel .wartosc{font-size:var(--t-metryka);font-weight:800;margin-top:6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kafel .pod{color:var(--text-3);font-size:var(--t-drobne);margin-top:3px}.karta{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin-top:16px}.karta.bez-tytulu{padding:6px 12px}.karta h3{margin:0 0 12px;font-size:var(--t-naglowek);font-weight:700;color:var(--text-2)}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:var(--t-drobne);text-transform:uppercase;letter-spacing:.6px;color:var(--text-3);font-weight:700;padding:9px 10px;white-space:nowrap}td,th{border-bottom:1px solid var(--line)}td{padding:11px 10px;font-size:var(--t-tekst);vertical-align:middle}tr:last-child td{border-bottom:none}tr.klik:hover td{background:var(--panel-2);cursor:pointer}td.num,th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mocne{font-weight:700}.drobne{color:var(--text-3)}.drobne,.plakietka{font-size:var(--t-drobne)}.plakietka{display:inline-block;padding:3px 9px;border-radius:7px;font-weight:700}.plakietka.blok{background:rgba(224,92,92,.16);color:var(--red)}.kropka{display:inline-block;width:7px;height:7px;border-radius:7px;margin-right:6px}.funkcje{display:inline-flex;gap:12px;flex-wrap:wrap}.funkcje .fn{font-size:var(--t-drobne);color:var(--text-3);white-space:nowrap}.funkcje .fn.on{color:var(--text-2)}.pasek{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}input[type=email],input[type=password],input[type=text],select{background:var(--panel-2);border:1px solid var(--line);color:var(--text-1);border-radius:10px;padding:9px 12px;outline:none;min-width:150px}input:focus,select:focus{border-color:var(--green)}.btn{background:var(--green-fill);color:var(--green-ink);border:none;border-radius:10px;padding:10px 16px;font-weight:700}.btn.szary{background:var(--panel-3);color:var(--text-2)}.btn.czerwony{background:rgba(224,92,92,.16);color:var(--red)}.btn.maly{padding:6px 12px}.btn:disabled{opacity:.5;cursor:default}.siatka2{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));grid-gap:16px;gap:16px}.formularz{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px;align-items:end}.pole{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.pole label{font-size:var(--t-drobne);color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.formularz .pole{margin-bottom:0}.przelacznik{gap:10px;margin:8px 0;font-size:var(--t-tekst)}.login,.przelacznik{display:flex;align-items:center}.login{min-height:100vh;justify-content:center;padding:24px}.login .box{width:360px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px}.tytul-log{font-size:var(--t-tytul);font-weight:800;letter-spacing:1px;margin:0 0 20px;text-align:center}.blad{color:var(--red)}.blad,.ok{font-size:var(--t-tekst);margin-top:10px}.ok{color:var(--green)}@media (max-width:980px){.shell{flex-direction:column}.nav{width:auto;height:auto;position:static;flex-direction:row;overflow-x:auto;align-items:center;padding:10px}.nav .podpis,.nav h1{display:none}.nav .stopka{margin:0 0 0 auto;flex-direction:row;align-items:center}.main{padding:16px 14px 50px}.karta{overflow-x:auto}}