@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');:root {--bg: #f7f8fa;--bg-card: #ffffff;--bg-muted: #f1f3f6;--border: #e5e7eb;--border-strong: #d1d5db;--text: #0f172a;--text-soft: #475569;--text-muted: #94a3b8;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-soft: #eff6ff;--success: #16a34a;--warn: #d97706;--danger: #dc2626;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--shadow-sm: 0 1px 2px rgba(15,23,42,.06);--shadow-md: 0 1px 3px rgba(15,23,42,.07), 0 8px 24px rgba(15,23,42,.05);--shadow-lg: 0 8px 32px rgba(15,23,42,.10);}html, body {font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;background: var(--bg);color: var(--text);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}body { font-size: 15px; line-height: 1.55; padding-top: 110px !important; }body.login { padding-top: 0 !important; }h1, h2, h3, h4, h5, h6 {font-family: inherit;color: var(--text);font-weight: 600;letter-spacing: -0.01em;}h1 { font-size: 28px; line-height: 1.2; font-weight: 700; }h2 { font-size: 22px; line-height: 1.25; }h3 { font-size: 18px; line-height: 1.3; }.page-header {border-bottom: 1px solid var(--border);padding-bottom: 14px;margin: 0 0 24px 0;}.page-header h1 {margin: 0 !important;font-family: inherit !important;font-weight: 700 !important;font-size: 28px !important;line-height: 1.2 !important;letter-spacing: -0.01em !important;color: var(--text) !important;padding: 0 !important;}a { color: var(--accent); transition: color 120ms ease; }a:hover, a:focus { color: var(--accent-hover); text-decoration: none; }hr { border-top: 1px solid var(--border); margin: 24px 0; }::selection { background: rgba(37,99,235,.18); }.banner-info, .trial-banner, [class*="trial"] {}.horizontal-menu,.navbar-inverse .horizontal-menu {background: #ffffff !important;border-top: 1px solid var(--border) !important;margin-left: 0 !important;margin-right: 0 !important;padding: 0 !important;}.horizontal-menu ul.nav > li > a {color: var(--text-soft) !important;font-weight: 500 !important;padding: 14px 18px !important;background: transparent !important;border-radius: 0 !important;transition: color 120ms ease, background 120ms ease, box-shadow 120ms ease !important;}.horizontal-menu ul.nav > li > a:hover,.horizontal-menu ul.nav > li.open > a,.horizontal-menu ul.nav > li > a:focus {color: var(--text) !important;background: var(--bg-muted) !important;}.horizontal-menu ul.nav > li.active > a,.horizontal-menu ul.nav > li.active > a:hover,.horizontal-menu .dropdown-menu li:hover > a {color: var(--accent) !important;background: transparent !important;box-shadow: inset 0 -2px 0 var(--accent) !important;}.horizontal-menu .dropdown-menu {border: 1px solid var(--border) !important;border-radius: var(--r-md) !important;box-shadow: var(--shadow-md) !important;padding: 6px !important;margin-top: 4px !important;}.horizontal-menu .dropdown-menu li > a {color: var(--text) !important;border-radius: var(--r-sm) !important;padding: 8px 12px !important;}.horizontal-menu .dropdown-menu li > a:hover {background: var(--bg-muted) !important;color: var(--text) !important;box-shadow: none !important;}.horizontal-menu ul.nav li .selected { display: none !important; }.navbar.navbar-inverse {background: #ffffff;border: none;border-bottom: 1px solid var(--border);box-shadow: var(--shadow-sm);min-height: 60px;}.navbar.navbar-inverse .navbar-nav > li > a,.navbar.navbar-inverse .navbar-nav > li > a:focus {color: var(--text-soft);font-weight: 500;font-size: 14px;padding: 18px 16px;transition: color 120ms ease, background 120ms ease;}.navbar.navbar-inverse .navbar-nav > li > a:hover {color: var(--text);background: var(--bg-muted);}.navbar.navbar-inverse .navbar-nav > li.active > a,.navbar.navbar-inverse .navbar-nav > li.active > a:hover {color: var(--accent);background: transparent;box-shadow: inset 0 -2px 0 var(--accent);}.navbar.navbar-inverse .navbar-nav .dropdown-menu {border: 1px solid var(--border);border-radius: var(--r-md);box-shadow: var(--shadow-md);padding: 6px;margin-top: 4px;}.navbar.navbar-inverse .navbar-nav .dropdown-menu > li > a {color: var(--text);border-radius: var(--r-sm);padding: 8px 12px;font-size: 14px;}.navbar.navbar-inverse .navbar-nav .dropdown-menu > li > a:hover {background: var(--bg-muted);color: var(--text);}.navbar-header {display: inline-flex !important;align-items: center;gap: 10px;height: 56px;}.navbar-brand {font-weight: 700 !important;font-size: 18px !important;letter-spacing: -0.015em !important;color: var(--text) !important;display: inline-flex !important;align-items: center !important;height: 56px !important;padding: 0 !important;line-height: 1 !important;}.navbar.navbar-inverse .navbar-brand:hover { color: var(--text) !important; }.logo-img {display: inline-flex !important;align-items: center;height: 56px;}.logo-img img { width: 32px !important; height: 32px !important; display: block; }.navbar-tools .nav.navbar-right {display: flex !important;align-items: center;height: 56px;margin: 0;}.navbar-tools .nav.navbar-right > li {display: flex;align-items: center;height: 56px;}.navbar-tools .nav.navbar-right > li > a {display: inline-flex !important;align-items: center !important;height: 56px;padding: 0 14px !important;}.navbar-message:empty { display: none; }.main-container { margin-top: 0 !important; }.main-content { background-color: transparent !important; }.navbar-credits { display: flex; align-items: center; padding: 0 4px; }.credit-pill {display: inline-flex;align-items: center;gap: 6px;padding: 5px 10px;border-radius: 6px;background: transparent;color: var(--text-soft) !important;font-size: 13px;font-weight: 500;line-height: 1;text-decoration: none !important;transition: background 120ms ease, color 120ms ease;white-space: nowrap;border: 1px solid var(--border);}.credit-pill:hover { background: var(--bg-muted); color: var(--text) !important; }.credit-pill .fa { font-size: 11px; color: var(--text-muted); }.credit-pill__sub { color: var(--text-muted); font-weight: 400; font-size: 12px; margin-left: 2px; }.credit-pill--low .fa { color: var(--warn); }.navbar-trial { display: flex; align-items: center; padding: 0 4px; }.trial-pill {display: inline-flex;align-items: center;gap: 6px;padding: 5px 10px;border-radius: 6px;background: transparent;color: #2563eb !important;font-size: 13px;font-weight: 500;line-height: 1;text-decoration: none !important;white-space: nowrap;border: 1px solid #bfdbfe;transition: background 120ms ease, color 120ms ease, border-color 120ms ease;}.trial-pill:hover { background: #eff6ff; }.trial-pill .fa { font-size: 11px; }.trial-pill--low {color: #b45309 !important;border-color: #fcd34d;}.trial-pill--low:hover { background: #fef3c7; }.trial-pill--expired {color: #991b1b !important;border-color: #fecaca;background: #fef2f2;}.trial-pill--expired:hover { background: #fee2e2; }.navbar.navbar-inverse .current-user > a {color: var(--text-soft) !important;font-weight: 500;}.btn {border-radius: var(--r-sm);font-weight: 500;font-size: 14px;padding: 8px 16px;border: 1px solid transparent;transition: background 120ms ease, border-color 120ms ease, color 120ms ease, transform 80ms ease;box-shadow: var(--shadow-sm);}.btn:active { transform: translateY(0.5px); }.btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }.btn-primary, .btn-bricky {background: var(--accent);border-color: var(--accent);color: #fff;}.btn-primary:hover, .btn-primary:focus,.btn-bricky:hover, .btn-bricky:focus {background: var(--accent-hover);border-color: var(--accent-hover);color: #fff;}.btn-default {background: #fff;border-color: var(--border-strong);color: var(--text);}.btn-default:hover { background: var(--bg-muted); border-color: var(--border-strong); }.btn-danger {background: var(--danger);border-color: var(--danger);color: #fff;}.btn-danger:hover { background: #b91c1c; border-color: #b91c1c; }.btn-success {background: var(--success);border-color: var(--success);color: #fff;}.btn-success:hover { background: #15803d; border-color: #15803d; }.btn-link {color: var(--accent);box-shadow: none;}.btn-link:hover { color: var(--accent-hover); }.btn-info {background: var(--bg-card) !important;border-color: var(--border-strong) !important;color: var(--text-soft) !important;}.btn-info:hover { background: var(--bg-muted) !important; color: var(--text) !important; }.btn-warning {background: var(--bg-card) !important;border-color: rgba(217,119,6,.35) !important;color: var(--warn) !important;}.btn-warning:hover { background: rgba(217,119,6,.06) !important; color: var(--warn) !important; }.btn-success {background: var(--bg-card) !important;border-color: rgba(22,163,74,.35) !important;color: var(--success) !important;}.btn-success:hover { background: rgba(22,163,74,.06) !important; color: var(--success) !important; }.btn-xs { padding: 4px 10px !important; font-size: 12px !important; }.status-badge { background: transparent !important; }.status-active { background: rgba(22,163,74,.12) !important; color: var(--success) !important; }.status-paused { background: rgba(217,119,6,.12) !important; color: var(--warn) !important; }.status-draft { background: var(--bg-muted) !important; color: var(--text-soft) !important; }.status-completed { background: var(--accent-soft) !important; color: var(--accent) !important; }.objective-badge {background: var(--bg-muted) !important;color: var(--text-soft) !important;font-weight: 600 !important;letter-spacing: 0.04em !important;}label, .control-label {font-weight: 500;font-size: 13px;color: var(--text);margin-bottom: 6px;}.form-control, input[type="text"], input[type="email"], input[type="password"],input[type="number"], input[type="url"], input[type="search"], select, textarea {border: 1px solid var(--border-strong);border-radius: var(--r-sm);background: #fff;font-size: 14px;font-family: inherit;color: var(--text);padding: 9px 12px;height: auto;box-shadow: none;transition: border-color 120ms ease, box-shadow 120ms ease;}.form-control:focus, input:focus, select:focus, textarea:focus {border-color: var(--accent);box-shadow: 0 0 0 3px rgba(37,99,235,.16);outline: none;}.form-control::placeholder { color: var(--text-muted); }.form-group { margin-bottom: 18px; }.input-group-addon {background: var(--bg-muted);border: 1px solid var(--border-strong);border-right: none;border-radius: var(--r-sm) 0 0 var(--r-sm);font-size: 13px;color: var(--text-soft);}.help-block { font-size: 12px; color: var(--text-muted); margin-top: 6px; }.panel, .panel-default {background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--r-md);box-shadow: var(--shadow-sm);margin-bottom: 20px;}.panel-heading, .panel-default > .panel-heading {background: transparent;border-bottom: 1px solid var(--border);padding: 18px 24px;border-radius: var(--r-md) var(--r-md) 0 0;display: flex;align-items: center;justify-content: space-between;gap: 12px;}.panel-title {font-size: 16px;font-weight: 600;color: var(--text);letter-spacing: -0.005em;display: inline-flex;align-items: center;gap: 12px;margin: 0;}.panel-title > .fa,.panel-title > i[class*="fa-"] {display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 8px;background: var(--accent-soft);color: var(--accent);font-size: 14px;}.panel-body { padding: 24px; height: auto !important; }.panel-footer { background: var(--bg-muted); border-top: 1px solid var(--border); }.table {background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--r-md);overflow: hidden;font-size: 14px;}.table > thead > tr > th {border-bottom: 1px solid var(--border);background: var(--bg-muted);color: var(--text-soft);font-weight: 600;font-size: 12px;text-transform: uppercase;letter-spacing: 0.04em;padding: 12px 16px;}.table > tbody > tr > td {border-top: 1px solid var(--border);padding: 14px 16px;vertical-align: middle;}.table > tbody > tr:first-child > td { border-top: none; }.table > tbody > tr:hover > td { background: var(--bg-muted); }.label, .badge, .status-badge {font-size: 11px;font-weight: 600;letter-spacing: 0.03em;padding: 4px 9px;border-radius: 999px;text-transform: uppercase;}.label-success, .label-default {background: rgba(22,163,74,.12);color: var(--success);}.label-warning { background: rgba(217,119,6,.12); color: var(--warn); }.label-danger { background: rgba(220,38,38,.12); color: var(--danger); }.label-info { background: var(--accent-soft); color: var(--accent); }.panel-body.kpi-card {background: var(--bg-card);text-align: left !important;padding: 18px 20px !important;min-height: 0 !important;}.row .col-md-2 > .panel-default:has(.kpi-card),.col-md-2 > .panel.panel-default {background: var(--bg-card);border: 1px solid var(--border) !important;border-radius: var(--r-md) !important;box-shadow: var(--shadow-sm) !important;min-height: 0 !important;height: auto !important;margin-bottom: 16px;transition: box-shadow 160ms ease, border-color 160ms ease;}.col-md-2 > .panel.panel-default:hover {box-shadow: var(--shadow-md) !important;border-color: var(--border-strong) !important;}.kpi-card .kpi-value {font-size: 26px !important;font-weight: 700 !important;letter-spacing: -0.02em;color: var(--text) !important;line-height: 1.15 !important;}.kpi-card .kpi-label {font-size: 11px !important;color: var(--text-muted) !important;letter-spacing: 0.06em !important;margin-top: 6px !important;font-weight: 600 !important;text-transform: uppercase !important;}.pricing-table {background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--r-lg);box-shadow: var(--shadow-sm);text-align: center;padding: 28px 0;margin-right: 18px;transition: box-shadow 200ms ease, transform 200ms ease, border-color 200ms ease;}.pricing-table:hover {box-shadow: var(--shadow-lg);transform: translateY(-2px);border-color: var(--accent);}.pricing-table .top,#pricing_table_example2 .top {background: transparent !important;color: var(--text);padding: 0 16px 18px !important;height: auto !important;border-radius: 0 !important;}.pricing-table .top h2,#pricing_table_example2 .top h2 {display: inline-block !important;color: var(--text-soft) !important;font: 700 12px/1.4 'Inter', sans-serif !important;margin: 24px 0 0 !important;letter-spacing: 0.16em !important;text-transform: uppercase !important;padding: 6px 14px !important;background: var(--bg-muted) !important;border-radius: 999px !important;text-align: center !important;}.pricing-table ul {list-style: none;padding: 26px 22px 6px;margin: 0;}.pricing-table ul li {padding: 10px 0;border-bottom: 1px solid var(--border);color: var(--text);font-size: 14px;}.pricing-table ul li:last-child { border-bottom: none; }.pricing-table hr { display: none; }.pricing-table h1 {font-size: 44px;font-weight: 800;letter-spacing: -0.03em;margin: 18px 0 0;color: var(--text);}.pricing-table h1 sup {font-size: 18px;font-weight: 600;vertical-align: top;position: relative;top: 14px;margin-right: 2px;color: var(--text-soft);}.pricing-table p { color: var(--text-muted); font-size: 13px; margin: 4px 0 18px; }.pricing-table .btn,.pricing-table .btn-bricky {display: inline-block;padding: 10px 28px;font-weight: 600;font-size: 14px;background: var(--accent);border-color: var(--accent);color: #fff;border-radius: var(--r-sm);}.pricing-table .btn:hover { background: var(--accent-hover); border-color: var(--accent-hover); }footer, .footer {margin-top: 48px;padding: 28px 24px;background: var(--bg-card);border-top: 1px solid var(--border);color: var(--text-muted);font-size: 13px;}footer a, .footer a { color: var(--accent); }footer h3, footer h4, footer h5 {color: var(--text);font-size: 14px;text-transform: uppercase;letter-spacing: 0.06em;font-weight: 600;margin-bottom: 10px;}.main-login .copyright {background: transparent;border: none;margin-top: 18px;padding: 0;text-align: center;color: var(--text-muted);font-size: 12px;}.alert {border-radius: var(--r-md);border: 1px solid transparent;padding: 12px 16px;font-size: 14px;}.alert-success { background: rgba(22,163,74,.08); border-color: rgba(22,163,74,.20); color: #166534; }.alert-info, .alert-message { background: var(--accent-soft); border-color: rgba(37,99,235,.20); color: #1e3a8a; }.alert-warning { background: rgba(217,119,6,.10); border-color: rgba(217,119,6,.25); color: #92400e; }.alert-danger, .alert-error { background: rgba(220,38,38,.08); border-color: rgba(220,38,38,.20); color: #991b1b; }.alert-message,.alert.alert-info[role="alert"] {border-radius: 0;margin-bottom: 0;}.main-login { max-width: 420px; margin: 64px auto; float: none; }.box-login, .box-forgot {background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--r-lg);box-shadow: var(--shadow-md);padding: 32px 32px 28px;}.box-login h3, .box-forgot h3 {text-align: center;font-size: 22px;font-weight: 700;letter-spacing: -0.01em;margin: 0 0 18px;}.form-login .form-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px; }.form-login .checkbox-inline { font-size: 13px; color: var(--text-soft); }.input-icon { position: relative; display: block; }.input-icon > [class*="fa-"],.input-icon > [class*="clip-"],.input-icon > i {position: absolute !important;left: 14px !important;top: 50% !important;transform: translateY(-50%) !important;color: var(--text-muted) !important;font-size: 14px !important;pointer-events: none;line-height: 1 !important;height: auto !important;margin: 0 !important;}.input-icon > input,.input-icon > .form-control { padding-left: 38px !important; }.input-icon a.forgot {position: absolute !important;right: 14px !important;top: 50% !important;transform: translateY(-50%) !important;font-size: 12px !important;color: var(--text-muted) !important;}.input-icon a.forgot:hover { color: var(--accent) !important; }.well {background: var(--bg-muted);border: 1px solid var(--border);border-radius: var(--r-md);box-shadow: none;}.text-muted { color: var(--text-muted) !important; }img.sign-in-google-image { display: none; }@media (prefers-reduced-motion: reduce) {*, *::before, *::after { animation: none !important; transition: none !important; }}