/* src/styles.css */
:root {
  --bg: #f4f7f8;
  --surface: #ffffff;
  --ink: #14202b;
  --muted: #5a6b78;
  --accent: #116ea6;
  --accent-2: #2d9c89;
  --border: #d5e1e8;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  font-family:
    "Segoe UI",
    Tahoma,
    Geneva,
    Verdana,
    sans-serif;
  color: var(--ink);
  background:
    radial-gradient(
      circle at 20% 0%,
      #dcecf4 0,
      var(--bg) 42%);
}
.panel {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(20, 32, 43, 0.08);
}
.btn {
  border: 0;
  background: var(--accent);
  color: #fff;
  font-weight: 600;
  padding: 10px 14px;
  min-height: 42px;
  border-radius: 8px;
  cursor: pointer;
}
.btn.secondary {
  background: var(--accent-2);
}
.btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.input {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 10px;
  font-size: 14px;
  min-height: 42px;
}
@media (max-width: 768px) {
  .panel {
    border-radius: 10px;
  }
  .btn,
  .input {
    min-height: 46px;
    font-size: 16px;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */