*{box-sizing:border-box;font-family:Arial,sans-serif}body{margin:0;background:#f4f6f8;color:#111827}header{background:linear-gradient(135deg,#111827,#1f2937);color:#fff;padding:22px 16px;text-align:center}header h1{margin:0;font-size:25px}header p{margin:8px 0 0;color:#d1d5db;font-size:14px}.container{max-width:1250px;margin:20px auto;padding:0 14px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.stat-card,.card{background:#fff;border-radius:16px;padding:18px;border:1px solid #e5e7eb;box-shadow:0 10px 25px rgba(0,0,0,.06)}.stat-card span{display:block;color:#6b7280;font-size:13px}.stat-card strong{display:block;margin-top:8px;font-size:22px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}h2{margin-top:0;font-size:20px}label{display:block;margin-top:12px;font-weight:bold;font-size:14px}input,select,button{width:100%;padding:12px;margin-top:6px;border-radius:10px;border:1px solid #d1d5db;font-size:15px}input:focus,select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}button{border:none;cursor:pointer;font-weight:bold;background:#2563eb;color:#fff;margin-top:14px}button:hover{background:#1d4ed8}.btn-green{background:#16a34a}.btn-green:hover{background:#15803d}.btn-red{background:#dc2626}.btn-red:hover{background:#b91c1c}.btn-gray{background:#374151}.btn-gray:hover{background:#111827}.result{margin-top:14px;padding:14px;border-radius:12px;background:#f9fafb;border:1px solid #e5e7eb;line-height:1.7}.profit{color:#16a34a;font-weight:bold}.loss{color:#dc2626;font-weight:bold}.full{margin-top:16px;overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:12px;font-size:14px}th,td{border-bottom:1px solid #e5e7eb;padding:10px;text-align:left;white-space:nowrap}th{background:#f9fafb;font-weight:bold}.action-row{display:flex;gap:6px}.action-row button{padding:8px 10px;margin-top:0}.hidden{display:none}@media(max-width:900px){.stats,.grid{grid-template-columns:1fr}table{font-size:12px}th,td{padding:8px 6px}}

.monthly-card {
  margin-bottom: 16px;
}

.monthly-row {
  display: grid;
  grid-template-columns: 1fr 220px;
  gap: 12px;
  align-items: end;
}

@media (max-width: 900px) {
  .monthly-row {
    grid-template-columns: 1fr;
  }
}
.status{padding:12px 14px;border-radius:12px;margin-bottom:10px;font-weight:bold;border:1px solid #e5e7eb;background:#fff}.status.success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.status.error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.small-btn{max-width:220px;margin-bottom:16px}

.login-container{max-width:460px;margin-top:35px}.login-card{padding:24px}.login-card h2{text-align:center}.top-actions{display:flex;justify-content:flex-end;margin-bottom:10px}.logout-btn{display:inline-block;background:#374151;color:#fff;text-decoration:none;font-weight:bold;padding:12px 18px;border-radius:10px}.logout-btn:hover{background:#111827}