{"id":2594,"date":"2026-06-16T13:10:03","date_gmt":"2026-06-16T13:10:03","guid":{"rendered":"https:\/\/app.digitalfreelancer.org\/?page_id=2594"},"modified":"2026-06-16T13:10:04","modified_gmt":"2026-06-16T13:10:04","slug":"dashboard-cv","status":"publish","type":"page","link":"https:\/\/app.digitalfreelancer.org\/index.php\/dashboard-cv\/","title":{"rendered":"Dashboard CV+"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2594\" class=\"elementor elementor-2594\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80847fb e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"80847fb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-460863b elementor-widget elementor-widget-html\" data-id=\"460863b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    .theme-banner {\n        position: relative;\n        width: 100%;\n        height: 200px;\n        border-radius: 16px; \/* --radius-lg *\/\n        overflow: hidden;\n        margin-bottom: 24px;\n        \/* Gradiente escuro para contraste + Imagem online focada em escrit\u00f3rios modernos de Lisboa *\/\n        background-image: linear-gradient(rgba(34, 37, 42, 0.45), rgba(34, 37, 42, 0.75)), \n                          url('https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?q=80&w=1470&auto=format&fit=crop');\n        background-size: cover;\n        background-position: center 35%;\n        display: flex;\n        align-items: center;\n        padding: 0 32px;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.03); \/* --shadow-sm *\/\n        font-family: 'Plus Jakarta Sans', sans-serif;\n    }\n\n    .banner-content {\n        max-width: 600px;\n        z-index: 2;\n        color: #ffffff;\n    }\n\n    .banner-tag {\n        font-size: 11px;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        font-weight: 700;\n        color: #00b4d8; \/* --primary *\/\n        margin-bottom: 8px;\n    }\n\n    .banner-title {\n        font-size: 24px;\n        font-weight: 700;\n        line-height: 1.2;\n        margin-bottom: 8px;\n        letter-spacing: -0.5px;\n    }\n\n    .banner-subtitle {\n        font-size: 14px;\n        color: rgba(255, 255, 255, 0.85);\n        font-weight: 400;\n    }\n\n    \/* Responsividade para ecr\u00e3s m\u00f3veis *\/\n    @media (max-width: 768px) {\n        .theme-banner { \n            padding: 24px; \n            height: auto; \n            min-height: 180px; \n        }\n        .banner-title { \n            font-size: 20px; \n        }\n    }\n<\/style>\n\n<div class=\"theme-banner\">\n    <div class=\"banner-content\">\n        <div class=\"banner-tag\">Consolidando Conhecimento<\/div>\n        <h3 class=\"banner-title\">Gest\u00e3o Inteligente & Transpar\u00eancia Documental<\/h3>\n        <p class=\"banner-subtitle\">Centraliza\u00e7\u00e3o de fluxos de trabalho e conformidade regulat\u00f3ria para o ecossistema dos Contabilistas Certificados.<\/p>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4a89c9b e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"4a89c9b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9951aed elementor-widget elementor-widget-html\" data-id=\"9951aed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Painel Unificado - ArqWhy<\/title>\n\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n    <style>\n        :root {\n            --bg-main: #f4f7f6;\n            --bg-sidebar: #ffffff;\n            --primary: #00b4d8;\n            --primary-glow: rgba(0, 180, 216, 0.2);\n            --teal-glow: rgba(46, 196, 182, 0.3);\n            --dark-card: #22252a;\n            --text-main: #1c1e21;\n            --text-muted: #7a828a;\n            --border-color: #e9ecef;\n            --shadow-sm: 0 4px 12px rgba(0,0,0,0.03);\n            --shadow-md: 0 12px 34px rgba(0,0,0,0.08);\n            --shadow-hover: 0 20px 38px rgba(0,0,0,0.12);\n            --radius-lg: 16px;\n            --radius-md: 12px;\n            --transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Plus Jakarta Sans', sans-serif;\n        }\n\n        body {\n    background-color: var(--bg-main);\n    color: var(--text-main);\n    min-height: 100vh;\n    display: flex;\n    justify-content: center;\n    align-items: flex-start;\n    padding: 24px 16px;\n    overflow-x: hidden;\n}\n\n.app-wrapper {\n    width: 100%;\n    max-width: 1440px;\n    background: transparent;\n    display: grid;\n    grid-template-columns: 280px 1fr;\n    gap: 32px;\n}\n\n        \/* SIDEBAR BASE *\/\n        aside {\n            background: var(--bg-sidebar);\n            border: 1px solid var(--border-color);\n            border-radius: var(--radius-lg);\n            padding: 24px;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            box-shadow: var(--shadow-sm);\n            position: sticky;\n            top: 24px;\n        }\n\n        \/* LOGO *\/\n        .logo-area h1 {\n            font-size: 26px;\n            font-weight: 700;\n            color: var(--dark-card);\n        }\n\n        .logo-area span {\n            color: var(--primary);\n        }\n\n        .logo-sub {\n            font-size: 9px;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            color: var(--text-muted);\n            font-weight: 700;\n        }\n\n        \/* CLIENTE *\/\n        .client-badge {\n            background: #f8f9fa;\n            border: 1px solid var(--border-color);\n            padding: 12px;\n            border-radius: var(--radius-md);\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            margin-bottom: 24px;\n        }\n\n        .client-avatar {\n            width: 32px;\n            height: 32px;\n            background: #111;\n            color: #fff;\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 11px;\n            font-weight: bold;\n        }\n\n        .client-info p:first-child {\n            font-size: 9px;\n            text-transform: uppercase;\n            color: var(--text-muted);\n        }\n\n        .client-info p:last-child {\n            font-size: 13px;\n            font-weight: 600;\n        }\n\n        \/* NAV *\/\n        .nav-section {\n            margin-bottom: 20px;\n        }\n\n        .section-title {\n            font-size: 10px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            color: var(--text-muted);\n            margin-bottom: 12px;\n        }\n\n        .nav-item {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 12px;\n            border-radius: var(--radius-md);\n            color: var(--text-muted);\n            text-decoration: none;\n            font-size: 14px;\n            transition: var(--transition-smooth);\n        }\n\n        .nav-item:hover {\n            background: #fff;\n            color: var(--dark-card);\n        }\n\n        .nav-item.active {\n            background: var(--dark-card);\n            color: #fff;\n        }\n\n        .nav-link-content {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n\n        .badge-count {\n            background: #e2fefb;\n            color: #2ec4b6;\n            font-size: 11px;\n            padding: 2px 8px;\n            border-radius: 20px;\n            font-weight: 700;\n        }\n        \/* HEADER *\/\n        header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            gap: 16px;\n            padding-bottom: 8px;\n        }\n\n        .breadcrumbs {\n            font-size: 11px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            color: var(--text-muted);\n            display: flex;\n            gap: 6px;\n        }\n\n        .breadcrumbs span.current {\n            color: var(--dark-card);\n        }\n\n        .search-area-wrapper {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            flex: 1;\n            justify-content: flex-end;\n        }\n\n        .search-container {\n            position: relative;\n            width: 100%;\n            max-width: 440px;\n        }\n\n        .search-container input {\n            width: 100%;\n            padding: 10px 40px;\n            border: 1px solid var(--border-color);\n            border-radius: var(--radius-md);\n            font-size: 14px;\n        }\n\n        .search-icon {\n            position: absolute;\n            left: 14px;\n            top: 50%;\n            transform: translateY(-50%);\n            color: var(--text-muted);\n        }\n\n        .search-shortcut {\n            position: absolute;\n            right: 12px;\n            top: 50%;\n            transform: translateY(-50%);\n            font-size: 11px;\n            color: var(--text-muted);\n            background: #f1f3f5;\n            padding: 2px 8px;\n            border-radius: 6px;\n        }\n\n        .icon-btn {\n            background: #fff;\n            border: 1px solid var(--border-color);\n            width: 42px;\n            height: 42px;\n            border-radius: var(--radius-md);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .btn-new {\n            background: var(--dark-card);\n            color: #fff;\n            border: none;\n            height: 42px;\n            padding: 0 20px;\n            border-radius: var(--radius-md);\n            font-weight: 600;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        \/* PANEL TITLE *\/\n        .panel-title-area {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            margin: 12px 0;\n        }\n\n        .panel-title-area h2 {\n            font-size: 36px;\n            font-weight: 700;\n        }\n\n        .status-live-tag {\n            background: #e2fefb;\n            color: #2ec4b6;\n            font-size: 10px;\n            font-weight: 800;\n            padding: 4px 10px;\n            border-radius: 20px;\n        }\n\n        \/* WELCOME BAR *\/\n        .welcome-bar {\n            background: #f1f3f5;\n            border: 1px solid var(--border-color);\n            border-radius: var(--radius-lg);\n            padding: 16px 24px;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 24px;\n        }\n\n        .welcome-salutation {\n            font-size: 20px;\n            font-weight: 700;\n        }\n\n        .welcome-description {\n            font-size: 14px;\n            color: var(--text-muted);\n        }\n\n        \/* WEATHER *\/\n        .weather-widget {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n\n        .weather-info p:first-child {\n            font-size: 13px;\n            font-weight: 700;\n        }\n\n        .weather-info p:last-child {\n            font-size: 11px;\n            color: var(--text-muted);\n        }\n\n        \/* FILTERS *\/\n        .filters-container {\n            display: flex;\n            justify-content: flex-end;\n            margin-bottom: 20px;\n        }\n\n        .btn-filter-group {\n            display: flex;\n            gap: 4px;\n            background: #fff;\n            border: 1px solid var(--border-color);\n            padding: 4px;\n            border-radius: var(--radius-md);\n        }\n\n        .btn-filter {\n            border: none;\n            background: transparent;\n            padding: 8px 16px;\n            border-radius: 8px;\n            font-size: 13px;\n        }\n\n        .btn-filter.active {\n            background: var(--dark-card);\n            color: #fff;\n        }\n\n        \/* METRICS *\/\n        .metrics-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 20px;\n            margin-bottom: 24px;\n        }\n\n        .card {\n            background: #fff;\n            border: 1px solid var(--border-color);\n            border-radius: var(--radius-lg);\n            padding: 24px;\n            box-shadow: var(--shadow-sm);\n        }\n\n        .card.featured {\n            background: var(--dark-card);\n            color: #fff;\n        }\n\n        .card-tag {\n            font-size: 10px;\n            text-transform: uppercase;\n            color: var(--text-muted);\n            margin-bottom: 16px;\n        }\n\n        .card-value {\n            font-size: 38px;\n            font-weight: 700;\n        }\n\n        .card-sub {\n            font-size: 13px;\n            color: var(--text-muted);\n            margin-top: 8px;\n        }\n\n        .trend-up {\n            color: #2ec4b6;\n            font-weight: 600;\n        }\n\n        .trend-down {\n            color: #e71d36;\n            font-weight: 600;\n        }\n\n        .progress-bar-container {\n            height: 5px;\n            background: #eee;\n            border-radius: 3px;\n            margin-top: 16px;\n        }\n\n        .progress-bar {\n            height: 100%;\n            width: 65%;\n            background: linear-gradient(90deg, #00b4d8, #0077b6);\n            border-radius: 3px;\n        }\n        \/* LAYOUT INFERIOR *\/\n        .content-layout {\n            display: grid;\n            grid-template-columns: 1.6fr 1.4fr;\n            gap: 24px;\n            align-items: flex-start;\n        }\n\n        .table-card,\n        .stream-card {\n            background: #fff;\n            border: 1px solid var(--border-color);\n            border-radius: var(--radius-lg);\n            padding: 24px;\n            box-shadow: var(--shadow-sm);\n        }\n\n        .card-header-box {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 24px;\n        }\n\n        .card-header-box h3 {\n            font-size: 18px;\n            font-weight: 700;\n        }\n\n        .link-see-all {\n            font-size: 13px;\n            color: var(--primary);\n            text-decoration: none;\n            font-weight: 600;\n        }\n\n        \/* LISTA *\/\n        .clean-list-container {\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n        }\n\n        .list-row-item {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 16px 20px;\n            border: 1px solid #e9ecef;\n            border-radius: var(--radius-md);\n            transition: 0.2s;\n        }\n\n        .list-row-item:hover {\n            transform: translateY(-2px);\n            box-shadow: var(--shadow-md);\n        }\n\n        .item-leading {\n            display: flex;\n            gap: 16px;\n            align-items: center;\n        }\n\n        .icon-doc-wrapper {\n            width: 44px;\n            height: 44px;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 10px;\n            font-weight: 700;\n            background: #fff0f0;\n            color: #e71d36;\n        }\n\n        .icon-doc-wrapper.doc-type {\n            background: #ebf8ff;\n            color: #3182ce;\n        }\n\n        .item-title {\n            font-weight: 600;\n            font-size: 14px;\n        }\n\n        .item-subtitles {\n            font-size: 12px;\n            color: var(--text-muted);\n            display: flex;\n            gap: 8px;\n        }\n\n        .separator-dot {\n            width: 3px;\n            height: 3px;\n            background: #ccc;\n            border-radius: 50%;\n            align-self: center;\n        }\n\n        .item-trailing {\n            display: flex;\n            gap: 16px;\n            align-items: center;\n        }\n\n        .item-origin {\n            font-size: 13px;\n            background: #f8f9fa;\n            padding: 6px 10px;\n            border-radius: 8px;\n            border: 1px solid var(--border-color);\n        }\n\n        .item-status-badge {\n            font-size: 11px;\n            padding: 6px 12px;\n            border-radius: 30px;\n            background: rgba(246, 173, 85, 0.12);\n            color: #dd6b20;\n            font-weight: 700;\n        }\n\n        .item-status-badge.arquivado {\n            background: rgba(46, 196, 182, 0.1);\n            color: #2ec4b6;\n        }\n\n        .item-time-box {\n            text-align: right;\n        }\n\n        .time-text-main {\n            font-size: 13px;\n            font-weight: 600;\n        }\n\n        .time-relative {\n            font-size: 11px;\n            color: var(--text-muted);\n        }\n\n        \/* STREAM *\/\n        .capture-row-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 12px;\n        }\n\n        .stream-box {\n            border: 1px solid var(--border-color);\n            padding: 14px 16px;\n            border-radius: var(--radius-md);\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        .stream-box.active {\n            background: #e2fefb;\n            border-color: rgba(46, 196, 182, 0.3);\n        }\n\n        .stream-count {\n            font-size: 20px;\n            font-weight: 700;\n        }\n\n        \/* TIMELINE *\/\n        .timeline-container {\n            margin-top: 28px;\n            position: relative;\n        }\n\n        .timeline-container::before {\n            content: '';\n            position: absolute;\n            left: 7px;\n            top: 36px;\n            bottom: 24px;\n            width: 2px;\n            background: #e9ecef;\n        }\n\n        .timeline-item {\n            display: flex;\n            gap: 16px;\n            margin-bottom: 20px;\n        }\n\n        .timeline-node {\n            width: 16px;\n            height: 16px;\n            border-radius: 50%;\n            border: 3px solid #00b4d8;\n            background: #fff;\n            margin-top: 3px;\n            z-index: 1;\n        }\n\n        .timeline-node.teal-node {\n            border-color: #2ec4b6;\n        }\n\n        .timeline-node.purple-node {\n            border-color: #9f7aea;\n        }\n\n        .timeline-text {\n            font-size: 13px;\n            color: #4a5568;\n        }\n\n        .timeline-meta {\n            font-size: 11px;\n            color: var(--text-muted);\n            margin-top: 4px;\n        }\n\n        .highlight {\n            color: #00b4d8;\n            font-weight: 600;\n        }\n\n        .highlight-teal {\n            color: #2ec4b6;\n            font-weight: 600;\n        }\n\n        \/* RESPONSIVE *\/\n        @media (max-width: 1200px) {\n    .app-wrapper {\n        grid-template-columns: 240px 1fr;\n        gap: 20px;\n    }\n}\n\n@media (max-width: 1024px) {\n    .app-wrapper {\n        grid-template-columns: 1fr;\n    }\n\n    aside {\n        position: relative;\n        top: 0;\n        width: 100%;\n    }\n\n    header {\n        flex-direction: column;\n        align-items: stretch;\n        gap: 12px;\n    }\n\n    .search-area-wrapper {\n        justify-content: flex-start;\n        flex-wrap: wrap;\n    }\n\n    .metrics-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    .content-layout {\n        grid-template-columns: 1fr;\n    }\n}\n\n@media (max-width: 768px) {\n\n    body {\n        padding: 12px;\n    }\n\n    .panel-title-area h2 {\n        font-size: 28px;\n    }\n\n    .welcome-bar {\n        flex-direction: column;\n        align-items: flex-start;\n    }\n\n    .metrics-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .capture-row-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .list-row-item {\n        flex-direction: column;\n        align-items: flex-start;\n    }\n\n    .item-trailing {\n        width: 100%;\n        justify-content: space-between;\n        margin-left: 0;\n    }\n\n    .item-origin {\n        display: none;\n    }\n}\n\n@media (max-width: 480px) {\n\n    .search-container {\n        max-width: 100%;\n    }\n\n    .btn-new {\n        width: 100%;\n        justify-content: center;\n    }\n\n    .icon-btn {\n        width: 38px;\n        height: 38px;\n    }\n\n    .panel-title-area {\n        flex-direction: column;\n        align-items: flex-start;\n    }\n}\nhtml, body {\n    overflow-x: hidden;\n}\n    <\/style>\n<\/head>\n\n<body>\n\n<div class=\"app-wrapper\">\n\n    <!-- SIDEBAR -->\n    <aside>\n        <div>\n            <div class=\"logo-area\">\n                <h1>Arq<span>Why<\/span><\/h1>\n                <div class=\"logo-sub\">by whymob<\/div>\n            <\/div>\n\n            <div class=\"client-badge\">\n                <div class=\"client-avatar\">OCC<\/div>\n                <div class=\"client-info\">\n                    <p>Cliente<\/p>\n                    <p>Ordem dos Contabilistas<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"nav-section\">\n                <p class=\"section-title\">Opera\u00e7\u00e3o<\/p>\n\n                <a href=\"#\" class=\"nav-item active\">\n                    <div class=\"nav-link-content\">\n                        <i data-lucide=\"layout-dashboard\"><\/i>\n                        <span>Painel<\/span>\n                    <\/div>\n                <\/a>\n\n                <a href=\"#\" class=\"nav-item\">\n                    <div class=\"nav-link-content\">\n                        <i data-lucide=\"scan\"><\/i>\n                        <span>Captura<\/span>\n                    <\/div>\n                    <span class=\"badge-count\">14<\/span>\n                <\/a>\n\n                <a href=\"#\" class=\"nav-item\">\n                    <div class=\"nav-link-content\">\n                        <i data-lucide=\"files\"><\/i>\n                        <span>Documentos<\/span>\n                    <\/div>\n                <\/a>\n\n                <a href=\"#\" class=\"nav-item\">\n                    <div class=\"nav-link-content\">\n                        <i data-lucide=\"search\"><\/i>\n                        <span>Pesquisa<\/span>\n                    <\/div>\n                <\/a>\n\n                <a href=\"#\" class=\"nav-item\">\n                    <div class=\"nav-link-content\">\n                        <i data-lucide=\"git-branch\"><\/i>\n                        <span>Workflows<\/span>\n                    <\/div>\n                    <span class=\"badge-count\">5<\/span>\n                <\/a>\n\n                <a href=\"#\" class=\"nav-item\">\n                    <div class=\"nav-link-content\">\n                        <i data-lucide=\"users\"><\/i>\n                        <span>Contabilistas<\/span>\n                    <\/div>\n                <\/a>\n            <\/div>\n\n            <div class=\"nav-section\">\n                <p class=\"section-title\">Conselhos<\/p>\n\n                <a href=\"#\" class=\"nav-item\">\n                    <div class=\"nav-link-content\">\n                        <i data-lucide=\"scale\"><\/i>\n                        <span>Jurisdicional<\/span>\n                    <\/div>\n                    <span class=\"badge-count\">3<\/span>\n                <\/a>\n\n                <a href=\"#\" class=\"nav-item\">\n                    <div class=\"nav-link-content\">\n                        <i data-lucide=\"bar-chart-3\"><\/i>\n                        <span>Relat\u00f3rios<\/span>\n                    <\/div>\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"nav-section\">\n            <a href=\"#\" class=\"nav-item\">\n                <div class=\"nav-link-content\">\n                    <i data-lucide=\"settings\"><\/i>\n                    <span>Defini\u00e7\u00f5es<\/span>\n                <\/div>\n            <\/a>\n        <\/div>\n    <\/aside>\n\n    <!-- MAIN -->\n    <main>\n\n        <!-- HEADER -->\n        <header>\n            <div class=\"breadcrumbs\">\n                OCC <span>\/<\/span> OPERA\u00c7\u00c3O <span>\/<\/span>\n                <span class=\"current\">PAINEL<\/span>\n            <\/div>\n\n            <div class=\"search-area-wrapper\">\n                <div class=\"search-container\">\n                    <i data-lucide=\"search\" class=\"search-icon\"><\/i>\n                    <input type=\"text\" placeholder=\"Pesquisar contabilista, c\u00e9dula, processo...\">\n                    <div class=\"search-shortcut\">\/<\/div>\n                <\/div>\n\n                <button class=\"icon-btn\">\n                    <i data-lucide=\"bell\"><\/i>\n                    <div class=\"notification-dot\"><\/div>\n                <\/button>\n\n                <button class=\"icon-btn\">\n                    <i data-lucide=\"help-circle\"><\/i>\n                <\/button>\n\n                <button class=\"btn-new\">\n                    <i data-lucide=\"plus\"><\/i> Novo\n                <\/button>\n            <\/div>\n        <\/header>\n\n        <!-- TITLE -->\n        <div class=\"panel-title-area\">\n            <h2>Painel<\/h2>\n            <div class=\"status-live-tag\">\u2022 AO VIVO<\/div>\n        <\/div>\n\n        <!-- WELCOME -->\n        <div class=\"welcome-bar\">\n            <div>\n                <div class=\"welcome-salutation\">Ol\u00e1, admin!<\/div>\n                <div class=\"welcome-description\">\n                    Atividade documental \u2022 Lisboa\n                <\/div>\n            <\/div>\n\n            <div class=\"weather-widget\">\n                <i data-lucide=\"sun\"><\/i>\n                <div class=\"weather-info\">\n                    <p>29\u00b0C Sol<\/p>\n                    <p>Lisboa, Portugal<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- FILTERS -->\n        <div class=\"filters-container\">\n            <div class=\"btn-filter-group\">\n                <button class=\"btn-filter active\">Hoje <span class=\"filter-count\">187<\/span><\/button>\n                <button class=\"btn-filter\">7 dias<\/button>\n                <button class=\"btn-filter\">30 dias<\/button>\n                <button class=\"btn-filter\">Personalizado<\/button>\n            <\/div>\n        <\/div>\n\n        <!-- METRICS -->\n        <div class=\"metrics-grid\">\n\n            <div class=\"card featured\">\n                <div class=\"card-tag\">Recebidos Hoje<\/div>\n                <div class=\"card-value\">228<\/div>\n                <div class=\"card-sub\"><span class=\"trend-up\">\u2191 +22%<\/span> vs ontem<\/div>\n            <\/div>\n\n            <div class=\"card\">\n                <div class=\"card-tag\">Em Processamento<\/div>\n                <div class=\"card-value\">9<\/div>\n                <div class=\"card-sub\">tempo m\u00e9dio 2,8s<\/div>\n            <\/div>\n\n            <div class=\"card\">\n                <div class=\"card-tag\">Pendentes<\/div>\n                <div class=\"card-value\" style=\"color:#e71d36;\">4<\/div>\n                <div class=\"card-sub\"><span class=\"trend-down\">+2<\/span> erros<\/div>\n            <\/div>\n\n            <div class=\"card\">\n                <div class=\"card-tag\">Acervo<\/div>\n                <div class=\"card-value\">342K<\/div>\n                <div class=\"card-sub\"><span class=\"trend-up\">+0.05%<\/span><\/div>\n            <\/div>\n\n        <\/div>\n\n        <!-- CONTENT -->\n        <div class=\"content-layout\">\n\n            <!-- LIST -->\n            <div class=\"table-card\">\n\n                <div class=\"card-header-box\">\n                    <h3>Entradas recentes<\/h3>\n                    <a class=\"link-see-all\" href=\"#\">Ver tudo \u2192<\/a>\n                <\/div>\n\n                <div class=\"clean-list-container\">\n\n                    <div class=\"list-row-item\">\n                        <div class=\"item-leading\">\n                            <div class=\"icon-doc-wrapper\">PDF<\/div>\n                            <div>\n                                <div class=\"item-title\">Pedido Inscri\u00e7\u00e3o P-2026<\/div>\n                                <div class=\"item-subtitles\">\n                                    <span>Inscri\u00e7\u00e3o<\/span>\n                                    <span class=\"separator-dot\"><\/span>\n                                    <span>1.8 MB<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"item-trailing\">\n                            <div class=\"item-origin\">Portal CC<\/div>\n                            <div class=\"item-status-badge\">An\u00e1lise<\/div>\n                            <div class=\"item-time-box\">\n                                <div class=\"time-text-main\">18:42<\/div>\n                                <div class=\"time-relative\">2 min<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n\n            <!-- STREAM -->\n            <div class=\"stream-card\">\n\n                <div class=\"card-header-box\">\n                    <h3>Captura ao vivo<\/h3>\n                    <a class=\"link-see-all\" href=\"#\">Ver pastas \u2192<\/a>\n                <\/div>\n\n                <div class=\"capture-row-grid\">\n\n                    <div class=\"stream-box active\">\n                        <div>\n                            <p>\/in<\/p>\n                            <p>14 aguardam<\/p>\n                        <\/div>\n                        <div class=\"stream-count\">14<\/div>\n                    <\/div>\n\n                    <div class=\"stream-box\">\n                        <div>\n                            <p>\/processing<\/p>\n                            <p>9 ativos<\/p>\n                        <\/div>\n                        <div class=\"stream-count\">9<\/div>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"timeline-container\">\n\n                    <div class=\"timeline-item\">\n                        <div class=\"timeline-node\"><\/div>\n                        <div>\n                            <div class=\"timeline-text\">\n                                <strong>PDF<\/strong> processado com sucesso\n                            <\/div>\n                            <div class=\"timeline-meta\">18:42 \u2022 2.1s<\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/main>\n\n<\/div>\n\n<script>\n    lucide.createIcons();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Consolidando Conhecimento Gest\u00e3o Inteligente &#038; Transpar\u00eancia Documental Centraliza\u00e7\u00e3o de fluxos de trabalho e conformidade regulat\u00f3ria para o ecossistema dos Contabilistas Certificados. Painel Unificado &#8211; ArqWhy ArqWhy by whymob OCC Cliente Ordem dos Contabilistas Opera\u00e7\u00e3o Painel Captura 14 Documentos Pesquisa Workflows 5 Contabilistas Conselhos Jurisdicional 3 Relat\u00f3rios Defini\u00e7\u00f5es OCC \/ OPERA\u00c7\u00c3O \/ PAINEL \/ Novo Painel \u2022 AO VIVO Ol\u00e1, admin! Atividade documental \u2022 Lisboa 29\u00b0C Sol Lisboa, Portugal Hoje 187 7 dias 30 dias Personalizado Recebidos Hoje 228 \u2191 +22% vs ontem Em Processamento 9 tempo m\u00e9dio 2,8s Pendentes 4 +2 erros Acervo 342K +0.05% Entradas recentes Ver tudo \u2192 PDF Pedido Inscri\u00e7\u00e3o P-2026 Inscri\u00e7\u00e3o 1.8 MB Portal CC An\u00e1lise 18:42 2 min Captura ao vivo Ver pastas \u2192 \/in 14 aguardam 14 \/processing 9 ativos 9 PDF processado com sucesso 18:42 \u2022 2.1s<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2594","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/app.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/pages\/2594","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/app.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/app.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/app.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/app.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/comments?post=2594"}],"version-history":[{"count":1,"href":"https:\/\/app.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/pages\/2594\/revisions"}],"predecessor-version":[{"id":2595,"href":"https:\/\/app.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/pages\/2594\/revisions\/2595"}],"wp:attachment":[{"href":"https:\/\/app.digitalfreelancer.org\/index.php\/wp-json\/wp\/v2\/media?parent=2594"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}