/* style.css  */
body { font-family: 'Segoe UI', sans-serif; margin: 20px; background-color: #f0f2f5; }
.container { max-width: 1500px; margin: auto; background: white; padding: 25px; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.1); }


center img { margin-bottom: 5px; } 
h2 { 
    text-align: center; 
    color: #000000; 
    margin-top: 0; 
    margin-bottom: 25px; 
    border-bottom: 2px solid #e8eaed; 
    padding-bottom: 10px; 
}

.form-row { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 25px; align-items: flex-end; background: #f8f9fa; padding: 20px; border-radius: 8px; }
.form-group { display: flex; flex-direction: column; gap: 5px; }
label { font-weight: 600; font-size: 13px; }
input, select { padding: 10px; border: 1px solid #dadce0; border-radius: 6px; font-size: 14px; }
.btn { padding: 11px 25px; cursor: pointer; border: none; border-radius: 6px; font-weight: bold; }
.btn-calc { background-color: #1a73e8; color: white; }
.btn-clear { background-color: #ea4335; color: white; margin-left: 10px; }
.btn-excel { background-color: #1e7e34; color: white; margin-top: 10px; }
table { width: 100%; border-collapse: collapse; font-size: 11px; margin-top: 20px; }
th { background-color: #f1f3f4; border: 1px solid #dee2e6; padding: 10px; text-align: center; }
td { border: 1px solid #dee2e6; padding: 8px; text-align: right; }

.editable { background-color: #d4edda !important; font-weight: bold; cursor: pointer; }
.editable:focus { background-color: #c3e6cb !important; outline: none; }
.footer-row { background-color: #e8eaed; font-weight: bold; }