/* Hesapkurdu-style clean & modern */

.hk-card{
  max-width:980px;
  margin:20px auto;
  background:#ffffff;
  border-radius:10px;
  box-shadow:0 8px 30px rgba(16,24,40,0.06);
  padding:20px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  color:#0f172a;
}

.hk-header{ border-bottom:1px solid #eef2ff; padding-bottom:10px; margin-bottom:12px; }
.hk-header h2{ font-size:20px; margin:0; color:#0b5ed7; }

.hk-grid{ display:grid; grid-template-columns: repeat(2,1fr); gap:12px; }
.hk-field{ display:flex; flex-direction:column; }
.hk-field label{ font-size:13px; color:#374151; margin-bottom:6px; }
.hk-field input[type=date], .hk-field input[type=number], .hk-field select{
  padding:10px 12px;
  border-radius:8px;
  border:1px solid #e6eef9;
  font-size:15px;
  background:#fbfdff;
  outline:none;
}
.hk-field input:focus, .hk-field select:focus{ box-shadow:0 10px 20px rgba(11,94,215,0.06); border-color:#cfe0ff; }

.hk-col-2{ grid-column: span 2; }

.hk-actions{ display:flex; gap:10px; margin-top:12px; }
.hk-btn{ padding:10px 18px; border-radius:8px; border:0; background:#0b5ed7; color:#fff; font-weight:600; cursor:pointer; box-shadow:0 8px 20px rgba(11,94,215,0.12); }
.hk-btn-light{ background:transparent; color:#0b5ed7; border:1px solid #cfe0ff; box-shadow:none; }

.hk-result{ margin-top:14px; padding:14px; border-radius:8px; background:linear-gradient(180deg,#f8fbff,#ffffff); border:1px solid #e6f0ff; font-weight:600; color:#0f172a; }
.hk-note{ margin-top:12px; font-size:13px; color:#6b7280; }

@media (max-width:720px){
  .hk-grid{ grid-template-columns:1fr; }
  .hk-card{ padding:14px; margin:12px; }
  .hk-header h2{ font-size:18px; }
  .hk-actions{ flex-direction:column; }
}