.pk-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);max-width:640px;overflow:hidden}.pk-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#059669,#0ea5e9)}.pk-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}.pk-field{display:flex;flex-direction:column;gap:.3rem}.pk-field.full{grid-column:1 / -1}.pk-field label{font-weight:600;font-size:.9rem}.pk-hint{font-size:.76rem;color:var(--muted)}.pk-input{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:#fff;margin-top:.1rem}.pk-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.pk-input input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:1.15rem;font-weight:700;color:var(--ink);padding:.65rem .2rem .65rem .8rem;font-family:inherit}.pk-unit{padding:0 .85rem 0 .3rem;color:var(--muted);font-weight:600;font-size:.9rem}.pk-field select{appearance:none;-webkit-appearance:none;margin-top:.1rem;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:#fff;font-size:1rem;font-weight:600;color:var(--ink);padding:.65rem 2.3rem .65rem .8rem;font-family:inherit;cursor:pointer;width:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.pk-field select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.pk-margin-top{display:flex;align-items:center;gap:.7rem;margin-top:.1rem}.pk-margin-num{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:#fff;width:120px}.pk-margin-num:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.pk-margin-num input{width:100%;border:none;outline:none;background:transparent;font-size:1.15rem;font-weight:700;padding:.55rem .2rem .55rem .75rem;font-family:inherit;color:var(--ink)}.pk-card input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:6px;border-radius:999px;background:#e2e8f0;outline:none;cursor:pointer}.pk-card input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--primary);border:3px solid #fff;box-shadow:0 1px 4px #0f172a4d;cursor:pointer}.pk-card input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--primary);border:3px solid #fff;box-shadow:0 1px 4px #0f172a4d;cursor:pointer}.pk-result{margin-top:1.6rem;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(135deg,#f0fdf4,#eff6ff);padding:1.5rem;text-align:center}.pk-r-label{font-size:.9rem;font-weight:600;color:var(--muted)}.pk-r-price{font-size:clamp(2.1rem,8vw,3rem);font-weight:800;letter-spacing:-.03em;color:var(--ink);line-height:1.05;margin:.15rem 0}.pk-r-eks{font-size:.85rem;color:var(--muted)}.pk-subgrid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1.1rem}.pk-stat{border-radius:var(--radius-sm);padding:.9rem 1rem;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;gap:.15rem}.pk-s-label{font-size:.76rem;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:.4rem}.pk-s-value{font-size:1.35rem;font-weight:800;letter-spacing:-.02em}.pk-stat.vat .pk-s-value{color:#d97706}.pk-stat.profit .pk-s-value{color:#059669}.pk-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.seg-cost{background:#64748b}.seg-profit{background:#059669}.seg-vat{background:#d97706}.pk-breakdown{margin-top:1.4rem}.pk-breakdown-title{font-size:.82rem;font-weight:600;color:#334155;margin-bottom:.5rem}.pk-bar{display:flex;height:30px;border-radius:8px;overflow:hidden;background:#f1f5f9}.pk-bar span{display:block;height:100%;transition:width .25s ease}.pk-legend{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-top:.8rem}.pk-legend-item{display:flex;flex-direction:column;gap:.15rem;font-size:.78rem}.pk-li-top{display:flex;align-items:center;gap:.4rem;color:var(--muted);font-weight:600}.pk-li-val{font-weight:700;color:var(--ink);font-size:.9rem}.pk-li-pct{color:#94a3b8;font-size:.72rem}.pk-vat-caption{margin-top:.9rem;font-size:.8rem;color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-sm);padding:.6rem .8rem}.pk-vat-caption a{color:#92400e;text-decoration:underline}.pk-warn{margin-top:1.2rem;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:var(--radius-sm);padding:.85rem 1rem;font-size:.9rem}.pk-note{margin-top:1.5rem;font-size:.8rem;color:#94a3b8;max-width:62ch}@media(max-width:540px){.pk-grid,.pk-subgrid{grid-template-columns:1fr}.pk-legend{grid-template-columns:1fr;gap:.4rem}}