.leasehold-calc.calculator-page{font-family:var(--font-app-sans), system-ui, sans-serif}.leasehold-calc{--calc-primary:var(--calc-primary-inline,#1a2332);--calc-primary-light:var(--calc-primary-light-inline,#252d3d);--calc-surface:var(--calc-surface-inline,#fff);--calc-border:var(--calc-border-inline,#e5e7eb);--calc-text:var(--calc-text-inline,#1a1a1a)}.leasehold-calc .calculator-heading,.leasehold-calc h1,.leasehold-calc .calculator-card-title,.leasehold-calc .calculator-amount-large{font-family:var(--font-app-sans), system-ui, sans-serif!important}.leasehold-calc{--primary:#1a2332;--primary-light:#252d3d;--accent:#d4af37;--accent-dark:#b8941f;--success:#2d6a4f;--danger:#c1121f;--background:#fafbfc;--surface:#fff;--surface-elevated:#fff;--text-primary:#1a1a1a;--text-secondary:#5a5a5a;--border:#e5e7eb;--shadow:#1a3a5214;--shadow-strong:#1a3a5226;--lcc-primary:var(--lcc-primary-inline,#1a3a52);--lcc-primary-light:var(--lcc-primary-light-inline,#2c5f8d);--lcc-accent:var(--lcc-accent-inline,#d4af37);--lcc-accent-dark:var(--lcc-accent-dark-inline,#b8941f);--lcc-success:var(--lcc-success-inline,#2d6a4f);--lcc-background:var(--lcc-background-inline,#fafbfc);--lcc-surface:var(--lcc-surface-inline,#fff);--lcc-text:var(--lcc-text-inline,#1a1a1a);--lcc-text-muted:var(--lcc-text-muted-inline,#5a5a5a);--lcc-border:var(--lcc-border-inline,#e5e7eb);--lcc-cost-summary-bg:var(--lcc-cost-summary-bg-inline,#334155);--lcc-cost-summary-bg-end:var(--lcc-cost-summary-bg-end-inline,#0f172a);--lcc-freehold-border:var(--lcc-freehold-border-inline,#10b981);--lcc-leasehold-border:var(--lcc-leasehold-border-inline,#f59e0b);--lcc-additional-border:var(--lcc-additional-border-inline,#f59e0b);--lcc-recalculate-bg:var(--lcc-recalculate-bg-inline,#16a34a);--lcc-recalculate-hover:var(--lcc-recalculate-hover-inline,#15803d);--lcc-table-header:var(--lcc-table-header-inline,#334155)}.leasehold-calc .leasehold-calc-container{max-width:1400px;margin:0 auto}.leasehold-calc .leasehold-calc-header{text-align:center;margin-bottom:3rem;animation:.8s ease-out leasehold-fadeInDown}.leasehold-calc .leasehold-calc-subtitle{color:var(--text-secondary);font-size:1.1rem;font-weight:300}.leasehold-calc .leasehold-calc-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}.leasehold-calc .leasehold-calc-card{background:var(--surface);box-shadow:0 4px 20px var(--shadow);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:transform .3s,box-shadow .3s;animation:.8s ease-out both leasehold-fadeInUp}.leasehold-calc .leasehold-calc-card:hover{box-shadow:0 8px 30px var(--shadow-strong);transform:translateY(-4px)}.leasehold-calc .leasehold-calc-card-header{border-bottom:2px solid var(--accent);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.leasehold-calc .leasehold-calc-card-icon{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;display:flex}.leasehold-calc .leasehold-calc-card-title{font-family:var(--font-app-sans), system-ui, sans-serif;color:var(--primary);font-size:1.75rem;font-weight:600}.leasehold-calc .leasehold-calc-form-row{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.leasehold-calc .leasehold-calc-form-group{flex-direction:column;display:flex}.leasehold-calc .leasehold-calc-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.leasehold-calc .leasehold-calc-input,.leasehold-calc .leasehold-calc-input-with-prefix input,.leasehold-calc .leasehold-calc-input-with-prefix select{border:2px solid var(--calc-gold-input-border,#ece5d8);font-size:1rem;font-family:var(--font-app-sans), system-ui, sans-serif;background:var(--surface);border-radius:8px;padding:.875rem 1rem;transition:border-color .2s,box-shadow .2s}.leasehold-calc .leasehold-calc-input:focus,.leasehold-calc .leasehold-calc-input-with-prefix input:focus,.leasehold-calc .leasehold-calc-input-with-prefix select:focus{border-color:var(--calc-gold-input-focus-border,#2a7d7b);box-shadow:0 0 0 3px var(--calc-gold-input-focus-ring,#2a7d7b1f);outline:none}.leasehold-calc .leasehold-calc-input-with-prefix{position:relative}.leasehold-calc .leasehold-calc-input-prefix{color:var(--text-secondary);pointer-events:none;font-weight:500;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.leasehold-calc .leasehold-calc-input-with-prefix input{padding-left:4rem}.leasehold-calc .leasehold-calc-input[type=number]{appearance:textfield}.leasehold-calc .leasehold-calc-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.leasehold-calc .leasehold-calc-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.leasehold-calc .leasehold-calc-cost-summary{background:linear-gradient(135deg, var(--cost-summary-bg,var(--primary)) 0%, var(--cost-summary-bg-end,var(--primary-light)) 100%);text-align:center;color:#fff;border-radius:16px;margin-bottom:2rem;padding:2.5rem;position:relative;overflow:hidden}.leasehold-calc .leasehold-calc-cost-summary:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:200%;height:200%;animation:4s ease-in-out infinite leasehold-pulse;position:absolute;top:-50%;right:-50%}.leasehold-calc .leasehold-calc-cost-label{text-transform:uppercase;letter-spacing:.1em;opacity:.9;margin-bottom:.5rem;font-size:.875rem}.leasehold-calc .leasehold-calc-cost-amount{font-family:var(--font-app-sans), system-ui, sans-serif;margin-bottom:1.5rem;font-size:4rem;font-weight:700;line-height:1}.leasehold-calc .leasehold-calc-cost-breakdown{border-top:1px solid #fff3;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem;display:grid}.leasehold-calc .leasehold-calc-breakdown-item{text-align:center}.leasehold-calc .leasehold-calc-breakdown-label{opacity:.8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem}.leasehold-calc .leasehold-calc-breakdown-value{font-size:1.5rem;font-weight:600}.leasehold-calc .leasehold-calc-comparison-box{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.leasehold-calc .leasehold-calc-comparison-item{border:2px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .3s}.leasehold-calc .leasehold-calc-comparison-item:first-child{border-color:var(--freehold-border,var(--success));background:linear-gradient(135deg,#2d6a4f0d,#2d6a4f1a)}.leasehold-calc .leasehold-calc-comparison-item:last-child{border-color:var(--leasehold-border,var(--accent));background:linear-gradient(135deg,#d4af370d,#d4af371a)}.leasehold-calc .leasehold-calc-comparison-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem}.leasehold-calc .leasehold-calc-comparison-amount{font-family:var(--font-app-sans), system-ui, sans-serif;color:var(--primary);font-size:2rem;font-weight:700}.leasehold-calc .leasehold-calc-additional-cost{border-left:4px solid var(--additional-cost-border,var(--accent));background:linear-gradient(135deg,#d4af371a,#d4af370d);border-radius:8px;margin-top:1rem;padding:1rem 1.5rem;font-weight:500}.leasehold-calc .leasehold-calc-table-container{border:1px solid var(--border);border-radius:8px;margin-top:1.5rem;overflow-x:auto}.leasehold-calc .leasehold-calc-table{border-collapse:collapse;background:var(--surface);width:100%}.leasehold-calc .leasehold-calc-table thead{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff}.leasehold-calc .leasehold-calc-table th,.leasehold-calc .leasehold-calc-table td{text-align:left;border-bottom:1px solid var(--border);padding:1rem}.leasehold-calc .leasehold-calc-table th{text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.leasehold-calc .leasehold-calc-table tr:hover{background:#d4af370d}.leasehold-calc .leasehold-calc-info-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem;display:grid}.leasehold-calc .leasehold-calc-info-card{background:var(--surface);border:1px solid var(--border);box-shadow:0 2px 10px var(--shadow);border-radius:12px;padding:1.5rem;animation:.8s ease-out both leasehold-fadeInUp}.leasehold-calc .leasehold-calc-info-card h3{font-family:var(--font-app-sans), system-ui, sans-serif;color:var(--primary);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.25rem;display:flex}.leasehold-calc .leasehold-calc-info-card p{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem;line-height:1.6}.leasehold-calc .leasehold-calc-btn-primary{background:var(--recalculate-bg,var(--accent));color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:8px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #d4af374d}.leasehold-calc .leasehold-calc-btn-primary:hover{background:var(--recalculate-hover,var(--accent-dark));transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766}.leasehold-calc .leasehold-calc-btn-primary:active{transform:translateY(0)}@keyframes leasehold-fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes leasehold-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes leasehold-pulse{0%,to{opacity:.3;transform:translate(-50%,-50%)scale(1)}50%{opacity:.5;transform:translate(-50%,-50%)scale(1.1)}}@media (max-width:1024px){.leasehold-calc .leasehold-calc-grid{grid-template-columns:1fr}.leasehold-calc .leasehold-calc-grid>*{grid-column:1!important}.leasehold-calc .leasehold-calc-form-row,.leasehold-calc .leasehold-calc-comparison-box,.leasehold-calc .leasehold-calc-info-grid{grid-template-columns:1fr}}@media (max-width:768px){.leasehold-calc .leasehold-calc-header h1{font-size:1.75rem}.leasehold-calc .leasehold-calc-subtitle{font-size:1rem}.leasehold-calc .leasehold-calc-card-title{font-size:1.5rem}.leasehold-calc .leasehold-calc-cost-amount{font-size:3rem}.leasehold-calc .leasehold-calc-cost-breakdown{grid-template-columns:1fr}.leasehold-calc .leasehold-calc-card{padding:1.5rem}}