﻿ .calculator-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:20px;}@media (max-width:768px){.calculator-grid{grid-template-columns:1fr;gap:20px;}}.calc-form-card,.calc-result-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 20px rgba(0,0,0,0.05);border:1px solid #eee;}.calc-result-card{background:#fafbfc;border-color:#e3e8f0;position:sticky;top:20px;height:fit-content;}.calc-section-title{font-size:1.25rem;font-weight:700;margin-bottom:24px;border-bottom:2px solid var(--color-primary);padding-bottom:10px;color:#333;}.input-with-unit{position:relative;display:flex;align-items:center;}.input-with-unit .form-input{padding-right:40px;}input[type="date"].form-input,input[type="month"].form-input{font-size:1.2rem;padding:12px 15px;min-height:54px;cursor:pointer;}input[type="date"]::-webkit-calendar-picker-indicator,input[type="month"]::-webkit-calendar-picker-indicator{width:24px;height:24px;cursor:pointer;opacity:0.6;transition:0.2s;}input[type="date"]::-webkit-calendar-picker-indicator:hover,input[type="month"]::-webkit-calendar-picker-indicator:hover{opacity:1;transform:scale(1.1);}.input-with-unit .unit{position:absolute;right:12px;color:#888;font-size:0.9rem;}.calc-sub-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;}.sub-label{font-size:0.85rem;color:#666;margin-bottom:4px;display:block;}.calc-note{font-size:0.8rem;color:#888;margin-top:6px;}.result-total{text-align:center;background:var(--color-primary);color:white;padding:20px;border-radius:8px;margin-bottom:24px;}.total-label{display:block;font-size:0.9rem;opacity:0.9;margin-bottom:4px;}.total-amount{font-size:2.5rem;font-weight:700;line-height:1;}.total-unit{font-size:1rem;margin-left:4px;}.result-breakdown{background:white;padding:20px;border-radius:8px;border:1px solid #eee;}.result-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:0.95rem;}.result-divider{height:1px;background:#eee;margin:12px 0;}.res-label{color:#555;}.res-val{font-weight:600;color:#333;text-align:right;}.calc-warning{margin-top:20px;font-size:0.8rem;color:#d32f2f;background:#ffebee;padding:12px;border-radius:4px;line-height:1.5;}.result-section .result-breakdown{background:transparent;border:none;padding:0;margin-top:20px;}.result-section .result-row{border-bottom:1px solid rgba(255,255,255,0.2);padding:12px 0;}.result-section .result-row:last-child{border-bottom:none;}.result-section .result-divider{background:rgba(255,255,255,0.2);margin:15px 0;}.result-section .res-label{color:rgba(255,255,255,0.8);}.result-section .res-val{color:#fff;font-size:1.1rem;}.result-section .result-total{background:white;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:white;}.result-section .total-label{color:rgba(255,255,255,0.8);}.result-section .calc-warning{background:rgba(255,50,50,0.1);color:#ffcccc;border:1px solid rgba(255,50,50,0.3);}.radio-group{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;}.radio-option{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all 0.2s;font-weight:500;}.radio-option:hover{border-color:#b0b0b0;background:#fff;}.radio-option.selected,.radio-option:has(input:checked){background:#fff3e0;border-color:#e65611;color:#e65611;font-weight:700;}.radio-option input[type="radio"]{accent-color:#e65611;width:1.1em;height:1.1em;cursor:pointer;}.radio-option[style*="display:none"]{display:none !important;}.btn-block{display:flex;width:100%;justify-content:center;box-sizing:border-box;}.mt-20{margin-top:20px;}.mb-2{margin-bottom:0.5rem;}.mb-3{margin-bottom:1rem;}.nav-buttons-group{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:1rem;}.btn-outline-secondary{background:transparent;border:2px solid #ccc;color:#666;font-weight:500;}.btn-outline-secondary:hover{background:#f0f0f0;color:#333;border-color:#bbb;}@media (max-width:600px){.nav-buttons-group{grid-template-columns:1fr;gap:10px;}}
