/* src/styles.scss */
:root {
  --color-bg: #0f0f14;
  --color-bg-surface: #1a1a24;
  --color-bg-elevated: #242434;
  --color-primary: #7c3aed;
  --color-primary-hover: #6d28d9;
  --color-accent: #aaff00;
  --color-text: #ffffff;
  --color-text-secondary: rgba(255, 255, 255, 0.6);
  --color-text-muted: rgba(255, 255, 255, 0.35);
  --color-border: rgba(255, 255, 255, 0.1);
  --color-success: #34d399;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  --color-info: #3b82f6;
  --color-text-heading: #f1f5f9;
  --color-text-label: #cbd5e1;
  --color-text-subtle: #94a3b8;
  --color-text-dim: #64748b;
  --color-text-placeholder: #475569;
  --color-text-expense: #fb7185;
  --color-border: #2d2d3b;
  --color-border-subtle: rgba(45, 45, 59, 0.5);
  --color-status-paid-bg: rgba(170, 255, 0, 0.2);
  --color-status-paid-border: rgba(170, 255, 0, 0.4);
  --color-status-paid-text: #aaff00;
  --color-status-paid-glow: rgba(170, 255, 0, 0.15);
  --color-status-sent-bg: rgba(94, 92, 230, 0.2);
  --color-status-sent-border: rgba(94, 92, 230, 0.3);
  --color-status-sent-text: #5e5ce6;
  --color-status-invoiced-bg: rgba(191, 90, 242, 0.2);
  --color-status-invoiced-border: rgba(191, 90, 242, 0.3);
  --color-status-invoiced-text: #bf5af2;
  --color-status-projected-bg: rgba(142, 142, 147, 0.2);
  --color-status-projected-border: rgba(142, 142, 147, 0.3);
  --color-status-projected-text: #8e8e93;
  --color-modal-bg: #1e172a;
  --color-modal-border: #332747;
  --color-modal-input-bg: #130e1a;
  --color-modal-muted: #9482b0;
  --color-danger: #f87171;
  --color-badge-owner-bg: rgba(124, 59, 237, 0.2);
  --color-badge-owner-text: #7c3bed;
  --color-badge-pending-bg: rgba(234, 179, 8, 0.2);
  --color-badge-pending-text: #eab308;
  --color-online: #aaff00;
  --color-offline: #64748b;
  --color-kpi-sent-dot: #5e5ce6;
  --color-kpi-projected-dot: #8e8e93;
  --color-vat-row-bg: rgba(59, 130, 246, 0.04);
  --color-vat-text: #60a5fa;
  --color-vat-border: rgba(59, 130, 246, 0.15);
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --font-family:
    "Inter",
    system-ui,
    -apple-system,
    sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html,
body {
  height: 100%;
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  color: var(--color-text);
  background-color: var(--color-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a {
  color: inherit;
  text-decoration: none;
}
button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
  color: inherit;
}
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background: transparent;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--spacing-sm) var(--spacing-md);
  outline: none;
}
input:focus,
select:focus,
textarea:focus {
  border-color: var(--color-primary);
}
* {
  scrollbar-width: thin;
  scrollbar-color: var(--color-text-muted) transparent;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: var(--color-text-muted);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-text-secondary);
}

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