*,:before,:after{box-sizing:border-box}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Segoe UI,Roboto,sans-serif}html,body{color:#fff;background:#0f0f13;height:100%;margin:0;padding:0;overflow:hidden}#root{flex-direction:column;height:100%;display:flex;overflow:hidden}#root>*{flex:1;min-height:0}.page-content{overscroll-behavior:contain;flex:1;justify-content:center;align-items:center;padding-bottom:100px;display:flex;overflow-y:auto}.page-content h1{color:#ffffffd9;letter-spacing:-1px;margin:0;font-size:48px;font-weight:700}@media (width<=640px){.page-content h1{font-size:32px}}.login-container{background:linear-gradient(135deg,#0f0f0f 0%,#1a1a2e 50%,#16213e 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:400px;padding:48px 40px}.login-logo{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:28px;display:flex}.login-title{color:#fff;letter-spacing:-.5px;margin:0 0 8px;font-size:28px;font-weight:700}.login-subtitle{color:#ffffff80;margin:0 0 36px;font-size:14px}.login-form{flex-direction:column;gap:18px;display:flex}.input-group{text-align:left;flex-direction:column;gap:8px;display:flex}.input-group label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper i{color:#fff6;pointer-events:none;font-size:14px;position:absolute;left:14px}.input-wrapper input{color:#fff;box-sizing:border-box;background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;outline:none;width:100%;padding:13px 14px 13px 40px;font-size:16px;transition:border-color .2s,background .2s}.input-wrapper input::placeholder{color:#ffffff4d}.input-wrapper input:focus{background:#ffffff1a;border-color:#6366f199}.login-error{color:#f87171;background:#ef444426;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:8px;padding:12px 14px;font-size:14px;display:flex}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:4px;padding:14px;font-size:15px;font-weight:600;transition:opacity .2s,transform .1s;display:flex}.login-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.kal-page{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.kal-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:28px 28px 16px;display:flex}.kal-title-row{align-items:center;gap:12px;display:flex}.kal-title-row i{color:#6366f1;font-size:22px}.kal-title-row h1{color:#fff;letter-spacing:-.5px;margin:0;font-size:26px;font-weight:700}.kal-clear-btn{color:#ffffff73;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:background .2s,color .2s,border-color .2s;display:flex}.kal-clear-btn:hover{color:#f87171;background:#ef44441f;border-color:#ef444440}.kal-body{overscroll-behavior:contain;flex-direction:column;flex:1;gap:20px;min-height:0;padding:0 28px 32px;display:flex;overflow-y:auto}.kal-body::-webkit-scrollbar{width:4px}.kal-body::-webkit-scrollbar-track{background:0 0}.kal-body::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.kal-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:20px}.kal-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.kal-field{flex-direction:column;gap:8px;display:flex}.kal-field label{text-transform:uppercase;letter-spacing:.6px;color:#fff6;font-size:11px;font-weight:700}.kal-input-wrap{align-items:center;display:flex;position:relative}.kal-input-wrap input{color:#fff;box-sizing:border-box;-moz-appearance:textfield;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:11px 36px 11px 14px;font-size:16px;font-weight:500;transition:border-color .2s,background .2s}.kal-input-wrap input::-webkit-outer-spin-button{-webkit-appearance:none}.kal-input-wrap input::-webkit-inner-spin-button{-webkit-appearance:none}@media (hover:hover) and (pointer:fine){.kal-input-wrap input:focus{background:#6366f10f;border-color:#6366f180}}@media (hover:none) or (pointer:coarse){.kal-input-wrap input:focus{background:#ffffff0f;border-color:#ffffff1a;outline:none}}.kal-suffix{color:#ffffff4d;pointer-events:none;font-size:13px;position:absolute;right:12px}.kal-results{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;overflow:hidden}.kal-result-row{justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.kal-result-label{color:#ffffff73;align-items:center;gap:8px;font-size:13px;display:flex}.kal-result-label i{text-align:center;width:14px;font-size:12px}.kal-result-value{color:#fff;font-size:18px;font-weight:700}.kal-narzut .kal-result-value{color:#ffffff8c}.kal-narzut .kal-result-value.negative{color:#f87171}.kal-ulga-val{color:#fbbf24e6!important}.kal-divider{background:#ffffff0f;height:1px;margin:0 20px}.kal-rates{flex-direction:column;gap:0;display:flex}.kal-rate-row{border-top:1px solid #ffffff0d;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;padding:14px 20px;display:grid}.kal-rate-label{text-transform:uppercase;letter-spacing:.5px;color:#ffffff59;font-size:12px;font-weight:700}.kal-rate-desc{color:#ffffff47;font-size:12px}.kal-rate-value{font-size:17px;font-weight:700}.rate1{color:#94a3b8}.rate2{color:#67e8f9}.rate3{color:#86efac}@media (width<=640px){.kal-header{padding:20px 16px 12px}.kal-body{gap:16px;padding:0 16px 24px}.kal-fields{grid-template-columns:1fr 1fr;gap:12px}.kal-card{padding:16px}.kal-input-wrap input{padding:10px 32px 10px 12px;font-size:16px}.kal-result-value{font-size:16px}.kal-rate-row{grid-template-columns:48px 1fr auto;gap:6px;padding:12px 16px}.kal-rate-desc{font-size:11px}.kal-rate-value{font-size:15px}}.cennik-page{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.cennik-header{flex-shrink:0;padding:28px 28px 16px}.cennik-title-row{align-items:center;gap:12px;margin-bottom:6px;display:flex}.cennik-title-row i{color:#6366f1;font-size:22px}.cennik-title-row h1{color:#fff;letter-spacing:-.5px;margin:0;font-size:26px;font-weight:700}.cennik-content{overscroll-behavior:contain;flex-direction:column;flex:1;gap:32px;min-height:0;padding:0 28px 32px;display:flex;overflow-y:auto}.cennik-content::-webkit-scrollbar{width:4px}.cennik-content::-webkit-scrollbar-track{background:0 0}.cennik-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.cennik-section-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.cennik-section-header h2{color:#fffc;margin:0;font-size:16px;font-weight:600}.cennik-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.cennik-badge.three{color:#818cf8;background:#6366f133;border:1px solid #6366f14d}.cennik-badge.one{color:#34d399;background:#10b98126;border:1px solid #10b98140}.cennik-table-wrap{border:1px solid #ffffff14;border-radius:16px;overflow-x:auto}.cennik-table{border-collapse:collapse;width:100%;min-width:580px;font-size:14px}.cennik-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.6px;color:#fff6;white-space:nowrap;background:#ffffff0a;border-bottom:1px solid #ffffff14;padding:12px 16px;font-size:11px;font-weight:700}.cennik-table tbody tr{border-bottom:1px solid #ffffff0d;transition:background .15s}.cennik-table tbody tr:last-child{border-bottom:none}.cennik-table tbody tr:hover{background:#ffffff0a}.cennik-table td{color:#ffffffbf;white-space:nowrap;padding:13px 16px}.cell-center{text-align:center}.col-sticky{z-index:2;position:sticky;left:0}.cennik-table thead th.col-sticky{background:#151518}.cennik-table tbody td.col-sticky{background:#0f0f13}.cennik-table tbody tr:hover td.col-sticky{background:#151518}.moc-pill{color:#a5b4fc;background:#6366f126;border:1px solid #6366f140;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex}.moc-pill-link{cursor:pointer;transition:background .2s,border-color .2s}.moc-pill-link:hover{background:#6366f14d;border-color:#6366f180}.cell-price{text-align:right;color:#fff9}.cell-brutto{color:#fff;font-weight:600}.th-separator-right,.td-separator-right{border-right:1px solid #ffffff1a}.cell-ulga{color:#fbbf24d9}.cell-dotacja-val{color:#34d399}.cell-rate{text-align:right;white-space:nowrap;font-weight:600}.cell-rate1{color:#94a3b8}.cell-rate2{color:#67e8f9}.cell-rate3{color:#86efac}@media (width<=640px){.cennik-header{padding:20px 16px 12px}.cennik-content{gap:24px;padding:0 16px 24px}.cennik-table{font-size:13px}.cennik-table thead th,.cennik-table td{padding:11px 12px}}.bottom-bar{background:0 0;flex-shrink:0;justify-content:center;padding:16px 16px 24px;display:flex}.bar-inner{background:#1c1c1e;border-radius:60px;align-items:center;gap:4px;padding:8px 12px;display:flex;box-shadow:0 8px 32px #00000080,0 2px 8px #0006}.bar-item{color:#ffffff8c;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:50px;justify-content:center;align-items:center;gap:0;padding:10px 12px;font-size:18px;transition:background .25s,color .25s,padding .3s,gap .3s;display:flex;overflow:hidden}.bar-label{opacity:0;pointer-events:none;max-width:0;font-size:14px;font-weight:600;transition:max-width .3s,opacity .25s;overflow:hidden}@media (hover:hover) and (pointer:fine){.bar-item:hover{color:#fff;background:#ffffff1f;gap:8px;padding:10px 16px}.bar-item:hover .bar-label{opacity:1;max-width:120px}.bar-item.active{color:#1c1c1e;background:#fff;gap:8px;padding:10px 16px}.bar-item.active .bar-label{opacity:1;max-width:120px}.bar-item.active:hover{color:#1c1c1e;background:#f0f0f0}.logout-btn:hover{color:#f87171!important;background:#ef444433!important}}@media (hover:none) or (pointer:coarse){.bar-item.active{color:#1c1c1e;background:#fff;gap:8px;padding:10px 16px}.bar-item.active .bar-label{opacity:1;max-width:120px}}.bar-separator{background:#ffffff26;flex-shrink:0;width:1px;height:28px;margin:0 4px}@media (width<=640px){.desktop-only{display:none}.bottom-bar{padding:12px 16px 20px}}