/* source: app-foundation.css */
:root {color-scheme:light; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:#f4f6f8; color:#20242a; } body {margin:0; } .app-body {background:#f4f6f8; height:100vh; min-height:100vh; overflow:hidden; } .app-shell {display:block; height:100vh; min-height:100vh; overflow:hidden; } .sidebar {background:radial-gradient(circle at 0 0,rgba(37,99,235,.24),transparent 34%),#111827; box-sizing:border-box; color:#e5edf7; display:flex; flex-direction:column; height:100vh; left:0; overflow-y:auto; padding:24px 12px; position:fixed; top:0; width:220px; z-index:40; } .brand {align-items:center; border-bottom:1px solid rgba(255,255,255,.08); display:flex; gap:10px; padding:0 10px 22px; } .brand strong {color:#fff; font-size:20px; letter-spacing:0; } .brand span {color:#94a3b8; display:block; font-size:13px; margin-top:3px; } .brand-mark {align-items:center; background:#f8fbff; border-radius:8px; color:#101828; display:inline-flex; flex:0 0 auto; font-size:20px; font-weight:900; height:34px; justify-content:center; width:34px; } .side-nav {display:grid; gap:6px; margin-top:22px; } .nav-link {align-items:center; border-radius:8px; color:#cbd5e1; display:grid; font-weight:700; gap:10px; grid-template-columns:30px 1fr auto; padding:11px 10px; text-decoration:none; } .nav-link:hover,.nav-link.active {background:#1f2937; color:#fff; } .nav-link.active {box-shadow:none; } .nav-icon {align-items:center; background:rgba(148,163,184,.16); border-radius:7px; display:inline-flex; font-size:12px; height:30px; justify-content:center; width:30px; } .nav-link.active .nav-icon {background:#2563eb; } .queue-badge {background:rgba(255,255,255,.14); border-radius:999px; color:#d8e1ee; font-size:12px; font-weight:900; min-width:20px; padding:3px 7px; text-align:center; } .nav-disabled {cursor:default; } .sidebar-footer {display:grid; gap:12px; margin-top:auto; } .user-card {align-items:center; border-top:1px solid rgba(255,255,255,.08); display:grid; gap:10px; grid-template-columns:38px 1fr; padding:16px 10px 0; } .user-card strong {color:#fff; display:block; } .user-card span {color:#94a3b8; font-size:13px; } .user-avatar {align-items:center; background:#0b65d8; border-radius:999px; color:#fff !important; display:inline-flex; font-weight:900; height:38px; justify-content:center; width:38px; } .sidebar-logout button {background:rgba(255,255,255,.08); color:#e5edf7; padding:9px 12px; width:100%; } .workspace {display:block; height:100vh; margin-left:220px; min-width:0; overflow-y:auto; } .workspace-header {align-items:center; background:#fff; border-bottom:1px solid #dde3eb; box-shadow:0 1px 14px rgba(16,24,40,.06); display:flex; justify-content:space-between; padding:20px 28px; position:sticky; top:0; z-index:30; } .workspace-kicker,.section-kicker {color:#667085; font-size:12px; font-weight:800; letter-spacing:.08em; margin:0 0 6px; text-transform:uppercase; } .workspace-header h1 {font-size:26px; letter-spacing:0; margin:0; } .status-strip {align-items:center; display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; } .header-link {color:#344054; font-size:13px; font-weight:800; text-decoration:none; } .status-chip {background:#eef2f7; border:1px solid #dce3ec; border-radius:999px; color:#475467; font-size:12px; font-weight:800; padding:7px 10px; } .status-chip.online {background:#e8f8ef; border-color:#c8eed8; color:#126437; } .status-chip.pending {background:#fff7df; border-color:#f4df9a; color:#775500; } .workspace-content {margin:0 auto; max-width:1360px; padding:24px 22px 36px; width:100%; box-sizing:border-box; } .site-footer {color:#8a94a6; font-size:12px; padding:0 22px 22px; text-align:center; } .site-footer a,.login-icp a {color:inherit; text-decoration:none; } .site-footer a:hover,.login-icp a:hover {color:#2563eb; text-decoration:underline; } .login-icp {bottom:18px; color:rgba(226,236,255,.72); font-size:12px; left:0; position:fixed; right:0; text-align:center; z-index:6; } .voice-layout,.image-layout {align-items:start; display:grid; gap:14px; grid-template-columns:minmax(0,1fr) 330px; } .panel {background:#fff; border:1px solid #dde3eb; border-radius:8px; box-shadow:0 1px 2px rgba(16,24,40,.04); margin-bottom:18px; padding:18px; } .section-heading {align-items:start; display:flex; gap:14px; justify-content:space-between; margin-bottom:14px; } .section-heading.compact {align-items:center; margin-bottom:10px; } .section-heading h2,.panel h2 {font-size:20px; margin:0; } .title-icon {align-items:center; color:#2563eb; display:inline-flex; font-size:18px; margin-right:9px; } .section-heading.compact h2 {font-size:18px; } .section-heading a {color:#2563eb; font-size:13px; font-weight:800; text-decoration:none; } .model-badge {background:#eef6ff; border:1px solid #cde4ff; border-radius:999px; color:#175cd3; font-size:12px; font-weight:800; padding:6px 10px; } .model-badge.pending {background:#fff7df; border-color:#f4df9a; color:#775500; } .hint {color:#4f5a67; margin:-4px 0 18px; } .task-form {display:grid; gap:14px; } label {display:grid; font-weight:750; gap:8px; } .field-row {align-items:center; display:flex; justify-content:space-between; } .field-row a {color:#2563eb; font-size:13px; font-weight:800; text-decoration:none; } .field-row small,.char-count {color:#667085; font-size:12px; font-weight:700; } input,textarea,select {background:#fff; border:1px solid #cfd6df; border-radius:8px; box-sizing:border-box; color:#20242a; font:inherit; padding:11px 12px; width:100%; } textarea {resize:vertical; } input:focus,textarea:focus,select:focus {border-color:#2563eb; box-shadow:0 0 0 3px rgba(37,99,235,.14); outline:0; } input:disabled,textarea:disabled,select:disabled,button:disabled {cursor:not-allowed; opacity:.62; } .upload-field {border:1px dashed #cfd6df; border-radius:8px; padding:14px; } .upload-field input {border:0; padding:6px 0 0; } .drop-upload {gap:10px; position:relative; } .drop-box {align-items:center; background:#f8fafc; border:1px dashed #c8d2df; border-radius:8px; color:#475467; display:grid; gap:4px; justify-items:center; min-height:62px; padding:10px; text-align:center; } .drop-box.dragging {background:#eef6ff; border-color:#2563eb; box-shadow:0 0 0 3px rgba(37,99,235,.12); } .drop-label {font-weight:800; } .drop-icon {align-items:center; color:#667085; display:inline-flex; font-size:20px; } .drop-box small {color:#667085; font-size:12px; } .drop-upload input[type="file"] {height:1px; opacity:0; padding:0; position:absolute; width:1px; } .settings-help {background:#f8fafc; border:1px solid #dde6ef; border-radius:8px; padding:14px; } .settings-help h3 {font-size:16px; margin:0; } .settings-help-grid {display:grid; gap:10px 14px; grid-template-columns:repeat(2,minmax(220px,1fr)); } .settings-help p,.guide-list p,.guide-grid p {color:#4f5a67; font-size:14px; line-height:1.5; margin:0; } .settings-help strong {color:#20242a; } .controls-grid {display:grid; gap:12px; grid-template-columns:repeat(2,minmax(240px,1fr)); } .range-control {border:1px solid #dde3eb; border-radius:8px; display:grid; gap:10px; grid-template-columns:minmax(0,1fr) 74px; padding:13px; } .range-control span {align-self:start; grid-column:1 / -1; } .range-copy {align-self:center; display:grid; gap:3px; } .range-copy strong {font-size:14px; } .range-copy small {color:#667085; font-size:12px; line-height:1.35; } .range-control input[type="range"] {accent-color:#2563eb; align-self:center; padding:0; } .range-control input[type="number"] {padding:8px 10px; } button,.button-link {background:#0b65d8; border:0; border-radius:8px; color:white; cursor:pointer; font:inherit; font-weight:800; padding:11px 14px; text-decoration:none; } .primary-action {align-items:center; display:inline-flex; gap:8px; justify-content:center; font-size:16px; min-height:48px; } .button-link {display:inline-block; } .button-link.secondary {background:#eef2f7; color:#344054; } .notice {background:#e9f6ff; border:1px solid #b9e2ff; border-radius:8px; color:#075985; margin:0 0 16px; padding:10px 12px; } .notice.error {background:#fff1f1; border-color:#ffc9c9; color:#9b1c1c; } .notice.success {background:#ecfdf3; border-color:#b7ebc6; color:#067647; } .task-tracker {align-items:center; background:radial-gradient(circle at 96% 8%,rgba(37,99,235,.14),transparent 30%),linear-gradient(135deg,#f8fbff,#eef6ff); border:1px solid #cfe0f5; border-radius:12px; display:grid; gap:14px; grid-template-columns:minmax(0,1fr) auto auto; margin:14px 0; padding:16px; } .task-tracker h2 {font-size:20px; margin:4px 0 6px; } .task-tracker p {color:#526071; font-size:14px; line-height:1.5; margin:0; } .task-tracker .tracker-reference-note {background:rgba(37,99,235,.08); border:1px solid rgba(37,99,235,.16); border-radius:10px; color:#2450a4; font-weight:800; margin-top:10px; padding:9px 11px; } .task-tracker .tracker-reference-note.success {background:rgba(22,163,74,.08); border-color:rgba(22,163,74,.18); color:#087443; } .tracker-actions {display:flex; justify-content:flex-end; } .tracker-note {background:#fff; border:1px solid #dbe5ef; border-radius:999px; color:#475467; font-size:12px; font-weight:850; padding:8px 10px; white-space:nowrap; } .guide-list,.preset-list {display:grid; gap:10px; } .guide-list article,.guide-grid article,.preset-card {border:1px solid #dde6ef; border-radius:8px; padding:13px; } .preset-card {align-items:center; display:grid; gap:12px; grid-template-columns:48px 1fr; } .preset-icon {align-items:center; border-radius:8px; display:inline-flex; font-size:22px; height:48px; justify-content:center; width:48px; } .preset-card.green .preset-icon {background:#e8f8ef; color:#16a34a; } .preset-card.blue .preset-icon {background:#eaf2ff; color:#2563eb; } .preset-card.violet .preset-icon {background:#f2eaff; color:#7c3aed; } .preset-card small {background:#e8f8ef; border-radius:999px; color:#16a34a; float:right; font-size:11px; padding:3px 7px; } .guide-list h3,.guide-grid h3 {font-size:14px; margin:0 0 7px; } .mini-tasks {position:sticky; top:110px; } .mini-task {align-items:start; border-top:1px solid #edf0f4; display:grid; gap:10px; grid-template-columns:auto minmax(0,1fr); padding:11px 0; } .mini-task >div {min-width:0; } .mini-task strong {display:block; margin-bottom:3px; } .mini-task p {color:#5d6673; font-size:13px; line-height:1.35; margin:0; max-height:54px; overflow:hidden; } .mini-task a,.task-action {color:#2563eb; font-size:12px; font-weight:800; justify-self:end; text-decoration:none; } .mini-audio {align-self:center; grid-column:1 / -1; height:30px; max-width:100%; width:100%; } .placeholder-task {color:#20242a; } .image-options {display:grid; gap:14px; grid-template-columns:1fr 1fr 1fr; } .image-panel {overflow:hidden; } .image-aside {display:grid; gap:14px; } .image-aside .panel {margin-bottom:0; } .image-preview-panel {position:sticky; top:116px; } .image-form textarea {min-height:178px; } .source-image-box {align-items:stretch; background:linear-gradient(135deg,rgba(37,99,235,.07),rgba(20,184,166,.06)); border:1px solid #d9e6f6; border-radius:12px; display:grid; gap:14px; grid-template-columns:minmax(0,1fr) minmax(280px,.85fr); padding:16px; } .source-image-box p {color:#526071; font-size:13px; line-height:1.55; margin:6px 0 0; } .field-title,.source-mode,.table-note {color:#667085; display:block; font-size:12px; font-weight:800; } .image-source-upload {min-height:112px; } .source-mode {margin-top:2px; } .image-upload {background:#fbfcfe; } .option-group {display:grid; font-weight:750; gap:8px; } .segmented {display:flex; flex-wrap:wrap; gap:8px; } .segmented button {background:#f3f6fa; border:1px solid #d9e1eb; color:#344054; padding:9px 11px; } .image-placeholder {align-items:center; aspect-ratio:1 / 1; background:linear-gradient(135deg,rgba(37,99,235,.08),transparent 44%),repeating-linear-gradient(90deg,rgba(99,102,241,.07) 0 1px,transparent 1px 24px),#f8fafc; border:1px dashed #cfd6df; border-radius:8px; color:#667085; display:flex; font-weight:800; justify-content:center; } .image-result-card {border-top:1px solid #edf0f4; display:grid; gap:10px; padding:12px 0; } .image-result-card img {aspect-ratio:4 / 5; background:#f8fafc; border:1px solid #e4eaf1; border-radius:8px; display:block; object-fit:cover; width:100%; } .image-result-card strong {display:block; margin:5px 0 2px; } .image-result-card p {color:#5d6673; font-size:13px; line-height:1.35; margin:0 0 8px; max-height:54px; overflow:hidden; } .table-note {margin-top:4px; } .table-wrap {overflow-x:auto; } table {border-collapse:collapse; min-width:960px; width:100%; } th,td {border-bottom:1px solid #e6e9ee; padding:10px; text-align:left; vertical-align:top; } th {color:#626b77; font-size:13px; } .copy {max-width:360px; } .settings-cell {min-width:150px; } .settings-cell small {color:#626b77; display:block; margin-top:4px; white-space:nowrap; } .video-ai-list-meta {align-items:flex-start; color:#475569; display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; } .video-ai-list-meta span,.video-ai-list-meta a {background:#eef6ff; border:1px solid #bfdbfe; border-radius:999px; color:#1d4ed8; font-size:12px; font-weight:800; padding:3px 8px; text-decoration:none; } .video-ai-list-meta em {color:#64748b; flex-basis:100%; font-style:normal; } .status {border-radius:999px; display:inline-block; font-size:12px; font-weight:800; padding:4px 8px; } .status.queued,.status.voiceover_queued,.status.render_queued {background:#fff4cc; color:#7a5400; } .status.running,.status.voiceover_running {background:#ddecff; color:#084a9b; } .status.done {background:#dcf7e6; color:#11612f; } .status.failed {background:#ffe1e1; color:#9b1c1c; } .link-button {background:transparent; color:#b42318; padding:0; } .empty {color:#7b8490; text-align:center; } .panel-header {align-items:center; display:flex; gap:14px; justify-content:space-between; margin-bottom:14px; } .panel-header h1,.panel-header h2 {margin:0; } .admin-dashboard,.settings-dashboard {display:grid; gap:16px; } .admin-hero-panel,.settings-hero-panel {align-items:center; background:linear-gradient(135deg,rgba(37,99,235,.08),transparent 42%),#fff; display:flex; gap:18px; justify-content:space-between; } .admin-hero-panel h2,.settings-hero-panel h2 {font-size:26px; margin:0 0 8px; } .hero-actions,.admin-actions {align-items:center; display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; } .admin-metrics,.settings-metrics {display:grid; gap:12px; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); } .metric-card {background:#fff; border:1px solid #dde3eb; border-radius:8px; box-shadow:0 1px 2px rgba(16,24,40,.04); display:grid; gap:5px; min-height:94px; padding:15px; } .metric-card span {color:#667085; font-size:13px; font-weight:800; } .metric-card strong {color:#111827; font-size:26px; line-height:1.1; } .metric-card small {color:#667085; font-weight:700; overflow-wrap:anywhere; } .admin-grid,.settings-grid {align-items:stretch; display:grid; gap:16px; grid-template-columns:minmax(0,1fr) 360px; } .settings-grid {grid-template-columns:repeat(2,minmax(0,1fr)); } .account-settings-grid {grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); } .password-form {gap:12px; } .system-status-panel {margin-top:4px; } .admin-account-panel,.admin-note-panel,.admin-record-panel {margin-bottom:0; } .compact-controls {grid-template-columns:repeat(3,minmax(160px,1fr)); } .permission-row {align-items:center; background:#f8fafc; border:1px solid #dde6ef; border-radius:8px; display:flex; flex-wrap:wrap; gap:10px 16px; padding:12px; } .permission-row label,.inline-edit-form label {align-items:center; display:inline-flex; gap:7px; margin:0; } .permission-row input,.inline-edit-form input[type="checkbox"] {width:auto; } .permission-help,.settings-list {display:grid; gap:12px; } .permission-help p,.settings-list p,.admin-guide-grid p {background:#f8fafc; border:1px solid #e4e9f0; border-radius:8px; display:grid; gap:4px; margin:0; padding:12px; } .permission-help strong,.settings-list strong,.admin-guide-grid strong {color:#20242a; } .permission-help span,.settings-list span,.admin-guide-grid span {color:#4f5a67; font-size:13px; line-height:1.45; overflow-wrap:anywhere; } .permission-chips {display:flex; flex-wrap:wrap; gap:5px; } .permission-chips span {background:#eef6ff; border:1px solid #cde4ff; border-radius:999px; color:#175cd3; font-size:12px; font-weight:800; padding:3px 8px; } .admin-row-details summary {color:#175cd3; cursor:pointer; font-weight:800; } .inline-edit-form {background:#f8fafc; border:1px solid #dde6ef; border-radius:8px; display:grid; gap:8px; margin-top:8px; min-width:230px; padding:10px; } .admin-user-table table {min-width:1080px; } .admin-guide-grid {display:grid; gap:12px; grid-template-columns:repeat(4,minmax(0,1fr)); } .recent-panel {padding:16px; } .recent-panel table {font-size:13px; } .recent-panel th,.recent-panel td {padding:7px 8px; } .recent-panel .status {font-size:11px; padding:3px 7px; } .recent-panel .copy {max-width:260px; } .app-body {background:radial-gradient(circle at 88% 8%,rgba(37,99,235,.09),transparent 28%),linear-gradient(180deg,#f8fafc 0%,#eef3f8 100%); } .sidebar {background:radial-gradient(circle at 12% 4%,rgba(59,130,246,.22),transparent 30%),linear-gradient(180deg,#111a2b 0%,#0c1423 100%); padding:22px 12px; width:238px; } .brand {padding:0 10px 24px; } .brand-mark {background:linear-gradient(145deg,#f8fbff,#dbeafe); box-shadow:0 12px 32px rgba(37,99,235,.22); height:40px; width:40px; } .side-nav {gap:8px; } .nav-link {border:1px solid transparent; border-radius:10px; padding:12px 10px; transition:background .16s ease,border-color .16s ease,color .16s ease; } .nav-link:hover,.nav-link.active {background:rgba(255,255,255,.08); border-color:rgba(148,163,184,.18); } .nav-link.active {box-shadow:none; } .workspace {margin-left:238px; } .workspace-header {background:rgba(255,255,255,.86); backdrop-filter:blur(18px); border-bottom:1px solid rgba(203,213,225,.72); box-shadow:0 10px 36px rgba(15,23,42,.05); gap:14px; padding:18px 30px; } .workspace-header >div:first-child {flex:1 0 auto; } .workspace-header h1 {font-size:25px; line-height:1.15; white-space:nowrap; } .workspace-content {max-width:1420px; padding:26px 24px 42px; } .status-chip {background:#f8fafc; border-color:#dbe5ef; box-shadow:0 1px 2px rgba(15,23,42,.03); } .header-link {color:#1f2937; } .status-strip {gap:7px; min-width:0; } .studio-grid {align-items:start; display:grid; gap:16px; grid-template-columns:minmax(0,1fr) minmax(292px,328px); } .panel {border-color:rgba(203,213,225,.9); border-radius:12px; box-shadow:0 10px 30px rgba(15,23,42,.045); } .command-card {padding:20px; } .command-card .hint {color:#526071; line-height:1.55; } .section-kicker {letter-spacing:.12em; } .title-icon,.nav-link.active .nav-icon {color:#fff; } .title-icon {background:#2563eb; border-radius:7px; height:24px; justify-content:center; margin-right:9px; width:24px; } .model-badge {background:#f1f7ff; border-color:#cfe3ff; } input,textarea,select {border-color:#d2dbe7; border-radius:9px; } textarea {line-height:1.5; } .task-form {gap:15px; } .voice-style-selector,.image-mode-selector,.parameter-presets,.script-coach,.audio-checklist {background:linear-gradient(135deg,rgba(37,99,235,.045),rgba(20,184,166,.035)),#fbfdff; border:1px solid #dfe8f3; border-radius:12px; padding:14px; } .assist-note {color:#64748b; font-size:12px; font-weight:800; } .assist-card-grid {display:grid; gap:10px; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:12px; } .image-mode-selector .assist-card-grid {grid-template-columns:repeat(3,minmax(0,1fr)); } .assist-card {background:rgba(255,255,255,.84); border:1px solid #dbe5ef; border-radius:10px; color:#1f2937; display:grid; gap:4px; padding:12px; text-align:left; } .assist-card:hover,.assist-card.active,.template-button:hover,.param-preset-button:hover,.param-preset-button.active {background:#eef6ff; border-color:#93c5fd; color:#174ea6; } .assist-card strong {font-size:14px; } .assist-card span {color:#64748b; font-size:12px; font-weight:700; line-height:1.4; } .script-coach {align-items:center; display:grid; gap:12px; grid-template-columns:minmax(0,1fr) auto; } .script-coach p {color:#64748b; font-size:13px; line-height:1.45; margin:3px 0 0; } .audio-checklist {display:grid; gap:10px; } .audio-checklist >div {display:flex; flex-wrap:wrap; gap:8px; } .audio-checklist span {background:#fff; border:1px solid #dbe5ef; border-radius:999px; color:#334155; font-size:12px; font-weight:800; padding:6px 9px; } .parameter-presets {display:grid; gap:10px; } .preset-buttons,.template-list {display:flex; flex-wrap:wrap; gap:8px; } .template-button,.param-preset-button {background:#fff; border:1px solid #dbe5ef; border-radius:999px; color:#334155; font-size:12px; font-weight:850; padding:8px 10px; } .image-prompt-zone textarea {min-height:205px; } .source-image-box {background:#f8fbff; border-color:#dce8f7; border-radius:10px; gap:12px; grid-template-columns:minmax(0,1.1fr) minmax(230px,.72fr); padding:14px; } .source-image-box strong {display:block; font-size:15px; } .source-image-box p {font-size:12px; line-height:1.45; } .image-source-upload {min-height:88px; } .image-source-upload .drop-box {min-height:80px; } .image-options {gap:12px; grid-template-columns:repeat(4,minmax(0,1fr)); } .controls-grid {gap:10px; } .range-control {background:#fbfdff; border-color:#dce3ec; border-radius:10px; padding:12px; } .settings-help {background:#f8fbff; border-radius:10px; padding:13px; } .settings-help-grid {gap:9px 14px; } .settings-help p {font-size:13px; } .primary-action {background:linear-gradient(135deg,#0b65d8,#2563eb 58%,#4f46e5); border-radius:10px; box-shadow:0 12px 26px rgba(37,99,235,.22); } .submit-flow {align-items:center; background:#f8fbff; border:1px solid #dfe8f3; border-radius:10px; display:grid; gap:8px; grid-template-columns:auto 1fr auto 1fr auto 1fr auto; padding:10px 12px; } .submit-feedback {color:#475569; font-size:13px; font-weight:800; margin:10px 0 0; min-height:20px; } .submit-feedback:not(:empty) {background:#eff6ff; border:1px solid #bfdbfe; border-radius:12px; color:#1d4ed8; padding:10px 12px; } .submit-feedback[data-state="error"] {background:#fff1f1; border-color:#ffc9c9; color:#9b1c1c; } .flow-step {align-items:center; background:#fff; border:1px solid #dbe5ef; border-radius:999px; color:#475467; display:inline-flex; font-size:12px; font-weight:850; justify-content:center; min-height:26px; padding:0 10px; white-space:nowrap; } .flow-step.active {background:#eaf2ff; border-color:#b7d3ff; color:#175cd3; } .flow-line {background:linear-gradient(90deg,#cbd5e1,rgba(203,213,225,.2)); height:1px; min-width:18px; } .studio-aside {display:grid; gap:14px; } .studio-aside .panel {margin-bottom:0; } .guidance-panel {padding:16px; } .compact-guide {gap:8px; } .prompt-template-panel {background:radial-gradient(circle at 96% 4%,rgba(37,99,235,.12),transparent 32%),#fff; } .compact-guide article,.preset-card {background:#fbfdff; border-color:#e0e7f0; padding:12px; } .preset-card {grid-template-columns:38px 1fr; } .preset-icon {height:38px; width:38px; } .preset-card h3,.guide-list h3 {font-size:14px; } .preset-card p,.guide-list p {font-size:12px; } .mini-tasks,.image-preview-panel {position:sticky; top:104px; } .mini-task {align-items:center; border:1px solid #e7edf5; border-radius:10px; gap:10px; grid-template-columns:auto minmax(0,1fr) auto; margin-top:8px; padding:10px; } .mini-task-body {min-width:0; } .mini-task-actions {max-width:88px; } .mini-task p,.image-result-card p {display:-webkit-box; max-height:none; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .mini-task-actions {align-items:center; display:flex; justify-content:flex-end; } .task-action.muted,.table-note {color:#7b8490; } .image-result-card {background:#fbfdff; border:1px solid #e4eaf1; border-radius:10px; grid-template-columns:86px minmax(0,1fr); padding:10px; } .image-result-card >div {min-width:0; } .image-result-card >a,.image-result-card >.image-placeholder {align-self:stretch; } .image-result-card img,.image-result-card .image-placeholder {aspect-ratio:4 / 5; border-radius:9px; } .image-placeholder.cleaned {background:#f1f5f9; color:#64748b; text-align:center; } .image-result-card strong {margin:4px 0 2px; } .image-result-card .task-action {display:inline-block; justify-self:start; margin-top:4px; } .image-result-spotlight,.voice-feature-card {background:linear-gradient(145deg,rgba(15,23,42,.94),rgba(30,41,59,.9)),#111827; border:1px solid rgba(148,163,184,.28); border-radius:12px; color:#e5edf7; display:grid; gap:9px; margin-bottom:12px; overflow:hidden; padding:12px; } .image-result-spotlight img {aspect-ratio:4 / 5; border-radius:10px; display:block; object-fit:cover; width:100%; } .image-result-spotlight .image-placeholder {background:rgba(255,255,255,.08); border-color:rgba(148,163,184,.28); color:#cbd5e1; } .image-result-spotlight strong,.voice-feature-card strong {color:#fff; } .image-result-spotlight p,.voice-feature-card p {color:#cbd5e1; display:-webkit-box; font-size:12px; line-height:1.45; margin:0; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; } .voice-feature-card audio {height:34px; min-width:0; width:100%; } .feature-actions {display:grid; gap:8px; } .recent-panel {border-radius:12px; margin-top:4px; padding:14px 16px; } .compact-history-panel {background:linear-gradient(180deg,rgba(248,251,255,.95),#fff); } .compact-history-grid {display:grid; gap:10px; grid-template-columns:repeat(4,minmax(0,1fr)); } .compact-history-card {background:#fff; border:1px solid #e4eaf1; border-radius:10px; display:grid; gap:10px; min-height:144px; padding:12px; } .history-main {min-width:0; } .history-main strong {display:block; margin:8px 0 4px; } .history-main p {color:#4f5a67; display:-webkit-box; font-size:13px; line-height:1.42; margin:0; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; } .history-meta {align-self:end; color:#344054; display:grid; font-size:12px; font-weight:800; gap:2px; } .history-meta small {color:#667085; font-weight:700; line-height:1.35; } .history-actions {align-self:end; } .empty-state {background:#f8fafc; border:1px dashed #cfd8e3; border-radius:10px; color:#667085; font-weight:800; grid-column:1 / -1; padding:22px; text-align:center; } .recent-panel table {font-size:12px; } .recent-panel .copy {max-width:300px; } .login-body {align-items:center; color:#eef6ff; display:flex; isolation:isolate; justify-content:center; min-height:100vh; overflow:hidden; position:relative; --login-pointer-x:50%; --login-pointer-y:50%; } .dynamic-login {background:radial-gradient(circle at 22% 24%,rgba(14,165,233,.28),transparent 32%),radial-gradient(circle at 78% 18%,rgba(37,99,235,.22),transparent 30%),radial-gradient(circle at 58% 86%,rgba(20,184,166,.2),transparent 34%),linear-gradient(135deg,#050b18 0%,#091426 48%,#040816 100%); } .login-bg-video {filter:saturate(1.02) contrast(1.06); height:100%; inset:0; object-fit:cover; opacity:.44; position:fixed; width:100%; z-index:-6; } .login-body::before,.login-body::after,.login-grid,.login-particles,.login-orbit,.login-wave {content:""; inset:0; pointer-events:none; position:fixed; } .login-body::before {animation:scan-sweep 8s linear infinite; background:linear-gradient(90deg,rgba(3,7,18,.72),rgba(3,7,18,.42) 42%,rgba(3,7,18,.78)),repeating-linear-gradient(180deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 10px ),linear-gradient(90deg,transparent,rgba(34,211,238,0.18),transparent); mix-blend-mode:screen; opacity:.38; z-index:-4; } .login-body::after {animation:aurora-shift 12s ease-in-out infinite alternate; background:radial-gradient(circle at var(--login-pointer-x) var(--login-pointer-y),rgba(125,211,252,.28),transparent 19%),radial-gradient(circle at 18% 24%,rgba(34,211,238,.28),transparent 28%),radial-gradient(circle at 78% 66%,rgba(37,99,235,.32),transparent 30%),conic-gradient(from 140deg at 72% 24%,transparent 0deg,rgba(45,212,191,.24) 54deg,transparent 128deg); filter:blur(30px); opacity:.58; z-index:-3; } .login-grid {animation:grid-drift 18s linear infinite; background:linear-gradient(rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.07) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent); z-index:-2; } .login-particles {z-index:-1; } .login-cursor {background:radial-gradient(circle,rgba(125,211,252,.34),rgba(59,130,246,.16) 34%,transparent 68%); border-radius:999px; filter:blur(1px); height:170px; left:0; opacity:0; pointer-events:none; position:fixed; top:0; transform:translate3d(-999px,-999px,0); transition:opacity .22s ease; width:170px; z-index:-1; } .login-body.pointer-active .login-cursor {opacity:1; } .login-orbit {border:1px solid rgba(125,211,252,.18); border-radius:999px; filter:drop-shadow(0 0 22px rgba(34,211,238,.2)); height:520px; left:-90px; top:28%; transform:rotate(-18deg); width:760px; z-index:-2; } .login-wave {animation:wave-flow 14s ease-in-out infinite alternate; background:linear-gradient(105deg,transparent 0 18%,rgba(34,211,238,.32) 19%,transparent 23% 100%),linear-gradient(155deg,transparent 0 40%,rgba(96,165,250,.24) 41%,transparent 45% 100%); filter:blur(10px); mask-image:linear-gradient(180deg,transparent,#000 26%,#000 72%,transparent); opacity:.42; transform:skewY(-8deg); z-index:-2; } .orbit-one {animation:orbit-pulse 7s ease-in-out infinite alternate; } .orbit-two {animation:orbit-pulse 9s ease-in-out infinite alternate-reverse; border-color:rgba(96,165,250,.14); height:360px; left:auto; right:-120px; top:8%; transform:rotate(16deg); width:580px; } .login-stage {align-items:center; display:grid; gap:clamp(24px,4vw,56px); grid-template-columns:minmax(0,.82fr) minmax(360px,410px); max-width:1040px; padding:36px; width:min(100%,1200px); } .login-stage[data-login-reactive] {perspective:1100px; } .login-hero {display:grid; gap:14px; max-width:500px; transition:transform .18s ease-out; will-change:transform; } .login-brand {align-items:center; display:flex; gap:14px; } .login-brand-mark {align-items:center; background:linear-gradient(145deg,rgba(248,250,252,.98),rgba(191,219,254,.86)); border:1px solid rgba(255,255,255,.72); border-radius:10px; box-shadow:0 16px 36px rgba(15,23,42,.28); color:#1e3a8a; display:inline-flex; font-size:24px; height:48px; justify-content:center; width:48px; } .login-brand strong,.login-brand span {display:block; } .login-brand strong {color:#f8fbff; font-size:24px; line-height:1.05; } .login-brand span {color:#b7c7dc; margin-top:4px; } .login-kicker {color:#7dd3fc; font-size:13px; font-weight:900; letter-spacing:.16em; margin:18px 0 0; text-transform:uppercase; } .login-hero h1 {color:#f8fbff; font-size:clamp(38px,3.8vw,54px); letter-spacing:0; line-height:1.08; margin:0; max-width:500px; text-shadow:0 0 36px rgba(56,189,248,.22); } .login-copy {color:#c8d7ea; font-size:15px; line-height:1.7; margin:0; max-width:430px; } .login-metrics {display:flex; flex-wrap:wrap; gap:8px; margin-top:6px; } .login-metrics span,.login-status {background:rgba(15,23,42,.5); border:1px solid rgba(125,211,252,.28); border-radius:999px; box-shadow:inset 0 1px 0 rgba(255,255,255,.09); color:#dff8ff; font-size:12px; font-weight:850; padding:7px 11px; } .login-metrics span {transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; } .login-metrics span:hover {border-color:rgba(125,211,252,.68); box-shadow:0 0 26px rgba(56,189,248,.18); transform:translateY(-2px); } .login-panel {backdrop-filter:blur(24px); background:linear-gradient(145deg,rgba(15,23,42,.9),rgba(15,23,42,.64)),linear-gradient(135deg,rgba(34,211,238,.08),rgba(37,99,235,.1)); border:1px solid rgba(148,163,184,.32); border-radius:16px; box-shadow:0 28px 90px rgba(0,0,0,.46),0 0 70px rgba(37,99,235,.18),inset 0 1px 0 rgba(255,255,255,.18); display:grid; gap:18px; max-width:410px; overflow:hidden; padding:30px; position:relative; transform-style:preserve-3d; transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; width:100%; will-change:transform; } .login-panel:hover,.login-panel:focus-within {border-color:rgba(125,211,252,.56); box-shadow:0 32px 100px rgba(0,0,0,.52),0 0 76px rgba(37,99,235,.24),0 0 34px rgba(34,211,238,.12),inset 0 1px 0 rgba(255,255,255,.22); } .login-panel::before {animation:panel-line 4.5s linear infinite; background:linear-gradient(90deg,transparent,#22d3ee,#60a5fa,#f59e0b,transparent); content:""; height:2px; left:-35%; position:absolute; right:-35%; top:0; } .login-panel::after {background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 34%); content:""; height:160px; pointer-events:none; position:absolute; right:-80px; top:-80px; transform:rotate(28deg); width:220px; } .login-panel >* {transform:translateZ(18px); } .login-panel-head {display:grid; gap:10px; } .login-panel h2,.login-panel p {margin:0; } .login-panel h2 {color:#f8fbff; font-size:34px; letter-spacing:0; text-shadow:0 0 24px rgba(56,189,248,.38); } .login-panel p {color:#b7c7dc; } .login-panel label {color:#edf6ff; gap:10px; position:relative; z-index:1; } .login-panel input {background:rgba(2,6,23,.54); border-color:rgba(125,211,252,.32); border-radius:10px; color:#f8fbff; min-height:52px; } .login-panel input:focus {border-color:#38bdf8; box-shadow:0 0 0 3px rgba(56,189,248,.22),0 0 26px rgba(34,211,238,.18); outline:0; } .login-panel button {background:linear-gradient(135deg,#06b6d4,#2563eb 56%,#4f46e5); border-radius:10px; box-shadow:0 14px 34px rgba(37,99,235,.36),0 0 32px rgba(34,211,238,.14); min-height:52px; position:relative; overflow:hidden; z-index:1; } .login-panel button::before {background:linear-gradient(110deg,transparent,rgba(255,255,255,.45),transparent); content:""; height:100%; left:-90%; position:absolute; top:0; transform:skewX(-18deg); transition:left .44s ease; width:54%; } .login-panel button:hover {filter:brightness(1.08); transform:translateY(-1px); } .login-panel button:hover::before,.login-panel:focus-within button::before {left:128%; } .login-footnote {color:#8fa5bd; font-size:12px; text-align:center; } .error {background:rgba(254,226,226,.96); border-radius:8px; color:#9b1c1c; padding:10px 12px; position:relative; z-index:1; } @keyframes scan-sweep {from {transform:translateX(-18%); } to {transform:translateX(18%); } } @keyframes aurora-shift {from {transform:translate3d(-2%,-1%,0) scale(1); } to {transform:translate3d(2%,1%,0) scale(1.04); } } @keyframes grid-drift {from {background-position:0 0; } to {background-position:64px 64px; } } @keyframes orbit-pulse {from {opacity:.34; } to {opacity:.72; } } @keyframes panel-line {from {transform:translateX(-28%); } to {transform:translateX(28%); } } @keyframes wave-flow {from {transform:translateX(-4%) skewY(-8deg); } to {transform:translateX(5%) skewY(-8deg); } } @media (prefers-reduced-motion:reduce) {.login-body::before,.login-body::after,.login-grid,.login-orbit,.login-wave,.login-panel::before {animation:none; } .login-cursor {display:none; } .login-panel,.login-hero {transform:none !important; } } @media (max-width:1120px) {.voice-layout,.image-layout,.studio-grid {grid-template-columns:1fr; } .mini-tasks,.image-preview-panel {position:static; } .image-options,.controls-grid,.assist-card-grid,.image-mode-selector .assist-card-grid,.compact-history-grid,.admin-metrics,.settings-metrics,.admin-guide-grid {grid-template-columns:repeat(2,minmax(220px,1fr)); } .admin-grid,.settings-grid {grid-template-columns:1fr; } .source-image-box {grid-template-columns:1fr; } } @media (max-width:860px) {.login-stage {grid-template-columns:1fr; } .login-hero {max-width:760px; } } @media (max-width:640px) {.login-body {min-height:100vh; overflow:auto; } .login-stage {padding:24px; } .login-hero h1 {font-size:38px; } .login-panel {padding:24px; } .app-body {height:auto; min-height:100vh; overflow:auto; } .app-shell {height:auto; min-height:100vh; overflow:visible; } .sidebar {height:auto; overflow:visible; position:static; width:auto; } .side-nav {grid-template-columns:repeat(2,minmax(0,1fr)); } .workspace {height:auto; margin-left:0; overflow:visible; } .workspace-header {align-items:flex-start; display:grid; gap:14px; } .status-strip {justify-content:flex-start; } .image-options,.source-image-box,.settings-help-grid,.controls-grid,.admin-metrics,.settings-metrics,.admin-guide-grid,.compact-controls,.studio-grid,.assist-card-grid,.image-mode-selector .assist-card-grid,.compact-history-grid,.script-coach {grid-template-columns:1fr; } .admin-hero-panel,.settings-hero-panel {align-items:stretch; display:grid; } .hero-actions,.admin-actions {justify-content:flex-start; } .submit-flow {align-items:stretch; grid-template-columns:1fr; } .flow-line {height:12px; justify-self:center; min-width:1px; width:1px; } .mini-task {grid-template-columns:auto minmax(0,1fr); } .mini-task-actions,.mini-task .task-action {grid-column:1 / -1; justify-self:start; } .task-tracker {align-items:stretch; grid-template-columns:1fr; } .tracker-actions {justify-content:flex-start; } } .spanish-layout {align-items:start; grid-template-columns:minmax(0,1.6fr) minmax(320px,0.8fr); } .spanish-command-card textarea {min-height:220px; } .spanish-memory-panel {position:sticky; top:24px; } .memory-rule-list,.learning-card-list {display:grid; gap:12px; } .memory-rule-item,.learning-card {background:#f8fbff; border:1px solid #dce5f0; border-radius:16px; padding:16px; } .memory-rule-item strong,.learning-card h3 {color:#0f172a; display:block; margin-bottom:6px; } .memory-rule-item p,.learning-card p {color:#475569; line-height:1.7; margin:0; } .spanish-report-grid {display:grid; gap:14px; grid-template-columns:repeat(2,minmax(0,1fr)); } .spanish-report-grid article {background:#f8fbff; border:1px solid #dce5f0; border-radius:16px; padding:18px; } .spanish-report-grid article span {align-items:center; background:#2563eb; border-radius:999px; color:white; display:inline-flex; font-size:13px; font-weight:800; height:26px; justify-content:center; margin-bottom:10px; width:26px; } .spanish-report-grid h3 {margin:0 0 8px; } .spanish-report-grid p {color:#334155; line-height:1.8; white-space:pre-wrap; } .final-translation {grid-column:1 / -1; } .feedback-form {border-top:1px solid #e2e8f0; margin-top:18px; padding-top:18px; } .feedback-form textarea {min-height:120px; } .learning-card {align-items:start; display:grid; gap:16px; grid-template-columns:minmax(0,1fr) auto; } .learning-card dl {display:grid; gap:6px; margin:12px 0 0; } .learning-card dt {color:#64748b; font-size:13px; font-weight:800; } .learning-card dd {color:#1e293b; margin:0; } .learning-actions {display:grid; gap:8px; } .danger-button {background:#dc2626; } @media (max-width:980px) {.spanish-layout,.spanish-report-grid,.learning-card {grid-template-columns:1fr; } .spanish-memory-panel {position:static; } }
/* source: login-console.css */
body.login-body.module-console-login {--login-blue:#1f63e9; --login-blue-strong:#1557db; --login-blue-soft:#eef5ff; --login-green:#119c63; --login-orange:#f59e0b; --login-red:#ef4444; --login-ink:#0f1f3a; --login-text:#33415f; --login-muted:#6b7892; --login-line:#d9e2ef; --login-soft-line:#e7edf6; --login-card:rgba(255,255,255,0.9); background:radial-gradient(circle at 28% 0%,rgba(51,126,255,0.08),transparent 34%),radial-gradient(circle at 74% 32%,rgba(8,145,178,0.06),transparent 30%),linear-gradient(135deg,#f7fbff 0%,#f3f7fc 54%,#eef4fb 100%) !important; color:var(--login-text); display:block !important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; letter-spacing:0; margin:0; min-height:100vh; overflow:auto !important; } body.login-body.module-console-login::before,body.login-body.module-console-login::after {content:none !important; display:none !important; } body.login-body.module-console-login * {box-sizing:border-box; } body.login-body.module-console-login button,body.login-body.module-console-login input {font:inherit; } body.login-body.module-console-login a {color:inherit; } body.login-body.module-console-login .login-console-shell {display:grid; gap:70px; grid-template-columns:minmax(720px,1fr) 458px; margin:0 auto; max-width:1487px; min-height:calc(100vh - 56px); padding:38px 20px 18px 40px; } body.login-body.module-console-login .login-console-main {min-width:720px; } body.login-body.module-console-login .login-console-header {align-items:flex-start; display:flex; gap:24px; justify-content:space-between; margin:2px 0 30px; } body.login-body.module-console-login .login-console-brand {align-items:center; display:inline-flex; gap:16px; text-decoration:none; } body.login-body.module-console-login .login-console-logo {align-items:center; display:inline-flex; height:48px; justify-content:center; width:48px; } body.login-body.module-console-login .login-console-logo img {display:block; height:42px; width:42px; } body.login-body.module-console-login .login-console-brand strong {color:var(--login-ink); display:block; font-size:29px; font-weight:900; line-height:1.1; } body.login-body.module-console-login .login-console-brand small {color:#53617a; display:block; font-size:14px; font-weight:650; margin-top:8px; } body.login-body.module-console-login .login-console-health {align-items:flex-start; display:grid; gap:8px 18px; grid-template-columns:auto auto; padding-top:22px; } body.login-body.module-console-login .login-console-health span {align-items:center; color:#4c5872; display:inline-flex; font-size:14px; font-weight:750; gap:8px; min-height:24px; white-space:nowrap; } body.login-body.module-console-login .login-console-health img {height:16px; width:16px; } body.login-body.module-console-login .login-health-primary {background:rgba(255,255,255,0.78); border-radius:12px; box-shadow:0 10px 30px rgba(31,99,233,0.07); color:var(--login-ink) !important; grid-row:1 / 3; padding:8px 14px; } body.login-body.module-console-login .login-health-primary i,body.login-body.module-console-login .login-module-meta i {background:var(--login-green); border-radius:999px; box-shadow:0 0 0 4px rgba(17,156,99,0.1); display:inline-block; height:9px; width:9px; } body.login-body.module-console-login .login-console-title {margin-bottom:14px; } body.login-body.module-console-login .login-console-title h1 {color:var(--login-ink); font-size:26px; font-weight:900; letter-spacing:0; line-height:1.1; margin:0; } body.login-body.module-console-login .login-console-title p {color:#53617a; font-size:15px; font-weight:650; margin:12px 0 0; } body.login-body.module-console-login .login-module-list {display:grid; gap:12px; } body.login-body.module-console-login .login-module-card {align-items:center; background:var(--login-card); border:1px solid var(--login-line); border-radius:10px; box-shadow:0 12px 28px rgba(15,31,58,0.07),inset 0 1px 0 rgba(255,255,255,0.72); color:var(--login-text); cursor:pointer; display:grid; gap:18px; grid-template-columns:26px 92px 170px 172px minmax(230px,1fr); min-height:160px; padding:15px 24px 15px 18px; text-align:left; transition:border-color 0.18s ease,box-shadow 0.18s ease,transform 0.18s ease; width:100%; } body.login-body.module-console-login .login-module-card:hover,body.login-body.module-console-login .login-module-card:focus-visible {border-color:rgba(31,99,233,0.48); box-shadow:0 16px 34px rgba(15,31,58,0.1),0 0 0 4px rgba(31,99,233,0.08); outline:0; transform:translateY(-1px); } body.login-body.module-console-login .login-module-card.is-active {border-color:var(--login-blue); box-shadow:0 18px 38px rgba(31,99,233,0.14),0 0 0 1px rgba(31,99,233,0.22),inset 0 1px 0 rgba(255,255,255,0.84); } body.login-body.module-console-login .login-module-radio {border:1.5px solid #b6c4d8; border-radius:999px; height:24px; position:relative; width:24px; } body.login-body.module-console-login .login-module-card.is-active .login-module-radio {background:var(--login-blue); border-color:var(--login-blue); } body.login-body.module-console-login .login-module-card.is-active .login-module-radio::after {color:#ffffff; content:"✓"; font-size:15px; font-weight:900; left:50%; line-height:1; position:absolute; top:50%; transform:translate(-50%,-54%); } body.login-body.module-console-login .login-module-icon {align-items:center; background:linear-gradient(180deg,rgba(245,249,255,0.96),rgba(239,246,255,0.82)); border:1px solid #dbe7f6; border-radius:9px; display:flex; height:124px; justify-content:center; width:92px; } body.login-body.module-console-login .login-module-icon img {height:48px; width:48px; } body.login-body.module-console-login .login-module-copy strong {color:var(--login-ink); display:block; font-size:20px; font-weight:900; line-height:1.15; } body.login-body.module-console-login .login-module-card.is-active .login-module-copy strong {color:var(--login-blue); } body.login-body.module-console-login .login-module-copy small {color:#53617a; display:block; font-size:14px; font-weight:650; line-height:1.65; margin-top:14px; } body.login-body.module-console-login .login-module-meta {border-left:1px solid #dde6f2; display:grid; gap:4px; min-height:118px; padding-left:14px; } body.login-body.module-console-login .login-module-meta small {color:#7a879c; font-size:12px; font-weight:750; } body.login-body.module-console-login .login-module-meta em {align-items:center; color:var(--login-green); display:inline-flex; font-size:13px; font-style:normal; font-weight:800; gap:8px; } body.login-body.module-console-login .login-module-meta b {color:#53617a; font-size:13px; font-weight:750; } body.login-body.module-console-login .login-module-meta span {color:var(--login-blue); font-size:13px; font-weight:800; } body.login-body.module-console-login .login-module-preview {border-left:1px solid #dde6f2; min-height:118px; padding-left:14px; } body.login-body.module-console-login .voice-preview {align-items:center; display:grid; gap:10px; grid-template-columns:48px minmax(0,1fr) auto; } body.login-body.module-console-login .login-play-dot {align-items:center; background:#f1f5fb; border-radius:999px; color:var(--login-blue); display:flex; font-size:18px; height:48px; justify-content:center; width:48px; } body.login-body.module-console-login .login-waveform {align-items:center; display:flex; gap:4px; min-width:126px; } body.login-body.module-console-login .login-waveform i {background:#c9d6e8; border-radius:999px; display:block; height:18px; width:3px; } body.login-body.module-console-login .login-waveform i:nth-child(2),body.login-body.module-console-login .login-waveform i:nth-child(6) {height:28px; } body.login-body.module-console-login .login-waveform i:nth-child(3),body.login-body.module-console-login .login-waveform i:nth-child(5) {height:36px; } body.login-body.module-console-login .voice-preview small {color:#53617a; font-size:13px; font-weight:750; } body.login-body.module-console-login .login-module-preview b {align-items:center; border:1px solid currentColor; border-radius:6px; display:flex; font-size:13px; font-weight:850; grid-column:1 / -1; height:32px; justify-content:center; margin-top:4px; } body.login-body.module-console-login .voice-preview b {color:var(--login-blue); } body.login-body.module-console-login .image-preview {align-items:center; display:grid; gap:8px; grid-template-columns:repeat(4,1fr); } body.login-body.module-console-login .image-preview img {aspect-ratio:1; border-radius:7px; display:block; height:64px; object-fit:cover; width:100%; } body.login-body.module-console-login .image-preview b {color:#0f8f7d; } body.login-body.module-console-login .text-preview {display:grid; gap:8px; } body.login-body.module-console-login .text-preview small,body.login-body.module-console-login .chat-preview i {background:#f8fafc; border:1px solid #e4eaf3; border-radius:7px; color:#5b677d; display:block; font-size:13px; font-style:normal; font-weight:650; line-height:1.45; padding:10px; } body.login-body.module-console-login .spanish-preview b {color:#7c3aed; } body.login-body.module-console-login .chat-preview b {color:#ea6a25; } body.login-body.module-console-login .login-console-status {align-items:center; background:rgba(255,255,255,0.72); border:1px solid var(--login-line); border-radius:10px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.7); display:grid; gap:10px; grid-template-columns:repeat(5,minmax(0,1fr)); margin-top:30px; min-height:74px; padding:12px 18px; } body.login-body.module-console-login .login-console-status span {align-items:center; border-right:1px solid #dbe4f0; display:grid; gap:0 10px; grid-template-columns:32px minmax(0,1fr); } body.login-body.module-console-login .login-console-status span:last-child {border-right:0; } body.login-body.module-console-login .login-console-status img {grid-row:1 / 3; height:26px; width:26px; } body.login-body.module-console-login .login-console-status strong {color:#33415f; font-size:13px; font-weight:900; } body.login-body.module-console-login .login-console-status small {color:#6b7892; font-size:12px; font-weight:650; } body.login-body.module-console-login .login-auth-card {align-self:start; background:rgba(255,255,255,0.88); border:1px solid var(--login-line); border-radius:12px; box-shadow:0 20px 60px rgba(15,31,58,0.08),inset 0 1px 0 rgba(255,255,255,0.8); min-height:calc(100vh - 74px); padding:90px 30px 28px; } body.login-body.module-console-login .login-auth-form {display:grid; gap:20px; } body.login-body.module-console-login .login-auth-heading {display:grid; gap:8px 12px; grid-template-columns:32px minmax(0,1fr); } body.login-body.module-console-login .login-auth-icon {align-items:center; display:flex; grid-row:1 / 3; justify-content:center; } body.login-body.module-console-login .login-auth-icon img {height:24px; width:24px; } body.login-body.module-console-login .login-auth-heading h2 {color:var(--login-ink); font-size:25px; font-weight:900; letter-spacing:0; line-height:1.1; margin:0; } body.login-body.module-console-login .login-auth-heading p {color:#53617a; font-size:14px; font-weight:650; line-height:1.55; margin:0; } body.login-body.module-console-login .login-module-summary {background:linear-gradient(135deg,#f8fbff,#f3f7fe); border:1px solid #bfd5fb; border-radius:8px; display:grid; gap:5px; min-height:86px; padding:17px 18px; position:relative; } body.login-body.module-console-login .login-module-summary::after {color:var(--login-blue); content:"›"; font-size:30px; font-weight:400; position:absolute; right:18px; top:21px; } body.login-body.module-console-login .login-module-summary span,body.login-body.module-console-login .login-module-summary strong {color:var(--login-ink); display:inline; font-size:14px; font-weight:900; } body.login-body.module-console-login .login-module-summary strong {color:var(--login-blue); margin-left:8px; } body.login-body.module-console-login .login-module-summary small {color:#53617a; display:block; font-size:13px; font-weight:650; line-height:1.45; } body.login-body.module-console-login .login-error {background:#fff1f2; border:1px solid #fecdd3; border-radius:8px; color:#be123c; font-size:14px; font-weight:800; padding:10px 12px; } body.login-body.module-console-login .login-field {color:#33415f; display:grid; font-size:14px; font-weight:850; gap:10px; } body.login-body.module-console-login .login-input-wrap {align-items:center; background:#ffffff; border:1px solid #cfd9e7; border-radius:7px; display:grid; gap:10px; grid-template-columns:22px minmax(0,1fr) auto; min-height:54px; padding:0 12px 0 14px; transition:border-color 0.18s ease,box-shadow 0.18s ease; } body.login-body.module-console-login .login-input-wrap:focus-within {border-color:rgba(31,99,233,0.66); box-shadow:0 0 0 4px rgba(31,99,233,0.1); } body.login-body.module-console-login .login-input-wrap img {height:18px; opacity:0.68; width:18px; } body.login-body.module-console-login .login-input-wrap input {background:transparent; border:0; color:var(--login-ink); font-size:14px; font-weight:700; height:100%; min-width:0; outline:0; } body.login-body.module-console-login .login-input-wrap input::placeholder {color:#8a96aa; } body.login-body.module-console-login .login-password-toggle {background:transparent; border:0; color:#64748b; cursor:pointer; font-size:13px; font-weight:850; min-width:38px; padding:6px 0; } body.login-body.module-console-login .login-password-toggle:hover,body.login-body.module-console-login .login-password-toggle:focus-visible {color:var(--login-blue); outline:0; } body.login-body.module-console-login .login-form-options {align-items:center; display:flex; justify-content:space-between; margin-top:-4px; } body.login-body.module-console-login .login-form-options label {align-items:center; color:#53617a; display:inline-flex; font-size:14px; font-weight:750; gap:8px; } body.login-body.module-console-login .login-form-options input {accent-color:var(--login-blue); height:18px; width:18px; } body.login-body.module-console-login .login-password-help {color:#64748b; font-size:14px; font-weight:750; text-align:right; } body.login-body.module-console-login .login-submit {align-items:center; background:linear-gradient(135deg,#1d6df0,#1557db); border:0; border-radius:7px; box-shadow:0 14px 28px rgba(31,99,233,0.22); color:#ffffff; cursor:pointer; display:inline-grid; font-size:16px; font-weight:900; gap:14px; grid-template-columns:auto auto; height:54px; justify-content:center; letter-spacing:0; transition:box-shadow 0.18s ease,filter 0.18s ease,transform 0.18s ease; } body.login-body.module-console-login .login-submit:hover,body.login-body.module-console-login .login-submit:focus-visible {box-shadow:0 18px 34px rgba(31,99,233,0.28); filter:saturate(1.05); outline:0; transform:translateY(-1px); } body.login-body.module-console-login .login-submit.is-loading {cursor:wait; filter:saturate(0.9); } body.login-body.module-console-login .login-submit:disabled {box-shadow:none; cursor:wait; opacity:0.76; transform:none; } body.login-body.module-console-login .login-input-wrap:has(input[aria-invalid="true"]) {border-color:#e11d48 !important; box-shadow:0 0 0 3px rgba(225,29,72,0.1) !important; } body.login-body.module-console-login .login-enter-hint {color:#6b7892; display:block; font-size:13px; font-weight:650; margin-top:-8px; text-align:center; } body.login-body.module-console-login .login-status-preview {border-top:1px solid #dfe7f2; display:grid; gap:10px; margin-top:2px; padding-top:20px; } body.login-body.module-console-login .login-status-preview p {align-items:center; color:#6b7892; display:flex; font-size:14px; font-weight:750; gap:14px; justify-content:center; margin:0 0 8px; } body.login-body.module-console-login .login-status-preview p::before,body.login-body.module-console-login .login-status-preview p::after {background:#dfe7f2; content:""; display:block; height:1px; width:130px; } body.login-body.module-console-login .login-status-preview span {align-items:center; background:#ffffff; border:1px solid var(--login-soft-line); border-radius:7px; color:#53617a; display:grid; font-size:13px; font-weight:700; gap:8px; grid-template-columns:26px auto minmax(0,1fr) auto; min-height:44px; padding:8px 10px; } body.login-body.module-console-login .login-status-preview img {height:22px; width:22px; } body.login-body.module-console-login .login-status-preview strong {color:var(--login-ink); font-weight:900; } body.login-body.module-console-login .login-status-preview b {border:1px solid currentColor; border-radius:5px; font-size:12px; font-weight:850; justify-self:end; padding:4px 10px; } body.login-body.module-console-login [data-login-status="success"] b {color:var(--login-green); } body.login-body.module-console-login [data-login-status="checking"] b {color:var(--login-orange); } body.login-body.module-console-login [data-login-status="error"] b {color:var(--login-red); } body.login-body.module-console-login .login-auth-note {align-items:center; background:#f8fafc; border:1px solid #e2e8f0; border-radius:7px; color:#6b7892; display:flex; font-size:13px; font-weight:650; line-height:1.5; margin:18px 0 0; min-height:42px; padding:10px 12px; } body.login-body.module-console-login .login-icp {align-items:center; background:transparent !important; border:0 !important; border-radius:0 !important; bottom:auto !important; box-shadow:none !important; color:#7a879c; display:flex; font-size:13px; font-weight:650; gap:18px; justify-content:center; left:auto !important; margin:12px auto 0; max-width:940px; padding:0 20px 22px; position:static !important; right:auto !important; text-align:center !important; transform:none !important; width:auto !important; z-index:auto !important; } body.login-body.module-console-login .login-icp a {color:inherit; text-decoration:none; } body.login-body.module-console-login .login-icp a:hover,body.login-body.module-console-login .login-icp a:focus-visible {color:var(--login-blue); outline:0; } @media (max-width:1180px) {body.login-body.module-console-login .login-console-shell {grid-template-columns:minmax(720px,1fr) 430px; padding-left:24px; } } @media (prefers-reduced-motion:reduce) {body.login-body.module-console-login .login-module-card,body.login-body.module-console-login .login-input-wrap,body.login-body.module-console-login .login-submit {transition:none; } body.login-body.module-console-login .login-module-card:hover,body.login-body.module-console-login .login-submit:hover {transform:none; } } body.login-body.module-console-login {background:linear-gradient(135deg,#f7fbff 0%,#f1f7ff 56%,#eef4fb 100%) !important; overflow:hidden !important; } html.module-console-document {height:100% !important; overflow:hidden !important; } body.login-body.module-console-login .login-console-shell {gap:34px !important; grid-template-columns:minmax(620px,1fr) 380px !important; height:100vh !important; height:100svh !important; max-width:1184px !important; padding:18px 16px 12px !important; position:relative !important; z-index:2 !important; } body.login-body.module-console-login .login-console-main {display:grid !important; grid-template-rows:auto auto minmax(0,1fr) auto auto !important; min-width:620px !important; } body.login-body.module-console-login .login-console-header {margin:0 0 18px !important; } body.login-body.module-console-login .login-console-logo {height:42px !important; width:42px !important; } body.login-body.module-console-login .login-console-logo img {height:36px !important; width:36px !important; } body.login-body.module-console-login .login-console-brand {gap:12px !important; } body.login-body.module-console-login .login-console-brand strong {font-size:24px !important; } body.login-body.module-console-login .login-console-brand small {font-size:12px !important; margin-top:5px !important; } body.login-body.module-console-login .login-console-health {gap:6px 14px !important; padding-top:10px !important; } body.login-body.module-console-login .login-console-health span {font-size:12px !important; min-height:20px !important; } body.login-body.module-console-login .login-health-primary {border-radius:10px !important; padding:6px 11px !important; } body.login-body.module-console-login .login-console-title {margin-bottom:10px !important; } body.login-body.module-console-login .login-console-title h1 {font-size:23px !important; } body.login-body.module-console-login .login-console-title p {font-size:13px !important; margin-top:8px !important; } body.login-body.module-console-login .login-module-list {gap:8px !important; min-height:0 !important; } body.login-body.module-console-login .login-module-card {border-radius:9px !important; box-shadow:0 14px 34px rgba(21,45,84,0.08),inset 0 1px 0 rgba(255,255,255,0.88) !important; gap:12px !important; grid-template-columns:24px 76px 132px 136px minmax(180px,1fr) !important; min-height:0 !important; padding:8px 14px !important; } body.login-body.module-console-login .login-module-radio {height:22px !important; width:22px !important; } body.login-body.module-console-login .login-module-icon {height:86px !important; width:76px !important; } body.login-body.module-console-login .login-module-icon img {height:38px !important; width:38px !important; } body.login-body.module-console-login .login-module-copy strong {font-size:18px !important; } body.login-body.module-console-login .login-module-copy small {font-size:12px !important; line-height:1.48 !important; margin-top:8px !important; } body.login-body.module-console-login .login-module-meta {gap:2px !important; min-height:84px !important; padding-left:12px !important; } body.login-body.module-console-login .login-module-meta em,body.login-body.module-console-login .login-module-meta b,body.login-body.module-console-login .login-module-meta span {font-size:12px !important; } body.login-body.module-console-login .login-module-preview {min-height:84px !important; padding-left:12px !important; } body.login-body.module-console-login .voice-preview {gap:8px !important; grid-template-columns:38px minmax(0,1fr) auto !important; } body.login-body.module-console-login .login-play-dot {font-size:14px !important; height:38px !important; width:38px !important; } body.login-body.module-console-login .login-waveform {min-width:94px !important; } body.login-body.module-console-login .login-waveform i {height:14px !important; } body.login-body.module-console-login .login-waveform i:nth-child(2),body.login-body.module-console-login .login-waveform i:nth-child(6) {height:22px !important; } body.login-body.module-console-login .login-waveform i:nth-child(3),body.login-body.module-console-login .login-waveform i:nth-child(5) {height:28px !important; } body.login-body.module-console-login .voice-preview small,body.login-body.module-console-login .login-module-preview b {font-size:12px !important; } body.login-body.module-console-login .login-module-preview b {height:26px !important; margin-top:2px !important; } body.login-body.module-console-login .image-preview {gap:6px !important; } body.login-body.module-console-login .image-preview img {height:50px !important; } body.login-body.module-console-login .text-preview {gap:6px !important; } body.login-body.module-console-login .text-preview small,body.login-body.module-console-login .chat-preview i {font-size:12px !important; padding:7px 9px !important; } body.login-body.module-console-login .login-console-status {border-radius:9px !important; gap:8px !important; margin-top:8px !important; min-height:50px !important; padding:8px 12px !important; } body.login-body.module-console-login .login-console-status span {gap:0 8px !important; grid-template-columns:26px minmax(0,1fr) !important; } body.login-body.module-console-login .login-console-status img {height:22px !important; width:22px !important; } body.login-body.module-console-login .login-console-status strong {font-size:12px !important; } body.login-body.module-console-login .login-console-status small {font-size:11px !important; } body.login-body.module-console-login .login-auth-card {backdrop-filter:blur(18px) !important; background:radial-gradient(circle at 18% 0%,rgba(226,244,255,0.74),transparent 28%),rgba(255,255,255,0.9) !important; border-radius:11px !important; box-shadow:0 28px 86px rgba(31,63,115,0.14),inset 0 1px 0 rgba(255,255,255,0.78) !important; height:calc(100vh - 36px) !important; height:calc(100svh - 36px) !important; min-height:0 !important; overflow:hidden !important; padding:54px 24px 20px !important; } body.login-body.module-console-login .login-auth-form {gap:12px !important; } body.login-body.module-console-login .login-auth-heading {gap:6px 10px !important; grid-template-columns:28px minmax(0,1fr) !important; } body.login-body.module-console-login .login-auth-heading h2 {font-size:23px !important; } body.login-body.module-console-login .login-auth-heading p {font-size:12px !important; } body.login-body.module-console-login .login-module-summary {gap:3px !important; min-height:64px !important; padding:11px 14px !important; } body.login-body.module-console-login .login-module-summary::after {font-size:26px !important; right:14px !important; top:16px !important; } body.login-body.module-console-login .login-module-summary span,body.login-body.module-console-login .login-module-summary strong,body.login-body.module-console-login .login-module-summary small {font-size:12px !important; } body.login-body.module-console-login .login-field {font-size:12px !important; gap:7px !important; } body.login-body.module-console-login .login-input-wrap {min-height:44px !important; } body.login-body.module-console-login .login-input-wrap input {font-size:13px !important; } body.login-body.module-console-login .login-form-options {margin-top:-2px !important; } body.login-body.module-console-login .login-form-options label,body.login-body.module-console-login .login-password-help,body.login-body.module-console-login .login-enter-hint {font-size:12px !important; } body.login-body.module-console-login .login-submit {border-radius:8px !important; box-shadow:0 16px 34px rgba(31,99,233,0.24) !important; font-size:15px !important; height:48px !important; } body.login-body.module-console-login .login-status-preview {gap:7px !important; padding-top:12px !important; } body.login-body.module-console-login .login-status-preview p {font-size:12px !important; gap:10px !important; margin-bottom:4px !important; white-space:nowrap !important; } body.login-body.module-console-login .login-status-preview p::before,body.login-body.module-console-login .login-status-preview p::after {width:80px !important; } body.login-body.module-console-login .login-status-preview span {font-size:12px !important; grid-template-columns:22px auto minmax(0,1fr) auto !important; min-height:34px !important; padding:5px 8px !important; } body.login-body.module-console-login .login-status-preview img {height:18px !important; width:18px !important; } body.login-body.module-console-login .login-status-preview b {font-size:11px !important; padding:3px 8px !important; } body.login-body.module-console-login .login-auth-note {font-size:12px !important; margin-top:6px !important; min-height:34px !important; padding:8px 10px !important; } body.login-body.module-console-login .login-icp {color:rgba(88,104,130,0.38) !important; font-size:12px !important; gap:16px !important; margin-top:8px !important; padding-bottom:0 !important; } body.login-body.module-console-login .login-icp a:hover,body.login-body.module-console-login .login-icp a:focus-visible {color:rgba(31,99,233,0.72) !important; } @media (max-width:1180px) {body.login-body.module-console-login .login-console-shell {gap:24px !important; grid-template-columns:minmax(590px,1fr) 360px !important; padding-left:14px !important; padding-right:14px !important; } body.login-body.module-console-login .login-console-main {min-width:590px !important; } body.login-body.module-console-login .login-module-card {gap:10px !important; grid-template-columns:22px 66px 118px 126px minmax(160px,1fr) !important; padding-left:12px !important; padding-right:12px !important; } body.login-body.module-console-login .login-module-icon {height:78px !important; width:66px !important; } } @media (max-height:720px) {body.login-body.module-console-login .login-console-shell {padding-bottom:8px !important; padding-top:10px !important; } body.login-body.module-console-login .login-console-header {margin-bottom:10px !important; } body.login-body.module-console-login .login-console-brand strong {font-size:22px !important; } body.login-body.module-console-login .login-console-brand small,body.login-body.module-console-login .login-console-health span,body.login-body.module-console-login .login-console-title p {font-size:11px !important; } body.login-body.module-console-login .login-console-title {margin-bottom:7px !important; } body.login-body.module-console-login .login-console-title h1 {font-size:21px !important; } body.login-body.module-console-login .login-module-list {gap:6px !important; } body.login-body.module-console-login .login-module-card {padding-bottom:5px !important; padding-top:5px !important; } body.login-body.module-console-login .login-module-icon {height:68px !important; } body.login-body.module-console-login .login-module-icon img {height:34px !important; width:34px !important; } body.login-body.module-console-login .login-module-copy strong {font-size:17px !important; } body.login-body.module-console-login .login-module-copy small {line-height:1.34 !important; margin-top:5px !important; } body.login-body.module-console-login .login-module-meta,body.login-body.module-console-login .login-module-preview {min-height:68px !important; } body.login-body.module-console-login .login-play-dot {height:34px !important; width:34px !important; } body.login-body.module-console-login .image-preview img {height:42px !important; } body.login-body.module-console-login .text-preview small,body.login-body.module-console-login .chat-preview i {line-height:1.28 !important; padding-bottom:5px !important; padding-top:5px !important; } body.login-body.module-console-login .login-module-preview b {height:24px !important; } body.login-body.module-console-login .login-console-status {margin-top:6px !important; min-height:42px !important; padding-bottom:6px !important; padding-top:6px !important; } body.login-body.module-console-login .login-icp {font-size:11px !important; margin-top:5px !important; } body.login-body.module-console-login .login-auth-card {height:calc(100vh - 20px) !important; height:calc(100svh - 20px) !important; padding:40px 22px 12px !important; } body.login-body.module-console-login .login-auth-form {gap:8px !important; } body.login-body.module-console-login .login-auth-heading h2 {font-size:21px !important; } body.login-body.module-console-login .login-module-summary {min-height:56px !important; padding-bottom:8px !important; padding-top:8px !important; } body.login-body.module-console-login .login-input-wrap {min-height:40px !important; } body.login-body.module-console-login .login-submit {height:44px !important; } body.login-body.module-console-login .login-status-preview {gap:5px !important; padding-top:8px !important; } body.login-body.module-console-login .login-status-preview p {margin-bottom:2px !important; } body.login-body.module-console-login .login-status-preview span {min-height:30px !important; padding-bottom:4px !important; padding-top:4px !important; } body.login-body.module-console-login .login-auth-note {min-height:30px !important; padding-bottom:6px !important; padding-top:6px !important; } } html[data-theme="dark"] body.login-body.module-console-login {--login-card:rgba(15,23,42,0.88); --login-ink:#f8fafc; --login-text:#dbe7f6; --login-muted:#aebdd2; --login-line:rgba(148,163,184,0.3); --login-soft-line:rgba(148,163,184,0.2); background:radial-gradient(circle at 18% 0%,rgba(37,99,235,0.24),transparent 34%),radial-gradient(circle at 76% 34%,rgba(14,116,144,0.2),transparent 30%),linear-gradient(135deg,#07111f 0%,#0b1627 54%,#101b2d 100%) !important; color:var(--login-text) !important; } html[data-theme="dark"] body.login-body.module-console-login :is(.login-console-brand strong,.login-console-title h1,.login-module-copy strong,.login-auth-heading h2,.login-console-status strong,.login-field >span,.login-status-preview strong ) {color:#f8fafc !important; } html[data-theme="dark"] body.login-body.module-console-login :is(.login-console-brand small,.login-console-title p,.login-module-copy small,.login-module-meta small,.login-module-meta b,.login-auth-heading p,.login-console-status small,.login-form-options,.login-enter-hint,.login-auth-note ) {color:#aebdd2 !important; } html[data-theme="dark"] body.login-body.module-console-login :is(.login-module-card,.login-auth-card ) {background:rgba(15,23,42,0.88) !important; border-color:rgba(148,163,184,0.3) !important; box-shadow:0 18px 48px rgba(0,0,0,0.24) !important; } html[data-theme="dark"] body.login-body.module-console-login .login-module-card.is-active {background:linear-gradient(135deg,rgba(30,64,175,0.34),rgba(15,23,42,0.94)) !important; border-color:#60a5fa !important; } html[data-theme="dark"] body.login-body.module-console-login :is(.login-console-health span,.login-health-primary,.login-module-meta,.login-module-preview,.login-module-summary,.login-input-wrap,.login-console-status,.login-console-status >span,.login-auth-note,.login-status-preview >span ) {background-color:rgba(23,32,51,0.86) !important; border-color:rgba(148,163,184,0.28) !important; color:#dbe7f6 !important; } html[data-theme="dark"] body.login-body.module-console-login .login-module-summary strong,html[data-theme="dark"] body.login-body.module-console-login .login-module-meta span,html[data-theme="dark"] body.login-body.module-console-login .login-password-help {color:#93c5fd !important; } html[data-theme="dark"] body.login-body.module-console-login .login-module-summary >span,html[data-theme="dark"] body.login-body.module-console-login .login-module-summary small {color:#aebdd2 !important; } html[data-theme="dark"] body.login-body.module-console-login .login-input-wrap input {background:transparent !important; color:#f8fafc !important; } html[data-theme="dark"] body.login-body.module-console-login .login-input-wrap input::placeholder {color:#94a3b8 !important; opacity:1 !important; } html[data-theme="dark"] body.login-body.module-console-login .login-password-toggle {color:#93c5fd !important; } html[data-theme="dark"] body.login-body.module-console-login .login-icp {background:rgba(15,23,42,0.72) !important; border-color:rgba(148,163,184,0.3) !important; color:#aebdd2 !important; } html[data-theme="dark"] body.login-body.module-console-login .login-icp a {color:#cbd5e1 !important; } body.login-body.module-console-login {--login-blue:#2168e8; --login-blue-strong:#1858cf; --login-ink:#14213a; --login-text:#35445e; --login-muted:#66758e; --login-line:rgba(164,186,215,0.58); } body.login-body.module-console-login .login-console-shell {gap:38px !important; } body.login-body.module-console-login .login-console-brand strong,body.login-body.module-console-login .login-console-title h1,body.login-body.module-console-login .login-auth-heading h2 {color:#10203a !important; font-weight:880 !important; } body.login-body.module-console-login .login-console-brand small,body.login-body.module-console-login .login-console-title p,body.login-body.module-console-login .login-auth-heading p {color:rgba(58,72,96,0.76) !important; font-weight:650 !important; } body.login-body.module-console-login .login-health-primary {background:rgba(255,255,255,0.72) !important; border:1px solid rgba(190,208,232,0.62) !important; box-shadow:0 10px 28px rgba(41,73,118,0.08),inset 0 1px 0 rgba(255,255,255,0.86) !important; } body.login-body.module-console-login .login-module-card,body.login-body.module-console-login .login-console-status,body.login-body.module-console-login .login-module-summary,body.login-body.module-console-login .login-input-wrap,body.login-body.module-console-login .login-status-preview span,body.login-body.module-console-login .login-auth-note {backdrop-filter:blur(16px) saturate(1.04) !important; } body.login-body.module-console-login .login-module-card {background:linear-gradient(180deg,rgba(255,255,255,0.82),rgba(250,253,255,0.72)) !important; border-color:rgba(177,198,226,0.6) !important; box-shadow:0 12px 30px rgba(37,65,106,0.07),inset 0 1px 0 rgba(255,255,255,0.94) !important; } body.login-body.module-console-login .login-module-card:hover,body.login-body.module-console-login .login-module-card:focus-visible {border-color:rgba(80,137,230,0.58) !important; box-shadow:0 16px 36px rgba(38,75,125,0.11),0 0 0 3px rgba(33,104,232,0.055) !important; } body.login-body.module-console-login .login-module-card.is-active {background:linear-gradient(180deg,rgba(248,252,255,0.92),rgba(244,249,255,0.8)) !important; border-color:rgba(33,104,232,0.64) !important; box-shadow:0 18px 42px rgba(33,104,232,0.12),inset 0 1px 0 rgba(255,255,255,0.96) !important; } body.login-body.module-console-login .login-module-icon {background:linear-gradient(180deg,rgba(248,251,255,0.96),rgba(236,244,255,0.84)) !important; border-color:rgba(193,211,235,0.7) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,0.94) !important; } body.login-body.module-console-login .login-module-copy strong {color:#13223b !important; } body.login-body.module-console-login .login-module-card.is-active .login-module-copy strong {color:#155bd6 !important; } body.login-body.module-console-login .login-module-copy small,body.login-body.module-console-login .login-module-meta b,body.login-body.module-console-login .login-console-status small,body.login-body.module-console-login .login-module-summary small,body.login-body.module-console-login .login-enter-hint {color:rgba(67,81,106,0.78) !important; } body.login-body.module-console-login .login-module-meta,body.login-body.module-console-login .login-module-preview {border-left-color:rgba(176,196,222,0.55) !important; } body.login-body.module-console-login .login-module-preview b {background:rgba(255,255,255,0.5) !important; } body.login-body.module-console-login .login-auth-card {background:linear-gradient(180deg,rgba(255,255,255,0.9),rgba(248,252,255,0.82)) !important; border-color:rgba(181,201,227,0.7) !important; box-shadow:0 30px 90px rgba(42,67,105,0.17),0 1px 0 rgba(255,255,255,0.92) inset !important; position:relative !important; } body.login-body.module-console-login .login-auth-card::before {background:linear-gradient(90deg,rgba(33,104,232,0.32),rgba(103,232,249,0.2),rgba(124,58,237,0.18)); content:""; height:1px; left:24px; position:absolute; right:24px; top:18px; } body.login-body.module-console-login .login-module-summary {background:linear-gradient(135deg,rgba(246,250,255,0.92),rgba(238,245,255,0.76)) !important; border-color:rgba(143,178,235,0.74) !important; border-left-color:rgba(33,104,232,0.78) !important; } body.login-body.module-console-login .login-input-wrap {background:rgba(255,255,255,0.72) !important; border-color:rgba(185,204,229,0.78) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,0.86) !important; } body.login-body.module-console-login .login-input-wrap:focus-within {border-color:rgba(33,104,232,0.66) !important; box-shadow:0 0 0 3px rgba(33,104,232,0.09),inset 0 1px 0 rgba(255,255,255,0.92) !important; } body.login-body.module-console-login .login-submit {background:linear-gradient(180deg,#2f7cf0 0%,#1d62de 100%) !important; box-shadow:0 16px 34px rgba(29,98,222,0.23),inset 0 1px 0 rgba(255,255,255,0.22) !important; } body.login-body.module-console-login .login-status-preview {border-top-color:rgba(187,205,229,0.58) !important; } body.login-body.module-console-login .login-status-preview p::before,body.login-body.module-console-login .login-status-preview p::after {background:rgba(187,205,229,0.58) !important; } body.login-body.module-console-login .login-status-preview span {background:rgba(255,255,255,0.62) !important; border-color:rgba(211,224,240,0.86) !important; } body.login-body.module-console-login .login-status-preview b {background:rgba(255,255,255,0.72) !important; } body.login-body.module-console-login .login-console-status {background:rgba(255,255,255,0.58) !important; border-color:rgba(177,198,226,0.62) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,0.84) !important; } body.login-body.module-console-login .login-icp {color:rgba(67,80,104,0.62) !important; text-shadow:0 1px 0 rgba(255,255,255,0.58) !important; } body.login-body.module-console-login .login-icp a {color:rgba(67,80,104,0.66) !important; } body.login-body.module-console-login .login-icp a:hover,body.login-body.module-console-login .login-icp a:focus-visible {color:rgba(31,99,233,0.86) !important; } @media (max-height:720px) {body.login-body.module-console-login .login-auth-card::before {top:12px; } } html.module-console-document,body.login-body.module-console-login {background:#f3f7fc !important; height:100% !important; overflow:hidden !important; } body.login-body.module-console-login {--login-blue:#2166e8; --login-blue-strong:#1558d4; --login-ink:#101f38; --login-text:#35445e; --login-muted:#617089; --login-line:rgba(154,178,208,0.56); --login-panel:rgba(255,255,255,0.74); background:radial-gradient(circle at 16% 10%,rgba(73,128,232,0.13),transparent 30%),radial-gradient(circle at 86% 16%,rgba(64,184,212,0.08),transparent 28%),linear-gradient(135deg,#f8fbff 0%,#f3f7fd 52%,#edf4fb 100%) !important; } body.login-body.module-console-login .login-console-shell {align-items:center !important; gap:36px !important; grid-template-columns:minmax(660px,760px) 374px !important; height:100vh !important; height:100svh !important; max-width:1190px !important; min-height:0 !important; padding:16px 22px 34px !important; } body.login-body.module-console-login .login-console-main {display:grid !important; grid-template-rows:auto auto minmax(0,1fr) auto !important; min-height:0 !important; min-width:0 !important; } body.login-body.module-console-login .login-console-header {align-items:center !important; margin:0 0 16px !important; } body.login-body.module-console-login .login-console-logo {background:linear-gradient(180deg,rgba(255,255,255,0.9),rgba(236,244,255,0.72)) !important; border:1px solid rgba(178,199,226,0.66) !important; border-radius:12px !important; box-shadow:0 12px 30px rgba(35,68,113,0.08),inset 0 1px 0 rgba(255,255,255,0.9) !important; height:44px !important; width:44px !important; } body.login-body.module-console-login .login-console-logo img {height:30px !important; width:30px !important; } body.login-body.module-console-login .login-console-brand strong {font-size:23px !important; line-height:1.05 !important; } body.login-body.module-console-login .login-console-brand small {color:rgba(65,79,104,0.8) !important; font-size:12px !important; margin-top:5px !important; } body.login-body.module-console-login .login-console-health {align-items:center !important; display:flex !important; gap:8px !important; padding-top:0 !important; } body.login-body.module-console-login .login-console-health span {background:rgba(255,255,255,0.58) !important; border:1px solid rgba(188,205,228,0.58) !important; border-radius:999px !important; box-shadow:inset 0 1px 0 rgba(255,255,255,0.78) !important; color:rgba(50,63,86,0.76) !important; font-size:12px !important; min-height:28px !important; padding:5px 10px !important; } body.login-body.module-console-login .login-health-primary {color:#14213a !important; grid-row:auto !important; } body.login-body.module-console-login .login-console-title {margin:0 0 10px !important; } body.login-body.module-console-login .login-console-title h1 {font-size:22px !important; } body.login-body.module-console-login .login-console-title p {font-size:13px !important; margin-top:7px !important; } body.login-body.module-console-login .login-module-list {align-content:start !important; display:grid !important; gap:7px !important; min-height:0 !important; } body.login-body.module-console-login .login-module-card {background:linear-gradient(180deg,rgba(255,255,255,0.86),rgba(250,253,255,0.74)) !important; border:1px solid rgba(167,190,219,0.58) !important; border-radius:10px !important; box-shadow:0 10px 24px rgba(32,60,101,0.065),inset 0 1px 0 rgba(255,255,255,0.94) !important; gap:11px !important; grid-template-columns:22px 54px minmax(126px,1fr) 126px minmax(170px,1.18fr) !important; min-height:78px !important; padding:8px 12px !important; } body.login-body.module-console-login .login-module-card:hover,body.login-body.module-console-login .login-module-card:focus-visible {border-color:rgba(64,120,220,0.62) !important; box-shadow:0 14px 30px rgba(31,72,125,0.1),0 0 0 3px rgba(33,102,232,0.06),inset 0 1px 0 rgba(255,255,255,0.96) !important; } body.login-body.module-console-login .login-module-card.is-active {background:linear-gradient(180deg,rgba(251,254,255,0.94),rgba(244,249,255,0.82)) !important; border-color:rgba(33,102,232,0.72) !important; box-shadow:0 16px 34px rgba(33,102,232,0.12),inset 0 1px 0 rgba(255,255,255,0.96) !important; } body.login-body.module-console-login .login-module-radio {height:20px !important; width:20px !important; } body.login-body.module-console-login .login-module-card.is-active .login-module-radio::after {font-size:13px !important; } body.login-body.module-console-login .login-module-icon {border-radius:11px !important; height:54px !important; width:54px !important; } body.login-body.module-console-login .login-module-icon img {height:32px !important; width:32px !important; } body.login-body.module-console-login .login-module-copy strong {font-size:17px !important; line-height:1.1 !important; } body.login-body.module-console-login .login-module-copy small {color:rgba(65,79,104,0.78) !important; font-size:12px !important; line-height:1.42 !important; margin-top:6px !important; } body.login-body.module-console-login .login-module-meta,body.login-body.module-console-login .login-module-preview {border-left-color:rgba(178,197,223,0.55) !important; min-height:54px !important; padding-left:11px !important; } body.login-body.module-console-login .login-module-meta {gap:1px !important; } body.login-body.module-console-login .login-module-meta small {font-size:11px !important; } body.login-body.module-console-login .login-module-meta em,body.login-body.module-console-login .login-module-meta b,body.login-body.module-console-login .login-module-meta span {font-size:11px !important; } body.login-body.module-console-login .voice-preview {gap:7px !important; grid-template-columns:34px minmax(0,1fr) auto !important; } body.login-body.module-console-login .login-play-dot {height:34px !important; width:34px !important; } body.login-body.module-console-login .login-waveform {gap:3px !important; min-width:88px !important; } body.login-body.module-console-login .login-waveform i {height:13px !important; width:3px !important; } body.login-body.module-console-login .login-waveform i:nth-child(2),body.login-body.module-console-login .login-waveform i:nth-child(6) {height:20px !important; } body.login-body.module-console-login .login-waveform i:nth-child(3),body.login-body.module-console-login .login-waveform i:nth-child(5) {height:25px !important; } body.login-body.module-console-login .voice-preview small {font-size:11px !important; } body.login-body.module-console-login .login-module-preview b {display:none !important; } body.login-body.module-console-login .image-preview {gap:6px !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; } body.login-body.module-console-login .image-preview img {border-radius:8px !important; height:42px !important; } body.login-body.module-console-login .text-preview small,body.login-body.module-console-login .chat-preview i {background:rgba(255,255,255,0.6) !important; color:rgba(63,76,100,0.82) !important; font-size:11px !important; line-height:1.3 !important; padding:6px 8px !important; } body.login-body.module-console-login .login-console-status {background:rgba(255,255,255,0.56) !important; border-color:rgba(169,191,220,0.58) !important; border-radius:10px !important; box-shadow:inset 0 1px 0 rgba(255,255,255,0.86) !important; gap:8px !important; margin-top:10px !important; min-height:48px !important; padding:8px 11px !important; } body.login-body.module-console-login .login-console-status span {gap:0 7px !important; grid-template-columns:24px minmax(0,1fr) !important; } body.login-body.module-console-login .login-console-status img {height:20px !important; width:20px !important; } body.login-body.module-console-login .login-console-status strong {font-size:11px !important; } body.login-body.module-console-login .login-console-status small {font-size:10px !important; } body.login-body.module-console-login .login-auth-card {align-self:center !important; backdrop-filter:blur(18px) saturate(1.08) !important; background:linear-gradient(180deg,rgba(255,255,255,0.9),rgba(249,252,255,0.82)) !important; border:1px solid rgba(170,192,220,0.66) !important; border-radius:14px !important; box-shadow:0 28px 80px rgba(34,60,101,0.16),inset 0 1px 0 rgba(255,255,255,0.92) !important; height:auto !important; min-height:0 !important; overflow:visible !important; padding:48px 24px 24px !important; } body.login-body.module-console-login .login-auth-card::before {left:24px !important; right:24px !important; top:18px !important; } body.login-body.module-console-login .login-auth-form {gap:11px !important; } body.login-body.module-console-login .login-auth-heading {gap:5px 10px !important; } body.login-body.module-console-login .login-auth-heading h2 {font-size:22px !important; } body.login-body.module-console-login .login-auth-heading p {font-size:12px !important; } body.login-body.module-console-login .login-module-summary {background:rgba(245,249,255,0.78) !important; border-color:rgba(129,168,232,0.7) !important; border-left-width:1px !important; border-radius:10px !important; gap:2px !important; min-height:58px !important; padding:10px 14px !important; } body.login-body.module-console-login .login-module-summary::after {font-size:24px !important; right:13px !important; top:14px !important; } body.login-body.module-console-login .login-module-summary span,body.login-body.module-console-login .login-module-summary strong,body.login-body.module-console-login .login-module-summary small,body.login-body.module-console-login .login-field,body.login-body.module-console-login .login-form-options label,body.login-body.module-console-login .login-password-help,body.login-body.module-console-login .login-enter-hint {font-size:12px !important; } body.login-body.module-console-login .login-field {gap:6px !important; } body.login-body.module-console-login .login-input-wrap {border-radius:9px !important; min-height:43px !important; } body.login-body.module-console-login .login-submit {border-radius:9px !important; height:46px !important; } body.login-body.module-console-login .login-status-preview {display:none !important; } body.login-body.module-console-login .login-auth-note {background:transparent !important; border:0 !important; color:rgba(79,92,116,0.72) !important; font-size:12px !important; justify-content:center !important; margin:0 !important; min-height:20px !important; padding:0 !important; } body.login-body.module-console-login .login-icp {backdrop-filter:blur(10px) !important; background:rgba(255,255,255,0.42) !important; border:1px solid rgba(182,199,222,0.5) !important; border-radius:999px !important; bottom:8px !important; color:rgba(55,68,90,0.82) !important; display:flex !important; font-size:12px !important; gap:12px !important; left:50% !important; margin:0 !important; padding:5px 12px !important; position:fixed !important; right:auto !important; text-shadow:none !important; transform:translateX(-50%) !important; white-space:nowrap !important; width:auto !important; z-index:4 !important; } body.login-body.module-console-login .login-icp a {color:rgba(42,55,78,0.9) !important; font-weight:750 !important; } body.login-body.module-console-login .login-icp a:hover,body.login-body.module-console-login .login-icp a:focus-visible {color:#1558d4 !important; } @media (max-height:720px) {body.login-body.module-console-login .login-console-shell {gap:24px !important; padding-top:10px !important; } body.login-body.module-console-login .login-console-header {margin-bottom:10px !important; } body.login-body.module-console-login .login-console-title {margin-bottom:6px !important; } body.login-body.module-console-login .login-module-list {gap:6px !important; } body.login-body.module-console-login .login-module-card {min-height:70px !important; padding-bottom:6px !important; padding-top:6px !important; } body.login-body.module-console-login .login-module-icon {height:48px !important; width:50px !important; } body.login-body.module-console-login .login-module-meta,body.login-body.module-console-login .login-module-preview {min-height:48px !important; } body.login-body.module-console-login .login-console-status {min-height:42px !important; } body.login-body.module-console-login .login-auth-card {padding-bottom:18px !important; padding-top:42px !important; } body.login-body.module-console-login .login-auth-form {gap:9px !important; } } body.login-body.module-console-login .login-password-toggle:focus-visible,body.login-body.module-console-login .login-icp a:focus-visible {border-radius:5px; outline:2px solid #1558d4 !important; outline-offset:3px; } html[data-theme="dark"] body.login-body.module-console-login .login-password-toggle:focus-visible,html[data-theme="dark"] body.login-body.module-console-login .login-icp a:focus-visible {outline-color:#93c5fd !important; }
/* source: login-lightfall.css */
body.login-body.module-console-login {isolation:isolate; } body.login-body.module-console-login .login-lightfall {background:radial-gradient(circle at 18% 14%,rgba(34,211,238,0.1),transparent 30%),radial-gradient(circle at 76% 20%,rgba(124,58,237,0.08),transparent 34%),radial-gradient(circle at 62% 82%,rgba(255,159,252,0.05),transparent 28%); inset:0; overflow:hidden; pointer-events:none; position:fixed; z-index:0; } body.login-body.module-console-login .login-lightfall canvas {display:block; filter:blur(0.15px) saturate(0.84); height:100%; mix-blend-mode:multiply; opacity:0.24; width:100%; } body.login-body.module-console-login .login-lightfall-reduced,body.login-body.module-console-login .login-lightfall-unavailable {display:none; } body.login-body.module-console-login::before {background:linear-gradient(90deg,rgba(248,251,255,0.74),rgba(248,251,255,0.55) 48%,rgba(248,251,255,0.78)),linear-gradient(rgba(31,99,233,0.028) 1px,transparent 1px),linear-gradient(90deg,rgba(31,99,233,0.026) 1px,transparent 1px); background-size:auto,74px 74px,74px 74px; content:""; inset:0; pointer-events:none; position:fixed; z-index:1; } body.login-body.module-console-login::after {background:radial-gradient(circle at 22% 8%,rgba(255,255,255,0.88),transparent 34%),radial-gradient(circle at 88% 12%,rgba(255,255,255,0.72),transparent 26%); content:""; inset:0; pointer-events:none; position:fixed; z-index:1; } @media (prefers-reduced-motion:reduce) {body.login-body.module-console-login .login-lightfall {display:none; } } body.login-body.module-console-login .login-lightfall {background:radial-gradient(circle at 16% 12%,rgba(43,114,225,0.12),transparent 30%),radial-gradient(circle at 82% 16%,rgba(56,189,248,0.08),transparent 28%),linear-gradient(135deg,rgba(247,251,255,0.92),rgba(238,245,252,0.78)); } body.login-body.module-console-login .login-lightfall canvas {filter:blur(0.2px) saturate(0.72) contrast(0.92); mix-blend-mode:normal; opacity:0.28; } body.login-body.module-console-login::before {background:linear-gradient(90deg,rgba(248,251,255,0.68),rgba(248,251,255,0.36) 48%,rgba(248,251,255,0.68)),linear-gradient(rgba(36,91,170,0.018) 1px,transparent 1px),linear-gradient(90deg,rgba(36,91,170,0.016) 1px,transparent 1px); background-size:auto,92px 92px,92px 92px; } body.login-body.module-console-login::after {background:radial-gradient(circle at 26% 8%,rgba(255,255,255,0.78),transparent 32%),radial-gradient(circle at 86% 12%,rgba(255,255,255,0.62),transparent 26%),linear-gradient(180deg,rgba(246,250,255,0),rgba(233,240,249,0.28)); } body.login-body.module-console-login .login-lightfall {background:radial-gradient(circle at 16% 12%,rgba(43,114,225,0.18),transparent 30%),radial-gradient(circle at 82% 16%,rgba(56,189,248,0.12),transparent 28%),radial-gradient(circle at 64% 78%,rgba(139,92,246,0.1),transparent 30%),linear-gradient(135deg,rgba(247,251,255,0.86),rgba(228,239,251,0.72)); } body.login-body.module-console-login .login-lightfall canvas {filter:blur(0.12px) saturate(1.05) contrast(1.06); mix-blend-mode:normal; opacity:0.42; } body.login-body.module-console-login::before {background:linear-gradient(90deg,rgba(248,251,255,0.38),rgba(248,251,255,0.16) 48%,rgba(248,251,255,0.42)),linear-gradient(rgba(36,91,170,0.016) 1px,transparent 1px),linear-gradient(90deg,rgba(36,91,170,0.014) 1px,transparent 1px); background-size:auto,92px 92px,92px 92px; } body.login-body.module-console-login::after {background:radial-gradient(circle at 26% 8%,rgba(255,255,255,0.42),transparent 32%),radial-gradient(circle at 86% 12%,rgba(255,255,255,0.32),transparent 26%),linear-gradient(180deg,rgba(246,250,255,0),rgba(233,240,249,0.14)); }