.calculator-page{min-height:100vh;padding:48px 24px 80px;background:#eef3f3}.calculator-shell{width:min(100%,1200px);margin:auto;color:#1e293b;font-family:Inter,system-ui,sans-serif}.calculator-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.calculator-nav img{width:190px;filter:brightness(0) saturate(100%) invert(18%) sepia(13%) saturate(1689%) hue-rotate(143deg)}.calculator-nav a{color:#163740;font-size:.82rem;font-weight:700}.calculator-app{--calc-primary: #163740;--calc-primary-hover: #1f4f5c;--calc-accent: #febe54;--calc-bg: #f8fafc;--calc-surface: #fff;--calc-border: #e2e8f0;--calc-muted: #64748b;padding:30px;border-radius:18px;background:var(--calc-bg);box-shadow:0 22px 60px #1637401a}.calculator-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:22px;border-bottom:1px solid var(--calc-border);margin-bottom:28px}.calculator-header h1{display:flex;align-items:center;gap:11px;font-size:1.45rem}.calculator-header h1 i{color:#d89322}.calculator-actions,.calculator-kpis{display:flex;align-items:center;gap:10px}.calculator-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:0;border-radius:9px;background:#e2e8f0;color:#475569;font:700 .82rem Inter,sans-serif;cursor:pointer}.calculator-button:hover{transform:translateY(-1px);background:#cbd5e1}.calculator-button.primary{background:var(--calc-primary);color:#fff}.calculator-button.pdf{background:#475569;color:#fff}.calculator-button.danger{padding:9px;background:transparent;color:#94a3b8}.calculator-grid{display:grid;grid-template-columns:320px 1fr;gap:28px;align-items:start}.calculator-grid.equal{grid-template-columns:1fr 1fr}.calculator-sidebar{position:sticky;top:24px}.calculator-card{padding:23px;margin-bottom:22px;border:1px solid var(--calc-border);border-radius:13px;background:var(--calc-surface);box-shadow:0 4px 8px #0f172a0a}.calculator-card h2{margin-bottom:18px;font-size:1.05rem}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field-grid.three{grid-template-columns:repeat(3,1fr)}.field{display:block;margin-bottom:14px}.field>span{display:block;margin-bottom:6px;color:var(--calc-muted);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.input-wrap{position:relative}.input-wrap b{position:absolute;top:50%;color:var(--calc-muted);font-size:.82rem;transform:translateY(-50%);pointer-events:none}.input-wrap b:first-child{left:12px}.input-wrap b:last-child{right:12px}.calculator-app input{width:100%;min-height:42px;padding:9px 12px;border:1px solid transparent;border-radius:8px;outline:0;background:#f1f5f9;color:#1e293b;font:600 .85rem Inter,sans-serif}.calculator-app input.with-prefix{padding-left:35px}.calculator-app input.with-suffix{padding-right:35px}.calculator-app input:focus{border-color:var(--calc-primary);background:#fff}.kpi{min-width:135px;padding:9px 15px;border:1px solid var(--calc-border);border-bottom:3px solid var(--calc-accent);border-radius:10px;background:#fff}.kpi span{display:block;color:var(--calc-muted);font-size:.61rem;font-weight:700;text-transform:uppercase}.kpi strong{color:var(--calc-primary)}.property-name{border:0!important;background:transparent!important;padding-left:0!important;font-size:1.05rem!important}.property-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.result-box{margin-top:20px;padding:17px;border:1px solid var(--calc-border);border-radius:10px;background:#f8fafc}.result-line,.result-highlight{display:flex;align-items:center;justify-content:space-between;gap:12px}.result-line{color:var(--calc-muted);font-size:.76rem}.result-highlight{margin-top:12px;padding:13px;border-left:4px solid var(--calc-primary);border-radius:8px;background:#fff}.result-highlight.warning{border-left-color:#f97316}.result-highlight span{color:var(--calc-muted);font-size:.67rem;font-weight:800;text-transform:uppercase}.result-highlight strong{display:block;color:var(--calc-primary);font-size:1.18rem;text-align:right}.result-highlight.warning strong{color:#c2410c}.result-highlight small{display:block;color:#10b981;font-size:.66rem;text-align:right}.empty-state{padding:38px;border:2px dashed var(--calc-border);border-radius:12px;text-align:center}.mode-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.mode-tab{padding:11px 8px;border:0;border-radius:8px;background:#e2e8f0;color:#475569;font-weight:700;cursor:pointer}.mode-tab.active{background:var(--calc-primary);color:#fff}.mode-box{display:none;padding:18px;margin-bottom:20px;border:1px solid #bae6fd;border-radius:10px;background:#f0f9ff}.mode-box.active{display:block}.mode-box h3{margin-bottom:14px;color:#0284c7;font-size:.75rem;text-transform:uppercase}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:22px}.result-card{padding:18px;border:1px solid #f1f5f9;border-radius:12px;background:#fff;box-shadow:0 8px 18px #0f172a0d}.result-card span,.result-card small{display:block;color:var(--calc-muted);font-size:.72rem}.result-card strong{display:block;margin:5px 0 2px;color:var(--calc-primary);font-size:1.35rem}.result-card.warning strong{color:#ea580c}.result-card.accent strong{color:#d97706}.chart-wrap{position:relative;height:250px;margin-bottom:20px}.financial-table{width:100%;border-collapse:collapse;font-size:.78rem}.financial-table th,.financial-table td{padding:11px;border-bottom:1px solid #f1f5f9;text-align:left}.financial-table th{color:var(--calc-muted);font-size:.65rem;text-transform:uppercase}.financial-table tr:last-child{background:#f8fafc;font-weight:800}@media(max-width:900px){.calculator-page{padding:24px 12px 60px}.calculator-app{padding:16px}.calculator-header{align-items:stretch;flex-direction:column}.calculator-kpis{display:grid;grid-template-columns:repeat(2,1fr)}.calculator-actions{grid-column:1 / -1}.kpi{min-width:0}.calculator-grid,.calculator-grid.equal{grid-template-columns:1fr}.calculator-sidebar{position:static}}@media(max-width:560px){.calculator-nav img{width:155px}.calculator-header h1{font-size:1.18rem}.field-grid,.field-grid.three,.results-grid{grid-template-columns:1fr}.mode-tabs{grid-template-columns:repeat(2,1fr)}.calculator-actions{flex-wrap:wrap}.calculator-actions .calculator-button{flex:1}}
