{"id":125,"date":"2026-04-28T15:37:53","date_gmt":"2026-04-28T22:37:53","guid":{"rendered":"https:\/\/gogoit.com\/video\/service-dashboard-3\/"},"modified":"2026-04-28T15:37:53","modified_gmt":"2026-04-28T22:37:53","slug":"service-dashboard-3","status":"publish","type":"page","link":"https:\/\/gogoit.com\/video\/service-dashboard-3\/","title":{"rendered":"Service Dashboard"},"content":{"rendered":"?>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n:root {\n    --dash-primary: #2563EB;\n    --dash-primary-dark: #1D4ED8;\n    --dash-primary-light: #60A5FA;\n    --dash-primary-glow: rgba(37, 99, 235, 0.18);\n    --dash-success: #34D399;\n    --dash-success-light: rgba(16, 185, 129, 0.18);\n    --dash-warning: #FBBF24;\n    --dash-warning-light: rgba(245, 158, 11, 0.18);\n    --dash-danger: #F87171;\n    --dash-danger-light: rgba(239, 68, 68, 0.18);\n    \/* Dark theme: gray scale flipped \u2014 values resolve to dark surfaces\n       and light text so the existing class\/inline usages cascade. *\/\n    --dash-gray-50:  #151A24;  \/* section container surface *\/\n    --dash-gray-100: #1B2230;  \/* lifted card surface \/ secondary button *\/\n    --dash-gray-200: rgba(255,255,255,0.08);  \/* borders *\/\n    --dash-gray-300: rgba(255,255,255,0.14);\n    --dash-gray-400: #64748B;  \/* very muted text *\/\n    --dash-gray-500: #94A3B8;  \/* muted text \/ metadata *\/\n    --dash-gray-600: #CBD5E1;  \/* secondary text *\/\n    --dash-gray-700: #E2E8F0;  \/* body text *\/\n    --dash-gray-800: #F1F5F9;  \/* strong text *\/\n    --dash-gray-900: #FFFFFF;  \/* headings *\/\n    --dark-bg: #0A0F1A;\n    --dark-bg-2: #0F1421;\n    --dark-surface: #151A24;\n    --dark-surface-2: #1B2230;\n    --dark-surface-3: #232B3B;\n    --dark-border: rgba(255,255,255,0.07);\n    --dark-border-strong: rgba(255,255,255,0.12);\n    --sidebar-width: 260px;\n    --wp-admin-bar: 32px;\n    --card-shadow: 0 1px 2px rgba(0,0,0,0.30), 0 8px 24px rgba(0,0,0,0.20);\n    --card-shadow-hover: 0 6px 28px rgba(0,0,0,0.35);\n    --transition-fast: 0.15s ease;\n    --transition-smooth: 0.25s ease;\n    --border-radius-sm: 8px;\n    --border-radius-md: 12px;\n    --border-radius-lg: 16px;\n}\n\n* { box-sizing: border-box; }\n\n.entry-title, .page-title, article > header, .entry-header, .ast-archive-description, h1.entry-title { display: none !important; }\n.site-header, #masthead, header.site-header, .ast-above-header-wrap, .ast-below-header-wrap, .main-header-bar-wrap, .ast-mobile-header-wrap, #ast-mobile-header { display: none !important; }\nbody, html { margin-top: 0 !important; padding-top: 0 !important; }\n@media screen and (max-width: 782px) {\n    html { margin-top: 0 !important; }\n    #wpadminbar { display: none !important; }\n}\nbody:not(.admin-bar) #page, body:not(.admin-bar) .site, body:not(.admin-bar) #wrapper { padding-top: 0 !important; margin-top: 0 !important; }\n.ast-separate-container, .ast-plain-container { padding-top: 0 !important; }\n.entry-content > p:empty, .entry-content > p:first-child { display: none !important; }\n.site-footer, footer.site-footer, .ast-footer-copyright, .site-info, footer[role=\"contentinfo\"] { margin-left: var(--sidebar-width) !important; text-align: center !important; }\n@media (max-width: 768px) {\n    .site-footer, footer.site-footer, .ast-footer-copyright, .site-info, footer[role=\"contentinfo\"] { margin-left: 0 !important; }\n}\n\n.gvei-dashboard-wrapper { margin: 0; padding: 0; width: 100%; background: var(--dark-bg); min-height: 100vh; color: var(--dash-gray-700); }\n.page .entry-content, .gvei-dashboard-wrapper .entry-content, article.page, .site-content, .content-area, .ast-container, .site-main, main#main, #primary, #content, .hentry, .ast-separate-container .ast-article-single, .ast-separate-container .ast-article-post {\n    max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; background: var(--dark-bg) !important; color: var(--dash-gray-700) !important;\n}\n.gvei-dashboard-wrapper, .gvei-dashboard-wrapper * { color-scheme: dark; }\n\nbody.admin-bar .gvei-sidebar { top: var(--wp-admin-bar); height: calc(100vh - var(--wp-admin-bar)); }\nbody.admin-bar .gvei-dashboard { min-height: calc(100vh - var(--wp-admin-bar)); }\n\n.gvei-dashboard {\n    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    background: var(--dark-bg);\n    color: var(--dash-gray-700);\n    min-height: 100vh; padding: 0; margin: 0; display: flex;\n    -webkit-font-smoothing: antialiased;\n}\n\n.gvei-main { flex: 1; margin-left: var(--sidebar-width); min-height: 100vh; }\n\n.gvei-sidebar {\n    width: var(--sidebar-width); height: 100vh; max-height: 100vh;\n    background: #0B1220;\n    border-right: 1px solid var(--dark-border);\n    position: fixed; left: 0; top: 0; z-index: 1000;\n    display: flex; flex-direction: column;\n    transition: transform 0.3s ease;\n    overflow: hidden;\n}\n\n.gvei-sidebar-header { flex-shrink: 0; padding: 28px 24px; border-bottom: 1px solid rgba(255,255,255,0.08); }\n.gvei-sidebar-logo { font-size: 26px; font-weight: 800; letter-spacing: 1px; display: flex; align-items: center; text-transform: uppercase; }\n.gvei-sidebar-logo .logo-gogo { color: #fff; }\n.gvei-sidebar-logo .logo-it { color: #cbc9c9; font-weight: 800; }\n.gvei-sidebar-user { margin-top: 16px; display: flex; align-items: center; gap: 12px; }\n.gvei-sidebar-avatar {\n    width: 40px; height: 40px; border-radius: 50%;\n    background: linear-gradient(135deg, var(--dash-primary), var(--dash-primary-light));\n    display: flex; align-items: center; justify-content: center;\n    color: #fff; font-weight: 700; font-size: 16px; overflow: hidden; flex-shrink: 0;\n}\n.gvei-sidebar-avatar img { width: 100%; height: 100%; object-fit: cover; }\n.gvei-sidebar-user-info { min-width: 0; }\n.gvei-sidebar-user-name { color: #fff; font-weight: 600; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n.gvei-sidebar-user-status { color: var(--dash-success); font-size: 12px; font-weight: 500; }\n.gvei-sidebar-nav { flex: 1; overflow-y: auto; padding: 16px 12px; }\n.gvei-nav-group-label { color: var(--dash-gray-400); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; padding: 16px 12px 6px; }\n.gvei-nav-item {\n    display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 10px;\n    color: var(--dash-gray-400); font-size: 14px; font-weight: 500;\n    text-decoration: none; transition: all var(--transition-fast); margin-bottom: 2px;\n}\n.gvei-nav-item:hover { background: rgba(255,255,255,0.06); color: #fff; text-decoration: none; }\n.gvei-nav-item.active { background: var(--dash-primary-glow); color: var(--dash-primary-light); font-weight: 600; }\n.gvei-nav-icon { width: 22px; height: 22px; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; opacity: 0.85; }\n.gvei-nav-icon svg { width: 20px; height: 20px; display: block; }\n.gvei-nav-item.active .gvei-nav-icon { opacity: 1; }\n\n\/* Section card: dark container, slightly lifted off the page bg, with\n   a subtle hairline border. Inner project rows sit on a slightly\n   lighter dark surface so they pop forward against the section. *\/\n.gvei-section-card {\n    background: var(--dark-surface);\n    border: 1px solid var(--dark-border);\n    border-radius: 20px;\n    padding: 24px 22px 22px;\n    margin-top: 28px;\n}\n.gvei-section-card .gvei-section-header {\n    display: flex; align-items: center; gap: 10px; margin-bottom: 6px;\n}\n.gvei-section-card .gvei-section-subtitle {\n    font-size: 13px; color: var(--dash-gray-500); margin: 0 0 14px;\n}\n.gvei-section-icon {\n    display: inline-flex; align-items: center; justify-content: center;\n    width: 22px; height: 22px; flex-shrink: 0;\n}\n.gvei-section-icon svg { width: 20px; height: 20px; display: block; }\n@keyframes gvei-spin-slow { to { transform: rotate(360deg); } }\n.gvei-spin-slow svg { animation: gvei-spin-slow 6s linear infinite; transform-origin: 50% 50%; }\n.gvei-section-card > h2 + p,\n.gvei-section-card .gvei-section-header + p { margin-top: 0; }\n\n\/* Mobile sidebar *\/\n.gvei-mobile-header { display: none; }\n.gvei-sidebar-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 999; }\n\n@media (max-width: 768px) {\n    .gvei-sidebar { display: none !important; }\n    .gvei-sidebar.open { display: flex !important; transform: translateX(0); width: 280px; }\n    .gvei-sidebar-overlay.open { display: block; }\n    .gvei-main { margin-left: 0 !important; }\n    .gvei-dashboard { flex-direction: column; }\n    .gvei-mobile-header {\n        display: flex !important; align-items: center; justify-content: space-between;\n        padding: 12px 16px; background: linear-gradient(135deg, #0F172A, #1E293B);\n        position: sticky; top: 0; z-index: 998;\n        box-shadow: 0 2px 8px rgba(0,0,0,0.15);\n        width: 100%;\n    }\n    .gvei-mobile-header .logo { color: #fff; font-weight: 800; font-size: 18px; letter-spacing: 1px; text-transform: uppercase; }\n    .gvei-mobile-header .logo span { color: #cbc9c9; }\n    .gvei-mobile-header .mobile-user { display: flex; align-items: center; gap: 8px; flex: 1; margin-left: 16px; }\n    .gvei-mobile-header .mobile-user img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }\n    .gvei-mobile-header .mobile-user-name { color: rgba(255,255,255,0.8); font-size: 13px; font-weight: 500; }\n    .gvei-hamburger { background: none; border: none; color: #fff; font-size: 28px; cursor: pointer; padding: 6px 8px; line-height: 1; }\n    .gvei-content { padding: 16px 12px; }\n    .gvei-page-title { font-size: 20px; }\n    .gvei-video-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }\n    .gvei-card { padding: 16px; }\n    .gvei-coming-soon { padding: 24px 16px; }\n    .gvei-coming-soon .icon { font-size: 32px; }\n    .gvei-coming-soon h3 { font-size: 15px; }\n}\n\n\/* Content area *\/\n.gvei-content { padding: 32px; max-width: 960px; }\n@media (max-width: 768px) { .gvei-content { padding: 20px 16px; } }\n\n.gvei-page-title { font-size: 26px; font-weight: 800; color: var(--dash-gray-900); margin: 0 0 6px; letter-spacing: -0.01em; }\n.gvei-page-subtitle { font-size: 14px; color: var(--dash-gray-600); margin: 0 0 24px; }\n\n\/* Gamified stat strip *\/\n.gvei-stat-strip {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n    gap: 12px;\n    margin-bottom: 24px;\n}\n.gvei-stat-tile {\n    background: var(--dark-surface-2);\n    border-radius: var(--border-radius-md);\n    padding: 14px 16px;\n    box-shadow: var(--card-shadow);\n    border: 1px solid var(--dark-border);\n    border-left: 4px solid var(--dash-primary);\n    transition: all var(--transition-fast);\n    position: relative;\n    overflow: hidden;\n}\n.gvei-stat-tile:hover { transform: translateY(-2px); box-shadow: var(--card-shadow-hover); }\n.gvei-stat-tile.success { border-left-color: var(--dash-success); }\n.gvei-stat-tile.warning { border-left-color: var(--dash-warning); }\n.gvei-stat-tile.danger { border-left-color: var(--dash-danger); }\n\/* Filter tiles act as clickable filters on the My Videos grid *\/\n.gvei-stat-tile.is-clickable { cursor: pointer; user-select: none; }\n.gvei-stat-tile.is-clickable:hover { transform: translateY(-2px); box-shadow: var(--card-shadow-hover); border-left-width: 5px; }\n.gvei-stat-tile.is-active {\n    background: var(--dash-primary);\n    border-left-color: var(--dash-primary);\n    box-shadow: 0 8px 24px rgba(30,64,175,0.30);\n}\n.gvei-stat-tile.is-active .stat-icon,\n.gvei-stat-tile.is-active .stat-value,\n.gvei-stat-tile.is-active .stat-label { color: #fff; }\n\/* When the grid is filtered, hide cards whose status doesn't match *\/\n.gvei-video-grid[data-filter=\"NEEDS_REVIEW\"] .gvei-video-card:not([data-client-status=\"NEEDS_REVIEW\"]) { display: none; }\n.gvei-video-grid[data-filter=\"PUBLISHED\"] .gvei-video-card:not([data-client-status=\"PUBLISHED\"]) { display: none; }\n.gvei-video-grid[data-filter=\"DRAFT\"] .gvei-video-card:not([data-client-status=\"DRAFT\"]) { display: none; }\n.gvei-video-grid-empty-filter {\n    display: none;\n    text-align: center;\n    padding: 48px 24px;\n    color: var(--dash-gray-500);\n    background: #fff;\n    border-radius: var(--border-radius-md);\n    margin-bottom: 16px;\n}\n.gvei-stat-tile .stat-icon { font-size: 20px; line-height: 1; margin-bottom: 6px; }\n.gvei-stat-tile .stat-value { font-size: 26px; font-weight: 800; color: var(--dash-gray-900); line-height: 1; font-variant-numeric: tabular-nums; }\n.gvei-stat-tile .stat-label { font-size: 11px; font-weight: 700; color: var(--dash-gray-500); margin-top: 4px; text-transform: uppercase; letter-spacing: 0.06em; }\n.gvei-stat-tile .stat-hint { font-size: 11px; color: var(--dash-gray-500); margin-top: 4px; font-weight: 500; }\n.gvei-stat-tile.is-highlight { background: linear-gradient(135deg, var(--dark-surface-2) 0%, rgba(37,99,235,0.18) 100%); }\n@media (max-width: 768px) {\n    .gvei-stat-strip { grid-template-columns: repeat(2, 1fr); gap: 8px; }\n    .gvei-stat-tile { padding: 10px 12px; }\n    .gvei-stat-tile .stat-value { font-size: 22px; }\n}\n\n.gvei-card {\n    background: var(--dark-surface-2); border-radius: var(--border-radius-md); padding: 24px;\n    border: 1px solid var(--dark-border);\n    box-shadow: var(--card-shadow); margin-bottom: 20px;\n    color: var(--dash-gray-700);\n}\n.gvei-card-title { font-size: 16px; font-weight: 600; color: var(--dash-gray-900); margin: 0 0 16px; }\n\n.gvei-btn {\n    display: inline-flex; align-items: center; gap: 8px;\n    padding: 10px 20px; border-radius: 10px; font-size: 14px; font-weight: 600;\n    cursor: pointer; border: none; transition: all var(--transition-fast);\n    font-family: inherit;\n}\n.gvei-btn-primary { background: var(--dash-primary); color: #fff; }\n.gvei-btn-primary:hover { background: var(--dash-primary-dark); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(37,99,235,0.4); }\n.gvei-btn-secondary { background: var(--dark-surface-3); color: var(--dash-gray-700); border: 1px solid var(--dark-border); }\n.gvei-btn-secondary:hover { background: rgba(255,255,255,0.06); }\n.gvei-btn:disabled { opacity: 0.5; cursor: not-allowed; transform: none !important; }\n\n.gvei-input, .gvei-select, .gvei-textarea {\n    width: 100%; padding: 10px 14px; border: 1px solid var(--dark-border-strong);\n    border-radius: var(--border-radius-sm); font-size: 14px; font-family: inherit;\n    transition: border-color var(--transition-fast);\n    background: var(--dark-surface-2); color: var(--dash-gray-900);\n}\n.gvei-input::placeholder, .gvei-textarea::placeholder { color: var(--dash-gray-500); }\n.gvei-select option { background: var(--dark-surface-2); color: var(--dash-gray-900); }\n.gvei-input:focus, .gvei-select:focus, .gvei-textarea:focus { outline: none; border-color: var(--dash-primary); box-shadow: 0 0 0 3px var(--dash-primary-glow); }\n.gvei-textarea { resize: vertical; min-height: 80px; }\n.gvei-label { display: block; font-size: 13px; font-weight: 600; color: var(--dash-gray-700); margin-bottom: 6px; }\n\n\/* Clip upload area *\/\n.gvei-clip-list { display: flex; flex-direction: column; gap: 16px; }\n.gvei-clip-item {\n    background: var(--dash-gray-50); border: 1px solid var(--dash-gray-200);\n    border-radius: var(--border-radius-md); padding: 16px;\n    display: flex; gap: 16px; align-items: flex-start;\n}\n.gvei-clip-item .clip-number {\n    width: 32px; height: 32px; border-radius: 50%;\n    background: var(--dash-primary); color: #fff;\n    display: flex; align-items: center; justify-content: center;\n    font-weight: 700; font-size: 14px; flex-shrink: 0;\n}\n.gvei-clip-item .clip-content { flex: 1; }\n.gvei-clip-item .clip-preview {\n    width: 80px; height: 142px; border-radius: 8px; overflow: hidden;\n    background: #0A0F1A; flex-shrink: 0; position: relative;\n}\n.gvei-clip-item .clip-preview video { width: 100%; height: 100%; object-fit: cover; }\n.gvei-clip-remove {\n    position: absolute; top: 4px; right: 4px;\n    width: 22px; height: 22px; border-radius: 50%;\n    background: rgba(0,0,0,0.6); color: #fff;\n    border: none; cursor: pointer; font-size: 14px;\n    display: flex; align-items: center; justify-content: center;\n}\n\n.gvei-upload-zone {\n    border: 2px dashed var(--dash-gray-300); border-radius: var(--border-radius-md);\n    padding: 24px; text-align: center; cursor: pointer;\n    transition: all var(--transition-fast); background: var(--dash-gray-50);\n}\n.gvei-upload-zone:hover { border-color: var(--dash-primary); background: rgba(30,64,175,0.04); }\n.gvei-upload-zone .upload-icon { font-size: 32px; margin-bottom: 8px; }\n.gvei-upload-zone .upload-text { font-size: 14px; color: var(--dash-gray-500); }\n\n\/* Step indicator *\/\n.gvei-steps { display: flex; gap: 4px; margin-bottom: 28px; }\n.gvei-step {\n    flex: 1; height: 4px; border-radius: 2px;\n    background: var(--dash-gray-200); transition: background var(--transition-smooth);\n}\n.gvei-step.active { background: var(--dash-primary); }\n.gvei-step.done { background: var(--dash-success); }\n\n\/* Video grid *\/\n.gvei-video-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; }\n.gvei-video-card {\n    background: var(--dark-surface-2); border-radius: var(--border-radius-md); overflow: hidden;\n    border: 1px solid var(--dark-border);\n    box-shadow: var(--card-shadow); transition: all var(--transition-fast);\n}\n.gvei-video-card:hover { box-shadow: var(--card-shadow-hover); transform: translateY(-2px); border-color: var(--dark-border-strong); }\n.gvei-video-thumb { width: 100%; aspect-ratio: 9\/16; background: #0A0F1A; position: relative; }\n.gvei-video-thumb video { width: 100%; height: 100%; object-fit: cover; }\n.gvei-video-thumb .play-btn {\n    position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);\n    width: 48px; height: 48px; border-radius: 50%; background: rgba(0,0,0,0.6);\n    color: #fff; display: flex; align-items: center; justify-content: center;\n    font-size: 20px; cursor: pointer; border: none;\n}\n.gvei-video-info { padding: 12px; }\n.gvei-video-title { font-size: 13px; font-weight: 600; color: var(--dash-gray-800); margin: 0 0 4px; }\n.gvei-video-date { font-size: 11px; color: var(--dash-gray-400); }\n.gvei-video-status {\n    display: inline-block; padding: 2px 8px; border-radius: 4px;\n    font-size: 10px; font-weight: 600; text-transform: uppercase; margin-top: 6px;\n}\n.gvei-video-status.complete { background: var(--dash-success-light); color: #065F46; }\n.gvei-video-status.processing { background: var(--dash-warning-light); color: #92400E; }\n.gvei-video-status.failed { background: var(--dash-danger-light); color: #991B1B; }\n\n\/* Toast *\/\n.gvei-toast {\n    position: fixed; bottom: 24px; right: 24px; z-index: 10000;\n    padding: 14px 20px; border-radius: 12px; font-size: 14px; font-weight: 500;\n    box-shadow: 0 8px 24px rgba(0,0,0,0.15); transform: translateY(100px); opacity: 0; pointer-events: none;\n    transition: all 0.3s ease; font-family: inherit;\n}\n.gvei-toast.show { transform: translateY(0); opacity: 1; pointer-events: auto; }\n.gvei-toast.success { background: #065F46; color: #fff; }\n.gvei-toast.error { background: #991B1B; color: #fff; }\n\n\/* Connections coming soon *\/\n.gvei-coming-soon {\n    text-align: center; padding: 48px 24px; background: var(--dash-gray-50);\n    border-radius: var(--border-radius-md); border: 1px dashed var(--dash-gray-300);\n}\n.gvei-coming-soon .icon { font-size: 48px; margin-bottom: 16px; }\n.gvei-coming-soon h3 { font-size: 18px; color: var(--dash-gray-700); margin: 0 0 8px; }\n.gvei-coming-soon p { font-size: 14px; color: var(--dash-gray-500); margin: 0; }\n\n@keyframes spin { to { transform: rotate(360deg); } }\n\n@media (max-width: 768px) {\n    .gvei-connections-grid { grid-template-columns: 1fr !important; }\n    .gvei-profile-grid { grid-template-columns: 1fr !important; }\n}\n\n\/* ===== Upload Clips ===== *\/\n.gvei-upload-modes { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 32px; }\n.gvei-upload-mode-card {\n    background: var(--dark-surface-2); border-radius: 20px; padding: 28px;\n    border: 2px solid var(--dark-border);\n    box-shadow: var(--card-shadow);\n    display: flex; flex-direction: column;\n    transition: border-color var(--transition-fast), box-shadow var(--transition-smooth), transform var(--transition-smooth);\n}\n.gvei-upload-mode-card:hover { box-shadow: var(--card-shadow-hover); transform: translateY(-2px); border-color: var(--dark-border-strong); }\n.gvei-upload-mode-card.active { border-color: var(--dash-primary); }\n.gvei-upload-mode-card h2 {\n    font-size: 20px; font-weight: 800; color: var(--dash-gray-900);\n    margin: 0 0 4px; display: flex; align-items: center; gap: 10px; letter-spacing: -0.01em;\n}\n.gvei-upload-mode-card .mode-badge {\n    display: inline-block; font-size: 11px; font-weight: 700; text-transform: uppercase;\n    letter-spacing: 0.06em; padding: 3px 10px; border-radius: 999px;\n    background: var(--dash-primary-glow); color: var(--dash-primary);\n}\n.gvei-upload-mode-card .mode-desc {\n    font-size: 15px; color: var(--dash-gray-600); margin: 0 0 20px; line-height: 1.5;\n}\n.gvei-upload-mode-card .mode-tip {\n    font-size: 13px; color: var(--dash-gray-500); font-style: italic; margin: 12px 4px 0;\n    text-align: center; line-height: 1.5;\n}\n.gvei-upload-mode-card .gvei-upload-zone {\n    padding: 44px 20px; border-radius: 18px; border-width: 2px;\n    background: rgba(255,255,255,0.02);\n    border-color: var(--dark-border-strong);\n    transition: all var(--transition-smooth);\n}\n.gvei-upload-mode-card .gvei-upload-zone .upload-icon {\n    font-size: 56px; margin-bottom: 12px;\n    animation: gvei-upload-bob 2.6s ease-in-out infinite;\n}\n.gvei-upload-mode-card .gvei-upload-zone .upload-text {\n    font-size: 16px; font-weight: 600; color: var(--dash-gray-700);\n}\n@keyframes gvei-upload-bob {\n    0%, 100% { transform: translateY(0); }\n    50%      { transform: translateY(-4px); }\n}\n.gvei-upload-zone:hover { border-color: var(--dash-primary); background: rgba(37,99,235,0.08); transform: translateY(-2px); }\n.gvei-upload-zone.is-dragover {\n    border-color: var(--dash-primary); border-style: solid;\n    background: rgba(37,99,235,0.14);\n    box-shadow: 0 0 0 6px var(--dash-primary-glow);\n}\n.gvei-upload-zone.is-disabled { opacity: 0.55; pointer-events: none; }\n\n.gvei-clip-tile-list { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; }\n.gvei-clip-tile {\n    display: grid; grid-template-columns: 56px 1fr auto; gap: 12px; align-items: center;\n    padding: 10px; background: var(--dash-gray-50); border-radius: var(--border-radius-sm);\n    border: 1px solid var(--dash-gray-200);\n}\n.gvei-clip-tile .tile-thumb {\n    width: 56px; height: 56px; border-radius: 8px; overflow: hidden;\n    background: #0A0F1A; position: relative; flex-shrink: 0;\n}\n.gvei-clip-tile .tile-thumb video { width: 100%; height: 100%; object-fit: cover; }\n.gvei-clip-tile .tile-name { font-size: 13px; font-weight: 600; color: var(--dash-gray-800); margin: 0; line-height: 1.3; word-break: break-word; }\n.gvei-clip-tile .tile-meta { font-size: 11px; color: var(--dash-gray-500); margin-top: 2px; }\n.gvei-clip-tile .tile-note { width: 100%; margin-top: 6px; font-size: 12px; padding: 6px 8px; border: 1px solid var(--dash-gray-200); border-radius: 6px; resize: vertical; min-height: 32px; font-family: inherit; }\n.gvei-clip-tile .tile-progress {\n    width: 100%; height: 10px; background: var(--dash-gray-200); border-radius: 6px;\n    overflow: hidden; margin-top: 10px;\n}\n.gvei-clip-tile .tile-progress-bar {\n    height: 100%; background: linear-gradient(90deg, var(--dash-primary) 0%, #3B82F6 100%);\n    width: 0; transition: width 0.3s ease;\n    box-shadow: 0 0 8px rgba(30,64,175,0.4);\n}\n.gvei-clip-tile.is-error { border-color: var(--dash-danger); background: var(--dash-danger-light); }\n.gvei-clip-tile.is-done { border-color: var(--dash-success); background: #ECFDF5; }\n.gvei-clip-tile.is-done .tile-progress { display: none; }\n.gvei-clip-tile.is-fading { opacity: 0; transform: translateY(8px); transition: opacity 0.3s ease, transform 0.3s ease; }\n.gvei-clip-tile-status { font-size: 14px; font-weight: 800; }\n.gvei-clip-tile-status.uploading { color: var(--dash-primary); }\n.gvei-clip-tile-status.done { color: var(--dash-success); }\n.gvei-clip-tile-status.error { color: var(--dash-danger); }\n\/* Bigger filename + size while uploading so mobile users can read it *\/\n.gvei-clip-tile .tile-name { font-size: 15px !important; font-weight: 700 !important; }\n.gvei-clip-tile .tile-meta { font-size: 13px !important; margin-top: 4px !important; }\n.gvei-clip-tile-remove {\n    background: none; border: none; cursor: pointer;\n    color: var(--dash-gray-400); font-size: 18px; padding: 4px 6px; line-height: 1;\n}\n.gvei-clip-tile-remove:hover { color: var(--dash-danger); }\n.tile-note-status {\n    font-size: 11px; font-weight: 600; min-height: 14px; margin-top: 4px;\n    transition: opacity 0.4s ease;\n}\n.tile-note-status.is-saving  { color: var(--dash-gray-500); }\n.tile-note-status.is-saved   { color: var(--dash-success); }\n.tile-note-status.is-error   { color: var(--dash-danger); }\n.tile-note-status.is-warning { color: var(--dash-warning); }\n.tile-note-status.is-fade    { opacity: 0; }\n@keyframes gvei-shake {\n    0%, 100% { transform: translateX(0); }\n    25%      { transform: translateX(-6px); }\n    75%      { transform: translateX(6px); }\n}\n.gvei-note-modal textarea.is-empty-shake {\n    animation: gvei-shake 0.4s ease;\n    border-color: var(--dash-danger) !important;\n    box-shadow: 0 0 0 4px var(--dash-danger-light) !important;\n}\n\n\/* Stat tile pulse on count update *\/\n.gvei-stat-tile.is-pulsing {\n    animation: gvei-stat-pulse 0.6s ease;\n}\n@keyframes gvei-stat-pulse {\n    0% { transform: scale(1); }\n    40% { transform: scale(1.04); box-shadow: 0 8px 24px rgba(30,64,175,0.18); }\n    100% { transform: scale(1); }\n}\n\n\/* Newly added clip in Recent Library \u2014 green flash *\/\n.gvei-recent-clip.is-fresh {\n    box-shadow: 0 0 0 2px var(--dash-success), 0 8px 24px rgba(16,185,129,0.18);\n    animation: gvei-recent-pop 0.4s ease;\n}\n@keyframes gvei-recent-pop {\n    0% { transform: scale(0.92); opacity: 0; }\n    100% { transform: scale(1); opacity: 1; }\n}\n\n.gvei-project-form { display: flex; flex-direction: column; gap: 10px; margin-bottom: 16px; }\n.gvei-project-active-banner {\n    display: flex; justify-content: space-between; align-items: center;\n    padding: 10px 14px; background: var(--dash-primary-glow);\n    border-radius: var(--border-radius-sm); margin-bottom: 16px;\n    font-size: 13px; color: var(--dash-primary-dark); font-weight: 600;\n}\n.gvei-project-active-banner button {\n    background: none; border: none; color: var(--dash-primary-dark);\n    text-decoration: underline; cursor: pointer; font-size: 12px; font-weight: 600;\n}\n\n\/* Horizontal scroll rail (Your Projects, Recent Library) *\/\n.gvei-h-rail {\n    display: flex; gap: 14px; overflow-x: auto; overflow-y: hidden;\n    scroll-snap-type: x proximity; padding: 4px 4px 12px;\n    margin: 0 -4px;\n    scrollbar-width: thin;\n}\n.gvei-h-rail::-webkit-scrollbar { height: 8px; }\n.gvei-h-rail::-webkit-scrollbar-track { background: transparent; }\n.gvei-h-rail::-webkit-scrollbar-thumb { background: var(--dash-gray-200); border-radius: 4px; }\n.gvei-h-rail > * { scroll-snap-align: start; flex: 0 0 auto; }\n.gvei-h-rail .gvei-project-card { width: 240px; }\n.gvei-h-rail .gvei-recent-clip { width: 160px; }\n\n.gvei-projects-grid {\n    display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n    gap: 16px;\n}\n.gvei-project-card {\n    background: var(--dark-surface-2); border-radius: var(--border-radius-md); overflow: hidden;\n    border: 1px solid var(--dark-border);\n    box-shadow: var(--card-shadow); transition: all var(--transition-fast);\n    cursor: pointer; position: relative;\n}\n.gvei-project-card:hover { box-shadow: var(--card-shadow-hover); transform: translateY(-2px); }\n.gvei-project-card .project-thumb {\n    width: 100%; aspect-ratio: 16\/10; background: linear-gradient(135deg, #1a1a2e, #16213e, #0f3460);\n    display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.4); font-size: 36px;\n    position: relative; overflow: hidden;\n}\n.gvei-project-card .project-thumb video { width: 100%; height: 100%; object-fit: cover; }\n.gvei-project-card .project-info { padding: 12px 14px; }\n.gvei-project-card .project-name { font-size: 14px; font-weight: 700; color: var(--dash-gray-800); margin: 0 0 4px; }\n.gvei-project-card .project-desc { font-size: 12px; color: var(--dash-gray-500); margin: 0; min-height: 16px; }\n.gvei-project-card .project-meta {\n    display: flex; justify-content: space-between; align-items: center;\n    padding: 8px 14px; background: rgba(255,255,255,0.02); border-top: 1px solid var(--dark-border);\n    font-size: 12px; color: var(--dash-gray-500);\n}\n.gvei-project-card .project-meta strong { color: var(--dash-gray-800); }\n.gvei-project-card .project-add-btn {\n    background: var(--dash-primary); color: #fff; border: none; border-radius: 6px;\n    padding: 4px 10px; font-size: 11px; font-weight: 600; cursor: pointer;\n}\n.gvei-project-card .project-add-btn:hover { background: var(--dash-primary-dark); }\n\n.gvei-recent-clips-grid {\n    display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\n    gap: 12px;\n}\n.gvei-recent-clip {\n    background: var(--dark-surface-2); border-radius: var(--border-radius-sm); overflow: hidden;\n    box-shadow: var(--card-shadow); position: relative;\n    border: 2px solid var(--dark-border); padding: 0;\n    text-align: left; font-family: inherit; cursor: pointer;\n    transition: transform 0.15s ease, border-color 0.15s ease, background 0.15s ease;\n    color: var(--dash-gray-700);\n}\n.gvei-recent-clip:hover,\n.gvei-recent-clip:focus-visible {\n    transform: translateY(-2px);\n    border-color: var(--dash-primary);\n    background: var(--dash-primary);\n    outline: none;\n}\n.gvei-recent-clip:hover .recent-clip-meta,\n.gvei-recent-clip:focus-visible .recent-clip-meta,\n.gvei-recent-clip:hover .recent-clip-note,\n.gvei-recent-clip:focus-visible .recent-clip-note { color: #fff; }\n.gvei-recent-clip .recent-clip-thumb { width: 100%; aspect-ratio: 1\/1; background: #0A0F1A; }\n.gvei-recent-clip .recent-clip-thumb video { width: 100%; height: 100%; object-fit: cover; }\n.gvei-recent-clip .recent-clip-meta { padding: 8px 10px; font-size: 11px; color: var(--dash-gray-500); }\n.gvei-recent-clip .recent-clip-note { color: var(--dash-gray-700); font-weight: 500; line-height: 1.3; word-break: break-word; }\n\n.gvei-empty-block {\n    text-align: center; padding: 32px 16px; background: var(--dash-gray-50);\n    border-radius: var(--border-radius-md); border: 1px dashed var(--dash-gray-300);\n    color: var(--dash-gray-500); font-size: 14px;\n}\n\n\/* Modal for inline note prompt *\/\n.gvei-modal-overlay {\n    position: fixed; inset: 0; background: rgba(15,23,42,0.55);\n    display: none; align-items: center; justify-content: center;\n    z-index: 10001; padding: 16px;\n}\n.gvei-modal-overlay.open { display: flex; }\n.gvei-modal {\n    background: var(--dark-surface); border-radius: var(--border-radius-md); width: 100%; max-width: 480px;\n    border: 1px solid var(--dark-border);\n    box-shadow: 0 24px 80px rgba(0,0,0,0.6); padding: 24px;\n    color: var(--dash-gray-700);\n}\n.gvei-modal h3 { margin: 0 0 8px; font-size: 18px; color: var(--dash-gray-900); }\n.gvei-modal p { margin: 0 0 16px; font-size: 14px; color: var(--dash-gray-500); }\n.gvei-modal-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }\n\n@media (max-width: 768px) {\n    .gvei-upload-modes { grid-template-columns: 1fr; }\n    .gvei-projects-grid { grid-template-columns: 1fr; }\n    .gvei-recent-clips-grid { grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 8px; }\n    .gvei-clip-tile { grid-template-columns: 48px 1fr auto; }\n    .gvei-clip-tile .tile-thumb { width: 48px; height: 48px; }\n    .gvei-upload-mode-card { padding: 22px; border-radius: 16px; }\n    .gvei-upload-mode-card .gvei-upload-zone { padding: 36px 16px; }\n    .gvei-upload-mode-card .gvei-upload-zone .upload-icon { font-size: 44px; }\n    .gvei-h-rail .gvei-project-card { width: 200px; }\n    .gvei-h-rail .gvei-recent-clip { width: 130px; }\n}\n\n\/* Streak banner *\/\n.gvei-streak-banner {\n    display: flex; align-items: center; justify-content: space-between; gap: 12px;\n    padding: 16px 20px; border-radius: 18px;\n    background: linear-gradient(135deg, #FFF1E0 0%, #FFE3C2 100%);\n    border: 1px solid #FFD1A8;\n    color: #8A4500; font-weight: 600; font-size: 14px; line-height: 1.4;\n    box-shadow: 0 4px 16px rgba(217, 119, 6, 0.08);\n    margin-top: 32px;\n}\n.gvei-streak-banner .streak-flame {\n    font-size: 32px; line-height: 1; filter: drop-shadow(0 2px 4px rgba(217, 119, 6, 0.25));\n    animation: gvei-flame-flicker 2.4s ease-in-out infinite;\n}\n@keyframes gvei-flame-flicker {\n    0%, 100% { transform: scale(1) rotate(-2deg); }\n    50%      { transform: scale(1.05) rotate(2deg); }\n}\n.gvei-streak-banner .streak-text { flex: 1; }\n.gvei-streak-banner strong { color: #C2410C; }\n\n\/* Confetti *\/\n.gvei-confetti-container {\n    position: fixed; inset: 0; pointer-events: none; overflow: hidden; z-index: 11000;\n}\n.gvei-confetti-piece {\n    position: absolute; top: -10px; width: 10px; height: 14px;\n    border-radius: 2px;\n    animation: gvei-confetti-fall 1.6s ease-out forwards;\n}\n@keyframes gvei-confetti-fall {\n    0%   { transform: translateY(0) rotate(0deg); opacity: 1; }\n    100% { transform: translateY(110vh) rotate(720deg); opacity: 0; }\n}\n\n\/* Section header refinement *\/\n.gvei-section-heading {\n    display: flex; justify-content: space-between; align-items: baseline;\n    margin: 0 0 16px;\n}\n.gvei-section-heading h2 {\n    font-size: 19px; font-weight: 800; color: var(--dash-gray-900);\n    margin: 0; letter-spacing: -0.01em;\n}\n.gvei-section-heading .section-meta { font-size: 12px; color: var(--dash-gray-500); font-weight: 600; }\n\n\/* ===== Note prompt modal (bottom sheet on mobile, centered card on desktop) ===== *\/\n.gvei-note-modal-overlay {\n    position: fixed; inset: 0; z-index: 11500;\n    background: rgba(15, 23, 42, 0.55);\n    display: none;\n    align-items: center; justify-content: center;\n    padding: 20px;\n    opacity: 0; transition: opacity 0.25s ease;\n    -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);\n}\n.gvei-note-modal-overlay.open { display: flex; opacity: 1; }\n.gvei-note-modal {\n    background: var(--dark-surface); border-radius: 24px; padding: 28px;\n    width: 100%; max-width: 480px;\n    border: 1px solid var(--dark-border);\n    box-shadow: 0 24px 80px rgba(0,0,0,0.6);\n    color: var(--dash-gray-700);\n    transform: translateY(20px) scale(0.97); opacity: 0;\n    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.25s ease;\n}\n.gvei-note-modal-overlay.open .gvei-note-modal { transform: translateY(0) scale(1); opacity: 1; }\n.gvei-note-modal-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 4px; }\n.gvei-note-modal-progress {\n    font-size: 11px; font-weight: 700; color: var(--dash-primary);\n    background: var(--dash-primary-glow); padding: 4px 10px; border-radius: 999px;\n    text-transform: uppercase; letter-spacing: 0.06em;\n}\n.gvei-note-modal h3 {\n    font-size: 22px; font-weight: 800; color: var(--dash-gray-900);\n    margin: 0 0 6px; letter-spacing: -0.01em; line-height: 1.2;\n}\n.gvei-note-modal .modal-sub {\n    font-size: 14px; color: var(--dash-gray-600); margin: 0 0 16px; line-height: 1.5;\n}\n.gvei-note-modal .modal-clip-thumb {\n    width: 100%; aspect-ratio: 16\/9; background: #0F172A; border-radius: 14px;\n    overflow: hidden; margin-bottom: 16px; display: flex; align-items: center; justify-content: center;\n}\n.gvei-note-modal .modal-clip-thumb video { width: 100%; height: 100%; object-fit: contain; }\n.gvei-note-modal .modal-chips {\n    display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px;\n}\n.gvei-note-modal .modal-chip {\n    border: 1px solid var(--dark-border-strong);\n    background: var(--dark-surface-2);\n    color: var(--dash-gray-700);\n    padding: 8px 14px; border-radius: 999px;\n    font-size: 13px; font-weight: 600; cursor: pointer;\n    transition: all 0.15s ease;\n    font-family: inherit;\n}\n.gvei-note-modal .modal-chip:hover {\n    background: rgba(37,99,235,0.20); color: var(--dash-primary-light);\n    border-color: var(--dash-primary); transform: translateY(-1px);\n}\n.gvei-note-modal .modal-chip.is-active {\n    background: var(--dash-primary); color: #fff; border-color: var(--dash-primary);\n}\n.gvei-note-modal textarea {\n    width: 100%; padding: 14px; border: 2px solid var(--dark-border-strong);\n    background: var(--dark-surface-2);\n    border-radius: 14px; font-size: 15px; font-family: inherit;\n    color: var(--dash-gray-900); resize: vertical; min-height: 92px;\n    transition: border-color 0.15s ease, box-shadow 0.15s ease;\n    line-height: 1.5;\n}\n.gvei-note-modal textarea::placeholder { color: var(--dash-gray-500); }\n.gvei-note-modal textarea:focus {\n    outline: none; border-color: var(--dash-primary);\n    box-shadow: 0 0 0 4px var(--dash-primary-glow);\n}\n.gvei-note-modal-footer {\n    display: flex; gap: 12px; align-items: center;\n    margin-top: 18px;\n}\n.gvei-note-modal .modal-save {\n    flex: 1; padding: 14px 24px; border-radius: 14px; border: none;\n    background: linear-gradient(135deg, var(--dash-primary) 0%, var(--dash-primary-dark) 100%);\n    color: #fff; font-size: 16px; font-weight: 700; cursor: pointer;\n    box-shadow: 0 4px 12px rgba(30,64,175,0.25);\n    transition: all 0.15s ease;\n    font-family: inherit;\n}\n.gvei-note-modal .modal-save:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(30,64,175,0.35); }\n.gvei-note-modal .modal-save:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }\n.gvei-note-modal .modal-skip {\n    background: none; border: none; color: var(--dash-gray-500);\n    font-size: 13px; font-weight: 600; cursor: pointer; padding: 10px 4px;\n    text-decoration: underline; text-underline-offset: 3px;\n    font-family: inherit;\n}\n.gvei-note-modal .modal-skip:hover { color: var(--dash-gray-700); }\n\n@media (max-width: 600px) {\n    .gvei-note-modal-overlay { padding: 0; align-items: flex-end; }\n    .gvei-note-modal {\n        max-width: 100%; width: 100%;\n        border-radius: 24px 24px 0 0; padding: 24px 20px 28px;\n        transform: translateY(100%); opacity: 1;\n        max-height: 92vh; overflow-y: auto;\n    }\n    .gvei-note-modal-overlay.open .gvei-note-modal { transform: translateY(0); }\n    .gvei-note-modal::before {\n        content: ''; display: block; width: 40px; height: 4px;\n        background: var(--dash-gray-300); border-radius: 2px;\n        margin: -8px auto 16px;\n    }\n    .gvei-note-modal h3 { font-size: 20px; }\n    .gvei-note-modal .modal-clip-thumb { aspect-ratio: 4\/3; }\n}\n\n\/* ============================================================\n   DARK THEME \u2014 inline-style fallback overrides\n   The markup uses many inline `style=\"background:#fff...\"`-style\n   attributes that bypass class-level rules. These attribute\n   selectors catch the most common patterns so the dark theme\n   stays consistent without rewriting every inline style.\n   ============================================================ *\/\n\n\/* Hero CTA: solid bright-blue panel (Start a new project) *\/\n.gvei-dashboard-wrapper a.gvei-card[href*=\"wiz=new\"] {\n    background: linear-gradient(135deg, var(--dash-primary) 0%, var(--dash-primary-dark) 100%) !important;\n    border: 1px solid rgba(255,255,255,0.10) !important;\n    box-shadow: 0 12px 32px rgba(37,99,235,0.30) !important;\n    color: #fff !important;\n}\n.gvei-dashboard-wrapper a.gvei-card[href*=\"wiz=new\"] * { color: #fff !important; }\n.gvei-dashboard-wrapper a.gvei-card[href*=\"wiz=new\"] > div:first-child {\n    background: rgba(255,255,255,0.16) !important;\n}\n.gvei-dashboard-wrapper a.gvei-card[href*=\"wiz=new\"] > div > div:last-child {\n    color: rgba(255,255,255,0.82) !important;\n}\n\n\/* Catch inline white backgrounds on generic divs\/sections *\/\n.gvei-dashboard-wrapper [style*=\"background:#fff\"]:not(.gvei-keep-light),\n.gvei-dashboard-wrapper [style*=\"background: #fff\"]:not(.gvei-keep-light),\n.gvei-dashboard-wrapper [style*=\"background:white\"]:not(.gvei-keep-light),\n.gvei-dashboard-wrapper [style*=\"background: white\"]:not(.gvei-keep-light) {\n    background: var(--dark-surface-2) !important;\n    color: var(--dash-gray-700);\n}\n\n\/* Voice tab: filter buttons + record\/upload toggle *\/\n.gvei-dashboard-wrapper .sp-voice-toggle-btn {\n    background: transparent !important;\n    color: var(--dash-gray-500) !important;\n}\n.gvei-dashboard-wrapper .sp-voice-toggle-btn.active {\n    background: var(--dash-primary) !important;\n    color: #fff !important;\n}\n.gvei-dashboard-wrapper .sp-filter-btn {\n    background: var(--dark-surface-3) !important;\n    color: var(--dash-gray-500) !important;\n    border-color: var(--dark-border-strong) !important;\n}\n.gvei-dashboard-wrapper .sp-filter-btn.active {\n    background: var(--dash-primary) !important;\n    color: #fff !important;\n    border-color: var(--dash-primary) !important;\n}\n\n\/* Voice tab: pastel banner gradients \u2192 translucent on dark *\/\n.gvei-dashboard-wrapper [style*=\"linear-gradient(135deg,#ecfdf5\"],\n.gvei-dashboard-wrapper [style*=\"linear-gradient(135deg, #ecfdf5\"] {\n    background: rgba(16,185,129,0.10) !important;\n    border-color: rgba(16,185,129,0.30) !important;\n}\n.gvei-dashboard-wrapper [style*=\"linear-gradient(135deg,#eff6ff\"],\n.gvei-dashboard-wrapper [style*=\"linear-gradient(135deg, #eff6ff\"] {\n    background: rgba(37,99,235,0.10) !important;\n    border-color: rgba(37,99,235,0.30) !important;\n}\n.gvei-dashboard-wrapper [style*=\"linear-gradient(135deg,#fffbeb\"],\n.gvei-dashboard-wrapper [style*=\"linear-gradient(135deg, #fffbeb\"] {\n    background: rgba(245,158,11,0.10) !important;\n    border-color: rgba(245,158,11,0.30) !important;\n}\n.gvei-dashboard-wrapper [style*=\"linear-gradient(135deg,rgba(30,64,175\"],\n.gvei-dashboard-wrapper [style*=\"linear-gradient(135deg, rgba(30,64,175\"] {\n    background: rgba(37,99,235,0.16) !important;\n}\n\n\/* Voice tab: hardcoded dark text on the now-translucent banners \u2192 bright accent *\/\n.gvei-dashboard-wrapper [style*=\"color:#1e40af\"],\n.gvei-dashboard-wrapper [style*=\"color: #1e40af\"],\n.gvei-dashboard-wrapper [style*=\"color:#4338ca\"],\n.gvei-dashboard-wrapper [style*=\"color: #4338ca\"] {\n    color: #93C5FD !important;\n}\n.gvei-dashboard-wrapper [style*=\"color:#166534\"],\n.gvei-dashboard-wrapper [style*=\"color: #166534\"],\n.gvei-dashboard-wrapper [style*=\"color:#15803d\"],\n.gvei-dashboard-wrapper [style*=\"color: #15803d\"],\n.gvei-dashboard-wrapper [style*=\"color:#047857\"],\n.gvei-dashboard-wrapper [style*=\"color: #047857\"] {\n    color: #6EE7B7 !important;\n}\n.gvei-dashboard-wrapper [style*=\"color:#78350f\"],\n.gvei-dashboard-wrapper [style*=\"color: #78350f\"],\n.gvei-dashboard-wrapper [style*=\"color:#92400e\"],\n.gvei-dashboard-wrapper [style*=\"color: #92400e\"] {\n    color: #FCD34D !important;\n}\n\n\/* Indigo preset name pill on dark *\/\n.gvei-dashboard-wrapper [style*=\"background:#e0e7ff\"],\n.gvei-dashboard-wrapper [style*=\"background: #e0e7ff\"] {\n    background: rgba(99,102,241,0.18) !important;\n    color: #A5B4FC !important;\n}\n\n\/* Solid green ACTIVE pill stays as-is (#22c55e is bright, readable) *\/\n\n\/* Light borders that referenced specific hex like #86efac \/ #6ee7b7 \/ #93c5fd \/ #fcd34d \/ #fef3c7 *\/\n.gvei-dashboard-wrapper [style*=\"border:1px solid #6ee7b7\"],\n.gvei-dashboard-wrapper [style*=\"border: 1px solid #6ee7b7\"],\n.gvei-dashboard-wrapper [style*=\"border:1px solid #86efac\"],\n.gvei-dashboard-wrapper [style*=\"border: 1px solid #86efac\"] {\n    border-color: rgba(16,185,129,0.30) !important;\n}\n.gvei-dashboard-wrapper [style*=\"border:1px solid #93c5fd\"],\n.gvei-dashboard-wrapper [style*=\"border: 1px solid #93c5fd\"] {\n    border-color: rgba(37,99,235,0.30) !important;\n}\n.gvei-dashboard-wrapper [style*=\"border:1px solid #fcd34d\"],\n.gvei-dashboard-wrapper [style*=\"border: 1px solid #fcd34d\"] {\n    border-color: rgba(251,191,36,0.30) !important;\n}\n\n\/* Inline borders that reference the old gray-200 already cascade via\n   the flipped variable \u2014 no override needed there. *\/\n\n\/* Inline hardcoded dark text on what is now a dark surface \u2014 flip to light. *\/\n.gvei-dashboard-wrapper [style*=\"color:#1F2937\"],\n.gvei-dashboard-wrapper [style*=\"color: #1F2937\"],\n.gvei-dashboard-wrapper [style*=\"color:#111827\"],\n.gvei-dashboard-wrapper [style*=\"color: #111827\"],\n.gvei-dashboard-wrapper [style*=\"color:#0F172A\"],\n.gvei-dashboard-wrapper [style*=\"color: #0F172A\"] {\n    color: var(--dash-gray-900) !important;\n}\n\n\/* Status pill: \"We're editing\" \u2014 translucent violet on dark *\/\n.gvei-dashboard-wrapper [style*=\"background:var(--dash-primary-glow);color:var(--dash-primary)\"] {\n    background: rgba(99,102,241,0.18) !important;\n    color: #A5B4FC !important;\n}\n\n\/* Success badges with literal light backgrounds \u2014 keep accent but\n   adapt to dark by using translucent backgrounds and bright text. *\/\n.gvei-dashboard-wrapper [style*=\"background:#D1FAE5\"],\n.gvei-dashboard-wrapper [style*=\"background: #D1FAE5\"] {\n    background: rgba(16,185,129,0.18) !important;\n    color: #6EE7B7 !important;\n}\n.gvei-dashboard-wrapper [style*=\"background:#ECFDF5\"],\n.gvei-dashboard-wrapper [style*=\"background: #ECFDF5\"] {\n    background: rgba(16,185,129,0.12) !important;\n    color: #6EE7B7 !important;\n}\n.gvei-dashboard-wrapper [style*=\"color:#065F46\"],\n.gvei-dashboard-wrapper [style*=\"color: #065F46\"] {\n    color: #6EE7B7 !important;\n}\n.gvei-dashboard-wrapper [style*=\"background:#ecfdf5\"],\n.gvei-dashboard-wrapper [style*=\"background: #ecfdf5\"] {\n    background: rgba(16,185,129,0.12) !important;\n    color: #6EE7B7 !important;\n}\n\n\/* \"Recording captured\" \/ green text \u2014 light green on dark *\/\n.gvei-dashboard-wrapper [style*=\"color:#059669\"],\n.gvei-dashboard-wrapper [style*=\"color: #059669\"] {\n    color: #6EE7B7 !important;\n}\n\n\/* Warning-light backgrounds used on icon containers (e.g. folder tile)\n   keep a warm cream feel against the dark surface. *\/\n.gvei-dashboard-wrapper [style*=\"background:var(--dash-warning-light)\"],\n.gvei-dashboard-wrapper [style*=\"background:#FEF3C7\"],\n.gvei-dashboard-wrapper [style*=\"background: #FEF3C7\"],\n.gvei-dashboard-wrapper [style*=\"background:#fef3c7\"],\n.gvei-dashboard-wrapper [style*=\"background: #fef3c7\"] {\n    background: rgba(251,191,36,0.16) !important;\n    color: #FCD34D !important;\n}\n.gvei-dashboard-wrapper [style*=\"color:#92400E\"],\n.gvei-dashboard-wrapper [style*=\"color: #92400E\"],\n.gvei-dashboard-wrapper [style*=\"color:#92400e\"],\n.gvei-dashboard-wrapper [style*=\"color: #92400e\"] {\n    color: #FCD34D !important;\n}\n\n\/* Danger-light variants *\/\n.gvei-dashboard-wrapper [style*=\"color:#991B1B\"],\n.gvei-dashboard-wrapper [style*=\"color: #991B1B\"] {\n    color: #FCA5A5 !important;\n}\n.gvei-dashboard-wrapper [style*=\"background:#991B1B\"],\n.gvei-dashboard-wrapper [style*=\"background: #991B1B\"] {\n    background: rgba(239,68,68,0.20) !important;\n    color: #FCA5A5 !important;\n}\n\n\/* Toasts stay dark with bright accents *\/\n.gvei-toast.success { background: rgba(16,185,129,0.22); color: #6EE7B7; border: 1px solid rgba(16,185,129,0.30); }\n.gvei-toast.error   { background: rgba(239,68,68,0.22); color: #FCA5A5; border: 1px solid rgba(239,68,68,0.30); }\n\n\/* Streak banner: warm dark variant *\/\n.gvei-streak-banner {\n    background: linear-gradient(135deg, rgba(251,191,36,0.14) 0%, rgba(217,119,6,0.12) 100%) !important;\n    border-color: rgba(251,191,36,0.28) !important;\n    color: #FCD34D !important;\n}\n.gvei-streak-banner strong { color: #FDE68A !important; }\n\n\/* Coming-soon empty state *\/\n.gvei-coming-soon {\n    background: rgba(255,255,255,0.02) !important;\n    border-color: var(--dark-border-strong) !important;\n}\n.gvei-coming-soon h3 { color: var(--dash-gray-700) !important; }\n.gvei-coming-soon p { color: var(--dash-gray-500) !important; }\n\n\/* Stat-tile active state \u2014 solid blue still pops; ensure text stays white *\/\n.gvei-stat-tile.is-active { background: var(--dash-primary) !important; border-left-color: var(--dash-primary) !important; }\n.gvei-stat-tile.is-active .stat-icon,\n.gvei-stat-tile.is-active .stat-value,\n.gvei-stat-tile.is-active .stat-label { color: #fff !important; }\n\n\/* The \"Access Denied\" + literal #1F2937 heading shouldn't be invisible *\/\n.gvei-dashboard-wrapper h2[style*=\"color:#1F2937\"],\n.gvei-dashboard-wrapper h2[style*=\"color: #1F2937\"] { color: var(--dash-gray-900) !important; }\n\n\/* Search\/select inputs that have inline backgrounds *\/\n.gvei-dashboard-wrapper input[style*=\"background:#fff\"],\n.gvei-dashboard-wrapper input[style*=\"background: #fff\"],\n.gvei-dashboard-wrapper select[style*=\"background:#fff\"],\n.gvei-dashboard-wrapper select[style*=\"background: #fff\"] {\n    background: var(--dark-surface-2) !important;\n    color: var(--dash-gray-900) !important;\n    border-color: var(--dark-border-strong) !important;\n}\n\n\/* Page chrome + footer (Astra theme) \u2014 kill every white wrapper and\n   white border line that peeks through above\/below the dashboard. *\/\nhtml,\nhtml body,\nhtml body #page,\nhtml body .hfeed,\nhtml body .site,\nhtml body #content,\nhtml body .site-content,\nhtml body .ast-container,\nhtml body .ast-container-fluid,\nhtml body .ast-page-builder-template,\nhtml body .ast-padded-layout,\nhtml body .ast-padded-layout-content,\nhtml body .footer-adv,\nhtml body .footer-adv-wrap,\nhtml body .footer-sml-layout-1,\nhtml body .footer-sml-layout-2,\nhtml body .site-footer,\nhtml body footer.site-footer,\nhtml body footer#colophon,\nhtml body .ast-footer-overlay,\nhtml body .ast-builder-grid-row-container,\nhtml body .ast-builder-grid-row-container-inner,\nhtml body .ast-builder-grid-row,\nhtml body .ast-footer-copyright,\nhtml body .site-info,\nhtml body .site-footer-section,\nhtml body footer[role=\"contentinfo\"] {\n    background: var(--dark-bg) !important;\n    background-color: var(--dark-bg) !important;\n    color: var(--dash-gray-500) !important;\n    border-color: transparent !important;\n    box-shadow: none !important;\n}\n\/* Kill any horizontal divider lines on or around the footer *\/\nhtml body .site-footer,\nhtml body .site-footer *,\nhtml body footer#colophon,\nhtml body footer#colophon *,\nhtml body .ast-footer-copyright,\nhtml body .ast-footer-overlay,\nhtml body .ast-builder-grid-row-container,\nhtml body .ast-builder-grid-row-container-inner,\nhtml body .footer-sml-layout-1,\nhtml body .footer-sml-layout-2 {\n    border-top: 0 !important;\n    border-bottom: 0 !important;\n    outline: 0 !important;\n}\nhtml body .site-footer a,\nhtml body footer#colophon a,\nhtml body .ast-footer-copyright a,\nhtml body .site-info a { color: var(--dash-gray-600) !important; }\nhtml body .site-footer a:hover,\nhtml body footer#colophon a:hover { color: var(--dash-gray-900) !important; }\n<\/style>\n\n<div class=\"gvei-dashboard-wrapper\">\n    <div style=\"max-width:500px;margin:80px auto;text-align:center;font-family:'Plus Jakarta Sans',sans-serif;\">\n        <div style=\"font-size:64px;margin-bottom:16px;\">\ud83d\udd12<\/div>\n        <h2 style=\"font-size:20px;color:#1F2937;margin-bottom:8px;\">Access Denied<\/h2>\n        <p style=\"color:#6B7280;\">Invalid or missing access token.<\/p>\n    <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-125","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gogoit.com\/video\/wp-json\/wp\/v2\/pages\/125","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gogoit.com\/video\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gogoit.com\/video\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/gogoit.com\/video\/wp-json\/wp\/v2\/comments?post=125"}],"version-history":[{"count":0,"href":"https:\/\/gogoit.com\/video\/wp-json\/wp\/v2\/pages\/125\/revisions"}],"wp:attachment":[{"href":"https:\/\/gogoit.com\/video\/wp-json\/wp\/v2\/media?parent=125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}