*{box-sizing:border-box;margin:0;padding:0}html,body{background:#f0f4f8;width:100%;overflow-x:hidden}.App{justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;font-family:Segoe UI,sans-serif;display:flex}.calculator-container{background-color:#f0f4f8;border:2px solid #2475aa;border-radius:15px;width:100%;max-width:900px;padding:20px;position:relative;box-shadow:inset 0 0 30px #3498db,0 0 15px #3498db}header{justify-content:center;align-items:center;margin-bottom:20px;display:flex;position:relative}header h1{background:linear-gradient(135deg,#001f3f,#036,#004080);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.3rem}.dark-toggle{cursor:pointer;color:#fff;background:#036;border:2px solid #3498db;border-radius:6px;padding:6px 12px;font-size:1.5rem;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:0 0 12px #3498db}table{border-collapse:collapse;width:100%}th,td{text-align:center;word-break:break-word;border:1px solid #ccc;padding:10px;font-size:1rem}th{color:#fff;background:#3498db}input,select{border:1px solid #aaa;border-radius:5px;width:100%;padding:6px}.buttons{text-align:center;margin-top:20px}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#001f3f,#036,#004080);border:2px solid #3498db;border-radius:6px;margin:6px;padding:10px 16px;box-shadow:0 0 15px #3498db}.result{text-align:center;background:#ecf9ff;border:2px solid #3498db;border-radius:12px;margin-top:20px;padding:15px;box-shadow:inset 0 0 18px #3498db}.dark-mode{color:#fff;background:#121212}.dark-mode .calculator-container{background:#1c1c1c}.dark-mode th{background:#1f618d}.dark-mode input,.dark-mode select{color:#fff;background:#222;border:1px solid #3498db}.dark-mode header h1{-webkit-text-fill-color:white!important}.dark-mode .result{background:#1c1c1c}@media (width<=768px){.App{align-items:flex-start;padding:10px}.calculator-container{box-shadow:none;width:100%;padding:15px}header h1{font-size:1.7rem}.dark-toggle{padding:4px 8px;font-size:1.2rem}table{display:block;overflow-x:auto}th,td{padding:6px;font-size:.85rem}}@media (width<=480px){header h1{font-size:1.4rem}.dark-toggle{font-size:1rem}button{padding:8px 10px;font-size:.8rem}input,select{padding:4px}}