.calc-hero{background:radial-gradient(circle at 80% 5%,#1777e81a,#0000 30%),linear-gradient(#f8fbff 0%,#fff 100%)}.calc-mini{background:#fbfdff;border:1px solid #e3ebf5;border-radius:14px;grid-template-columns:2.3rem 1fr;align-items:start;gap:.8rem;padding:.85rem;display:grid}.calc-mini>span{width:2.3rem;height:2.3rem;color:var(--kavit-blue);background:#eaf4ff;border-radius:10px;place-items:center;font-weight:900;display:grid}.calc-mini strong,.calc-mini small{display:block}.calc-mini strong{color:#17213d;font-size:.92rem}.calc-mini small{color:#68758a;margin-top:.15rem;line-height:1.45}.calculator-shell{background:#fff;border:1px solid #d9e5f2;border-radius:28px;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);display:grid;overflow:hidden;box-shadow:0 24px 70px #0e3d701a}.calculator-inputs{padding:1.35rem}.calculator-results{color:#fff;background:linear-gradient(145deg,#0a2b5d,#0f4d91 58%,#176fe3);padding:1.5rem}.calc-section-head{justify-content:space-between;align-items:start;gap:1rem;display:flex}.calc-section-head h2{color:#111827;margin:.2rem 0 0;font-size:1.35rem;font-weight:850}.calc-reset{color:#526078;background:#fff;border:1px solid #d7e1ec;border-radius:10px;padding:.48rem .75rem;font-size:.8rem;font-weight:800}.calc-reset:hover{background:#f8fbff}.calc-grid-2,.attendance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.calc-field{display:block}.calc-field>span{color:#263650;margin-bottom:.38rem;font-size:.82rem;font-weight:800;display:block}.calc-field small{color:#77839a;margin-top:.35rem;font-size:.74rem;line-height:1.45;display:block}.calc-field input,.calc-field select{color:#17213d;width:100%;height:46px;font:inherit;background:#fff;border:1px solid #cfdbe8;border-radius:12px;outline:none;padding:0 .82rem}.calc-field input:focus,.calc-field select:focus{border-color:#6aa9ef;box-shadow:0 0 0 3px #1777e81c}.calc-auto-field input{color:#176c5f;cursor:default;background:#eef8f5;border-color:#cbe9df;font-weight:850}.calc-auto-field input:focus{box-shadow:none;border-color:#cbe9df}.calc-money{border:1px solid #cfdbe8;border-radius:12px;grid-template-columns:2.5rem 1fr;align-items:center;display:grid;overflow:hidden}.calc-money:focus-within{border-color:#6aa9ef;box-shadow:0 0 0 3px #1777e81c}.calc-money span{color:#526078;background:#f8fafc;border-right:1px solid #e2e8f0;place-items:center;height:44px;font-weight:850;display:grid}.calc-money input{border:0;border-radius:0;box-shadow:none!important}.month-breakdown{border-radius:12px;padding:.72rem .82rem;font-size:.78rem;line-height:1.5}.month-breakdown[data-state=ok]{color:#176c5f;background:#effcf8;border:1px solid #d5f1e8}.month-breakdown[data-state=warn]{color:#85640c;background:#fff8e8;border:1px solid #f4dfaa}.result-money{letter-spacing:-.045em;margin-top:.15rem;font-size:clamp(2.35rem,5vw,3.6rem);font-weight:900;line-height:1}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.result-grid>div{background:#ffffff12;border:1px solid #ffffff24;border-radius:13px;padding:.8rem}.result-grid span,.result-grid strong{display:block}.result-grid span{color:#c9dcf5;font-size:.72rem;line-height:1.3}.result-grid strong{color:#fff;margin-top:.25rem;font-size:.98rem}.formula-box{background:#02143038;border:1px solid #ffffff24;border-radius:14px;padding:.85rem}.result-actions{grid-template-columns:1.35fr .72fr .9fr;gap:.6rem;display:grid}.copy-result,.salary-slip-btn{border-radius:11px;width:100%;min-height:42px;font-size:.78rem;font-weight:850;transition:background .15s,border-color .15s,opacity .15s}.copy-result{color:#fff;background:#ffffff17;border:1px solid #ffffff47}.copy-result:hover{background:#ffffff24}.salary-slip-btn--primary{color:#0f4d91;background:#fff;border:1px solid #fff}.salary-slip-btn--primary:hover{background:#edf6ff}.salary-slip-btn--secondary{color:#fff;background:0 0;border:1px solid #ffffff57}.salary-slip-btn--secondary:hover{background:#ffffff1a}.salary-slip-btn:disabled{cursor:wait;opacity:.65}.salary-slip{display:none}.slip-brand{border-bottom:3px solid #1777e8;justify-content:space-between;align-items:flex-start;gap:2rem;padding-bottom:1rem;display:flex}.slip-brand-lockup{align-items:center;gap:.65rem;display:flex}.slip-logo-img{object-fit:cover;border:1px solid #dce6f0;border-radius:10px;width:40px;height:40px}.slip-logo{letter-spacing:.01em;color:#0a2b5d;font-size:1.35rem;font-weight:950}.slip-tagline{color:#5f6d82;font-size:.72rem}.slip-title-wrap{text-align:right}.slip-title{color:#0a2b5d;font-size:1.45rem;font-weight:900}.slip-subtitle{color:#68758a;margin-top:.15rem;font-size:.74rem}.slip-meta{grid-template-columns:1.2fr 1fr 1fr;gap:.8rem;margin-top:1.1rem;display:grid}.slip-meta>div{border:1px solid #dce6f0;border-radius:9px;padding:.65rem .75rem}.slip-meta span,.slip-meta strong{display:block}.slip-meta span{color:#718096;text-transform:uppercase;letter-spacing:.04em;font-size:.68rem}.slip-meta strong{color:#17213d;margin-top:.18rem;font-size:.88rem}.slip-table{border-collapse:collapse;width:100%;margin-top:1.1rem}.slip-table td{color:#334155;border-bottom:1px solid #e5edf5;padding:.62rem .7rem;font-size:.85rem}.slip-table td:last-child{text-align:right;color:#17213d;font-weight:800}.slip-total{color:#fff;background:#0f4d91;border-radius:10px;justify-content:space-between;align-items:center;margin-top:1rem;padding:.85rem 1rem;display:flex}.slip-total span{font-size:.82rem;font-weight:700}.slip-total strong{font-size:1.35rem}.slip-foot{color:#68758a;border-top:1px solid #dce6f0;margin-top:1rem;padding-top:.75rem;font-size:.68rem;line-height:1.5}.slip-foot>div{justify-content:space-between;gap:1rem;display:flex}.slip-foot p{margin:.45rem 0 0}@media print{@page{size:A4;margin:12mm}body *{visibility:hidden!important}#salarySlip,#salarySlip *{visibility:visible!important}#salarySlip{color:#17213d;background:#fff;width:100%;font-family:Arial,sans-serif;position:absolute;top:0;left:0;display:block!important}}.compare-table{border-collapse:separate;border-spacing:0;border:1px solid #dae5ef;border-radius:14px;width:100%;font-size:.86rem;overflow:hidden}.compare-table th,.compare-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #e5edf5;padding:.72rem .8rem}.compare-table th{color:#294566;text-transform:uppercase;letter-spacing:.03em;background:#eff6fd;font-size:.74rem}.compare-table tbody tr:last-child td{border-bottom:0}.compare-table .selected-row td{background:#f0f7ff}.compare-table td:last-child{color:#0f4d91}.workflow-line{grid-template-columns:2.2rem 1fr;gap:.85rem;padding:0 0 1.15rem;display:grid;position:relative}.workflow-line:last-child{padding-bottom:0}.workflow-line>span{z-index:1;color:#fff;background:#1777e8;border-radius:999px;place-items:center;width:2.2rem;height:2.2rem;font-size:.76rem;font-weight:900;display:grid}.workflow-line:not(:last-child):before{content:"";background:#d8e8f8;width:2px;position:absolute;top:2.15rem;bottom:0;left:1.08rem}.workflow-line strong,.workflow-line small{display:block}.workflow-line strong{color:#17213d}.workflow-line small{color:#64748b;margin-top:.18rem;line-height:1.5}.faq-card{border:1px solid var(--kavit-border);background:#fff;border-radius:16px;padding:0 1rem}.faq-card summary{cursor:pointer;color:#17213d;padding:1rem 2rem 1rem 0;font-weight:850;list-style:none;position:relative}.faq-card summary::-webkit-details-marker{display:none}.faq-card summary:after{content:"+";color:#1777e8;font-size:1.25rem;position:absolute;top:.85rem;right:.1rem}.faq-card[open] summary:after{content:"–"}.faq-card p{color:#5c6b85;margin:0;padding:0 0 1rem;font-size:.92rem;line-height:1.7}.hidden{display:none!important}@media (width>=768px){.calculator-inputs,.calculator-results{padding:2rem}}@media (width<=900px){.calculator-shell{grid-template-columns:1fr}.calculator-results{min-height:auto}}@media (width<=640px){.calc-grid-2,.attendance-grid,.result-grid,.result-actions{grid-template-columns:1fr}.calculator-shell{border-radius:20px}.calculator-inputs,.calculator-results{padding:1rem}.result-money{font-size:2.6rem}}