@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,700&display=swap');

:root {
  --nm-ink:#102032;
  --nm-ink-soft:#50657d;
  --nm-sky:#0d6efd;
  --nm-sky-deep:#0a4fb8;
  --nm-paper:#fbfdff;
  --nm-panel:#ffffff;
  --nm-panel-soft:#eef5fb;
  --nm-sand:#f6f0e8;
  --nm-line:#d9e6f2;
  --nm-shadow:0 18px 42px rgba(16, 32, 50, .1);
  --nm-shadow-soft:0 10px 28px rgba(16, 32, 50, .08);
  --nm-sidebar:#102032;
  --nm-sidebar-deep:#173a5d;
  --nm-success:#176f4e;
  --nm-success-bg:#dff5e9;
  --nm-warning:#8a5b00;
  --nm-warning-bg:#fff1cc;
  --nm-danger:#b42318;
  --nm-danger-bg:#fde7e4;
}

body,
button,
input,
select,
textarea {
  font-family:'Manrope', sans-serif !important;
}

body {
  background:
    radial-gradient(circle at top right, rgba(13,110,253,.14), transparent 24%),
    linear-gradient(180deg, #eef5fb 0%, #f7fbff 44%, #fffaf4 100%) !important;
  color:var(--nm-ink) !important;
}

.auth-page,
.auth-wrap,
.auth-screen {
  background:
    radial-gradient(circle at top right, rgba(143, 203, 255, .22), transparent 28%),
    linear-gradient(135deg, #102032, #1c4b77 72%) !important;
}

.auth-card,
.auth-form-wrap,
.card-section,
.stat-card,
.top-bar,
.project-card,
.addon-card,
.editing-card,
.agent-preview-card,
.agent-summary-chip,
.live-session-card,
.chat-window,
.chat-panel,
.auth-brand,
.info-box,
.details-tab,
.project-chat-btn,
.chat-launcher-chip {
  border-color:var(--nm-line) !important;
}

.auth-card,
.card-section,
.stat-card,
.top-bar,
.project-card,
.addon-card,
.editing-card,
.agent-preview-card,
.agent-summary-chip,
.live-session-card,
.info-box,
.details-tab,
.chat-window,
.chat-panel,
.demo-login-btn {
  background:rgba(255,255,255,.96) !important;
  color:var(--nm-ink) !important;
  box-shadow:var(--nm-shadow-soft) !important;
}

.auth-brand {
  color:#fff !important;
  background:
    linear-gradient(145deg, rgba(12, 23, 38, .94), rgba(24, 68, 129, .84)),
    url('https://images.unsplash.com/photo-1494526585095-c41746248156?auto=format&fit=crop&w=1600&q=80') center/cover !important;
}

.auth-brand h1,
.page-title,
.sidebar-brand,
.brand {
  font-family:'Fraunces', serif !important;
  letter-spacing:-.03em;
}

.sidebar {
  background:linear-gradient(180deg, var(--nm-sidebar) 0%, var(--nm-sidebar-deep) 100%) !important;
  border-right:1px solid rgba(255,255,255,.08) !important;
  box-shadow:16px 0 30px rgba(8, 15, 29, 0.12);
}

.sidebar-header,
.sidebar-footer {
  border-color:rgba(255,255,255,.08) !important;
}

.sidebar-brand,
.brand,
.sidebar-header p,
.sidebar-role,
.sidebar-section,
.nav-item-s,
.sidebar-user span,
.user-profile span,
.sidebar-footer,
.role-tag,
.sidebar-role-tag {
  color:#dfeaf7;
}

.sidebar-brand span,
.brand span {
  color:#7abaff !important;
}

.sidebar-section {
  color:#9eb5cf !important;
}

.nav-item-s {
  border-radius:12px !important;
  color:rgba(255,255,255,.78) !important;
}

.nav-item-s:hover,
.nav-item-s.active {
  background:rgba(13,110,253,.18) !important;
  color:#fff !important;
}

.nav-item-s.active {
  background:linear-gradient(135deg, var(--nm-sky), var(--nm-sky-deep)) !important;
  box-shadow:0 14px 28px rgba(13,110,253,.18);
}

.main-content,
.main {
  background:transparent !important;
}

.top-bar {
  border-radius:18px !important;
  padding:16px 22px !important;
}

.page-title,
.section-hdr,
.section-header,
.section-header h6,
.project-title,
.auth-form-wrap h2,
.auth-card h2,
.auth-card h3,
.modal-title,
.card-section h3,
.card-section h4,
.card-section h5,
.card-section h6,
.sidebar-user strong,
.user-profile strong,
.agent-preview-card strong,
.agent-summary-chip strong,
.live-session-head strong,
.tour-overlay,
.monitor-tag,
.monitor-live,
.details-tab,
.info-v,
.stat-card h3,
.stat-card strong,
.table td,
.table th,
.project-package,
.page-view,
.project-chat-btn,
.chat-window-title strong,
.chat-panel-title strong,
.chat-bubble,
.welcome-copy,
.user-badge,
.editor-user-badge,
.admin-badge {
  color:var(--nm-ink) !important;
}

.project-live-badge,
.monitor-live,
.admin-badge,
.badge.bg-danger,
.chat-message.own .chat-bubble,
.chat-window-header,
.chat-panel-header,
.mobile-chat-trigger,
.chat-launcher-btn,
.user-avatar,
.editor-user-dot,
.sidebar-user-avatar,
.chat-launcher-icon {
  color:#fff !important;
}

.page-subtitle,
.section-subcopy,
.auth-card p,
.auth-form-wrap p,
.project-subtitle,
.project-status-copy,
.text-muted,
.welcome-copy,
.info-k,
.chat-meta,
.chat-empty-note,
.chat-window-title span,
.chat-panel-title span,
.sidebar-header p,
.auth-brand p,
.agent-preview-card p,
.stage-label,
.page-view .small,
.project-package,
.project-chat-btn,
.details-tab,
.sidebar-user span,
.user-profile span,
.sidebar-section,
.sidebar-role,
.role-tag,
.sidebar-role-tag,
.stat-card p,
.stat-card span,
.project-package,
.info-box,
.table th,
.table td .small,
.auth-tab {
  color:var(--nm-ink-soft) !important;
}

.card-section,
.stat-card,
.project-card,
.info-box,
.details-tab,
.project-package,
.project-chat-btn,
.addon-card,
.editing-card,
.agent-preview-card,
.agent-summary-chip,
.live-session-card,
.chat-window,
.chat-panel,
.sidebar-user,
.user-profile {
  border:1px solid var(--nm-line) !important;
}

.stat-card {
  border-radius:18px !important;
  border-left:4px solid var(--nm-sky) !important;
}

.stat-card .icon,
.stat-icon,
.agent-preview-card i,
.project-package,
.details-tab.active,
.sidebar-role-tag,
.role-tag,
.chat-launcher-badge,
.pill-inline {
  background:var(--nm-panel-soft) !important;
  color:var(--nm-sky-deep) !important;
}

.details-tab.active,
.project-package,
.pill-inline {
  border-color:rgba(13,110,253,.18) !important;
}

.table,
.card-section .table {
  --bs-table-color: var(--nm-ink);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--nm-line);
  --bs-table-striped-bg: rgba(13,110,253,.025);
  --bs-table-hover-color: var(--nm-ink);
  --bs-table-hover-bg: rgba(13,110,253,.06);
}

.table tbody tr:hover,
.card-section .table tbody tr:hover {
  background:rgba(13,110,253,.05) !important;
}

.form-control,
.form-select,
textarea,
.modal .form-control,
.modal .form-select,
.modal textarea {
  background:#fff !important;
  color:var(--nm-ink) !important;
  border:1px solid var(--nm-line) !important;
}

.form-control::placeholder,
textarea::placeholder {
  color:#7288a2 !important;
}

.form-control:focus,
.form-select:focus,
textarea:focus,
.modal .form-control:focus,
.modal .form-select:focus,
.modal textarea:focus {
  background:#fff !important;
  color:var(--nm-ink) !important;
  border-color:rgba(13,110,253,.45) !important;
  box-shadow:0 0 0 .2rem rgba(13,110,253,.12) !important;
}

.btn-primary,
.btn-nav-primary,
.btn-hero-primary,
.chat-launcher-btn,
.mobile-chat-trigger {
  background:linear-gradient(135deg, var(--nm-sky), var(--nm-sky-deep)) !important;
  border-color:transparent !important;
  color:#fff !important;
}

.btn-outline-primary,
.btn-secondary,
.btn-nav-secondary,
.btn-hero-secondary,
.chat-launcher-btn.secondary,
.project-chat-btn,
.showcase-secondary-cta {
  background:#fff !important;
  color:var(--nm-ink) !important;
  border-color:var(--nm-line) !important;
}

.btn-outline-primary:hover,
.btn-secondary:hover,
.btn-nav-secondary:hover,
.btn-hero-secondary:hover,
.chat-launcher-btn.secondary:hover,
.project-chat-btn:hover {
  background:rgba(13,110,253,.06) !important;
  color:var(--nm-ink) !important;
}

.badge,
.pill-inline,
.project-live-badge,
.project-package,
.role-tag,
.sidebar-role-tag,
.admin-badge {
  font-weight:800 !important;
}

.text-success,
.badge.bg-success {
  color:var(--nm-success) !important;
}

.text-warning,
.badge.bg-warning {
  color:var(--nm-warning) !important;
}

.text-danger,
.badge.bg-danger {
  color:var(--nm-danger) !important;
}

.bg-success,
.badge.bg-success { background:var(--nm-success-bg) !important; }
.bg-warning,
.badge.bg-warning { background:var(--nm-warning-bg) !important; }
.bg-danger,
.badge.bg-danger { background:var(--nm-danger-bg) !important; }

.modal-content {
  background:var(--nm-panel) !important;
  color:var(--nm-ink) !important;
  border:1px solid var(--nm-line) !important;
}

.modal-header,
.modal-footer {
  border-color:var(--nm-line) !important;
}

.modal .btn-close {
  filter:none !important;
  opacity:.75;
}

.chat-window-body,
.chat-panel-body {
  background:linear-gradient(180deg, #f8fbff 0%, #f2f7fd 100%) !important;
}

.chat-window-footer,
.chat-panel-footer {
  background:#fff !important;
  border-top:1px solid var(--nm-line) !important;
}

.chat-bubble {
  background:#edf4fb !important;
  color:var(--nm-ink) !important;
}

.chat-message.own .chat-bubble {
  background:linear-gradient(135deg, var(--nm-sky), var(--nm-sky-deep)) !important;
}

.monitor-tag,
.monitor-live,
.project-live-badge {
  background:rgba(16,32,50,.78) !important;
}

@media (max-width: 992px) {
  .top-bar {
    position:sticky;
    top:0;
    z-index:80;
    backdrop-filter:blur(16px);
  }
}