{"id":14,"date":"2026-02-10T14:38:41","date_gmt":"2026-02-10T13:38:41","guid":{"rendered":"http:\/\/app.elok-agency.pl\/?page_id=14"},"modified":"2026-02-10T14:47:27","modified_gmt":"2026-02-10T13:47:27","slug":"aplikacja","status":"publish","type":"page","link":"https:\/\/app.elok-agency.pl\/","title":{"rendered":"Aplikacja"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14\" class=\"elementor elementor-14\">\n\t\t\t\t<div class=\"elementor-element elementor-element-324b4c7 e-flex e-con-boxed e-con e-parent\" data-id=\"324b4c7\" 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-459b5bd elementor-widget elementor-widget-shortcode\" data-id=\"459b5bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap');\r\n        :root { --primary: #C5A059; --bg: #000; --card: #0D0D0D; --border: rgba(255,255,255,0.06); --font: 'Inter', sans-serif; }\r\n        #elok-root { position: fixed; inset: 0; background: var(--bg); color: #fff; font-family: var(--font); display: flex; z-index: 99999; font-size: 13px; }\r\n        * { box-sizing: border-box; outline: none; } .hidden { display: none !important; }\r\n\r\n        \/* SIDEBAR *\/\r\n        .sidebar { width: 250px; background: #080808; border-right: 1px solid var(--border); display: flex; flex-direction: column; padding: 25px; }\r\n        .logo-box { display: flex; align-items: center; gap: 12px; margin-bottom: 35px; padding-bottom: 20px; border-bottom: 1px solid var(--border); }\r\n        .logo-img { width: 42px; height: 42px; border-radius: 8px; background: #111; border: 1px solid var(--border); overflow: hidden; position: relative; cursor: pointer; display: flex; align-items: center; justify-content: center; }\r\n        .logo-img img { width: 100%; height: 100%; object-fit: cover; }\r\n        .nav-item { display: flex; align-items: center; gap: 12px; padding: 10px 14px; color: #666; cursor: pointer; border-radius: 8px; transition: 0.2s; font-weight: 500; margin-bottom: 4px; }\r\n        .nav-item:hover, .nav-item.active { background: #111; color: #fff; }\r\n        .nav-item.active { color: var(--primary); background: rgba(197,160,89,0.05); }\r\n        .nav-item svg { width: 16px; height: 16px; opacity: 0.6; }\r\n\r\n        \/* MAIN *\/\r\n        .app-main { flex: 1; display: flex; flex-direction: column; overflow: hidden; }\r\n        .topbar { height: 64px; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; padding: 0 40px; }\r\n        \r\n        \/* TASK COMPONENTS *\/\r\n        .task-list { padding: 40px; overflow-y: auto; height: 100%; }\r\n        .task-row { display: grid; grid-template-columns: 45px 1fr 120px 120px 120px; padding: 14px 20px; border-bottom: 1px solid var(--border); align-items: center; background: #070707; border-radius: 10px; margin-bottom: 8px; transition: 0.2s; }\r\n        .task-row:hover { transform: translateX(3px); background: #0b0b0b; }\r\n        .prio-pill { font-size: 9px; font-weight: 800; padding: 3px 8px; border-radius: 4px; text-transform: uppercase; border: 1px solid transparent; }\r\n        .prio-high { color: #f87171; background: rgba(239,68,68,0.1); border-color: rgba(239,68,68,0.2); }\r\n        .prio-critical { color: #fff; background: #ef4444; }\r\n        .prio-norm { color: #60a5fa; background: rgba(59,130,246,0.1); border-color: rgba(59,130,246,0.2); }\r\n\r\n        \/* KPI CARDS *\/\r\n        .kpi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 30px; }\r\n        .kpi-card { background: #080808; border: 1px solid var(--border); padding: 18px; border-radius: 12px; }\r\n        .kpi-val { font-size: 20px; font-weight: 700; display: block; }\r\n        .kpi-lbl { font-size: 10px; color: #444; text-transform: uppercase; letter-spacing: 0.5px; }\r\n\r\n        \/* BUTTONS LUX *\/\r\n        .btn-lux { background: var(--primary); color: #000; border: none; padding: 8px 16px; border-radius: 6px; font-weight: 700; font-size: 11px; text-transform: uppercase; cursor: pointer; display: flex; align-items: center; gap: 8px; transition: 0.2s; }\r\n        .btn-lux:hover { filter: brightness(1.1); transform: translateY(-1px); }\r\n        .btn-lux svg { width: 14px; height: 14px; }\r\n\r\n        \/* AUTH & MODAL *\/\r\n        .auth-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: radial-gradient(circle at center, #111, #000); }\r\n        .auth-card { width: 400px; background: #080808; border: 1px solid var(--border); padding: 45px; border-radius: 20px; text-align: center; box-shadow: 0 40px 80px #000; }\r\n        .inp-lux { width: 100%; background: #000; border: 1px solid var(--border); padding: 12px 14px; border-radius: 10px; color: #fff; margin-bottom: 15px; font-size: 14px; transition: 0.2s; }\r\n        .inp-lux:focus { border-color: var(--primary); }\r\n        .modal-wrap { position: fixed; inset: 0; background: rgba(0,0,0,0.9); z-index: 1000; display: none; align-items: center; justify-content: center; backdrop-filter: blur(8px); }\r\n        .modal-card { width: 460px; background: #080808; border: 1px solid var(--primary); border-radius: 16px; padding: 35px; }\r\n    <\/style>\r\n\r\n    <div id=\"elok-root\">\r\n                    <div class=\"auth-container\">\r\n                <div class=\"auth-card\" id=\"view-login\">\r\n                    <div style=\"font-size:24px; font-weight:800; color:#fff; margin-bottom:32px;\">ELOK<span style=\"color:var(--primary)\">APP<\/span><\/div>\r\n                    <form method=\"POST\">\r\n                        <input type=\"hidden\" name=\"elok_act\" value=\"login\">\r\n                        <input type=\"email\" name=\"email\" class=\"inp-lux\" placeholder=\"E-mail\" required>\r\n                        <div style=\"position:relative;\">\r\n                            <input type=\"password\" id=\"log-p\" name=\"pass\" class=\"inp-lux\" placeholder=\"Has\u0142o\" required>\r\n                            <span style=\"position:absolute; right:15px; top:12px; cursor:pointer; color:#333;\" onclick=\"document.getElementById('log-p').type=document.getElementById('log-p').type==='password'?'text':'password'\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/span>\r\n                        <\/div>\r\n                        <button class=\"btn-lux\" style=\"width:100%; justify-content:center; padding:12px;\">Zaloguj<\/button>\r\n                    <\/form>\r\n                    <div style=\"margin-top:20px; font-size:12px; color:#444; cursor:pointer;\" onclick=\"swap('reg')\">Za\u0142\u00f3\u017c firm\u0119<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"auth-card hidden\" id=\"view-reg\">\r\n                    <h2 style=\"margin-bottom:25px;\">Rejestracja<\/h2>\r\n                    <form method=\"POST\">\r\n                        <input type=\"hidden\" name=\"elok_act\" value=\"reg\">\r\n                        <input type=\"text\" name=\"reg_comp\" class=\"inp-lux\" placeholder=\"Firma\" required>\r\n                        <input type=\"text\" name=\"reg_name\" class=\"inp-lux\" placeholder=\"Twoje Imi\u0119\" required>\r\n                        <input type=\"email\" name=\"reg_email\" class=\"inp-lux\" placeholder=\"E-mail\" required>\r\n                        <input type=\"password\" id=\"reg-p\" name=\"reg_pass\" class=\"inp-lux\" placeholder=\"Has\u0142o\" required>\r\n                        <button class=\"btn-lux\" style=\"width:100%; justify-content:center; padding:12px;\">Utw\u00f3rz konto<\/button>\r\n                    <\/form>\r\n                    <div style=\"margin-top:15px; font-size:12px; color:#444; cursor:pointer;\" onclick=\"swap('login')\">Powr\u00f3t<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <\/div>\r\n\r\n    <script>\r\n        function swap(id){['view-login','view-reg'].forEach(e=>document.getElementById(e).classList.add('hidden')); document.getElementById('view-'+id).classList.remove('hidden');}\r\n        function nav(id,btn){\r\n            document.getElementById('v-dash').classList.toggle('hidden', id !== 'dash');\r\n            document.getElementById('v-arch').classList.toggle('hidden', id !== 'arch');\r\n            document.querySelectorAll('.nav-item').forEach(e=>e.classList.remove('active')); btn.classList.add('active');\r\n            document.getElementById('pg-title').innerText = (id==='dash') ? 'Aktywne Zadania' : 'Archiwum Zako\u0144czonych';\r\n        }\r\n    <\/script>\r\n    <\/div>\n\t\t\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":"","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-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/app.elok-agency.pl\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/app.elok-agency.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/app.elok-agency.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/app.elok-agency.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/app.elok-agency.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":7,"href":"https:\/\/app.elok-agency.pl\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/app.elok-agency.pl\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/24"}],"wp:attachment":[{"href":"https:\/\/app.elok-agency.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}