:root{--bg-color:#ffffff;--text-color:#333333;--border-color:#ddd;--card-bg:#f9f9f9;--button-bg:#4a90e2;--button-hover:#357ab8;--table-header-bg:#eef5ff;--error-color:#e74c3c;--success-color:#2ecc71;--shadow:0 2px 10px rgba(0,0,0,0.1)}.dark-theme{--bg-color:#1a1a1a;--text-color:#e0e0e0;--border-color:#444;--card-bg:#2d2d2d;--button-bg:#5dade2;--button-hover:#4a90e2;--table-header-bg:#2c3e50;--error-color:#e74c3c;--success-color:#2ecc71;--shadow:0 2px 10px rgba(0,0,0,0.3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;transition:background-color 0.3s ease,color 0.3s ease}.container{max-width:1200px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:30px;padding:20px 0;position:relative}h1{font-size:2.5rem;margin-bottom:10px}.theme-toggle{background:var(--button-bg);color:white;border:none;border-radius:50%;width:44px;height:44px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;box-shadow:var(--shadow);transition:all 0.3s ease}@media (min-width:769px){.theme-toggle:hover{background:var(--button-hover);transform:scale(1.05)}}@media (max-width:768px){.theme-toggle:active{transform:scale(0.96);transition:transform 0.05s}}.calculator-container{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width:768px){.calculator-container{grid-template-columns:1fr 1fr}}.input-section,.result-section{background:var(--card-bg);padding:25px;border-radius:10px;box-shadow:var(--shadow)}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:600}input,select{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:5px;background:var(--bg-color);color:var(--text-color);font-size:1rem;transition:border-color 0.3s,box-shadow 0.3s}input:focus,select:focus{outline:none;border-color:var(--button-bg);box-shadow:0 0 0 3px rgba(74,144,226,0.2)}button{background:var(--button-bg);color:white;border:none;padding:12px 20px;border-radius:5px;cursor:pointer;font-size:1rem;width:100%;margin-top:10px;transition:all 0.3s ease}@media (min-width:769px){button:hover{background:var(--button-hover)}}@media (max-width:768px){button:active{transform:scale(0.97);transition:transform 0.05s}}.btn-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:20px}.loan-type-btn{background:#ecf0f1;color:var(--text-color)}.loan-type-btn.active{background:var(--button-bg);color:white}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.result-card{background:var(--table-header-bg);padding:15px;border-radius:5px;text-align:center;word-break:break-word}.result-value{font-size:1.5rem;font-weight:bold;color:var(--button-bg);word-break:break-word}table{width:100%;border-collapse:collapse;margin-top:20px;font-size:0.9rem}th,td{padding:10px;text-align:left;border-bottom:1px solid var(--border-color);word-break:break-word}th{background:var(--table-header-bg);font-weight:600}tr:nth-child(even){background:var(--card-bg)}.action-buttons{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.action-btn{flex:1;min-width:120px}.hidden{display:none}.error-message{color:var(--error-color);font-size:0.9rem;margin-top:5px}footer{text-align:center;margin-top:40px;padding:20px;border-top:1px solid var(--border-color)}a{color:var(--button-bg);text-decoration:none}a:hover{text-decoration:underline}.scrollable-table{max-height:400px;overflow-y:auto;-webkit-overflow-scrolling:touch}.amount-input-group{display:flex;gap:10px}.amount-input-group input{flex:1}.amount-input-group select{width:120px}@media (max-width:768px){.container{padding:12px}header{margin-bottom:20px;padding:12px 0}h1{font-size:1.8rem}.input-section,.result-section{padding:18px;border-radius:8px}.form-group{margin-bottom:15px}label{font-size:0.9rem;margin-bottom:6px}input,select{padding:10px 12px;font-size:16px}.btn-group{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin-top:15px}.loan-type-btn{padding:10px;font-size:0.85rem}button{padding:12px;font-size:0.95rem;min-height:44px}.results-grid{grid-template-columns:1fr;gap:12px}.result-card{padding:12px}.result-value{font-size:1.3rem}.result-card .label{font-size:0.85rem}.scrollable-table{max-height:350px}th,td{padding:8px 10px;font-size:0.8rem}.action-buttons{flex-direction:column;gap:8px}.action-btn{width:100%;min-width:auto}.amount-input-group{flex-direction:column;gap:8px}.amount-input-group select{width:100%}footer{margin-top:30px;padding:15px;font-size:0.8rem}}@media (max-width:550px){.container{padding:8px}h1{font-size:1.5rem}.input-section,.result-section{padding:14px}.form-group{margin-bottom:12px}label{font-size:0.85rem}input,select{padding:10px;font-size:16px}.btn-group{grid-template-columns:1fr;gap:6px}.loan-type-btn{padding:10px;font-size:0.85rem}button{padding:10px;font-size:0.9rem}.result-card{padding:10px}.result-value{font-size:1.2rem}th,td{padding:6px 8px;font-size:0.75rem}.error-message{font-size:0.75rem}}@media (max-width:400px){h1{font-size:1.3rem}.input-section,.result-section{padding:12px}.result-value{font-size:1.1rem}th,td{padding:5px 6px;font-size:0.7rem}}@media (max-width:768px) and (orientation:landscape){.calculator-container{gap:12px}.input-section,.result-section{padding:12px}.scrollable-table{max-height:250px}.btn-group{grid-template-columns:repeat(3,1fr)}.results-grid{grid-template-columns:repeat(2,1fr)}}@media (hover:none) and (pointer:coarse){button,.loan-type-btn,.theme-toggle{cursor:pointer;-webkit-tap-highlight-color:transparent}button:active{transform:scale(0.97)}.loan-type-btn:active{transform:scale(0.98)}input,select{font-size:16px}}