/* src/styles.scss */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
:root {
  --c-bg: #f1f5f9;
  --c-card: #ffffff;
  --c-border: #e2e8f0;
  --c-border-hover: #cbd5e1;
  --c-text: #0f172a;
  --c-text-secondary: #475569;
  --c-text-muted: #94a3b8;
  --c-brand: #2563eb;
  --c-brand-hover: #1d4ed8;
  --c-brand-light: #eff6ff;
  --c-brand-border: #bfdbfe;
  --c-success: #16a34a;
  --c-success-light: #f0fdf4;
  --c-success-border: #bbf7d0;
  --c-success-text: #15803d;
  --c-warning: #d97706;
  --c-warning-light: #fffbeb;
  --c-warning-border: #fde68a;
  --c-warning-text: #b45309;
  --c-danger: #dc2626;
  --c-danger-light: #fef2f2;
  --c-danger-border: #fecaca;
  --c-danger-text: #b91c1c;
  --c-neutral: #64748b;
  --c-neutral-light: #f8fafc;
  --r-card: 10px;
  --r-sm: 6px;
  --r-xs: 4px;
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-modal: 0 25px 80px rgba(0, 0, 0, 0.25);
  --font:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    system-ui,
    sans-serif;
  --font-mono:
    "SF Mono",
    Consolas,
    monospace;
}
:root[data-theme=dark] {
  --c-bg: #07101a;
  --c-card: #101d2f;
  --c-border: #27415f;
  --c-border-hover: #3d5f86;
  --c-text: #edf6ff;
  --c-text-secondary: #b7c9de;
  --c-text-muted: #7f96b3;
  --c-brand: #60a5fa;
  --c-brand-hover: #93c5fd;
  --c-brand-light: rgba(37, 99, 235, 0.22);
  --c-brand-border: rgba(96, 165, 250, 0.42);
  --c-success: #34d399;
  --c-success-light: rgba(16, 185, 129, 0.16);
  --c-success-border: rgba(52, 211, 153, 0.42);
  --c-success-text: #6ee7b7;
  --c-warning: #fbbf24;
  --c-warning-light: rgba(245, 158, 11, 0.15);
  --c-warning-border: rgba(251, 191, 36, 0.42);
  --c-warning-text: #fcd34d;
  --c-danger: #fb7185;
  --c-danger-light: rgba(244, 63, 94, 0.14);
  --c-danger-border: rgba(251, 113, 133, 0.42);
  --c-danger-text: #fda4af;
  --c-neutral: #94a3b8;
  --c-neutral-light: #0b1726;
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.03), 0 12px 30px rgba(0, 0, 0, 0.22);
  --shadow-modal: 0 32px 90px rgba(0, 0, 0, 0.55);
}
html,
body {
  min-width: 320px;
  min-height: 100vh;
  font-family: var(--font);
  font-size: 14px;
  line-height: 1.5;
  color: var(--c-text);
  background: var(--c-bg);
}
button,
input,
select,
textarea {
  font: inherit;
}
button {
  cursor: pointer;
}
button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-thumb {
  border-radius: 99px;
  background: var(--c-border-hover);
}

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