:root{--bg:#ffffff;--surface:#f1f5f9;--text:#0f172a;--muted:#475569;--primary:#1e3a8a;--primary-2:#3b82f6;--primary-light:#dbeafe;--ring:rgba(59, 130, 246, .35);--border:#e2e8f0;--shadow:0 6px 24px rgba(2, 6, 23, .06);--shadow-lg:0 10px 40px rgba(2, 6, 23, .1);--radius:12px;--radius-lg:16px;--ok:#16a34a;--ok-light:#dcfce7;--warn:#f59e0b;--warn-light:#fef3c7}.cpk-wrap,.cpk-card,.cpk-form,.cpk-header h1,.cpk-sub,.cpk-field input,.cpk-field select,.cpk-btn,.kpi,.kpi strong,.kpi-label{font-family:inherit!important;color:var(--text)}.cpk-wrap{max-width:1080px;margin:0 auto;padding:24px 16px}.cpk-hero{text-align:center;margin-bottom:32px;padding:32px 24px;background:linear-gradient(135deg,var(--primary-light) 0%,#f0f9ff 100%);border-radius:var(--radius-lg);border:1px solid #bfdbfe}.cpk-hero h1{font-size:clamp(1.4rem,4vw,1.9rem);font-weight:800;color:var(--text);margin:0 0 20px;line-height:1.3}.cpk-intro{max-width:800px;margin:0 auto 20px}.cpk-intro__main{font-size:1.05rem;line-height:1.7;color:var(--text);margin-bottom:12px}.cpk-intro__diff{font-size:.95rem;line-height:1.6;color:var(--muted)}.cpk-microcopy{font-size:.9rem;color:var(--muted);background:var(--bg);padding:12px 16px;border-radius:8px;margin-bottom:20px;max-width:600px;margin-left:auto;margin-right:auto}.cpk-btn-hero{font-size:1.1rem;padding:14px 28px!important}.cpk-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.cpk-header{padding:24px 24px 8px;border-bottom:1px solid var(--border)}.cpk-header h1,.cpk-form-title{margin:0 0 6px;font-size:clamp(20px,3.5vw,26px);font-weight:700;color:var(--text)}.cpk-sub{margin:0;color:var(--muted);font-size:.95rem}.cpk-form{padding:24px}.cpk-fieldset{border:none;margin:0 0 20px;padding:0}.cpk-fieldset>legend{font-weight:700;font-size:1rem;color:var(--primary);margin-bottom:12px}.cpk-grid{display:grid;gap:16px;grid-template-columns:repeat(12,1fr)}.cpk-field{display:flex;flex-direction:column;grid-column:span 12}.cpk-field-full{grid-column:span 12!important}.cpk-field span{font-size:14px;font-weight:600;color:var(--text);margin-bottom:6px}.hint{color:var(--muted);font-size:12px;margin-top:4px;line-height:1.4}@media(min-width:720px){.cpk-field{grid-column:span 6}}@media(min-width:1024px){.cpk-field{grid-column:span 4}}.cpk-card .cpk-form .cpk-field input,.cpk-card .cpk-form .cpk-field select,.cpk-card .cpk-form input.cpk-input,.cpk-card .cpk-form select.cpk-input,.cpk-card .cpk-form input#unit_name,.cpk-card .cpk-form input#unit_year,.cpk-card .cpk-form input#km_per_year,.cpk-card .cpk-form input#km_per_liter,.cpk-card .cpk-form input#diesel_price,.cpk-card .cpk-form input#deadhead_pct,.cpk-card .cpk-form input#maint_year,.cpk-card .cpk-form input#insurance_year,.cpk-card .cpk-form input#parts_year,.cpk-card .cpk-form input#driver_salary_month,.cpk-card .cpk-form input#tolls_year,.cpk-card .cpk-form input#other_fixed_year,.cpk-card .cpk-form input#depreciation_year{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-clip:padding-box;width:100%;border:1px solid #cbd5e1!important;border-radius:var(--radius)!important;padding:12px!important;background:#fff!important;color:var(--text)!important;outline:none!important;font-size:1rem;line-height:1.2;transition:border-color .15s ease,box-shadow .15s ease,background-color .2s ease}.cpk-card .cpk-form .cpk-field input:focus,.cpk-card .cpk-form .cpk-field select:focus{border-color:var(--primary-2)!important;box-shadow:0 0 0 4px var(--ring)!important}.cpk-card .cpk-form .cpk-field input::placeholder{color:#94a3b8!important}.cpk-num{text-align:right;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,monospace!important}.cpk-field input:valid{box-shadow:0 0 0 2px rgba(16,185,129,.15)}.cpk-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-top:12px}.cpk-actions-hint{width:100%;font-size:12px;color:var(--muted);margin-top:4px}.cpk-btn{border:1px solid var(--primary)!important;background:var(--primary)!important;color:#fff!important;padding:12px 18px!important;border-radius:var(--radius)!important;cursor:pointer;font-weight:600;font-size:.95rem;transition:background .2s ease,border-color .2s ease,transform .05s ease,box-shadow .15s ease;will-change:transform}.cpk-btn:hover{background:#1d4ed8!important;border-color:#1d4ed8!important}.cpk-btn:active{transform:translateY(1px)}.cpk-btn.primary{background:var(--primary-2)!important;border-color:var(--primary-2)!important}.cpk-btn.ok{background:#16a34a!important;border-color:#16a34a!important}.cpk-btn[disabled]{opacity:.6;cursor:not-allowed}.cpk-btn-lg{padding:16px 32px!important;font-size:1.1rem}.cpk-result{padding:0 24px 24px}.cpk-result-grid{display:grid;gap:16px;grid-template-columns:1fr}.cpk-kpis{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:880px){.cpk-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1280px){.cpk-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;transition:box-shadow .2s}.kpi:hover{box-shadow:var(--shadow)}.kpi-label{color:var(--muted);font-size:12px;margin-bottom:4px}.kpi strong{font-size:20px;color:var(--text);font-variant-numeric:tabular-nums}.kpi-hint{display:block;font-size:11px;color:var(--muted);margin-top:4px;line-height:1.3}.kpi-highlight{background:var(--primary-light);border-color:var(--primary-2)}.kpi-highlight strong{color:var(--primary)}.cpk-chart{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;min-height:280px;max-width:100%;overflow:hidden}.cpk-chart canvas{width:100%!important;height:100%!important}@media(min-width:1200px){.cpk-chart.is-sticky{position:sticky;top:24px;max-height:calc(100vh - 160px)}}.cpk-tips{margin:16px 0 0;padding:0 0 0 20px;list-style:disc}.cpk-tips li{margin-bottom:8px;font-size:.9rem;color:var(--muted);line-height:1.5}.cpk-content-section{margin-top:48px;padding:32px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg)}.cpk-content-section h2{font-size:1.5rem;font-weight:700;color:var(--text);margin:0 0 16px}.cpk-content-section h3{font-size:1.1rem;font-weight:700;color:var(--primary);margin:0 0 8px}.cpk-content-section p{font-size:1rem;line-height:1.7;color:var(--text);margin-bottom:12px}.cpk-content-section p:last-child{margin-bottom:0}.cpk-callout{background:var(--warn-light);border-left:4px solid var(--warn);padding:16px 20px;border-radius:0 8px 8px 0;margin:20px 0 0}.cpk-callout strong{color:#92400e}.cpk-metrics-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:24px 0}.cpk-metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:box-shadow .2s,border-color .2s}.cpk-metric-card:hover{box-shadow:var(--shadow);border-color:var(--primary-2)}.cpk-metric-card h3{font-size:1.1rem;font-weight:700;color:var(--primary);margin:0 0 8px}.cpk-metric-card p{font-size:.95rem;color:var(--muted);margin:0;line-height:1.6}.cpk-howto-section{background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border-color:#bbf7d0}.cpk-steps{display:flex;flex-direction:column;gap:20px;margin:24px 0}.cpk-step{display:flex;gap:16px;align-items:flex-start}.cpk-step-num{flex-shrink:0;width:40px;height:40px;background:var(--ok);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.cpk-step-content h3{color:#166534;margin-bottom:4px}.cpk-step-content p{color:var(--muted);margin:0;font-size:.95rem}.cpk-result-box{background:var(--bg);border:2px solid var(--ok);border-radius:var(--radius);padding:20px;margin-top:24px}.cpk-result-box p{margin:0;text-align:center}.cpk-cta-section{margin-top:48px;padding:40px 32px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-2) 100%);border-radius:var(--radius-lg);text-align:center}.cpk-cta-section h2{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 12px}.cpk-cta-section p{font-size:1.05rem;color:rgba(255,255,255,.9);margin:0 0 20px}.cpk-cta-section .cpk-btn{background:#fff!important;color:var(--primary)!important;border-color:#fff!important}.cpk-cta-section .cpk-btn:hover{background:var(--primary-light)!important}@media(max-width:900px){.cpk-content-section{padding:24px 20px}.cpk-metrics-grid{grid-template-columns:1fr}}@media(max-width:640px){.cpk-wrap{padding:16px 12px}.cpk-hero{padding:24px 16px}.cpk-hero h1{font-size:1.3rem}.cpk-intro__main{font-size:1rem}.cpk-card{border-radius:var(--radius)}.cpk-header{padding:20px 16px 8px}.cpk-form{padding:16px}.cpk-grid{gap:12px}.cpk-field{grid-column:span 12!important}.cpk-content-section{margin-top:32px;padding:20px 16px}.cpk-content-section h2{font-size:1.25rem}.cpk-step{flex-direction:column;align-items:center;text-align:center}.cpk-cta-section{padding:32px 20px}}.cpk-h3{margin:0 0 10px;font-weight:600;color:var(--text);word-break:keep-all}.cpk-hint{color:var(--muted);font-size:12px;margin-top:8px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html{scroll-behavior:smooth}:target{scroll-margin-top:100px}