.ff-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}.ff-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#059669,#0ea5e9)}.ff-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}.ff-field{display:flex;flex-direction:column;gap:.3rem}.ff-field.full{grid-column:1 / -1}.ff-field label{font-weight:600;font-size:.9rem}.ff-hint{font-size:.76rem;color:var(--muted)}.ff-input{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:#fff;margin-top:.1rem}.ff-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.ff-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}.ff-unit{padding:0 .85rem 0 .3rem;color:var(--muted);font-weight:600;font-size:.9rem}.ff-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}.ff-field select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.ff-margin-top{display:flex;align-items:center;gap:.7rem;margin-top:.1rem}.ff-margin-num{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:#fff;width:120px}.ff-margin-num:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.ff-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)}.ff-card input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:6px;border-radius:999px;background:#e2e8f0;outline:none;cursor:pointer}.ff-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}.ff-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}.ff-toprow{margin-top:1.6rem}.ff-total{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-soft);padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.15rem}.ff-total-label{font-size:.8rem;font-weight:700;color:var(--muted)}.ff-total-value{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.ff-subgrid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.8rem}.ff-stat{border-radius:var(--radius-sm);padding:.95rem 1.05rem;border:1px solid var(--line);display:flex;flex-direction:column;gap:.12rem}.ff-stat.fradrag{background:#ecfdf5;border-color:#a7f3d0}.ff-stat.kostnad{background:#fffbeb;border-color:#fde68a}.ff-s-label{font-size:.76rem;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:.4rem}.ff-s-value{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin-top:.1rem}.ff-stat.fradrag .ff-s-value{color:#047857}.ff-stat.kostnad .ff-s-value{color:#b45309}.ff-s-sub{font-size:.72rem;color:#94a3b8}.ff-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.seg-fradrag{background:#059669}.seg-kostnad{background:#d97706}.ff-breakdown{margin-top:1.3rem}.ff-breakdown-title{font-size:.82rem;font-weight:600;color:#334155;margin-bottom:.5rem}.ff-bar{display:flex;height:28px;border-radius:8px;overflow:hidden;background:#f1f5f9}.ff-bar span{display:block;height:100%;transition:width .25s ease}.ff-legend{display:flex;gap:1.4rem;margin-top:.7rem}.ff-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.ff-li-top{display:flex;align-items:center;gap:.4rem;color:var(--muted);font-weight:600}.ff-li-pct{font-weight:700;color:var(--ink)}.ff-reell{margin-top:1.3rem;border-radius:var(--radius-sm);border:1px dashed var(--line);background:#f8fafc;padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.12rem}.ff-reell-label{font-size:.8rem;font-weight:700;color:var(--muted)}.ff-reell-value{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.ff-reell-sub{font-size:.72rem;color:#94a3b8}.ff-note{margin-top:1.5rem;font-size:.8rem;color:#94a3b8;max-width:64ch}@media(max-width:540px){.ff-grid,.ff-subgrid{grid-template-columns:1fr}}