.col-wrapper,.col-wrapper *{box-sizing:border-box;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial}.col-wrapper{max-width:920px;margin:18px auto;padding:22px;background:#fff;border-radius:12px;box-shadow:0 6px 18px rgb(18 35 63 / .06);border:1px solid rgb(18 35 63 / .04);color:#10202f}.col-wrapper h2{margin:0 0 14px 0;font-size:1.45rem;letter-spacing:-.01em;color:#0b2340}#col-form{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px}.col-row{display:flex;flex-direction:column}.col-row label{font-weight:600;font-size:.92rem;margin-bottom:6px;color:#16324a}.col-row input[type="number"],.col-row select,.col-row input[type="text"]{padding:10px 12px;border-radius:10px;border:1px solid rgb(16 32 47 / .12);background:#fff;font-size:.98rem;outline:none;transition:box-shadow .16s ease,border-color .12s ease;-webkit-appearance:none}.col-row input:focus,.col-row select:focus{border-color:rgb(14 110 252 / .9);box-shadow:0 6px 18px rgb(14 110 252 / .08)}.col-btn{margin-top:6px;display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:10px;border:none;cursor:pointer;font-weight:700;font-size:.98rem;background:linear-gradient(90deg,#0b66ff 0%,#0066d6 100%);color:#fff;box-shadow:0 8px 18px rgb(11 102 255 / .15);transition:transform .08s ease,box-shadow .12s ease,opacity .12s ease}.col-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgb(11 102 255 / .16)}.col-btn:active{transform:translateY(0);opacity:.96}.col-result{margin-top:18px;padding:14px;border-radius:10px;background:linear-gradient(180deg,#fbfdff 0%,#ffffff 100%);border:1px solid rgb(6 46 80 / .04);box-shadow:0 6px 18px rgb(6 46 80 / .02)}#col-summary{font-size:1rem;margin:6px 0 12px 0;color:#0b2a44}#col-table{width:100%;border-collapse:collapse;font-size:.96rem;margin-top:8px}#col-table th,#col-table td{text-align:left;padding:10px 12px;border-bottom:1px dashed rgb(10 30 50 / .06)}#col-table th{font-weight:700;background:rgb(6 46 80 / .02);color:#082035;position:sticky;top:0}.col-badge{display:inline-block;padding:6px 10px;border-radius:999px;font-weight:700;font-size:.86rem;background:rgb(7 110 255 / .08);color:#054bb5}@media (min-width:720px){#col-form{grid-template-columns:1fr 1fr;align-items:end;gap:14px}.col-row.full{grid-column:1 / -1}.col-btn{grid-column:1 / -1;justify-self:start}}@media (min-width:980px){.col-wrapper{display:grid;grid-template-columns:1fr 420px;gap:20px;align-items:start}#col-form{grid-column:1 / 2}.col-result{grid-column:2 / 3;margin-top:0}}.small-muted{font-size:.85rem;color:#567}.center{text-align:center}.col-row input:focus-visible,.col-row select:focus-visible,.col-btn:focus-visible{outline:3px solid rgb(11 102 255 / .12);outline-offset:2px}.col-empty{padding:18px;text-align:center;color:#335;font-weight:600;border-radius:8px;background:#fbfcff;border:1px dashed rgb(10 30 50 / .03)}