{"id":114,"date":"2026-03-29T06:51:11","date_gmt":"2026-03-29T06:51:11","guid":{"rendered":"https:\/\/blueagency.io\/?page_id=114"},"modified":"2026-03-29T08:11:32","modified_gmt":"2026-03-29T08:11:32","slug":"ai-agents-backoffice","status":"publish","type":"page","link":"https:\/\/blueagency.io\/?page_id=114","title":{"rendered":"AI Agents Backoffice Pilot"},"content":{"rendered":"\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');\n\n\/* LANGUAGE TOGGLE SYSTEM *\/\nen { display: none; }\nde { display: contents; }\nbody.english en { display: contents; }\nbody.english de { display: none; }\n\n\/* TOTAL TAKEOVER *\/\n#blueocean-app-root {\n    --bg:#f4f7fb;\n    --card:#fff;\n    --line:#e7edf5;\n    --text:#1b2436;\n    --muted:#66748a;\n    --primary:#245dff;\n    --primary2:#113fcb;\n    --success:#18a0a6;\n    --warning:#f59e0b;\n    --danger:#dc4c64;\n    --violet:#6d5efc;\n    --shadow:0 18px 40px rgba(18,31,53,.08);\n    --shadow-hover:0 22px 45px rgba(18,31,53,.14);\n    --radius:22px;\n\n    position: fixed !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100vw !important;\n    height: 100vh !important;\n    z-index: 999999 !important;\n    background: linear-gradient(180deg,#f8fafe,#eef3fb) !important;\n    overflow-y: auto !important;\n    overflow-x: hidden !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    transform: none !important;\n    font-family: 'Inter', Segoe UI, Arial, sans-serif;\n    color: var(--text);\n    scroll-behavior: smooth;\n    text-align: left;\n}\n\n#blueocean-app-root *, #blueocean-app-root *::before, #blueocean-app-root *::after {\n    box-sizing: border-box !important;\n}\n\n#blueocean-app-root a { text-decoration: none; color: inherit; }\n#blueocean-app-root h1, #blueocean-app-root h2, #blueocean-app-root h3 { margin: 0 0 12px; color: var(--text); line-height: 1.25; letter-spacing: -0.02em; font-family: 'Inter', sans-serif; padding: 0; }\n#blueocean-app-root h1 { font-size: 44px; font-weight: 900; }\n#blueocean-app-root h2 { font-size: 28px; font-weight: 800; }\n#blueocean-app-root h3 { font-size: 18px; font-weight: 800; }\n#blueocean-app-root p { margin: 0; color: var(--muted); line-height: 1.6; font-size: 15px; padding: 0; }\n\n#blueocean-app-root .top-nav{position:sticky;top:0;z-index:40;display:flex;justify-content:space-between;align-items:center;padding:14px 22px;background:rgba(255,255,255,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(231,237,245,.8);width:100%;}\n#blueocean-app-root .logo{display:flex;align-items:center;gap:12px;font-weight:900;font-size:20px;color:var(--text); white-space:nowrap;}\n#blueocean-app-root .logo-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--violet));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;box-shadow:0 10px 24px rgba(36,93,255,.3)}\n#blueocean-app-root .top-links{display:flex;gap:10px;flex-wrap:nowrap;align-items:center; transition:all 0.3s ease;}\n#blueocean-app-root .top-link{white-space:nowrap;padding:10px 14px;border-radius:12px;background:transparent;color:#55657d;font-weight:700;cursor:pointer; transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);}\n#blueocean-app-root .top-link:hover{background:#e7edf5; color:var(--text);}\n#blueocean-app-root .top-link.active{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff; box-shadow:0 6px 15px rgba(36,93,255,.25);}\n#blueocean-app-root .hamburger{display:none; cursor:pointer; padding:6px; border-radius:8px;}\n#blueocean-app-root .hamburger:hover{background:#f3f6fb;}\n\n#blueocean-app-root .view{display:none; width: 100%;}\n#blueocean-app-root .view.active{display:block; animation: fadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1);}\n@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\n\n#blueocean-app-root .hero{width:100%;max-width:1280px;margin:0 auto;padding:40px 24px;}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}\n#blueocean-app-root .hero-card, #blueocean-app-root .card, #blueocean-app-root .panel, #blueocean-app-root .phone{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow); transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease;}\n#blueocean-app-root .hero-card{padding:40px}\n\n#blueocean-app-root .lead{font-size:17px; color:#4a5872;}\n#blueocean-app-root .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}\n\n#blueocean-app-root .btn{border:none;border-radius:14px;padding:12px 18px;font-weight:700;font-size:14px;cursor:pointer; transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); outline:none; font-family:'Inter', sans-serif;}\n#blueocean-app-root .btn:active{transform:scale(0.96)}\n#blueocean-app-root .btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 8px 20px rgba(36,93,255,.25); border:1px solid rgba(255,255,255,0.1);}\n#blueocean-app-root .btn.primary:hover{box-shadow:0 12px 25px rgba(36,93,255,.35); filter:brightness(1.05); transform:translateY(-2px);}\n#blueocean-app-root .btn.secondary{background:#fff;border:1px solid #dbe4f0;color:#4f5f77; box-shadow:0 4px 10px rgba(0,0,0,.03);}\n#blueocean-app-root .btn.secondary:hover{background:#f8fafe; border-color:#c9d4e4; transform:translateY(-2px); box-shadow:0 6px 15px rgba(0,0,0,.05);}\n#blueocean-app-root .btn.ghost{background:transparent;color:#55657d; border:1px solid transparent;}\n#blueocean-app-root .btn.ghost:hover{background:#e7edf5; color:var(--text);}\n#blueocean-app-root .btn.btn-sm{padding:8px 12px; font-size:12px; border-radius:10px;}\n\n#blueocean-app-root .badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700; white-space:nowrap; letter-spacing:0.01em;}\n#blueocean-app-root .badge.info{background:#eef3ff;color:var(--primary)}\n#blueocean-app-root .badge.success{background:#edf8f5;color:#137b83}\n#blueocean-app-root .badge.warn{background:#fff6e8;color:#b96a07}\n#blueocean-app-root .badge.danger{background:#fff0f3;color:#b8324b}\n#blueocean-app-root .badge.violet{background:#f3efff;color:#6554d8}\n\n#blueocean-app-root .bullets{margin-top:20px;display:grid;gap:12px}\n#blueocean-app-root .bullet{display:flex;gap:10px;align-items:flex-start}\n#blueocean-app-root .bullet span:last-child{color:var(--muted); line-height:1.5; font-size:15px;}\n#blueocean-app-root .check{width:24px;height:24px;border-radius:50%;background:#eef3ff;color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:900;flex:0 0 24px; font-size:12px;}\n\n#blueocean-app-root .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}\n#blueocean-app-root .card{padding:20px;}\n#blueocean-app-root .card:hover{transform:translateY(-5px); box-shadow:var(--shadow-hover); border-color:#d4def7;}\n#blueocean-app-root .card .label{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:8px}\n#blueocean-app-root .card .value{font-size:32px;font-weight:900;color:var(--text); letter-spacing:-0.02em;}\n#blueocean-app-root .trend{font-size:12px;font-weight:600;color:#137b83;margin-top:8px}\n\n#blueocean-app-root .layout{display:grid;grid-template-columns:285px 1fr;min-height:calc(100vh - 65px);width:100%;max-width:1440px;margin:0 auto;}\n#blueocean-app-root .sidebar{background:#fff;border-right:1px solid var(--line);padding:24px 16px;position:sticky;top:65px;height:calc(100vh - 65px);overflow:auto}\n#blueocean-app-root .content{padding:28px 32px; position:relative;}\n\n#blueocean-app-root .workspace-card{padding:16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#f9fbff,#f4f8ff);margin:0 4px 20px; box-shadow:0 4px 12px rgba(0,0,0,.02);}\n#blueocean-app-root .workspace-select{width:100%;padding:12px;border:1px solid #dbe4f0;border-radius:12px;background:#fff;font-weight:700;color:var(--text); cursor:pointer; outline:none; font-family:'Inter',sans-serif; transition:border-color 0.2s;}\n#blueocean-app-root .workspace-select:hover{border-color:var(--primary);}\n#blueocean-app-root .group-title{font-size:11px;color:#97a3b4;text-transform:uppercase;letter-spacing:.1em;font-weight:800;margin:20px 12px 10px}\n#blueocean-app-root .nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;margin:4px;color:#4a5872;font-weight:700;font-size:14px;cursor:pointer;background:transparent; transition: all 0.2s ease;}\n#blueocean-app-root .nav-item:hover{background:#f5f8ff; color:var(--text); transform:translateX(3px);}\n#blueocean-app-root .nav-item.active{background:#edf3ff;color:var(--primary); font-weight:800;}\n#blueocean-app-root .icon{width:32px;height:32px;border-radius:10px;background:#f2f5fa;display:flex;align-items:center;justify-content:center;font-size:15px;flex:0 0 32px; transition:all 0.2s ease;}\n#blueocean-app-root .nav-item.active .icon { background: #dce7ff; color: var(--primary); }\n\n#blueocean-app-root .page{display:none}\n#blueocean-app-root .page.active{display:block; animation: fadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1);}\n#blueocean-app-root .page-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:24px}\n#blueocean-app-root .title h1{margin:0 0 6px;font-size:32px;color:var(--text)}\n#blueocean-app-root .title p{margin:0;color:var(--muted); max-width: 600px;}\n#blueocean-app-root .actions{display:flex;gap:10px;flex-wrap:wrap}\n\n#blueocean-app-root .grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}\n#blueocean-app-root .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\n#blueocean-app-root .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}\n#blueocean-app-root .panel{padding:24px;}\n#blueocean-app-root .panel h3{margin-bottom:12px;color:var(--text)}\n\n#blueocean-app-root .search, #blueocean-app-root .input, #blueocean-app-root select, #blueocean-app-root textarea {\n    width:100%;padding:14px 16px;border:1px solid #dbe4f0;border-radius:14px;background:#fff;font-family:'Inter',sans-serif;font-size:14px;color:var(--text); transition: all 0.2s; outline:none; box-shadow:none;\n}\n#blueocean-app-root .search:focus, #blueocean-app-root .input:focus, #blueocean-app-root select:focus, #blueocean-app-root textarea:focus{border-color:var(--primary); box-shadow:0 0 0 4px rgba(36,93,255,.12); transform:translateY(-1px);}\n\n#blueocean-app-root .table{width:100%;border-collapse:collapse}\n#blueocean-app-root .table th, #blueocean-app-root .table td{padding:16px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:14px;vertical-align:middle}\n#blueocean-app-root .table th{color:#8190a5;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em; border-bottom:2px solid var(--line);}\n#blueocean-app-root .table td{color:var(--muted); font-weight:500;}\n#blueocean-app-root .table tbody tr{transition:background 0.2s;}\n#blueocean-app-root .table tbody tr:hover{background:#fbfcff;}\n\n#blueocean-app-root .dropzone{border:2px dashed #bfd0ff;background:linear-gradient(180deg,#f8fbff,#f2f7ff);padding:28px 20px;border-radius:18px;text-align:center; transition: all 0.3s ease; cursor:pointer; height: 100%; display: flex; flex-direction: column; justify-content: center;}\n#blueocean-app-root .dropzone:hover, #blueocean-app-root .dropzone.dragover{background:linear-gradient(180deg,#eef3ff,#e6edff); border-color:var(--primary); transform:translateY(-2px); box-shadow:0 8px 20px rgba(36,93,255,.08);}\n#blueocean-app-root .dropzone .big{font-size:16px;font-weight:800;margin-bottom:8px;color:var(--primary)}\n\n#blueocean-app-root .file-list{display:flex; flex-direction: column; gap:10px; margin-top:16px; text-align: left;}\n#blueocean-app-root .file-row{padding:12px 14px; border:1px solid var(--line);border-radius:14px;background:#fff; animation: fadeIn 0.3s ease; font-size: 13px; display: flex; justify-content: space-between; align-items: center; box-shadow:0 2px 6px rgba(0,0,0,.02);}\n#blueocean-app-root .file-row .name {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 170px; font-weight: 600; color: var(--text);}\n#blueocean-app-root .bar{height:6px;background:#ecf1f7;border-radius:999px;overflow:hidden; margin-top: 6px; width: 100%;}\n#blueocean-app-root .fill{height:100%;background:linear-gradient(90deg,var(--primary),#7ba2ff);border-radius:999px; transition: width 0.5s ease;}\n\n#blueocean-app-root .notif{padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;margin-bottom:12px; transition: all 0.3s ease; box-shadow:0 4px 12px rgba(0,0,0,.02);}\n#blueocean-app-root .notif.unread{background:#f6f9ff;border-color:#d4def7; border-left:4px solid var(--primary); box-shadow:0 6px 15px rgba(36,93,255,.08);}\n#blueocean-app-root .notif-title{font-weight:800;margin-bottom:6px;color:var(--text); font-size:15px;}\n\n#blueocean-app-root .kpi{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff; box-shadow:0 4px 12px rgba(0,0,0,.02);}\n#blueocean-app-root .kpi strong{display:block;font-size:28px;font-weight:900;margin-top:8px;color:var(--text); letter-spacing:-0.02em;}\n\n#blueocean-app-root .hero-note{padding:18px 20px;border:1px dashed #c9d4e4;border-radius:16px;background:#fcfdff;color:#5e6c82;margin-bottom:18px; font-size:14px; line-height:1.6;}\n\n#blueocean-app-root .score{display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;background:conic-gradient(var(--primary) 0 280deg,#e9eef7 280deg 360deg);font-weight:900;color:var(--primary);margin-left:auto; font-size:20px; box-shadow:0 10px 20px rgba(36,93,255,.15);}\n#blueocean-app-root .subtle{font-size:13px;color:var(--muted); font-weight:500;}\n#blueocean-app-root .pillrow{display:flex;gap:8px;flex-wrap:wrap}\n#blueocean-app-root .pill{padding:6px 12px;border-radius:999px;background:#f4f6fb;border:1px solid var(--line);font-size:12px;font-weight:700;color:#4a5872}\n\n#blueocean-app-root .mobile-wrap{width:100%;max-width:1200px;margin:0 auto;padding:40px 24px;}\n#blueocean-app-root .phones{display:grid;grid-template-columns:repeat(2,340px);gap:32px;justify-content:center}\n#blueocean-app-root .phone{padding:16px;min-height:720px;background:#0f1728; border-radius:36px; box-shadow:0 25px 50px rgba(0,0,0,.2);}\n#blueocean-app-root .phone-shell{background:#f9fbff;border-radius:24px;min-height:688px;padding:20px;border:1px solid rgba(255,255,255,.1); display:flex; flex-direction:column;}\n#blueocean-app-root .mobile-header{font-weight:900;font-size:22px;margin-bottom:16px;color:var(--text); letter-spacing:-0.02em;}\n#blueocean-app-root .mobile-card{padding:18px;border-radius:20px;background:#fff;border:1px solid var(--line);margin-bottom:14px; box-shadow:0 4px 10px rgba(0,0,0,.02);}\n#blueocean-app-root .mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:12px; box-shadow:0 -5px 15px rgba(0,0,0,.03);}\n#blueocean-app-root .mobile-nav div{text-align:center;font-size:12px;color:#667085;font-weight:700; cursor:pointer;}\n\n#blueocean-app-root .connector{padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff; transition:transform 0.2s, box-shadow 0.2s;}\n#blueocean-app-root .connector:hover{transform:translateY(-3px); box-shadow:var(--shadow-hover); border-color:#d4def7;}\n#blueocean-app-root .connector-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px; font-size:15px;}\n#blueocean-app-root .switch{width:48px;height:28px;border-radius:999px;background:#d7e3ff;position:relative;flex:0 0 48px; cursor:pointer; transition: background 0.3s;}\n#blueocean-app-root .switch::after{content:'';position:absolute;top:4px;left:24px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.15); transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);}\n#blueocean-app-root .switch.off{background:#e6e9ef}\n#blueocean-app-root .switch.off::after{left:4px}\n\n\/* AI Loading Overlay *\/\n#ai-loading-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.85); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: 50; display: none; flex-direction: column; align-items: center; justify-content: center; border-radius: 20px;}\n#ai-loading-overlay.active { display: flex; animation: fadeIn 0.3s ease; }\n#blueocean-app-root .spinner { width: 56px; height: 56px; border: 4px solid var(--line); border-top-color: var(--primary); border-radius: 50%; animation: spin 1s linear infinite; margin-bottom: 24px;}\n@keyframes spin { to { transform: rotate(360deg); } }\n\n\/* Toast Notifications *\/\n#toast-container { position: fixed; bottom: 24px; right: 24px; display: flex; flex-direction: column; gap: 12px; z-index: 1000000; pointer-events: none; }\n.toast { background: #1b2436; color: #fff; padding: 16px 24px; border-radius: 14px; font-size: 14px; font-weight: 600; box-shadow: 0 15px 35px rgba(0,0,0,0.2); animation: slideIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards, fadeOut 0.4s ease 2.6s forwards; }\n@keyframes slideIn { from { transform: translateX(120%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }\n@keyframes fadeOut { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-10px); } }\n\n\/* Floating Ops Copilot Chat Widget *\/\n#blueocean-app-root .chat-widget { position: fixed; bottom: 30px; right: 30px; z-index: 900; display: flex; flex-direction: column; align-items: flex-end; }\n@keyframes pulseChat { 0% { box-shadow: 0 0 0 0 rgba(109, 94, 252, 0.5); } 70% { box-shadow: 0 0 0 15px rgba(109, 94, 252, 0); } 100% { box-shadow: 0 0 0 0 rgba(109, 94, 252, 0); } }\n#blueocean-app-root .chat-toggle { width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(135deg,var(--primary),var(--violet)); color: white; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 24px rgba(36,93,255,.3); cursor: pointer; font-size: 26px; transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); animation: pulseChat 3s infinite;}\n#blueocean-app-root .chat-toggle:hover { transform: scale(1.08); animation:none; }\n#blueocean-app-root .chat-window { width: 360px; height: 480px; background: #fff; border-radius: 24px; box-shadow: 0 20px 50px rgba(0,0,0,0.15); border: 1px solid var(--line); display: none; flex-direction: column; overflow: hidden; margin-bottom: 20px; transform-origin: bottom right; animation: scaleIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);}\n#blueocean-app-root .chat-window.open { display: flex; }\n#blueocean-app-root .chat-header { background: linear-gradient(135deg,var(--primary),var(--violet)); color: white; padding: 18px 20px; font-weight: 800; font-size:15px; display: flex; justify-content: space-between; align-items: center;}\n#blueocean-app-root .chat-body { flex: 1; padding: 18px; overflow-y: auto; background: #f8fafe; display: flex; flex-direction: column; gap: 14px; font-size: 14px;}\n#blueocean-app-root .chat-msg { max-width: 85%; padding: 12px 16px; border-radius: 16px; line-height: 1.5; font-weight:500;}\n#blueocean-app-root .chat-msg.bot { background: #fff; border: 1px solid var(--line); align-self: flex-start; border-bottom-left-radius: 4px; color: var(--text); box-shadow:0 2px 8px rgba(0,0,0,.02);}\n#blueocean-app-root .chat-msg.user { background: var(--primary); color: white; align-self: flex-end; border-bottom-right-radius: 4px; box-shadow:0 4px 12px rgba(36,93,255,.2);}\n#blueocean-app-root .chat-input-area { padding: 14px; background: #fff; border-top: 1px solid var(--line); display: flex; gap: 10px; align-items:center; }\n#blueocean-app-root .chat-input { flex: 1; border: 1px solid #dbe4f0 !important; border-radius: 99px; padding: 12px 18px; outline: none; font-size:14px; font-family:'Inter',sans-serif; transition:border-color 0.2s;}\n#blueocean-app-root .chat-input:focus { border-color: var(--primary) !important; }\n#blueocean-app-root .chat-send { background:var(--primary); color:white; border:none; width:36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:transform 0.2s;}\n#blueocean-app-root .chat-send:active{transform:scale(0.9);}\n@keyframes scaleIn { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } }\n\n\/* AI Typing Indicator *\/\n#blueocean-app-root .typing-indicator { display: flex; gap: 4px; padding: 14px 18px; background: #fff; border: 1px solid var(--line); border-radius: 16px; align-self: flex-start; width: fit-content; border-bottom-left-radius: 4px; box-shadow:0 2px 8px rgba(0,0,0,.02);}\n#blueocean-app-root .typing-dot { width: 6px; height: 6px; background: #a2b0c5; border-radius: 50%; animation: typing 1.4s infinite ease-in-out both; }\n#blueocean-app-root .typing-dot:nth-child(1) { animation-delay: -0.32s; }\n#blueocean-app-root .typing-dot:nth-child(2) { animation-delay: -0.16s; }\n@keyframes typing { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } }\n\n\/* --- SUPER COOL TOOLTIP (SPRECHBLASE) CSS --- *\/\n.tooltip-target {\n    position: relative;\n    cursor: help !important;\n}\n\/* Pulse indicator to guide users to hover over elements *\/\n.tooltip-target::before {\n    content: '';\n    position: absolute;\n    top: -6px;\n    right: -6px;\n    width: 12px;\n    height: 12px;\n    background: var(--violet);\n    border-radius: 50%;\n    box-shadow: 0 0 0 rgba(109, 94, 252, 0.4);\n    animation: pulse-hotspot 2s infinite;\n    z-index: 10;\n    pointer-events: none;\n}\n@keyframes pulse-hotspot {\n    0% { box-shadow: 0 0 0 0 rgba(109, 94, 252, 0.7); }\n    70% { box-shadow: 0 0 0 10px rgba(109, 94, 252, 0); }\n    100% { box-shadow: 0 0 0 0 rgba(109, 94, 252, 0); }\n}\n\n#global-tooltip {\n    position: fixed;\n    background: linear-gradient(135deg, #1b2436, #0a1120);\n    color: #fff;\n    padding: 14px 20px;\n    border-radius: 14px;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 1.5;\n    max-width: 300px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.25);\n    pointer-events: none;\n    z-index: 9999999;\n    opacity: 0;\n    transform: translateY(15px) scale(0.95);\n    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n    visibility: hidden;\n    border: 1px solid rgba(255,255,255,0.1);\n}\n#global-tooltip.active {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n    visibility: visible;\n}\n\/* Sprechblase Arrow Bottom *\/\n#global-tooltip::after {\n    content: '';\n    position: absolute;\n    bottom: -6px;\n    left: 50%;\n    margin-left: -6px;\n    width: 12px;\n    height: 12px;\n    background: #0a1120;\n    transform: rotate(45deg);\n    border-right: 1px solid rgba(255,255,255,0.1);\n    border-bottom: 1px solid rgba(255,255,255,0.1);\n    border-left: none;\n    border-top: none;\n    transition: all 0.2s ease;\n}\n\/* Sprechblase Arrow Top (if flipped) *\/\n#global-tooltip.arrow-top::after {\n    top: -6px;\n    bottom: auto;\n    border-left: 1px solid rgba(255,255,255,0.1);\n    border-top: 1px solid rgba(255,255,255,0.1);\n    border-right: none;\n    border-bottom: none;\n    background: #1b2436;\n}\n\n\/* Custom Pilot Card Styles *\/\n.pilot-card { background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 20px; display: flex; gap: 16px; align-items: flex-start; box-shadow: 0 4px 15px rgba(0,0,0,0.02); transition: all 0.3s ease; }\n.pilot-card:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(36,93,255,0.06); border-color: #bfd0ff; }\n.pilot-icon { width: 48px; height: 48px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; }\n.pilot-content { flex: 1; }\n.pilot-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }\n.pilot-title { font-weight: 800; font-size: 16px; color: var(--text); }\n.pilot-meta { font-size: 13px; color: var(--muted); font-weight: 600; }\n.pilot-desc { font-size: 14px; color: var(--muted); line-height: 1.5; margin-bottom: 12px; }\n.pilot-actions { display: flex; gap: 10px; }\n\n\/* Mobile Optimization for Layouts *\/\n@media (max-width:1250px){#blueocean-app-root .hero-grid, #blueocean-app-root .grid-2, #blueocean-app-root .grid-3, #blueocean-app-root .grid-4, #blueocean-app-root .row2{grid-template-columns:1fr} #blueocean-app-root .cards{grid-template-columns:repeat(2,1fr)} #blueocean-app-root .layout{grid-template-columns:1fr} #blueocean-app-root .sidebar{position:relative;top:0;height:auto} #blueocean-app-root .phones{grid-template-columns:1fr}}\n@media (max-width:1100px){\n  #blueocean-app-root .hamburger{display:flex;align-items:center;justify-content:center;}\n  #blueocean-app-root .top-links{\n    display:none; \n    position:absolute; top:100%; left:0; right:0; \n    background:rgba(255,255,255,0.98); backdrop-filter:blur(15px); -webkit-backdrop-filter:blur(15px);\n    flex-direction:column; padding:16px; border-bottom:1px solid var(--line);\n    box-shadow:0 15px 30px rgba(18,31,53,.1);\n  }\n  #blueocean-app-root .top-links.open{display:flex; animation: slideDownNav 0.2s ease;}\n  #blueocean-app-root .top-link{text-align:center; width:100%; padding:14px; font-size:16px;}\n  @keyframes slideDownNav { from { opacity:0; transform:translateY(-10px); } to { opacity:1; transform:translateY(0); } }\n}\n@media (max-width:740px){#blueocean-app-root h1{font-size:36px} #blueocean-app-root .cards{grid-template-columns:1fr} #blueocean-app-root .hero, #blueocean-app-root .mobile-wrap, #blueocean-app-root .content{padding-left:16px;padding-right:16px} #blueocean-app-root .page-top{flex-direction:column;align-items:flex-start} #blueocean-app-root .input, #blueocean-app-root .btn, #blueocean-app-root select, #blueocean-app-root textarea{min-height:46px}}\n<\/style>\n\n<div id=\"blueocean-app-root\">\n\n<div id=\"toast-container\"><\/div>\n\n<div class=\"top-nav\" id=\"main-nav\" style=\"display: flex;\">\n  <div class=\"logo\"><div class=\"logo-mark\">B<\/div> BlueOcean Ops AI<\/div>\n  \n  <div class=\"hamburger\" id=\"mobile-menu-btn\">\n    <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n      <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line>\n      <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line>\n      <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line>\n    <\/svg>\n  <\/div>\n\n  <div class=\"top-links\" id=\"nav-links\">\n    <div class=\"top-link active\" data-view=\"overview\"><de>\u00dcbersicht<\/de><en>Overview<\/en><\/div>\n    <div class=\"top-link\" data-view=\"app\"><de>Web-App<\/de><en>Web App<\/en><\/div>\n    <div class=\"top-link\" data-view=\"mobile\"><de>Mitarbeiter App<\/de><en>Employee App<\/en><\/div>\n    <!-- Language Toggle Button -->\n    <div class=\"top-link lang-toggle\" onclick=\"toggleLanguage()\" style=\"font-size:15px; padding:8px 12px; display:flex; gap:6px; align-items:center; background:#eef3ff; color:var(--primary);\">\n        <de>\ud83c\uddec\ud83c\udde7 EN<\/de><en>\ud83c\udde9\ud83c\uddea DE<\/en>\n    <\/div>\n  <\/div>\n<\/div>\n\n<section class=\"view active\" id=\"overview\">\n  <div class=\"hero\">\n    <div class=\"hero-grid\">\n      <div class=\"hero-card\" data-tooltip-de=\"Die KI fungiert als unsichtbarer Manager f\u00fcr Ihr 50-Mann Team: Sie scannt Vertr\u00e4ge, routet IT-Tickets und deckt Kostentreiber auf.\" data-tooltip-en=\"The AI acts as an invisible manager for your 50-person team: It scans contracts, routes IT tickets, and uncovers cost drivers.\">\n        <span class=\"badge violet\" style=\"margin-bottom: 12px;\"><de>Backoffice-Automatisierung<\/de><en>Back-office Automation<\/en><\/span>\n        <h1><de>Ein intelligenter Arbeitsbereich f\u00fcr Operations, IT und Compliance<\/de><en>One smart workspace for Operations, IT, and Compliance<\/en><\/h1>\n        <p class=\"lead\"><de>Das Dashboard lenkt den Fokus auf das, was KMUs Geld und Zeit kostet: Unn\u00f6tige Software-Abos, fehlende ISO-Dokumente und manuelle Freigabeprozesse.<\/de><en>The dashboard focuses on what costs SMEs money and time: Unnecessary software subs, missing ISO documents, and manual approval processes.<\/en><\/p>\n        <div class=\"hero-actions\">\n          <button class=\"btn primary\" onclick=\"activateTopView('app')\" data-tooltip-de=\"\u00d6ffnen Sie die Kommandozentrale f\u00fcr Ihre Operations-Manager.\" data-tooltip-en=\"Open the command center for your operations managers.\"><de>Operations-Hub \u00f6ffnen<\/de><en>Open Operations Hub<\/en><\/button>\n          <button class=\"btn secondary\" onclick=\"activateTopView('mobile')\" data-tooltip-de=\"So einfach reichen Ihre Mitarbeiter Urlaube oder Auslagen per Handy ein.\" data-tooltip-en=\"This is how easily your employees submit time-off or expenses via phone.\"><de>Mitarbeiter App ansehen<\/de><en>View Employee App<\/en><\/button>\n        <\/div>\n        <div class=\"bullets\">\n          <div class=\"bullet\"><span class=\"check\">\u2713<\/span><span><de>Kostensenkung: Automatisches Erkennen von &#8220;Shadow IT&#8221; und doppelten Lizenzen.<\/de><en>Cost Reduction: Automated detection of Shadow IT and duplicate licenses.<\/en><\/span><\/div>\n          <div class=\"bullet\"><span class=\"check\">\u2713<\/span><span><de>Compliance-Pilot: Sichert ab, dass alle Datenschutz- und ISO-Regeln erf\u00fcllt sind.<\/de><en>Compliance Pilot: Ensures all data protection and ISO standards are met.<\/en><\/span><\/div>\n          <div class=\"bullet\"><span class=\"check\">\u2713<\/span><span><de>Intelligentes Routing von Tickets (IT &#038; HR) aus Slack oder Teams.<\/de><en>Intelligent routing of tickets (IT &#038; HR) directly from Slack or Teams.<\/en><\/span><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"hero-card\" data-tooltip-de=\"Diese Priorit\u00e4tenbl\u00f6cke zeigen sofort, wo das Unternehmen heute handeln muss.\" data-tooltip-en=\"These priority blocks instantly show where the company needs to act today.\">\n        <div class=\"panel\" style=\"box-shadow:none;margin:0;border:2px dashed #c9d4e4; background: #fcfdff;\">\n          <h3><de>Priorit\u00e4ts-Radar (KMU)<\/de><en>Priority Radar (SME)<\/en><\/h3>\n          <div class=\"summary-list\">\n            <div class=\"summary-item\" style=\"border-left: 3px solid var(--danger);\"><span><de>Shadow-IT &#038; Ungenutzte Abos<\/de><en>Shadow IT &#038; Unused Subs<\/en><\/span><strong style=\"color:var(--danger)\">-650 \u20ac \/ <de>Mo<\/de><en>Mo<\/en><\/strong><\/div>\n            <div class=\"summary-item\"><span><de>Fehlende Vertr\u00e4ge (ISO\/DSGVO)<\/de><en>Missing Contracts (ISO\/GDPR)<\/en><\/span><strong>2 <de>Warnungen<\/de><en>Alerts<\/en><\/strong><\/div>\n            <div class=\"summary-item\"><span><de>Ausstehende Manager-Freigaben<\/de><en>Pending Manager Approvals<\/en><\/span><strong>8 <de>Anfragen<\/de><en>Requests<\/en><\/strong><\/div>\n            <div class=\"summary-item\"><span><de>Richtlinien-Verst\u00f6\u00dfe (Spesen)<\/de><en>Policy Violations (Expenses)<\/en><\/span><strong>1 <de>Fall<\/de><en>Case<\/en><\/strong><\/div>\n            <div class=\"summary-item\"><span><de>Automatisch gel\u00f6ste Support-Tickets<\/de><en>Auto-resolved support tickets<\/en><\/span><strong style=\"color:var(--success);\"><de>24 diese Woche<\/de><en>24 this week<\/en><\/strong><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"view\" id=\"app\">\n  <div class=\"layout\">\n    <aside class=\"sidebar\">\n      \n      <div class=\"group-title\"><de>Unternehmen (Global)<\/de><en>Company (Global)<\/en><\/div>\n      <div class=\"nav-item active\" data-page=\"ceo-cockpit\" data-tooltip-de=\"Die Vogelperspektive f\u00fcr Gesch\u00e4ftsf\u00fchrer: Burn-Rate, KI-Einsparungen und Freigaben.\" data-tooltip-en=\"The bird's-eye view for CEOs: Burn rate, AI savings, and executive approvals.\"><span class=\"icon\">\ud83d\udcca<\/span><span><de>CEO Cockpit<\/de><en>CEO Cockpit<\/en><\/span><\/div>\n      <div class=\"nav-item\" data-page=\"tenants\"><span class=\"icon\">\ud83c\udfe2<\/span><span><de>Abteilungs-\u00dcbersicht<\/de><en>Department Overview<\/en><\/span><\/div>\n      <div class=\"nav-item\" data-page=\"cost-pilot\" data-tooltip-de=\"Die KI sucht global nach Einsparungen und zeigt sie Ihnen hier geb\u00fcndelt an.\" data-tooltip-en=\"The AI proactively hunts globally for savings and bundles them for you here.\"><span class=\"icon\">\ud83d\ude80<\/span><span><de>Kosten-Cockpit &#038; KI-Pilot<\/de><en>Cost Cockpit &#038; AI Pilot<\/en><\/span><\/div>\n\n      <div class=\"workspace-card\" style=\"margin-top: 24px;\" data-tooltip-de=\"Hier w\u00e4hlen Sie die Abteilung, um deren lokale Daten anzusehen.\" data-tooltip-en=\"Select the department here to view its local data.\">\n        <div class=\"subtle\" style=\"margin-bottom:10px\"><de>Fachbereich (Lokal)<\/de><en>Department (Local)<\/en><\/div>\n        <select class=\"workspace-select\" id=\"tenant-switcher\">\n          <option value=\"Management &#038; Strategy\">Management &#038; Strategy<\/option>\n          <option value=\"IT &#038; Information Security\">IT &#038; Information Security<\/option>\n          <option value=\"Finance &#038; Accounting\">Finance &#038; Accounting<\/option>\n          <option value=\"Compliance &#038; ISO 27001\">Compliance &#038; ISO 27001<\/option>\n          <option value=\"HR &#038; Culture\">HR &#038; Culture<\/option>\n          <option value=\"Sales &#038; Marketing\">Sales &#038; Marketing<\/option>\n        <\/select>\n      <\/div>\n      \n      <div class=\"group-title\"><de>Fachbereichs-Tools<\/de><en>Department Tools<\/en><\/div>\n      <div class=\"nav-item\" data-page=\"dashboard\"><span class=\"icon\">\ud83c\udfaf<\/span><span><de>Fachbereichs-Dashboard<\/de><en>Department Dashboard<\/en><\/span><\/div>\n      <div class=\"nav-item\" data-page=\"uploads\"><span class=\"icon\">\ud83d\udcc1<\/span><span><de>Regeln &#038; Vertr\u00e4ge<\/de><en>Rules &#038; Contracts<\/en><\/span><\/div>\n      \n      <div class=\"group-title\"><de>System &#038; Setup<\/de><en>System &#038; Setup<\/en><\/div>\n      <div class=\"nav-item\" data-page=\"agents\"><span class=\"icon\">\ud83e\udd16<\/span><span><de>KI-Workflows<\/de><en>AI Workflows<\/en><\/span><\/div>\n      <div class=\"nav-item\" data-page=\"calculator\"><span class=\"icon\">\ud83d\udcc8<\/span><span><de>ROI-Rechner<\/de><en>ROI Calculator<\/en><\/span><\/div>\n      <div class=\"nav-item\" data-page=\"notifications\"><span class=\"icon\">\ud83d\udd14<\/span><span><de>Benachrichtigungen<\/de><en>Notifications<\/en><\/span><\/div>\n      <div class=\"nav-item\" data-page=\"connectors\"><span class=\"icon\">\ud83d\udd0c<\/span><span><de>System-Konnektoren<\/de><en>System Connectors<\/en><\/span><\/div>\n      <div class=\"nav-item\" data-page=\"settings\"><span class=\"icon\">\u2699<\/span><span><de>Einstellungen<\/de><en>Settings<\/en><\/span><\/div>\n    <\/aside>\n    \n    <main class=\"content\">\n      <div id=\"ai-loading-overlay\">\n        <div class=\"spinner\"><\/div>\n        <h2 style=\"margin-bottom: 8px;\"><de>BlueOcean KI analysiert Infrastruktur&#8230;<\/de><en>BlueOcean AI is Analyzing Infrastructure&#8230;<\/en><\/h2>\n        <p class=\"muted\"><de>Vergleiche SaaS-Lizenzen, pr\u00fcfe ISO-Vorgaben und suche nach Kostentreibern.<\/de><en>Comparing SaaS licenses, auditing ISO policies, and searching for cost drivers.<\/en><\/p>\n      <\/div>\n\n      <!-- CEO COCKPIT (Global) -->\n      <section class=\"page active\" id=\"ceo-cockpit\">\n        <div class=\"page-top\">\n          <div class=\"title\">\n            <h1><de>Gesch\u00e4ftsf\u00fchrer Cockpit<\/de><en>CEO Cockpit<\/en><\/h1>\n            <p><de>Die Vogelperspektive auf Ihr gesamtes Unternehmen. Kennzahlen, Risiken und Engp\u00e4sse auf einen Blick.<\/de><en>The bird&#8217;s-eye view of your entire company. Metrics, risks, and bottlenecks at a glance.<\/en><\/p>\n          <\/div>\n          <div class=\"actions\">\n            <button class=\"btn primary action-toast\" data-msg=\"Management-Briefing erstellt.\" data-msg-en=\"Management briefing generated.\"><de>Management-Briefing (KI)<\/de><en>Generate AI Briefing<\/en><\/button>\n          <\/div>\n        <\/div>\n\n        <div class=\"grid-4\" style=\"margin-bottom:20px\">\n          <div class=\"card\" data-tooltip-de=\"Ihr gesamter operativer Cash-Out f\u00fcr Software und Dienstleister im laufenden Monat.\" data-tooltip-en=\"Your total operational cash-out for software and vendors this month.\"><div class=\"label\"><de>SaaS &#038; Ops Burn<\/de><en>SaaS &#038; Ops Burn<\/en><\/div><div class=\"value\">24.800 \u20ac<\/div><div class=\"trend\" style=\"color:var(--danger)\">+4.2% <de>vs Vormonat<\/de><en>vs last month<\/en><\/div><\/div>\n          <div class=\"card\"><div class=\"label\"><de>KI-Einsparungen (YTD)<\/de><en>AI Savings (YTD)<\/en><\/div><div class=\"value\">8.450 \u20ac<\/div><div class=\"trend\" style=\"color:var(--success)\"><de>Zielerreichung: 110%<\/de><en>Goal tracking: 110%<\/en><\/div><\/div>\n          <div class=\"card\" data-tooltip-de=\"Rechtliche oder finanzielle Gefahren, die sofortige Aufmerksamkeit des Managements erfordern.\" data-tooltip-en=\"Legal or financial threats requiring immediate management attention.\"><div class=\"label\"><de>Kritische Gesch\u00e4ftsrisiken<\/de><en>Critical Business Risks<\/en><\/div><div class=\"value\" style=\"color:var(--danger)\">2<\/div><div class=\"trend\"><de>1x Compliance, 1x Budget<\/de><en>1x Compliance, 1x Budget<\/en><\/div><\/div>\n          <div class=\"card\"><div class=\"label\"><de>Unternehmens-Puls<\/de><en>Company Pulse<\/en><\/div><div class=\"value\">94%<\/div><div class=\"trend\" style=\"color:var(--success)\"><de>Ticket-SLA erf\u00fcllt<\/de><en>Ticket SLA met<\/en><\/div><\/div>\n        <\/div>\n\n        <div class=\"grid-2\">\n          <div class=\"panel\">\n            <h3 style=\"margin-bottom:16px;\"><de>Strategische KI-Insights<\/de><en>Strategic AI Insights<\/en><\/h3>\n            <div class=\"notif unread\" style=\"border-left-color: var(--warning); padding: 18px;\">\n              <div class=\"notif-title\" style=\"font-size:16px; margin-bottom:8px;\">\ud83d\udca1 <de>Kostensteigerung bei AWS<\/de><en>AWS Cost Spike<\/en><\/div>\n              <div class=\"muted\" style=\"line-height:1.5;\"><de>Die Cloud-Hosting-Kosten sind diesen Monat um 15% gestiegen. Die KI hat 3 ungenutzte Test-Server als Ursache identifiziert.<\/de><en>Cloud hosting costs spiked 15% this month. The AI identified 3 idle test servers as the root cause.<\/en><\/div>\n              <button class=\"btn secondary btn-sm action-toast\" style=\"margin-top:14px; border-color:var(--primary); color:var(--primary);\" data-msg=\"Anweisung an IT-Leitung gesendet.\" data-msg-en=\"Directive sent to IT lead.\"><de>IT anweisen abzuschalten<\/de><en>Direct IT to shut down<\/en><\/button>\n            <\/div>\n            <div class=\"notif unread\" style=\"border-left-color: var(--success); padding: 18px; margin-top:12px;\">\n              <div class=\"notif-title\" style=\"font-size:16px; margin-bottom:8px;\">\ud83d\udcc8 <de>HR Onboarding Beschleunigung<\/de><en>HR Onboarding Acceleration<\/en><\/div>\n              <div class=\"muted\" style=\"line-height:1.5;\"><de>Durch die neue KI-NDA-Automatisierung sparen wir pro neuem Mitarbeiter im Schnitt 2 Tage Wartezeit bis zum IT-Setup.<\/de><en>Thanks to the new AI NDA automation, we save an average of 2 days waiting time per new hire until IT setup.<\/en><\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"panel\">\n            <h3 style=\"margin-bottom:16px;\" data-tooltip-de=\"Entscheidungen, die Ihr Limit als Gesch\u00e4ftsf\u00fchrer \u00fcberschreiten und Ihre Unterschrift ben\u00f6tigen.\" data-tooltip-en=\"Decisions that exceed threshold limits and require your executive signature.\"><de>Management-Freigaben (C-Level)<\/de><en>Executive Approvals (C-Level)<\/en><\/h3>\n            <div class=\"summary-list\">\n               <div class=\"summary-item\" style=\"align-items: center; padding: 16px;\">\n                  <div>\n                    <span style=\"display:block; font-weight:800; font-size:15px; color:var(--text); margin-bottom:4px;\">Salesforce Enterprise Verl\u00e4ngerung<\/span>\n                    <span style=\"font-size:13px; font-weight:600;\"><de>J\u00e4hrlicher Vertrag \u2022 24.000 \u20ac<\/de><en>Annual Contract \u2022 \u20ac24,000<\/en><\/span>\n                  <\/div>\n                  <div style=\"display:flex; gap:8px;\">\n                    <button class=\"btn secondary btn-sm action-toast\" data-msg=\"Abgelehnt.\" data-msg-en=\"Declined.\" style=\"color:var(--danger); border-color:#ffccd5; background:#fff0f3;\">\u2715<\/button>\n                    <button class=\"btn primary btn-sm action-toast\" data-msg=\"Vertrag unterschrieben.\" data-msg-en=\"Contract signed.\">\u2713 <de>Signieren<\/de><en>Sign<\/en><\/button>\n                  <\/div>\n               <\/div>\n               <div class=\"summary-item\" style=\"align-items: center; padding: 16px;\">\n                  <div>\n                    <span style=\"display:block; font-weight:800; font-size:15px; color:var(--text); margin-bottom:4px;\">Neue Macbook Pro Charge (IT)<\/span>\n                    <span style=\"font-size:13px; font-weight:600;\"><de>Hardware-Budget \u2022 8.450 \u20ac<\/de><en>Hardware Budget \u2022 \u20ac8,450<\/en><\/span>\n                  <\/div>\n                  <div style=\"display:flex; gap:8px;\">\n                    <button class=\"btn secondary btn-sm action-toast\" data-msg=\"Abgelehnt.\" data-msg-en=\"Declined.\" style=\"color:var(--danger); border-color:#ffccd5; background:#fff0f3;\">\u2715<\/button>\n                    <button class=\"btn primary btn-sm action-toast\" data-msg=\"Budget freigegeben.\" data-msg-en=\"Budget approved.\">\u2713 <de>Freigeben<\/de><en>Approve<\/en><\/button>\n                  <\/div>\n               <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <!-- DEPARTMENTS OVERVIEW (Global) -->\n      <section class=\"page\" id=\"tenants\">\n        <div class=\"page-top\">\n          <div class=\"title\">\n            <h1><de>Abteilungs-\u00dcbersicht<\/de><en>Department Overview<\/en><\/h1>\n            <p><de>\u00dcberwachen Sie die Effizienz der einzelnen Fachbereiche in Echtzeit und navigieren Sie gezielt in deren Dashboards.<\/de><en>Monitor the efficiency of individual departments in real-time and navigate directly into their dashboards.<\/en><\/p>\n          <\/div>\n          <div class=\"actions\">\n            <button class=\"btn secondary action-toast\" data-msg=\"Statusbericht wird heruntergeladen...\" data-msg-en=\"Downloading Status Report...\"><de>Report exportieren<\/de><en>Export Report<\/en><\/button>\n          <\/div>\n        <\/div>\n\n        <div class=\"grid-3\" style=\"margin-bottom:24px\">\n          <div class=\"kpi\"><span class=\"subtle\"><de>Mitarbeiter gesamt<\/de><en>Total Employees<\/en><\/span><strong>52<\/strong><\/div>\n          <div class=\"kpi\"><span class=\"subtle\"><de>Offene KI-Optimierungen<\/de><en>Open AI Optimizations<\/en><\/span><strong style=\"color:var(--warning)\"><de>4 Vorschl\u00e4ge<\/de><en>4 Proposals<\/en><\/strong><\/div>\n          <div class=\"kpi\"><span class=\"subtle\"><de>SaaS Spend (Global)<\/de><en>Global SaaS Spend<\/en><\/span><strong>24.800 \u20ac<\/strong><\/div>\n        <\/div>\n\n        <div class=\"panel\">\n          <div style=\"display:flex; justify-content:space-between; align-items:center; margin-bottom:16px;\">\n            <h3 style=\"margin:0;\"><de>Fachbereiche &#038; Abteilungen<\/de><en>Departments<\/en><\/h3>\n            <input type=\"text\" class=\"input search\" data-ph-de=\"Fachbereich suchen...\" data-ph-en=\"Search departments...\" placeholder=\"Fachbereich suchen...\" style=\"width:280px; min-height:auto; padding:10px 16px;\" \/>\n          <\/div>\n          <table class=\"table\">\n            <thead>\n              <tr><th><de>Fachbereich<\/de><en>Department<\/en><\/th><th><de>Leitung<\/de><en>Lead<\/en><\/th><th><de>KI-Erkenntnisse &#038; Warnungen<\/de><en>AI Insights &#038; Alerts<\/en><\/th><th><de>Automatisierung<\/de><en>Automation<\/en><\/th><th style=\"text-align:right;\"><de>Zugriff<\/de><en>Quick Action<\/en><\/th><\/tr>\n            <\/thead>\n            <tbody>\n              <tr>\n                <td><strong style=\"color:var(--text); display:block; font-size:15px;\">Management &#038; Strategy<\/strong><span style=\"font-size:12px; font-weight:500;\">C-Level \u2022 4 <de>Personen<\/de><en>People<\/en><\/span><\/td>\n                <td>Sarah M. (CEO)<\/td>\n                <td><div style=\"display:flex; gap:6px; flex-wrap:wrap;\"><span class=\"badge warn\"><de>1 Budget-\u00dcberschreitung<\/de><en>1 Budget Overage<\/en><\/span><\/div><\/td>\n                <td><div class=\"bar\" style=\"width:110px; margin-bottom:6px;\"><div class=\"fill\" style=\"width:90%; background:var(--primary);\"><\/div><\/div><span style=\"font-size:12px; font-weight:600; color:var(--muted)\">90% <de>KPI-Tracking<\/de><en>KPI Tracking<\/en><\/span><\/td>\n                <td style=\"text-align:right;\"><button class=\"btn ghost\" style=\"padding:8px 14px; font-size:13px;\" onclick=\"window.jumpToTenant('Management &#038; Strategy', 'dashboard')\"><de>Dashboard<\/de><en>Dashboard<\/en> \u2192<\/button><\/td>\n              <\/tr>\n              <tr>\n                <td><strong style=\"color:var(--text); display:block; font-size:15px;\">IT &#038; Information Security<\/strong><span style=\"font-size:12px; font-weight:500;\">Tech \u2022 6 <de>Personen<\/de><en>People<\/en><\/span><\/td>\n                <td>David C. (CTO)<\/td>\n                <td><div style=\"display:flex; gap:6px; flex-wrap:wrap;\"><span class=\"badge danger\"><de>Shadow-IT erkannt (2x)<\/de><en>Shadow IT found (2x)<\/en><\/span><\/div><\/td>\n                <td><div class=\"bar\" style=\"width:110px; margin-bottom:6px;\"><div class=\"fill\" style=\"width:75%; background:var(--warning);\"><\/div><\/div><span style=\"font-size:12px; font-weight:600; color:var(--muted)\">75% <de>Ticket-Auto-Reply<\/de><en>Ticket Auto-Reply<\/en><\/span><\/td>\n                <td style=\"text-align:right;\"><button class=\"btn ghost\" style=\"padding:8px 14px; font-size:13px;\" onclick=\"window.jumpToTenant('IT &#038; Information Security', 'dashboard')\"><de>Dashboard<\/de><en>Dashboard<\/en> \u2192<\/button><\/td>\n              <\/tr>\n              <tr>\n                <td><strong style=\"color:var(--text); display:block; font-size:15px;\">Compliance &#038; ISO 27001<\/strong><span style=\"font-size:12px; font-weight:500;\">Legal \/ Data \u2022 2 <de>Personen<\/de><en>People<\/en><\/span><\/td>\n                <td>Michael R. (DPO)<\/td>\n                <td><div style=\"display:flex; gap:6px; flex-wrap:wrap;\"><span class=\"badge danger\"><de>1 Fehlendes DPA<\/de><en>1 Missing DPA<\/en><\/span><\/div><\/td>\n                <td><div class=\"bar\" style=\"width:110px; margin-bottom:6px;\"><div class=\"fill\" style=\"width:100%; background:var(--success);\"><\/div><\/div><span style=\"font-size:12px; font-weight:600; color:var(--success)\">100% <de>Vertrags-Check<\/de><en>Contract Check<\/en><\/span><\/td>\n                <td style=\"text-align:right;\"><button class=\"btn ghost\" style=\"padding:8px 14px; font-size:13px;\" onclick=\"window.jumpToTenant('Compliance &#038; ISO 27001', 'dashboard')\"><de>Dashboard<\/de><en>Dashboard<\/en> \u2192<\/button><\/td>\n              <\/tr>\n              <tr>\n                <td><strong style=\"color:var(--text); display:block; font-size:15px;\">Finance &#038; Accounting<\/strong><span style=\"font-size:12px; font-weight:500;\">Finance \u2022 4 <de>Personen<\/de><en>People<\/en><\/span><\/td>\n                <td>Laura S. (CFO)<\/td>\n                <td><div style=\"display:flex; gap:6px; flex-wrap:wrap;\"><span class=\"badge warn\"><de>1 Spesen-Versto\u00df<\/de><en>1 Expense Violation<\/en><\/span><\/div><\/td>\n                <td><div class=\"bar\" style=\"width:110px; margin-bottom:6px;\"><div class=\"fill\" style=\"width:95%; background:var(--success);\"><\/div><\/div><span style=\"font-size:12px; font-weight:600; color:var(--success)\">95% <de>Rechnungs-Matching<\/de><en>Invoice Matching<\/en><\/span><\/td>\n                <td style=\"text-align:right;\"><button class=\"btn ghost\" style=\"padding:8px 14px; font-size:13px;\" onclick=\"window.jumpToTenant('Finance &#038; Accounting', 'dashboard')\"><de>Dashboard<\/de><en>Dashboard<\/en> \u2192<\/button><\/td>\n              <\/tr>\n              <tr>\n                <td><strong style=\"color:var(--text); display:block; font-size:15px;\">HR &#038; Culture<\/strong><span style=\"font-size:12px; font-weight:500;\">People \u2022 3 <de>Personen<\/de><en>People<\/en><\/span><\/td>\n                <td>Anna K. (Head of HR)<\/td>\n                <td><div style=\"display:flex; gap:6px; flex-wrap:wrap;\"><span class=\"badge warn\"><de>4 Offene Urlaube<\/de><en>4 Open PTOs<\/en><\/span><\/div><\/td>\n                <td><div class=\"bar\" style=\"width:110px; margin-bottom:6px;\"><div class=\"fill\" style=\"width:98%; background:var(--success);\"><\/div><\/div><span style=\"font-size:12px; font-weight:600; color:var(--success)\">98% <de>SLA Onboarding<\/de><en>Onboarding SLA<\/en><\/span><\/td>\n                <td style=\"text-align:right;\"><button class=\"btn ghost\" style=\"padding:8px 14px; font-size:13px;\" onclick=\"window.jumpToTenant('HR &#038; Culture', 'dashboard')\"><de>Dashboard<\/de><en>Dashboard<\/en> \u2192<\/button><\/td>\n              <\/tr>\n              <tr>\n                <td><strong style=\"color:var(--text); display:block; font-size:15px;\">Sales &#038; Marketing<\/strong><span style=\"font-size:12px; font-weight:500;\">Growth \u2022 15 <de>Personen<\/de><en>People<\/en><\/span><\/td>\n                <td>Tom B. (VP Sales)<\/td>\n                <td><div style=\"display:flex; gap:6px; flex-wrap:wrap;\"><span class=\"badge danger\"><de>System nicht verkn\u00fcpft<\/de><en>System Unlinked<\/en><\/span><\/div><\/td>\n                <td><div class=\"bar\" style=\"width:110px; margin-bottom:6px;\"><div class=\"fill\" style=\"width:0%; background:var(--line);\"><\/div><\/div><span style=\"font-size:12px; font-weight:600; color:var(--muted)\">0% <de>Abdeckung<\/de><en>Coverage<\/en><\/span><\/td>\n                <td style=\"text-align:right;\"><button class=\"btn ghost\" style=\"padding:8px 14px; font-size:13px;\" onclick=\"window.jumpToTenant('Sales &#038; Marketing', 'dashboard')\"><de>Dashboard<\/de><en>Dashboard<\/en> \u2192<\/button><\/td>\n              <\/tr>\n            <\/tbody>\n          <\/table>\n        <\/div>\n      <\/section>\n\n      <!-- DEPARTMENT DASHBOARD (Local) -->\n      <section class=\"page\" id=\"dashboard\">\n        <div class=\"page-top\">\n          <div class=\"title\">\n            <div style=\"font-size:14px; font-weight:700; color:var(--primary); margin-bottom:6px; text-transform:uppercase; letter-spacing:0.05em;\" id=\"dash-tenant-name\">Management &#038; Strategy<\/div>\n            <h1><de>Fachbereichs-Dashboard<\/de><en>Department Dashboard<\/en><\/h1>\n            <p><de>Ihre Steuerungszentrale. Die KI filtert das Rauschen heraus und zeigt exakt die Entscheidungen, die f\u00fcr diesen Bereich jetzt anstehen.<\/de><en>Your command center. The AI filters the noise and shows exactly the decisions that are pending for this department.<\/en><\/p>\n          <\/div>\n          <div class=\"actions\">\n            <button class=\"btn secondary action-toast\" data-msg=\"Report exportiert.\" data-msg-en=\"Report exported.\"><de>Lokalen Report exportieren<\/de><en>Export Local Report<\/en><\/button>\n          <\/div>\n        <\/div>\n        \n        <div id=\"dashboard-content\" style=\"transition: opacity 0.3s ease;\">\n          <div class=\"grid-4\" style=\"margin-bottom:20px\">\n            <div class=\"card\" data-tooltip-de=\"Werden Tools gebucht, die die IT nicht freigegeben hat? Die KI merkt das am Beleg.\" data-tooltip-en=\"Are teams booking tools that IT hasn't approved? The AI notices this via receipts.\"><div class=\"label\"><de>Shadow-IT \/ Nicht genehmigt<\/de><en>Shadow IT \/ Unapproved<\/en><\/div><div class=\"value\" id=\"val-unrec\">2<\/div><div class=\"trend\" id=\"trend-unrec\" style=\"color:var(--danger)\"><de>Compliance Risiko!<\/de><en>Compliance Risk!<\/en><\/div><\/div>\n            <div class=\"card\"><div class=\"label\"><de>Ausstehende Freigaben<\/de><en>Pending Approvals<\/en><\/div><div class=\"value\" id=\"val-unpaid\">5<\/div><div class=\"trend\" id=\"trend-unpaid\" style=\"color:var(--warning)\"><de>\u00d8 Wartezeit: 1.2 Tage<\/de><en>Avg wait: 1.2 days<\/en><\/div><\/div>\n            <div class=\"card\"><div class=\"label\"><de>Vertragsfristen (30T)<\/de><en>Contract Deadlines (30d)<\/en><\/div><div class=\"value\" id=\"val-noinv\">1<\/div><div class=\"trend\" id=\"trend-noinv\"><de>Verl\u00e4ngerung droht<\/de><en>Auto-renewal impending<\/en><\/div><\/div>\n            <div class=\"card\" data-tooltip-de=\"Verst\u00f6\u00dft jemand gegen die Reiserichtlinie? Die KI blockt den Beleg.\" data-tooltip-en=\"Is someone violating the travel policy? The AI flags the receipt.\"><div class=\"label\"><de>Richtlinien-Verst\u00f6\u00dfe<\/de><en>Policy Violations<\/en><\/div><div class=\"value\" id=\"val-comp\">1<\/div><div class=\"trend\" id=\"trend-comp\" style=\"color:var(--warning)\"><de>Reisekosten<\/de><en>Travel Expenses<\/en><\/div><\/div>\n          <\/div>\n          <div class=\"grid-2\">\n            <div class=\"panel\">\n              <div style=\"display:flex;justify-content:space-between;align-items:center;gap:16px; margin-bottom:8px;\"><div><h3 style=\"margin:0;\"><de>Lokale SaaS &#038; Vendor \u00dcbersicht<\/de><en>Local SaaS &#038; Vendor Overview<\/en><\/h3><\/div><span class=\"badge info\"><de>Diesen Monat<\/de><en>This Month<\/en><\/span><\/div>\n              <p class=\"muted\" style=\"margin-bottom:16px; font-size:14px;\"><de>Automatisch aus Buchhaltungs-Exporten und Kreditkarten konsolidiert.<\/de><en>Automatically consolidated from accounting exports and credit cards.<\/en><\/p>\n              <div class=\"summary-list\">\n                <div class=\"summary-item\"><span><de>Laufende Software Lizenzen<\/de><en>Active Software Licenses<\/en><\/span><strong id=\"sum-1\">12.450,00 \u20ac<\/strong><\/div>\n                <div class=\"summary-item\"><span><de>Externe Dienstleister<\/de><en>External Vendors<\/en><\/span><strong id=\"sum-2\">14 Vertr\u00e4ge<\/strong><\/div>\n                <div class=\"summary-item\"><span><de>Potenzielle Einsparung (KI-Sch\u00e4tzung)<\/de><en>Potential Savings (AI Estimate)<\/en><\/span><strong id=\"sum-3\" style=\"color:var(--warning)\">850,00 \u20ac<\/strong><\/div>\n                <div class=\"summary-item\"><span><de>Bereits realisierte Einsparungen<\/de><en>Realized Savings (YTD)<\/en><\/span><strong id=\"sum-4\" style=\"color:var(--success)\">2.400,00 \u20ac<\/strong><\/div>\n              <\/div>\n            <\/div>\n            <div class=\"panel\">\n              <h3 style=\"margin-bottom:16px;\"><de>Lokale Aktions-Warteschlange<\/de><en>Local Action Queue<\/en><\/h3>\n              <div id=\"dash-notifications\">\n                <div class=\"notif unread\">\n                  <div style=\"display:flex; justify-content:space-between; align-items:start; gap: 12px;\">\n                    <div><div class=\"notif-title\"><de>Kostenwarnung: Redundante Tools<\/de><en>Cost Alert: Redundant Tools<\/en><\/div><div class=\"muted\"><de>Miro und Mural werden gleichzeitig lizenziert (-350\u20ac\/Mo m\u00f6glich).<\/de><en>Miro and Mural are simultaneously licensed (potential -\u20ac350\/mo).<\/en><\/div><\/div>\n                    <button class=\"btn secondary btn-sm action-toast\" style=\"white-space:nowrap; border-color:var(--primary); color:var(--primary);\" data-msg=\"IT-Ticket zur Pr\u00fcfung erstellt.\" data-msg-en=\"IT Ticket created for review.\"><de>IT Pr\u00fcfen lassen<\/de><en>Route to IT<\/en><\/button>\n                  <\/div>\n                <\/div>\n                <div class=\"notif unread\"><div class=\"notif-title\"><de>Vertragsverl\u00e4ngerung: HubSpot<\/de><en>Contract Renewal: HubSpot<\/en><\/div><div class=\"muted\"><de>Jahresvertrag verl\u00e4ngert sich in 45 Tagen. K\u00fcndigungsfrist in 15 Tagen.<\/de><en>Annual contract renews in 45 days. Cancellation deadline in 15 days.<\/en><\/div><\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <!-- COST COCKPIT & AI PILOT (Global) -->\n      <section class=\"page\" id=\"cost-pilot\">\n        <div class=\"page-top\">\n          <div class=\"title\">\n            <h1><de>Kosten-Cockpit &#038; KI-Pilot<\/de><en>Cost Cockpit &#038; AI Pilot<\/en><\/h1>\n            <p><de>Ihre KI durchsucht global und rund um die Uhr alle verkn\u00fcpften Tools nach Ineffizienzen und Kostentreibern.<\/de><en>Your AI globally scans all connected tools 24\/7 for inefficiencies and cost drivers.<\/en><\/p>\n          <\/div>\n          <div class=\"actions\">\n            <button class=\"btn primary action-toast\" id=\"run-pilot-btn\" data-tooltip-de=\"KI durchsucht jetzt live alle angebundenen Systeme nach Verschwendung.\" data-tooltip-en=\"AI runs a live scan across all connected systems looking for waste.\">\u2728 <de>Deep-Scan jetzt starten<\/de><en>Run AI Deep-Scan Now<\/en><\/button>\n          <\/div>\n        <\/div>\n\n        <div class=\"grid-3\" style=\"margin-bottom:24px;\">\n            <div class=\"kpi\"><span class=\"subtle\"><de>\u00dcberwachte Ausgaben (Monat)<\/de><en>Monitored Spend (Month)<\/en><\/span><strong>48.200 \u20ac<\/strong><\/div>\n            <div class=\"kpi\"><span class=\"subtle\"><de>Gefundenes Einsparpotenzial<\/de><en>Identified Savings Potential<\/en><\/span><strong style=\"color:var(--danger)\">1.850 \u20ac \/ <de>Mo<\/de><en>Mo<\/en><\/strong><\/div>\n            <div class=\"kpi\"><span class=\"subtle\"><de>Umgesetzte Optimierungen<\/de><en>Executed Optimizations<\/en><\/span><strong style=\"color:var(--success)\">12 <de>Aktionen<\/de><en>Actions<\/en><\/strong><\/div>\n        <\/div>\n\n        <h3 style=\"margin: 28px 0 16px;\"><de>KI-Erkenntnisse &#038; Handlungsempfehlungen<\/de><en>AI Discoveries &#038; Recommendations<\/en><\/h3>\n        \n        <div style=\"display:flex; flex-direction:column; gap:16px;\">\n            <!-- Pilot Card 1: IT \/ Lizenzen -->\n            <div class=\"pilot-card\">\n                <div class=\"pilot-icon\" style=\"background:#fff0f3; color:#dc4c64;\">\ud83d\udcbb<\/div>\n                <div class=\"pilot-content\">\n                    <div class=\"pilot-header\">\n                        <span class=\"pilot-title\"><de>Unbenutzte Google Workspace Lizenzen<\/de><en>Unused Google Workspace Licenses<\/en><\/span>\n                        <span class=\"pilot-meta\"><de>IT &#038; HR Abgleich<\/de><en>IT &#038; HR Cross-check<\/en><\/span>\n                    <\/div>\n                    <div class=\"pilot-desc\">\n                        <de>Die KI hat Personio (Austritte) mit Google Workspace abgeglichen. 4 Konten von ehemaligen Mitarbeitern sind seit >30 Tagen inaktiv, kosten aber weiterhin 23\u20ac\/Monat (Gesamt: -92\u20ac\/Monat).<\/de>\n                        <en>The AI cross-checked Personio (offboarding) with Google Workspace. 4 accounts of former employees have been inactive for >30 days but still cost \u20ac23\/month (Total: -\u20ac92\/month).<\/en>\n                    <\/div>\n                    <div class=\"pilot-actions\">\n                        <button class=\"btn primary btn-sm action-toast\" data-msg=\"Lizenzen in Google Workspace deaktiviert.\" data-msg-en=\"Licenses deactivated in Google Workspace.\"><de>Lizenzen jetzt k\u00fcndigen<\/de><en>Cancel Licenses Now<\/en><\/button>\n                        <button class=\"btn secondary btn-sm\"><de>Details ansehen<\/de><en>View Details<\/en><\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Pilot Card 2: Compliance \/ ISO -->\n            <div class=\"pilot-card\" data-tooltip-de=\"Extrem wichtig f\u00fcr B2B-Unternehmen, die ISO 27001 Zertifizierungen aufrechterhalten m\u00fcssen.\" data-tooltip-en=\"Extremely important for B2B companies maintaining ISO 27001 certifications.\">\n                <div class=\"pilot-icon\" style=\"background:#fff6e8; color:#f59e0b;\">\ud83d\udee1\ufe0f<\/div>\n                <div class=\"pilot-content\">\n                    <div class=\"pilot-header\">\n                        <span class=\"pilot-title\"><de>Compliance Risiko: Fehlendes DPA (Datenschutz)<\/de><en>Compliance Risk: Missing DPA (GDPR)<\/en><\/span>\n                        <span class=\"pilot-meta\"><de>ISO 27001 Audit<\/de><en>ISO 27001 Audit<\/en><\/span>\n                    <\/div>\n                    <div class=\"pilot-desc\">\n                        <de>Es wurde eine neue wiederkehrende Kreditkartenabrechnung f\u00fcr &#8220;Mailchimp&#8221; gefunden. Es liegt jedoch kein unterschriebener Auftragsverarbeitungsvertrag (DPA) im System vor. Dies ist ein DSGVO-Risiko.<\/de>\n                        <en>A new recurring credit card charge for &#8220;Mailchimp&#8221; was detected. However, there is no signed Data Processing Agreement (DPA) in the system. This is a GDPR risk.<\/en>\n                    <\/div>\n                    <div class=\"pilot-actions\">\n                        <button class=\"btn primary btn-sm action-toast\" data-msg=\"Automatisches DPA-Request an Lieferanten gesendet.\" data-msg-en=\"Automated DPA request sent to vendor.\"><de>DPA anfordern (KI-Mail)<\/de><en>Request DPA (AI Email)<\/en><\/button>\n                        <button class=\"btn secondary btn-sm\"><de>Ignorieren<\/de><en>Ignore<\/en><\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Pilot Card 3: Finance \/ Spesen -->\n            <div class=\"pilot-card\">\n                <div class=\"pilot-icon\" style=\"background:#eef3ff; color:#245dff;\">\ud83d\udcb6<\/div>\n                <div class=\"pilot-content\">\n                    <div class=\"pilot-header\">\n                        <span class=\"pilot-title\"><de>Richtlinien-Check: Zu teure Hotelbuchung<\/de><en>Policy Audit: Overpriced Hotel Booking<\/en><\/span>\n                        <span class=\"pilot-meta\"><de>Finance &#038; Controlling<\/de><en>Finance &#038; Controlling<\/en><\/span>\n                    <\/div>\n                    <div class=\"pilot-desc\">\n                        <de>Ein Mitarbeiter hat in Pleo\/Spendesk ein Hotel in M\u00fcnchen f\u00fcr 280\u20ac\/Nacht eingereicht. Die hinterlegte Reiserichtlinie erlaubt max. 150\u20ac\/Nacht f\u00fcr innerdeutsche Reisen. Der Beleg wurde von der KI gestoppt.<\/de>\n                        <en>An employee submitted a hotel in Munich for \u20ac280\/night in Pleo\/Spendesk. The uploaded travel policy allows a max of \u20ac150\/night for domestic travel. The receipt was flagged by AI.<\/en>\n                    <\/div>\n                    <div class=\"pilot-actions\">\n                        <button class=\"btn secondary btn-sm action-toast\" data-msg=\"Mitarbeiter um Stellungnahme gebeten.\" data-msg-en=\"Asked employee for justification.\"><de>Stellungnahme anfordern<\/de><en>Request Justification<\/en><\/button>\n                        <button class=\"btn secondary btn-sm\" style=\"color:var(--danger); border-color:#ffccd5; background:#fff0f3;\"><de>Erstattung ablehnen<\/de><en>Deny Reimbursement<\/en><\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n      <\/section>\n      \n      <section class=\"page\" id=\"uploads\">\n        <div class=\"page-top\">\n          <div class=\"title\">\n            <h1><de>Regeln &#038; Vertr\u00e4ge<\/de><en>Rules &#038; Contracts<\/en><\/h1>\n            <p><de>Laden Sie hier abteilungs- oder firmenweite &#8220;Spielregeln&#8221; und Vertr\u00e4ge hoch. Die KI nutzt diese als Wissensbasis.<\/de><en>Upload department or company-wide rules and contracts here. The AI uses these as its knowledge base.<\/en><\/p>\n          <\/div>\n          <div class=\"actions\">\n            <button class=\"btn primary\" id=\"run-ai-agent-btn\" data-tooltip-de=\"L\u00e4sst die KI sofort das gesamte Firmenwissen neu indizieren.\" data-tooltip-en=\"Forces the AI to instantly re-index all company knowledge.\">\ud83d\ude80 <de>Wissensbasis aktualisieren<\/de><en>Update Knowledge Base<\/en><\/button>\n          <\/div>\n        <\/div>\n        \n        <div class=\"grid-3\" style=\"margin-bottom: 24px;\">\n          <div class=\"panel\" style=\"background:#f9fbff; border: 1px solid var(--line);\">\n            <h3 style=\"display:flex; align-items:center; gap:8px;\"><span>\ud83d\udcdc<\/span> <de>Lieferantenvertr\u00e4ge<\/de><en>Vendor Contracts<\/en><\/h3>\n            <p class=\"muted\" style=\"font-size:13px; margin-bottom: 16px;\"><de>Dienstleistungsvertr\u00e4ge und Software-Lizenzen (PDF\/Word).<\/de><en>Service agreements and software licenses (PDF\/Word).<\/en><\/p>\n            <input type=\"file\" class=\"hidden-file-input\" data-target=\"bank-list\" multiple style=\"display:none;\" \/>\n            <div class=\"dropzone folder-dropzone\"><div class=\"big\">+ <de>Vertr\u00e4ge hinzuf\u00fcgen<\/de><en>Add Contracts<\/en><\/div><\/div>\n            <div class=\"file-list\" id=\"bank-list\"><div class=\"file-row\" data-name=\"Salesforce_Enterprise_Agreement.pdf\"><div class=\"name\">Salesforce_Enterprise_Agreement.pdf<\/div><span class=\"badge success\"><de>Bereit<\/de><en>Ready<\/en><\/span><\/div><\/div>\n          <\/div>\n          \n          <div class=\"panel\" style=\"background:#f9fbff; border: 1px solid var(--line);\">\n            <h3 style=\"display:flex; align-items:center; gap:8px;\"><span>\ud83d\udee1\ufe0f<\/span> <de>Unternehmensrichtlinien<\/de><en>Company Policies<\/en><\/h3>\n            <p class=\"muted\" style=\"font-size:13px; margin-bottom: 16px;\"><de>Reisekostenrichtlinien, Compliance-Guides und IT-Sicherheit.<\/de><en>Travel expense policies, compliance guides, and IT security.<\/en><\/p>\n            <input type=\"file\" class=\"hidden-file-input\" data-target=\"purchase-list\" multiple style=\"display:none;\" \/>\n            <div class=\"dropzone folder-dropzone\" data-tooltip-de=\"Die KI nutzt diese Richtlinien als 'Regelwerk' zur automatischen Pr\u00fcfung von Ausgaben.\" data-tooltip-en=\"The AI uses these policies as a 'rulebook' to automatically audit expenses.\"><div class=\"big\">+ <de>Richtlinien hinzuf\u00fcgen<\/de><en>Add Policies<\/en><\/div><\/div>\n            <div class=\"file-list\" id=\"purchase-list\">\n               <div class=\"file-row\" data-name=\"Reiserichtlinie_Global_2026.pdf\"><div class=\"name\">Reiserichtlinie_Global_2026.pdf<\/div><span class=\"badge success\"><de>Bereit<\/de><en>Ready<\/en><\/span><\/div>\n               <div class=\"file-row\" data-name=\"IT_Security_Guidelines.pdf\"><div class=\"name\">IT_Security_Guidelines.pdf<\/div><span class=\"badge success\"><de>Bereit<\/de><en>Ready<\/en><\/span><\/div>\n            <\/div>\n          <\/div>\n          \n          <div class=\"panel\" style=\"background:#f9fbff; border: 1px solid var(--line);\">\n            <h3 style=\"display:flex; align-items:center; gap:8px;\"><span>\ud83e\uddfe<\/span> <de>Rechnungen &#038; Spesen<\/de><en>Invoices &#038; Expenses<\/en><\/h3>\n            <p class=\"muted\" style=\"font-size:13px; margin-bottom: 16px;\"><de>SaaS-Rechnungen und eingereichte Mitarbeiter-Belege.<\/de><en>SaaS invoices and submitted employee receipts.<\/en><\/p>\n            <input type=\"file\" class=\"hidden-file-input\" data-target=\"sales-list\" multiple style=\"display:none;\" \/>\n            <div class=\"dropzone folder-dropzone\" data-tooltip-de=\"Die KI checkt diese Belege sofort gegen die hochgeladenen Unternehmensrichtlinien.\" data-tooltip-en=\"The AI instantly cross-checks these receipts against the uploaded company policies.\"><div class=\"big\">+ <de>Belege hinzuf\u00fcgen<\/de><en>Add Receipts<\/en><\/div><\/div>\n            <div class=\"file-list\" id=\"sales-list\">\n               <div class=\"file-row\" data-name=\"Zoom_Invoice_Marketing.pdf\"><div class=\"name\">Zoom_Invoice_Marketing.pdf<\/div><span class=\"badge success\"><de>Bereit<\/de><en>Ready<\/en><\/span><\/div>\n               <div class=\"file-row\" data-name=\"AWS_Hosting_Feb.pdf\"><div class=\"name\">AWS_Hosting_Feb.pdf<\/div><span class=\"badge success\"><de>Bereit<\/de><en>Ready<\/en><\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n      \n      <section class=\"page\" id=\"agents\">\n        <div class=\"page-top\">\n          <div class=\"title\">\n            <h1><de>KI-Workflows &#038; Automatisierung<\/de><en>AI Workflows &#038; Automation<\/en><\/h1>\n            <p><de>Definieren Sie, wie die KI-Agenten eingehende Tickets routen, Vertr\u00e4ge analysieren und Kosten senken sollen.<\/de><en>Define how the AI agents should route incoming tickets, analyze contracts, and reduce costs.<\/en><\/p>\n          <\/div>\n          <div class=\"actions\">\n            <button class=\"btn primary action-toast\" data-msg=\"Workflow-Setup erfolgreich gespeichert.\" data-msg-en=\"Workflow settings saved successfully.\"><de>Workflows speichern<\/de><en>Save Workflows<\/en><\/button>\n          <\/div>\n        <\/div>\n        \n        <div style=\"display:grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap:20px;\">\n          \n          <!-- Agent 1: IT\/HR Routing -->\n          <div class=\"panel\">\n            <div style=\"display:flex;justify-content:space-between;gap:12px;align-items:center; margin-bottom:10px;\">\n              <div><h3 style=\"margin:0;\"><de>Intelligentes IT\/HR-Routing<\/de><en>Intelligent IT\/HR Routing<\/en><\/h3><\/div>\n              <span class=\"badge info\"><de>Aktiviert<\/de><en>Enabled<\/en><\/span>\n            <\/div>\n            <p class=\"muted\" style=\"margin-bottom:16px;\"><de>Die KI liest eingehende Mitarbeiteranfragen, kategorisiert sie (z.B. Hardware-Defekt, Gehaltsfrage) und weist sie sofort dem richtigen Bearbeiter zu.<\/de><en>The AI reads incoming employee requests, categorizes them (e.g., broken hardware, payroll question), and assigns them to the right handler.<\/en><\/p>\n            <div class=\"summary-list\">\n              <div class=\"summary-item\"><span><de>Haupteingaben<\/de><en>Primary inputs<\/en><\/span><strong><de>E-Mails, Slack-Nachrichten<\/de><en>Emails, Slack messages<\/en><\/strong><\/div>\n              <div class=\"summary-item\"><span><de>Hauptausgaben<\/de><en>Main outputs<\/en><\/span><strong><de>Jira-Tickets, Asana-Tasks<\/de><en>Jira tickets, Asana tasks<\/en><\/strong><\/div>\n              <div class=\"summary-item\"><span><de>Zeitgewinn<\/de><en>Time saved<\/en><\/span><strong><de>~4 Std. pro Woche<\/de><en>~4 hrs per week<\/en><\/strong><\/div>\n            <\/div>\n            <div class=\"pillrow\" style=\"margin-top:16px\">\n              <div class=\"pill\"><de>Stimmungsanalyse<\/de><en>Sentiment analysis<\/en><\/div>\n              <div class=\"pill\"><de>Automatische Antworten<\/de><en>Auto-replies<\/en><\/div>\n            <\/div>\n          <\/div>\n          \n          <!-- Agent 2: Contract Scanner -->\n          <div class=\"panel\">\n            <div style=\"display:flex;justify-content:space-between;gap:12px;align-items:center; margin-bottom:10px;\">\n              <div><h3 style=\"margin:0;\"><de>Vertrags- &#038; Fristen-Scanner<\/de><en>Contract &#038; Deadline Scanner<\/en><\/h3><\/div>\n              <span class=\"badge violet\"><de>Aktiviert<\/de><en>Enabled<\/en><\/span>\n            <\/div>\n            <p class=\"muted\" style=\"margin-bottom:16px;\"><de>\u00dcberpr\u00fcft alle hochgeladenen Dokumente auf rechtliche Verpflichtungen, K\u00fcndigungsfristen und Kostenerh\u00f6hungen.<\/de><en>Checks all uploaded documents for legal obligations, cancellation deadlines, and cost increases.<\/en><\/p>\n            <div class=\"summary-list\">\n              <div class=\"summary-item\"><span><de>Haupteingaben<\/de><en>Primary inputs<\/en><\/span><strong><de>PDF-Vertr\u00e4ge, NDA, DPA<\/de><en>PDF contracts, NDAs, DPAs<\/en><\/strong><\/div>\n              <div class=\"summary-item\"><span><de>Hauptausgaben<\/de><en>Main outputs<\/en><\/span><strong><de>Erinnerungen, Kostenwarnungen<\/de><en>Reminders, cost alerts<\/en><\/strong><\/div>\n              <div class=\"summary-item\"><span><de>Risikopriorit\u00e4t<\/de><en>Risk priority<\/en><\/span><strong><de>Sehr hoch<\/de><en>Very high<\/en><\/strong><\/div>\n            <\/div>\n            <div class=\"pillrow\" style=\"margin-top:16px\">\n              <div class=\"pill\"><de>OCRTextextraktion<\/de><en>OCR Text Extraction<\/en><\/div>\n              <div class=\"pill\"><de>Preiswarnungen<\/de><en>Price alerts<\/en><\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Agent 3: Expense Auditor -->\n          <div class=\"panel\">\n            <div style=\"display:flex;justify-content:space-between;gap:12px;align-items:center; margin-bottom:10px;\">\n              <div><h3 style=\"margin:0;\"><de>Spesen- &#038; Compliance-Auditor<\/de><en>Expense &#038; Compliance Auditor<\/en><\/h3><\/div>\n              <span class=\"badge info\"><de>Aktiviert<\/de><en>Enabled<\/en><\/span>\n            <\/div>\n            <p class=\"muted\" style=\"margin-bottom:16px;\"><de>Pr\u00fcft Belege in Echtzeit gegen die Unternehmensrichtlinien, blockiert Verst\u00f6\u00dfe (z.B. teure Hotels) und extrahiert Buchhaltungsdaten.<\/de><en>Audits receipts in real-time against company policies, blocks violations (e.g. expensive hotels) and extracts data.<\/en><\/p>\n            <div class=\"summary-list\">\n              <div class=\"summary-item\"><span><de>Haupteingaben<\/de><en>Primary inputs<\/en><\/span><strong><de>Spendesk, Pleo, Foto-Scans<\/de><en>Spendesk, Pleo, Photo scans<\/en><\/strong><\/div>\n              <div class=\"summary-item\"><span><de>Hauptausgaben<\/de><en>Main outputs<\/en><\/span><strong><de>Manager-Freigaben, Ablehnungen<\/de><en>Manager approvals, Denials<\/en><\/strong><\/div>\n              <div class=\"summary-item\"><span><de>Genauigkeit<\/de><en>Accuracy<\/en><\/span><strong><de>> 99.5%<\/de><en>> 99.5%<\/en><\/strong><\/div>\n            <\/div>\n            <div class=\"pillrow\" style=\"margin-top:16px\">\n              <div class=\"pill\"><de>Spesenlimit-Check<\/de><en>Expense Limit Check<\/en><\/div>\n              <div class=\"pill\"><de>MwSt.-Extraktion<\/de><en>VAT Extraction<\/en><\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Agent 4: Shadow IT Guardian -->\n          <div class=\"panel\">\n            <div style=\"display:flex;justify-content:space-between;gap:12px;align-items:center; margin-bottom:10px;\">\n              <div><h3 style=\"margin:0;\"><de>SaaS &#038; Shadow-IT W\u00e4chter<\/de><en>SaaS &#038; Shadow IT Guardian<\/en><\/h3><\/div>\n              <span class=\"badge success\"><de>Beta<\/de><en>Beta<\/en><\/span>\n            <\/div>\n            <p class=\"muted\" style=\"margin-bottom:16px;\"><de>Gleicht HR-Systeme kontinuierlich mit Software-Logins ab, um ungenutzte Lizenzen von Ex-Mitarbeitern und nicht genehmigte Apps zu finden.<\/de><en>Continuously matches HR systems with software logins to find unused licenses from ex-employees and unapproved apps.<\/en><\/p>\n            <div class=\"summary-list\">\n              <div class=\"summary-item\"><span><de>Haupteingaben<\/de><en>Primary inputs<\/en><\/span><strong><de>Personio, Google Workspace<\/de><en>Personio, Google WS<\/en><\/strong><\/div>\n              <div class=\"summary-item\"><span><de>Hauptausgaben<\/de><en>Main outputs<\/en><\/span><strong><de>K\u00fcndigungslisten, Warnungen<\/de><en>Cancellation lists, Alerts<\/en><\/strong><\/div>\n              <div class=\"summary-item\"><span><de>Zielsetzung<\/de><en>Goal<\/en><\/span><strong><de>Direkte Kostensenkung<\/de><en>Direct Cost Reduction<\/en><\/strong><\/div>\n            <\/div>\n            <div class=\"pillrow\" style=\"margin-top:16px\">\n              <div class=\"pill\"><de>Lizenz-Tracking<\/de><en>License Tracking<\/en><\/div>\n              <div class=\"pill\"><de>Offboarding-Check<\/de><en>Offboarding Check<\/en><\/div>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/section>\n      \n      <section class=\"page\" id=\"calculator\"><div class=\"page-top\"><div class=\"title\"><h1><de>ROI- &#038; Automatisierungs-Rechner<\/de><en>ROI &#038; Automation Calculator<\/en><\/h1><p><de>Sehen Sie live, wie viel Geld und Arbeitszeit BlueOcean Ops AI Ihrem 50-Mann-Team spart.<\/de><en>See live how much money and work time BlueOcean Ops AI is saving your 50-person team.<\/en><\/p><\/div><div class=\"actions\"><button class=\"btn primary\" id=\"btn-recalc\"><de>Daten aktualisieren<\/de><en>Refresh Data<\/en><\/button><\/div><\/div><div class=\"grid-3\"><div class=\"kpi\"><span class=\"subtle\"><de>Automatisch gel\u00f6ste Anfragen<\/de><en>Auto-resolved requests<\/en><\/span><strong id=\"calc-docs\">84<\/strong><\/div><div class=\"kpi\"><span class=\"subtle\"><de>Eingesparte Admin-Zeit<\/de><en>Saved Admin Time<\/en><\/span><strong id=\"calc-tx\">45 Std.<\/strong><\/div><div class=\"kpi\" data-tooltip-de=\"Harte Fakten: So viel Kosten hat die KI durch das Verhindern unn\u00f6tiger Vertragsverl\u00e4ngerungen eingespart.\" data-tooltip-en=\"Hard facts: This is how much cost the AI saved by preventing unnecessary contract auto-renewals.\"><span class=\"subtle\"><de>Direkte Kosteneinsparung (YTD)<\/de><en>Direct Cost Savings (YTD)<\/en><\/span><strong id=\"calc-cost\" style=\"color:var(--success)\">6.450 \u20ac<\/strong><\/div><\/div><div class=\"panel\" style=\"margin-top:20px\"><table class=\"table\"><thead><tr><th><de>Automatisierungsbereich<\/de><en>Automation Area<\/en><\/th><th><de>Aktionen (Monat)<\/de><en>Actions (Month)<\/en><\/th><th><de>\u00d8 Zeitersparnis\/Aktion<\/de><en>Avg Time Saved\/Action<\/en><\/th><th><de>Wert der Einsparung<\/de><en>Value Generated<\/en><\/th><\/tr><\/thead><tbody><tr><td><de>IT-Ticket Triage &#038; First-Level<\/de><en>IT Ticket Triage &#038; First-Level<\/en><\/td><td>115<\/td><td>5 Min.<\/td><td>9.5 Std.<\/td><\/tr><tr><td><de>Spesen- &#038; Belegpr\u00fcfung (Compliance)<\/de><en>Expense &#038; Receipt Audit (Compliance)<\/en><\/td><td>80<\/td><td>10 Min.<\/td><td>13 Std.<\/td><\/tr><tr><td><de>SaaS Lizenz-Optimierung<\/de><en>SaaS License Optimization<\/en><\/td><td>4<\/td><td>\u2014<\/td><td>Direkt: 950 \u20ac \/ Monat<\/td><\/tr><\/tbody><\/table><\/div><\/section>\n      \n      <section class=\"page\" id=\"notifications\"><div class=\"page-top\"><div class=\"title\"><h1><de>Benachrichtigungen<\/de><en>Notifications<\/en><\/h1><p><de>Benachrichtigungen konzentrieren sich auf Handlungsbedarfe: Vertr\u00e4ge, Genehmigungen und Richtlinien.<\/de><en>Notifications focus on action items: contracts, approvals, and policies.<\/en><\/p><\/div><div class=\"actions\"><button class=\"btn secondary action-toast\" data-msg=\"Alle Benachrichtigungen als gelesen markiert.\" data-msg-en=\"All notifications marked as read.\" id=\"btn-mark-read\"><de>Alle als gelesen markieren<\/de><en>Mark all as read<\/en><\/button><\/div><\/div><div class=\"panel\"><div class=\"notif unread\"><div class=\"notif-title\"><de>Kostenwarnung \u2022 Doppeltes Abo erkannt<\/de><en>Cost Alert \u2022 Duplicate Sub Detected<\/en><\/div><div class=\"muted\"><de>Zwei verschiedene Teams zahlen derzeit f\u00fcr Zoom Enterprise. Konsolidierung empfohlen.<\/de><en>Two different teams are currently paying for Zoom Enterprise. Consolidation recommended.<\/en><\/div><\/div><div class=\"notif unread\"><div class=\"notif-title\"><de>ISO 27001 Alarm \u2022 DPA fehlt<\/de><en>ISO 27001 Alert \u2022 DPA Missing<\/en><\/div><div class=\"muted\"><de>Neuer US-Service (Mailchimp) im Einsatz, aber kein Datenverarbeitungsvertrag hinterlegt.<\/de><en>New US service (Mailchimp) in use, but no Data Processing Agreement uploaded.<\/en><\/div><\/div><div class=\"notif\"><div class=\"notif-title\"><de>Hardware-Antrag \u2022 Anna Schmidt<\/de><en>Hardware Request \u2022 Anna Schmidt<\/en><\/div><div class=\"muted\"><de>Beantragt Monitor (240 \u20ac). Richtlinie erlaubt max. 300 \u20ac. Wartet auf Manager-Freigabe.<\/de><en>Requested Monitor (\u20ac240). Policy allows max \u20ac300. Waiting for manager approval.<\/en><\/div><\/div><\/div><\/section>\n      \n      <section class=\"page\" id=\"connectors\">\n        <div class=\"page-top\">\n          <div class=\"title\">\n            <h1><de>System-Konnektoren (Fachbereiche)<\/de><en>System Connectors (Departments)<\/en><\/h1>\n            <p><de>Verbinden Sie die Tools, die Ihr 50-Mann Unternehmen bereits nutzt, um Datensilos aufzubrechen.<\/de><en>Connect the tools your 50-person company already uses to break down data silos.<\/en><\/p>\n          <\/div>\n          <div class=\"actions\"><button class=\"btn primary action-toast\" data-msg=\"Integrationskatalog wird ge\u00f6ffnet...\" data-msg-en=\"Opening integration catalog...\"><de>Konnektor hinzuf\u00fcgen<\/de><en>Add Connector<\/en><\/button><\/div>\n        <\/div>\n        <div class=\"grid-4\">\n          <div class=\"connector\" data-tooltip-de=\"Ideal f\u00fcr Mitarbeiterverwaltung und Offboarding-Checks.\" data-tooltip-en=\"Ideal for employee management and offboarding checks.\"><div class=\"connector-top\"><strong>Personio \/ HR<\/strong><div class=\"switch\"><\/div><\/div><div class=\"muted\" style=\"font-size:13px;\"><de>Mitarbeiterdaten, Urlaub &#038; Austritte synchronisieren.<\/de><en>Sync employee data, PTO &#038; offboarding.<\/en><\/div><\/div>\n          <div class=\"connector\"><div class=\"connector-top\"><strong>Spendesk \/ Pleo<\/strong><div class=\"switch\"><\/div><\/div><div class=\"muted\" style=\"font-size:13px;\"><de>Kreditkarten und Spesen automatisiert auf Richtlinien pr\u00fcfen.<\/de><en>Auto-audit credit cards and expenses against policies.<\/en><\/div><\/div>\n          <div class=\"connector\" data-tooltip-de=\"Die KI meldet, wenn Tools genutzt werden, die nicht ISO 27001 zertifiziert sind.\" data-tooltip-en=\"AI alerts when tools are used that are not ISO 27001 certified.\"><div class=\"connector-top\"><strong>Vanta \/ Drata<\/strong><div class=\"switch\"><\/div><\/div><div class=\"muted\" style=\"font-size:13px;\"><de>ISO 27001 &#038; Compliance-Sicherung im Hintergrund.<\/de><en>ISO 27001 &#038; continuous compliance checks.<\/en><\/div><\/div>\n          <div class=\"connector\"><div class=\"connector-top\"><strong>Jira \/ IT Helpdesk<\/strong><div class=\"switch\"><\/div><\/div><div class=\"muted\" style=\"font-size:13px;\"><de>KI-Routing f\u00fcr Hardware- und Support-Tickets.<\/de><en>AI routing for hardware and support tickets.<\/en><\/div><\/div>\n          <div class=\"connector\"><div class=\"connector-top\"><strong>Slack \/ MS Teams<\/strong><div class=\"switch\"><\/div><\/div><div class=\"muted\" style=\"font-size:13px;\"><de>KI beantwortet Fragen direkt im Team-Chat.<\/de><en>AI answers questions directly in team chat.<\/en><\/div><\/div>\n          <div class=\"connector\"><div class=\"connector-top\"><strong>Google Workspace<\/strong><div class=\"switch\"><\/div><\/div><div class=\"muted\" style=\"font-size:13px;\"><de>Lizenzen abgleichen &#038; Mail-Anh\u00e4nge (Rechnungen) lesen.<\/de><en>Match licenses &#038; read mail attachments (invoices).<\/en><\/div><\/div>\n          <div class=\"connector\"><div class=\"connector-top\"><strong>HubSpot \/ CRM<\/strong><div class=\"switch off\"><\/div><\/div><div class=\"muted\" style=\"font-size:13px;\"><de>Sales-Vertr\u00e4ge &#038; Kundendaten synchronisieren.<\/de><en>Sync sales contracts &#038; customer data.<\/en><\/div><\/div>\n          <div class=\"connector\"><div class=\"connector-top\"><strong>DATEV \/ Xero<\/strong><div class=\"switch off\"><\/div><\/div><div class=\"muted\" style=\"font-size:13px;\"><de>Buchhaltungsexport f\u00fcr gepr\u00fcfte Spesen.<\/de><en>Accounting export for audited expenses.<\/en><\/div><\/div>\n        <\/div>\n      <\/section>\n      \n      <section class=\"page\" id=\"settings\"><div class=\"page-top\"><div class=\"title\"><h1><de>Einstellungen<\/de><en>Settings<\/en><\/h1><p><de>Unternehmensweite Vorgaben f\u00fcr Berechtigungen, Eskalationen und Automatisierung.<\/de><en>Company-wide defaults for permissions, escalations, and automation.<\/en><\/p><\/div><div class=\"actions\"><button class=\"btn primary action-toast\" data-msg=\"Einstellungen global gespeichert.\" data-msg-en=\"Settings saved globally.\"><de>\u00c4nderungen speichern<\/de><en>Save Changes<\/en><\/button><\/div><\/div><div class=\"grid-2\"><div class=\"panel\"><div class=\"row2\"><div class=\"field\"><label><de>Standard-Standort<\/de><en>Default Location<\/en><\/label><select><option>Global Operations HQ<\/option><option>Berlin Office<\/option><\/select><\/div><div class=\"field\"><label><de>Zeitzone<\/de><en>Timezone<\/en><\/label><select><option>Europa\/Berlin<\/option><option>America\/New_York<\/option><\/select><\/div><div class=\"field\"><label><de>Vertrags-Vorwarnzeit<\/de><en>Contract Alert Lead Time<\/en><\/label><select><option><de>45 Tage vorher<\/de><en>45 days before<\/en><\/option><option><de>90 Tage vorher<\/de><en>90 days before<\/en><\/option><\/select><\/div><div class=\"field\"><label><de>Basisw\u00e4hrung<\/de><en>Base currency<\/en><\/label><select><option>EUR<\/option><option>USD<\/option><\/select><\/div><\/div><\/div><div class=\"panel\"><h3 style=\"margin-bottom:16px;\"><de>Genehmigungs-Richtlinien<\/de><en>Approval Policies<\/en><\/h3><div class=\"summary-list\"><div class=\"summary-item\"><span><de>Spesen Auto-Freigabe Limit<\/de><en>Expense Auto-Approve Limit<\/en><\/span><strong><de>Bis 50 \u20ac<\/de><en>Up to \u20ac50<\/en><\/strong><\/div><div class=\"summary-item\"><span><de>Eskalation bei ignorierten Tickets<\/de><en>Ignored Ticket Escalation<\/en><\/span><strong><de>Nach 48 Std.<\/de><en>After 48 hrs<\/en><\/strong><\/div><div class=\"summary-item\"><span><de>Hardware-Anfragen Routing<\/de><en>Hardware Request Routing<\/en><\/span><strong><de>Direkt zu IT (David C.)<\/de><en>Direct to IT (David C.)<\/en><\/strong><\/div><\/div><\/div><\/div><\/section>\n    <\/main>\n  <\/div>\n  \n  <div class=\"chat-widget\" data-tooltip-de=\"Der Copilot hat alle Ihre Vertr\u00e4ge (Salesforce, Slack) und Richtlinien (Reise, IT) 'gelesen'.\" data-tooltip-en=\"The Copilot has 'read' all your contracts (Salesforce, Slack) and policies (Travel, IT).\">\n    <div class=\"chat-window\" id=\"tax-copilot-window\">\n      <div class=\"chat-header\">\n        <de>Ops-Copilot KI<\/de><en>Ops Copilot AI<\/en>\n        <span style=\"cursor:pointer; font-size:12px; font-weight:normal; opacity:0.8;\" onclick=\"event.stopPropagation(); document.getElementById('tax-copilot-window').classList.remove('open')\"><de>Schlie\u00dfen<\/de><en>Close<\/en> \u2715<\/span>\n      <\/div>\n      <div class=\"chat-body\" id=\"chat-messages\">\n        <div class=\"chat-msg bot\"><de>Hallo! Ich bin Ihr Backoffice-Copilot. Ich habe Kontext zu allen Vertr\u00e4gen, Spesen und internen Richtlinien. Fragen Sie mich etwas.<\/de><en>Hi! I&#8217;m your Backoffice Copilot. I have context on all contracts, expenses, and internal policies. Ask me anything.<\/en><\/div>\n        <div class=\"chat-msg bot\" style=\"font-style:italic; font-size:13px; opacity:0.8; background:transparent; border:none; box-shadow:none; padding:0 4px;\"><de>Versuchen Sie: &#8220;Was sagt die Reiserichtlinie zu Fl\u00fcgen?&#8221; oder &#8220;Haben wir ein DPA f\u00fcr Mailchimp?&#8221;<\/de><en>Try: &#8220;What does the travel policy say about flights?&#8221; or &#8220;Do we have a DPA for Mailchimp?&#8221;<\/en><\/div>\n      <\/div>\n      <div class=\"chat-input-area\">\n        <input type=\"text\" class=\"chat-input\" id=\"chat-input\" data-ph-de=\"Vertr\u00e4ge oder Richtlinien durchsuchen...\" data-ph-en=\"Search contracts or policies...\" placeholder=\"Vertr\u00e4ge oder Richtlinien durchsuchen...\" onkeypress=\"if(event.key === 'Enter') sendChatMessage()\" \/>\n        <button class=\"chat-send\" onclick=\"sendChatMessage()\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"5\"><\/line><polyline points=\"5 12 12 5 19 12\"><\/polyline><\/svg>\n        <\/button>\n      <\/div>\n    <\/div>\n    <div class=\"chat-toggle\" onclick=\"document.getElementById('tax-copilot-window').classList.toggle('open')\">\n      <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path><\/svg>\n    <\/div>\n  <\/div>\n  \n<\/section>\n\n\n<section class=\"view\" id=\"mobile\">\n  <div class=\"mobile-wrap\">\n    <h2 style=\"font-size:36px; text-align:center;\"><de>Mitarbeiter Self-Service App<\/de><en>Employee Self-Service App<\/en><\/h2>\n    <p style=\"margin-bottom:40px; max-width:700px; margin-left:auto; margin-right:auto; text-align:center; line-height:1.6; color:var(--muted); font-size:16px;\"><de>W\u00e4hrend die Web-Plattform f\u00fcr Operations-Manager gedacht ist, wurde die Mobile App f\u00fcr die <strong>Mitarbeiter<\/strong> entwickelt. Sie reduziert Support-Anfragen extrem, da Mitarbeiter Urlaub, Spesen und IT-Probleme mit einem Klick einreichen k\u00f6nnen.<\/de><en>While the web platform is for operations managers, the mobile app is designed for <strong>employees<\/strong>. It drastically reduces support tickets because staff can submit PTO, expenses, and IT issues with a single tap.<\/en><\/p>\n    \n    <div class=\"phones\">\n      <div class=\"phone\" data-tooltip-de=\"Mitarbeiter k\u00f6nnen Quittungen knipsen, IT-Tickets er\u00f6ffnen oder KI-Fragen stellen \u2013 alles mobil.\" data-tooltip-en=\"Employees can snap receipts, open IT tickets, or ask AI questions \u2013 all mobile.\">\n        <div class=\"phone-shell\">\n          <div style=\"display:flex; justify-content:space-between; align-items:center; margin-bottom:24px;\">\n            <div class=\"logo\" style=\"font-size:16px;\"><div class=\"logo-mark\" style=\"width:28px;height:28px;font-size:13px\">B<\/div> Employee Hub<\/div>\n            <div style=\"width:36px; height:36px; border-radius:50%; background:#e7edf5; display:flex; align-items:center; justify-content:center; font-size:16px;\">\ud83d\udc64<\/div>\n          <\/div>\n          \n          <div class=\"mobile-header\"><de>Hallo, Thomas<\/de><en>Hello, Thomas<\/en><\/div>\n          \n          <div class=\"mobile-card action-toast\" data-msg=\"Ticket-Bot wird ge\u00f6ffnet.\" data-msg-en=\"Opening Ticket Bot.\" style=\"background:linear-gradient(135deg,#245dff,#6d8fff);color:#fff; text-align:center; padding:32px 16px; cursor:pointer; box-shadow: 0 12px 25px rgba(36,93,255,.25); border:none; transition:transform 0.2s;\">\n            <div style=\"font-size:48px; margin-bottom:12px;\">\ud83d\udcac<\/div>\n            <div style=\"font-size:22px;font-weight:900;\"><de>Anfrage stellen<\/de><en>Submit Request<\/en><\/div>\n            <div style=\"color:rgba(255,255,255,0.85); font-size:14px; margin-top:8px; font-weight:500;\"><de>IT Problem, Urlaub oder Spesen<\/de><en>IT Issue, PTO, or Expenses<\/en><\/div>\n          <\/div>\n          \n          <div class=\"mobile-card\" style=\"border-left: 4px solid var(--warning); cursor:pointer;\">\n            <div style=\"display:flex; justify-content:space-between; align-items:center;\">\n              <strong style=\"font-size:15px;\"><de>Ihre offenen Anfragen<\/de><en>Your Open Requests<\/en><\/strong>\n              <span class=\"badge warn\"><de>1 in Bearbeitung<\/de><en>1 Processing<\/en><\/span>\n            <\/div>\n            <div class=\"subtle\" style=\"margin-top:8px; line-height:1.4;\"><de>Neue Maus (Hardware-Defekt). Warten auf IT-Freigabe.<\/de><en>New mouse (Hardware broken). Waiting for IT approval.<\/en><\/div>\n          <\/div>\n          \n          <div class=\"mobile-card\">\n            <strong style=\"font-size:15px; display:block; margin-bottom:12px;\"><de>Schnellzugriff<\/de><en>Quick Links<\/en><\/strong>\n            <div class=\"subtle\" style=\"display:flex; justify-content:space-between; align-items:center; padding-bottom:12px; border-bottom:1px solid var(--line);\"><span>\ud83c\udfd6\ufe0f <de>Resturlaub<\/de><en>Remaining PTO<\/en><\/span><strong style=\"color:var(--text); font-weight:700;\"><de>12 Tage<\/de><en>12 Days<\/en><\/strong><\/div>\n            <div class=\"subtle\" style=\"margin-top:12px; display:flex; justify-content:space-between; align-items:center;\"><span>\ud83d\udcc4 <de>Mitarbeiterhandbuch<\/de><en>Employee Handbook<\/en><\/span><span style=\"color:var(--primary); font-weight:700;\"><de>\u00d6ffnen<\/de><en>Open<\/en><\/span><\/div>\n          <\/div>\n          \n          <div class=\"mobile-nav\" style=\"grid-template-columns:repeat(4, 1fr); margin-top:auto;\">\n            <div style=\"color:var(--primary);\"><de>Start<\/de><en>Home<\/en><\/div>\n            <div><de>Kamera<\/de><en>Scan<\/en><\/div>\n            <div style=\"position:relative;\"><de>Tickets<\/de><en>Tickets<\/en> <span style=\"position:absolute; top:-6px; right:4px; background:var(--warning); color:#fff; font-size:9px; width:16px; height:16px; border-radius:50%; display:flex; align-items:center; justify-content:center;\">1<\/span><\/div>\n            <div>HR-Bot<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <div class=\"phone\" data-tooltip-de=\"F\u00fcr Team-Leads: Genehmigen Sie Spesen, Urlaube und Hardware per Swipe von unterwegs.\" data-tooltip-en=\"For Team Leads: Approve expenses, PTO, and hardware with a swipe on the go.\">\n        <div class=\"phone-shell\">\n          <div style=\"display:flex; justify-content:space-between; align-items:center; margin-bottom:24px;\">\n            <div class=\"logo\" style=\"font-size:16px;\"><div class=\"logo-mark\" style=\"width:28px;height:28px;font-size:13px;background:linear-gradient(135deg,#f59e0b,#dc4c64)\">M<\/div> Manager Hub<\/div>\n          <\/div>\n          \n          <div class=\"mobile-header\"><de>Team-Freigaben<\/de><en>Team Approvals<\/en><\/div>\n          <p class=\"subtle\" style=\"margin-bottom:24px; line-height:1.5;\"><de>Diese Anfragen Ihres Teams warten auf Ihre Entscheidung.<\/de><en>These requests from your team are waiting for your decision.<\/en><\/p>\n          \n          <div class=\"mobile-card\" style=\"padding:18px;\">\n            <div style=\"display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:8px;\">\n              <strong style=\"color:var(--text); font-size:16px; line-height:1.3;\">Thomas M\u00fcller<\/strong>\n              <span class=\"badge info\"><de>Hardware<\/de><en>Hardware<\/en><\/span>\n            <\/div>\n            <div class=\"subtle\" style=\"font-size:13px; margin-bottom:16px;\"><de>Ben\u00f6tigt eine neue Tastatur (Defekt). Kosten: 89 \u20ac.<\/de><en>Needs a new Keyboard (Broken). Cost: \u20ac89.<\/en><\/div>\n            <div style=\"display:flex; gap:10px;\">\n                <button class=\"btn secondary action-toast\" data-msg=\"Abgelehnt.\" data-msg-en=\"Declined.\" style=\"width:50%; padding:10px; font-size:13px; color:var(--danger); border-color:#ffccd5; background:#fff0f3;\">\u2715 <de>Ablehnen<\/de><en>Decline<\/en><\/button>\n                <button class=\"btn primary action-toast\" data-msg=\"Hardware genehmigt, Jira-Ticket an IT gesendet.\" data-msg-en=\"Hardware approved, Jira ticket sent to IT.\" style=\"width:50%; padding:10px; font-size:13px;\">\u2713 <de>Genehmigen<\/de><en>Approve<\/en><\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"mobile-card\" style=\"padding:18px;\">\n            <div style=\"display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:8px;\">\n              <strong style=\"color:var(--text); font-size:16px; line-height:1.3;\">Anna Schmidt<\/strong>\n              <span class=\"badge violet\"><de>Urlaub<\/de><en>PTO<\/en><\/span>\n            <\/div>\n            <div class=\"subtle\" style=\"font-size:13px; margin-bottom:16px;\"><de>Beantragt 3 Tage Urlaub. Keine \u00dcberschneidungen im Personio-Kalender laut KI.<\/de><en>Requests 3 days off. No overlaps in Personio calendar per AI.<\/en><\/div>\n            <div style=\"display:flex; gap:10px;\">\n                <button class=\"btn secondary action-toast\" data-msg=\"Abgelehnt.\" data-msg-en=\"Declined.\" style=\"width:50%; padding:10px; font-size:13px; color:var(--danger); border-color:#ffccd5; background:#fff0f3;\">\u2715 <de>Ablehnen<\/de><en>Decline<\/en><\/button>\n                <button class=\"btn primary action-toast\" data-msg=\"Urlaub genehmigt, Personio wird synchronisiert.\" data-msg-en=\"PTO approved, syncing to Personio.\" style=\"width:50%; padding:10px; font-size:13px;\">\u2713 <de>Genehmigen<\/de><en>Approve<\/en><\/button>\n            <\/div>\n          <\/div>\n          \n          <div class=\"mobile-nav\" style=\"grid-template-columns:repeat(4, 1fr); margin-top:auto;\">\n            <div><de>Team<\/de><en>Team<\/en><\/div>\n            <div style=\"color:var(--primary); position:relative;\"><de>Freigaben<\/de><en>Approvals<\/en> <span style=\"position:absolute; top:-6px; right:-2px; background:var(--danger); color:#fff; font-size:9px; width:16px; height:16px; border-radius:50%; display:flex; align-items:center; justify-content:center;\">2<\/span><\/div>\n            <div><de>Budgets<\/de><en>Budgets<\/en><\/div>\n            <div>Chat<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const appRoot = document.getElementById('blueocean-app-root');\n    if (appRoot && appRoot.parentNode !== document.body) {\n        document.body.appendChild(appRoot);\n    }\n    document.documentElement.style.setProperty('overflow', 'hidden', 'important');\n    document.body.style.setProperty('overflow', 'hidden', 'important');\n    \n    \/\/ --- NEU: SYNCHRONISATION MIT DEM WORDPRESS HEADER ---\n    syncLanguageOnLoad();\n    \n    updatePlaceholders();\n    initTooltips();\n});\n\n\/\/ --- LANGUAGE TOGGLE LOGIC ---\nlet currentLanguage = 'de';\n\n\/\/ Diese Funktion liest die Sprache aus, die der externe Header gesetzt hat\nfunction syncLanguageOnLoad() {\n    if (window.location.hash === '#lang-en') {\n        currentLanguage = 'en';\n    } else if (window.location.hash === '#lang-de') {\n        currentLanguage = 'de';\n    } else {\n        try {\n            const stored = localStorage.getItem('blue_ocean_lang');\n            if (stored === 'en') currentLanguage = 'en';\n        } catch(e) {}\n    }\n\n    if (currentLanguage === 'en') {\n        document.body.classList.add('english');\n    } else {\n        document.body.classList.remove('english');\n    }\n}\n\n\/\/ Reagiert sofort, wenn das Men\u00fc auf der Webseite die Sprache \u00e4ndert\nwindow.addEventListener('hashchange', () => {\n    if (window.location.hash === '#lang-en' || window.location.hash === '#lang-de') {\n        const newLang = window.location.hash.replace('#lang-', '');\n        if (currentLanguage !== newLang) {\n            currentLanguage = newLang;\n            if (newLang === 'en') document.body.classList.add('english');\n            else document.body.classList.remove('english');\n            \n            updatePlaceholders();\n            const currentTenant = document.getElementById('tenant-switcher').value;\n            updateDashboardData(currentTenant);\n        }\n    }\n});\n\nwindow.toggleLanguage = function() {\n    document.body.classList.toggle('english');\n    currentLanguage = document.body.classList.contains('english') ? 'en' : 'de';\n    \n    \/\/ Sprache zur\u00fcck in den LocalStorage schreiben (f\u00fcr den Header)\n    try {\n        localStorage.setItem('blue_ocean_lang', currentLanguage);\n    } catch(e) {}\n    \n    \/\/ URL-Hash aktualisieren (damit der Header wei\u00df, dass sich was ge\u00e4ndert hat)\n    history.replaceState(null, null, `#lang-${currentLanguage}`);\n    window.dispatchEvent(new Event('hashchange'));\n    \n    updatePlaceholders();\n    \n    const currentTenant = document.getElementById('tenant-switcher').value;\n    updateDashboardData(currentTenant);\n};\n\nfunction updatePlaceholders() {\n    document.querySelectorAll('[data-ph-de]').forEach(el => {\n        el.placeholder = currentLanguage === 'en' ? el.getAttribute('data-ph-en') : el.getAttribute('data-ph-de');\n    });\n}\n\n\/\/ --- SPRECHBLASE (TOOLTIP) LOGIC ---\nfunction initTooltips() {\n    const tooltip = document.createElement('div');\n    tooltip.id = 'global-tooltip';\n    document.body.appendChild(tooltip);\n\n    document.querySelectorAll('[data-tooltip-de]').forEach(el => {\n        el.classList.add('tooltip-target');\n\n        el.addEventListener('mouseenter', (e) => {\n            const textDE = el.getAttribute('data-tooltip-de');\n            const textEN = el.getAttribute('data-tooltip-en');\n            tooltip.innerHTML = currentLanguage === 'en' ? textEN : textDE;\n\n            const rect = el.getBoundingClientRect();\n            \n            tooltip.style.visibility = 'hidden';\n            tooltip.classList.add('active');\n            \n            \/\/ Wait for next frame to get tooltip dimensions\n            requestAnimationFrame(() => {\n                let top = rect.top - tooltip.offsetHeight - 15;\n                let left = rect.left + (rect.width \/ 2) - (tooltip.offsetWidth \/ 2);\n\n                \/\/ Boundary checks\n                if (top < 10) {\n                    top = rect.bottom + 15;\n                    tooltip.classList.add('arrow-top');\n                } else {\n                    tooltip.classList.remove('arrow-top');\n                }\n                \n                if(left < 10) left = 10;\n                if(left + tooltip.offsetWidth > window.innerWidth - 10) {\n                    left = window.innerWidth - tooltip.offsetWidth - 10;\n                }\n\n                tooltip.style.top = top + 'px';\n                tooltip.style.left = left + 'px';\n                tooltip.style.visibility = 'visible';\n            });\n        });\n\n        el.addEventListener('mouseleave', () => {\n            tooltip.classList.remove('active');\n        });\n    });\n}\n\n\/\/ API Configuration\nconst GEMINI_API_KEY = \"AIzaSyCqWlW_suVzGffL1pAx36lP3Y5hRLWKswc\";\n\n\/\/ View & Page Navigation\nconst topLinks = [...document.querySelectorAll('#blueocean-app-root .top-link')];\nconst views = [...document.querySelectorAll('#blueocean-app-root .view')];\nconst navLinksContainer = document.getElementById('nav-links');\nconst mobileMenuBtn = document.getElementById('mobile-menu-btn');\n\nmobileMenuBtn.addEventListener('click', () => {\n  navLinksContainer.classList.toggle('open');\n});\n\nfunction activateTopView(id) {\n  if(id === 'lang-toggle') return;\n  topLinks.forEach(l => l.classList.toggle('active', l.dataset.view === id));\n  views.forEach(v => v.classList.toggle('active', v.id === id));\n  navLinksContainer.classList.remove('open');\n  window.scrollTo({top: 0, behavior: 'smooth'});\n}\n\ntopLinks.forEach(link => link.addEventListener('click', () => {\n  if (link.id !== 'logout-btn' && !link.classList.contains('lang-toggle')) activateTopView(link.dataset.view);\n}));\n\nconst navItems = [...document.querySelectorAll('#blueocean-app-root .nav-item')];\nconst pages = [...document.querySelectorAll('#blueocean-app-root .page')];\nfunction showPage(id) {\n  navItems.forEach(n => n.classList.toggle('active', n.dataset.page === id));\n  pages.forEach(p => p.classList.toggle('active', p.id === id));\n  window.scrollTo({top: 0, behavior: 'smooth'});\n}\nnavItems.forEach(item => item.addEventListener('click', () => showPage(item.dataset.page)));\n\nwindow.jumpToTenant = function(tenantName, pageId) {\n  const ts = document.getElementById('tenant-switcher');\n  ts.value = tenantName;\n  ts.dispatchEvent(new Event('change'));\n  showPage(pageId);\n};\n\nwindow.showToast = function(msg) {\n  const container = document.getElementById('toast-container');\n  const toast = document.createElement('div');\n  toast.className = 'toast';\n  toast.textContent = msg;\n  container.appendChild(toast);\n  setTimeout(() => toast.remove(), 3000);\n};\n\ndocument.addEventListener('click', (e) => {\n  const target = e.target.closest('#blueocean-app-root .action-toast');\n  if(target) {\n    e.preventDefault();\n    const msg = currentLanguage === 'en' && target.dataset.msgEn ? target.dataset.msgEn : (target.dataset.msg || \"Aktion erfolgreich\");\n    showToast(msg);\n  }\n});\n\n\/\/ DATA DICTIONARIES FOR DEPARTMENTS\nconst tenantDataDE = {\n  \"Management & Strategy\": {\n    unreconciled: \"2\", unrec_trend: \"Compliance Risiko!\", unrec_color: \"var(--danger)\",\n    unpaid: \"5\", unpaid_trend: \"\u00d8 Wartezeit: 1.2 Tage\", unpaid_color: \"var(--warning)\",\n    no_invoice: \"1\", no_inv_trend: \"Verl\u00e4ngerung droht\",\n    compliance: \"1\", comp_trend: \"Reisekosten\", comp_color: \"var(--warning)\",\n    summary: [\"12.450,00 \u20ac\", \"14 Vertr\u00e4ge\", \"850,00 \u20ac\", \"2.400,00 \u20ac\"],\n    alerts: [\n      { title: \"Kostenwarnung: Redundante Tools\", desc: \"Miro und Mural werden gleichzeitig von verschiedenen Teams lizenziert (-350\u20ac\/Mo m\u00f6glich).\", unread: true, action: \"IT Pr\u00fcfen lassen\" },\n      { title: \"Vertragsverl\u00e4ngerung: HubSpot\", desc: \"Jahresvertrag verl\u00e4ngert sich in 45 Tagen. K\u00fcndigungsfrist in 15 Tagen.\", unread: true }\n    ]\n  },\n  \"IT & Information Security\": {\n    unreconciled: \"2\", unrec_trend: \"Geringes Risiko\", unrec_color: \"var(--warning)\",\n    unpaid: \"14\", unpaid_trend: \"Hardware-Anfragen\", unpaid_color: \"var(--warning)\",\n    no_invoice: \"4\", no_inv_trend: \"Lizenzen erneuern\",\n    compliance: \"0\", comp_trend: \"MDM aktiv\", comp_color: \"var(--success)\",\n    summary: [\"8.100,00 \u20ac\", \"AWS, Google, Jira\", \"0,00 \u20ac\", \"1.450,00 \u20ac\"],\n    alerts: [\n      { title: \"Gro\u00dfer Volumenrabatt verpasst\", desc: \"Wir nutzen 48 Google Workspace Lizenzen einzeln. Ab 50 gibt es Enterprise-Konditionen.\", unread: true, action: \"Verhandeln\" },\n      { title: \"Unbenutzte Cloud-Server\", desc: \"2 AWS-Instanzen seit \u00fcber 60 Tagen ohne Traffic.\", unread: false }\n    ]\n  },\n  \"Finance & Accounting\": {\n    unreconciled: \"0\", unrec_trend: \"Budgets im Rahmen\", unrec_color: \"var(--success)\",\n    unpaid: \"2\", unpaid_trend: \"Richtlinien-Verst\u00f6\u00dfe\", unpaid_color: \"var(--danger)\",\n    no_invoice: \"0\", no_inv_trend: \"Alles zugeordnet\",\n    compliance: \"0\", comp_trend: \"Keine Abweichungen\", comp_color: \"var(--success)\",\n    summary: [\"3.400,00 \u20ac\", \"Spesen gesamt\", \"0,00 \u20ac\", \"0,00 \u20ac\"],\n    alerts: [\n      { title: \"Reiserichtlinien-Versto\u00df\", desc: \"Ein Mitarbeiter buchte ein Hotel f\u00fcr 280\u20ac\/Nacht (Limit: 150\u20ac). Beleg gestoppt.\", unread: true, action: \"R\u00fcckfrage senden\" }\n    ]\n  },\n  \"Compliance & ISO 27001\": {\n    unreconciled: \"0\", unrec_trend: \"Pr\u00fcfung ausstehend\", unrec_color: \"var(--muted)\",\n    unpaid: \"1\", unpaid_trend: \"Fehlendes DPA\", unpaid_color: \"var(--danger)\",\n    no_invoice: \"2\", no_inv_trend: \"Vertr\u00e4ge zu pr\u00fcfen\",\n    compliance: \"1\", comp_trend: \"Haftungsrisiko\", comp_color: \"var(--danger)\",\n    summary: [\"0,00 \u20ac\", \"0 Risiken\", \"0,00 \u20ac\", \"0,00 \u20ac\"],\n    alerts: [\n      { title: \"DSGVO-Risiko erkannt\", desc: \"Der neue US-Dienstleister 'Mailchimp' hat keinen unterschriebenen Data Processing Agreement (DPA) Vertrag hinterlegt.\", unread: true, action: \"DPA anfordern\" },\n      { title: \"Abweichende Haftungsklausel\", desc: \"Die KI hat bemerkt, dass im neuen Lieferantenvertrag die Haftungsobergrenze gesenkt wurde.\", unread: true }\n    ]\n  },\n  \"HR & Culture\": {\n    unreconciled: \"0\", unrec_trend: \"Personio Synchron\", unrec_color: \"var(--success)\",\n    unpaid: \"3\", unpaid_trend: \"Urlaubsantr\u00e4ge\", unpaid_color: \"var(--warning)\",\n    no_invoice: \"0\", no_inv_trend: \"Keine\",\n    compliance: \"0\", comp_trend: \"Vertr\u00e4ge signiert\", comp_color: \"var(--success)\",\n    summary: [\"950,00 \u20ac\", \"HR Tools\", \"0,00 \u20ac\", \"0,00 \u20ac\"],\n    alerts: [\n      { title: \"Automatisches Offboarding\", desc: \"F\u00fcr 4 ausgetretene Mitarbeiter wurden Lizenzen in Google Workspace und Jira noch nicht entzogen.\", unread: true, action: \"IT informieren\" }\n    ]\n  },\n  \"Sales & Marketing\": {\n    unreconciled: \"\u2014\", unrec_trend: \"CRM Daten\", unrec_color: \"var(--muted)\",\n    unpaid: \"\u2014\", unpaid_trend: \"Budgets\", unpaid_color: \"var(--muted)\",\n    no_invoice: \"\u2014\", no_inv_trend: \"Vertr\u00e4ge\",\n    compliance: \"\u2014\", comp_trend: \"DSGVO Check\", comp_color: \"var(--muted)\",\n    summary: [\"0,00 \u20ac\", \"0 Anbieter\", \"0,00 \u20ac\", \"0,00 \u20ac\"],\n    alerts: [\n      { title: \"Abteilung noch nicht angebunden\", desc: \"Bitte verkn\u00fcpfen Sie HubSpot, um Daten zu importieren.\", unread: true }\n    ]\n  }\n};\n\nconst tenantDataEN = {\n  \"Management & Strategy\": {\n    unreconciled: \"2\", unrec_trend: \"Compliance Risk!\", unrec_color: \"var(--danger)\",\n    unpaid: \"5\", unpaid_trend: \"Avg wait: 1.2 days\", unpaid_color: \"var(--warning)\",\n    no_invoice: \"1\", no_inv_trend: \"Auto-renewal impending\",\n    compliance: \"1\", comp_trend: \"Travel Expenses\", comp_color: \"var(--warning)\",\n    summary: [\"\u20ac12,450.00\", \"14 Contracts\", \"\u20ac850.00\", \"\u20ac2,400.00\"],\n    alerts: [\n      { title: \"Cost Alert: Redundant Tools\", desc: \"Miro and Mural are simultaneously licensed by different teams (potential -\u20ac350\/mo).\", unread: true, action: \"Route to IT\" },\n      { title: \"Contract Renewal: HubSpot\", desc: \"Annual contract renews in 45 days. Cancellation deadline in 15 days.\", unread: true }\n    ]\n  },\n  \"IT & Information Security\": {\n    unreconciled: \"2\", unrec_trend: \"Low risk\", unrec_color: \"var(--warning)\",\n    unpaid: \"14\", unpaid_trend: \"Hardware requests\", unpaid_color: \"var(--warning)\",\n    no_invoice: \"4\", no_inv_trend: \"Licenses to renew\",\n    compliance: \"0\", comp_trend: \"MDM Active\", comp_color: \"var(--success)\",\n    summary: [\"\u20ac8,100.00\", \"AWS, Google, Jira\", \"\u20ac0.00\", \"\u20ac1,450.00\"],\n    alerts: [\n      { title: \"Volume Discount Missed\", desc: \"We use 48 individual Google Workspace licenses. At 50, we unlock Enterprise pricing.\", unread: true, action: \"Renegotiate\" },\n      { title: \"Idle Cloud Servers\", desc: \"2 AWS instances with zero traffic for over 60 days.\", unread: false }\n    ]\n  },\n  \"Finance & Accounting\": {\n    unreconciled: \"0\", unrec_trend: \"Budgets on track\", unrec_color: \"var(--success)\",\n    unpaid: \"2\", unpaid_trend: \"Policy Violations\", unpaid_color: \"var(--danger)\",\n    no_invoice: \"0\", no_inv_trend: \"All mapped\",\n    compliance: \"0\", comp_trend: \"No deviations\", comp_color: \"var(--success)\",\n    summary: [\"\u20ac3,400.00\", \"Total Expenses\", \"\u20ac0.00\", \"\u20ac0.00\"],\n    alerts: [\n      { title: \"Travel Policy Violation\", desc: \"An employee booked a hotel for \u20ac280\/night (Limit: \u20ac150). Receipt blocked.\", unread: true, action: \"Send Inquiry\" }\n    ]\n  },\n  \"Compliance & ISO 27001\": {\n    unreconciled: \"0\", unrec_trend: \"Pending Review\", unrec_color: \"var(--muted)\",\n    unpaid: \"1\", unpaid_trend: \"Missing DPA\", unpaid_color: \"var(--danger)\",\n    no_invoice: \"2\", no_inv_trend: \"Contracts to review\",\n    compliance: \"1\", comp_trend: \"Liability Risk\", comp_color: \"var(--danger)\",\n    summary: [\"\u20ac0.00\", \"0 Risks\", \"\u20ac0.00\", \"\u20ac0.00\"],\n    alerts: [\n      { title: \"GDPR Risk Detected\", desc: \"The new US vendor 'Mailchimp' has no signed Data Processing Agreement (DPA) on file.\", unread: true, action: \"Request DPA\" },\n      { title: \"Liability Clause Deviation\", desc: \"AI noted that the new vendor contract lowers the liability cap.\", unread: true }\n    ]\n  },\n  \"HR & Culture\": {\n    unreconciled: \"0\", unrec_trend: \"Personio Synced\", unrec_color: \"var(--success)\",\n    unpaid: \"3\", unpaid_trend: \"PTO Requests\", unpaid_color: \"var(--warning)\",\n    no_invoice: \"0\", no_inv_trend: \"None\",\n    compliance: \"0\", comp_trend: \"Contracts Signed\", comp_color: \"var(--success)\",\n    summary: [\"\u20ac950.00\", \"HR Tools\", \"\u20ac0.00\", \"\u20ac0.00\"],\n    alerts: [\n      { title: \"Automated Offboarding\", desc: \"For 4 offboarded employees, licenses in Google Workspace and Jira have not yet been revoked.\", unread: true, action: \"Alert IT\" }\n    ]\n  },\n  \"Sales & Marketing\": {\n    unreconciled: \"\u2014\", unrec_trend: \"CRM Data\", unrec_color: \"var(--muted)\",\n    unpaid: \"\u2014\", unpaid_trend: \"Budgets\", unpaid_color: \"var(--muted)\",\n    no_invoice: \"\u2014\", no_inv_trend: \"Contracts\",\n    compliance: \"\u2014\", comp_trend: \"GDPR Check\", comp_color: \"var(--muted)\",\n    summary: [\"\u20ac0.00\", \"0 Vendors\", \"\u20ac0.00\", \"\u20ac0.00\"],\n    alerts: [\n      { title: \"Department Setup Incomplete\", desc: \"Please connect HubSpot to begin AI data ingestion.\", unread: true }\n    ]\n  }\n};\n\nfunction updateDashboardData(tenantName) {\n  const data = currentLanguage === 'en' ? tenantDataEN[tenantName] : tenantDataDE[tenantName];\n  if(!data) return;\n  \n  const content = document.getElementById('dashboard-content');\n  content.style.opacity = '0';\n  \n  setTimeout(() => {\n    document.getElementById('dash-tenant-name').textContent = tenantName;\n    \n    document.getElementById('val-unrec').textContent = data.unreconciled;\n    document.getElementById('trend-unrec').textContent = data.unrec_trend;\n    document.getElementById('trend-unrec').style.color = data.unrec_color;\n\n    document.getElementById('val-unpaid').textContent = data.unpaid;\n    document.getElementById('trend-unpaid').textContent = data.unpaid_trend;\n    document.getElementById('trend-unpaid').style.color = data.unpaid_color;\n\n    document.getElementById('val-noinv').textContent = data.no_invoice;\n    document.getElementById('trend-noinv').textContent = data.no_inv_trend;\n\n    document.getElementById('val-comp').textContent = data.compliance;\n    document.getElementById('trend-comp').textContent = data.comp_trend;\n    document.getElementById('trend-comp').style.color = data.comp_color;\n\n    document.getElementById('sum-1').textContent = data.summary[0];\n    document.getElementById('sum-2').textContent = data.summary[1];\n    document.getElementById('sum-3').textContent = data.summary[2];\n    document.getElementById('sum-4').textContent = data.summary[3];\n\n    const alertsHtml = data.alerts.map(a => `\n      <div class=\"notif ${a.unread ? 'unread' : ''}\">\n        <div style=\"display:flex; justify-content:space-between; align-items:start; gap:8px;\">\n          <div>\n            <div class=\"notif-title\">${a.title}<\/div>\n            <div class=\"muted\">${a.desc}<\/div>\n          <\/div>\n          ${a.action ? `<button class=\"btn secondary btn-sm action-toast\" style=\"white-space:nowrap; border-color:var(--primary); color:var(--primary);\" data-msg=\"Aktion ausgef\u00fchrt.\" data-msg-en=\"Action executed.\">${a.action}<\/button>` : ''}\n        <\/div>\n      <\/div>\n    `).join('');\n    document.getElementById('dash-notifications').innerHTML = alertsHtml;\n\n    content.style.opacity = '1';\n  }, 300);\n}\n\ndocument.querySelectorAll('#blueocean-app-root .folder-dropzone').forEach(dropzone => {\n  const fileInput = dropzone.previousElementSibling;\n  const targetListId = fileInput.dataset.target;\n  const targetList = document.getElementById(targetListId);\n\n  dropzone.addEventListener('click', () => fileInput.click());\n\n  ['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {\n    dropzone.addEventListener(eventName, preventDefaults, false);\n  });\n  \n  function preventDefaults(e) { e.preventDefault(); e.stopPropagation(); }\n\n  ['dragenter', 'dragover'].forEach(eventName => {\n    dropzone.addEventListener(eventName, () => dropzone.classList.add('dragover'), false);\n  });\n  \n  ['dragleave', 'drop'].forEach(eventName => {\n    dropzone.addEventListener(eventName, () => dropzone.classList.remove('dragover'), false);\n  });\n\n  dropzone.addEventListener('drop', (e) => handleFiles(e.dataTransfer.files, targetList), false);\n  fileInput.addEventListener('change', (e) => handleFiles(e.target.files, targetList), false);\n});\n\nfunction handleFiles(files, targetList) {\n  [...files].forEach(file => {\n    const row = document.createElement('div');\n    row.className = 'file-row';\n    row.setAttribute('data-name', file.name);\n    row.innerHTML = `\n      <div class=\"name\" title=\"${file.name}\">${file.name}<\/div>\n      <div class=\"bar\" style=\"width:50px\"><div class=\"fill\" style=\"width: 0%\"><\/div><\/div>\n    `;\n    targetList.prepend(row);\n    \n    setTimeout(() => {\n      row.innerHTML = `<div class=\"name\" title=\"${file.name}\">${file.name}<\/div><span class=\"badge success\"><de>\u2713 Bereit<\/de><en>\u2713 Ready<\/en><\/span>`;\n      showToast(currentLanguage === 'en' ? `${file.name} uploaded.` : `${file.name} hochgeladen.`);\n    }, 600 + Math.random() * 800);\n  });\n}\n\n\/\/ \"Update Knowledge Base\" Button Fake Load\ndocument.getElementById('run-ai-agent-btn').addEventListener('click', () => {\n    const btn = document.getElementById('run-ai-agent-btn');\n    const ogText = btn.innerHTML;\n    btn.innerHTML = \"\u23f3 \" + (currentLanguage === 'en' ? \"Indexing...\" : \"Indiziere...\");\n    btn.style.opacity = '0.7';\n    setTimeout(() => {\n        btn.innerHTML = ogText;\n        btn.style.opacity = '1';\n        showToast(currentLanguage === 'en' ? \"Knowledge base updated!\" : \"Wissensbasis erfolgreich aktualisiert!\");\n    }, 1500);\n});\n\n\/\/ \"Run Deep Scan\" Fake Load in Cost Pilot\ndocument.getElementById('run-pilot-btn').addEventListener('click', () => {\n    const btn = document.getElementById('run-pilot-btn');\n    const ogText = btn.innerHTML;\n    btn.innerHTML = \"\u23f3 \" + (currentLanguage === 'en' ? \"Scanning infrastructure...\" : \"Scanne Infrastruktur...\");\n    btn.style.opacity = '0.7';\n    setTimeout(() => {\n        btn.innerHTML = ogText;\n        btn.style.opacity = '1';\n        showToast(currentLanguage === 'en' ? \"Deep-Scan complete. Feed updated.\" : \"Deep-Scan beendet. Feed wurde aktualisiert.\");\n    }, 2000);\n});\n\nwindow.sendChatMessage = function() {\n  const input = document.getElementById('chat-input');\n  const text = input.value.trim();\n  if(!text) return;\n  \n  const chatBody = document.getElementById('chat-messages');\n  \n  chatBody.innerHTML += `<div class=\"chat-msg user\">${text}<\/div>`;\n  input.value = '';\n  chatBody.scrollTop = chatBody.scrollHeight;\n  \n  const typingId = 'typing-' + Date.now();\n  chatBody.innerHTML += `\n    <div class=\"typing-indicator bot\" id=\"${typingId}\">\n      <div class=\"typing-dot\"><\/div><div class=\"typing-dot\"><\/div><div class=\"typing-dot\"><\/div>\n    <\/div>`;\n  chatBody.scrollTop = chatBody.scrollHeight;\n\n  setTimeout(() => {\n    document.getElementById(typingId).remove();\n    \n    let reply = currentLanguage === 'en' ? \"I can help with that. Looking through the company contracts and policies...\" : \"Dabei kann ich helfen. Ich durchsuche die Unternehmensvertr\u00e4ge und Richtlinien...\";\n    \n    if (text.toLowerCase().includes(\"flight\") || text.toLowerCase().includes(\"flug\") || text.toLowerCase().includes(\"first\") || text.toLowerCase().includes(\"travel\") || text.toLowerCase().includes(\"reise\")) {\n      reply = currentLanguage === 'en' \n        ? \"According to section 4.2 of the 'Global Travel Policy 2026', flights under 6 hours must be booked in Economy Class. First Class or Business Class is only permitted for flights longer than 6 hours and requires VP approval.\" \n        : \"Gem\u00e4\u00df Abschnitt 4.2 der 'Reiserichtlinie Global 2026' m\u00fcssen Fl\u00fcge unter 6 Stunden in der Economy Class gebucht werden. First-Class oder Business-Class ist nur bei Fl\u00fcgen \u00fcber 6 Stunden und mit VP-Freigabe gestattet.\";\n    } else if (text.toLowerCase().includes(\"liability\") || text.toLowerCase().includes(\"haftung\") || text.toLowerCase().includes(\"salesforce\") || text.toLowerCase().includes(\"vertrag\")) {\n      reply = currentLanguage === 'en'\n        ? \"I analyzed the uploaded Salesforce Enterprise Agreement. Yes, there is a risk: The standard liability cap in our policy is \u20ac5,000,000, but this contract limits vendor liability to the fees paid in the preceding 12 months. This requires sign-off from Legal.\"\n        : \"Ich habe den hochgeladenen Salesforce-Vertrag analysiert. Ja, es gibt ein Risiko: Unsere Standard-Haftungsobergrenze liegt bei 5.000.000 \u20ac, aber dieser Vertrag beschr\u00e4nkt die Lieferantenhaftung auf die in den letzten 12 Monaten gezahlten Geb\u00fchren. Dies erfordert eine Freigabe der Rechtsabteilung.\";\n    } else if (text.toLowerCase().includes(\"mailchimp\") || text.toLowerCase().includes(\"dpa\") || text.toLowerCase().includes(\"datenschutz\")) {\n      reply = currentLanguage === 'en'\n        ? \"We do not currently have a signed DPA (Data Processing Agreement) for Mailchimp in our system. Because they process personal data (emails) outside the EU, this violates ISO 27001 control A.15.1.1. I can draft an email to request this if you like.\"\n        : \"Wir haben aktuell keinen unterschriebenen Auftragsverarbeitungsvertrag (DPA) f\u00fcr Mailchimp im System. Da sie personenbezogene Daten (E-Mails) au\u00dferhalb der EU verarbeiten, verst\u00f6\u00dft dies gegen ISO 27001 Kontrolle A.15.1.1. Soll ich eine E-Mail entwerfen, um diesen anzufordern?\";\n    }\n    \n    chatBody.innerHTML += `<div class=\"chat-msg bot\">${reply}<\/div>`;\n    chatBody.scrollTop = chatBody.scrollHeight;\n  }, 1200);\n};\n\ndocument.querySelectorAll('#blueocean-app-root .switch').forEach(toggle => {\n  toggle.addEventListener('click', function() {\n    this.classList.toggle('off');\n    const systemName = this.parentElement.querySelector('strong').textContent;\n    const status = this.classList.contains('off') ? (currentLanguage === 'en' ? 'disabled' : 'deaktiviert') : (currentLanguage === 'en' ? 'enabled' : 'aktiviert');\n    showToast(currentLanguage === 'en' ? `${systemName} connector ${status}.` : `${systemName} Konnektor ${status}.`);\n  });\n});\n\ndocument.getElementById('btn-mark-read').addEventListener('click', () => {\n  const unread = document.querySelectorAll('#blueocean-app-root #notifications .notif.unread');\n  if(unread.length > 0) {\n    unread.forEach(n => {\n      n.style.transition = 'background 0.3s, border-color 0.3s';\n      n.classList.remove('unread');\n    });\n    showToast(currentLanguage === 'en' ? \"All notifications marked as read.\" : \"Alle Benachrichtigungen als gelesen markiert.\");\n  } else {\n    showToast(currentLanguage === 'en' ? \"No new notifications to mark.\" : \"Keine neuen Benachrichtigungen zu markieren.\");\n  }\n});\n\ndocument.getElementById('tenant-switcher').addEventListener('change', (e) => {\n  showToast(currentLanguage === 'en' ? `Switched to ${e.target.value}` : `Gewechselt zu ${e.target.value}`);\n  updateDashboardData(e.target.value);\n  \n  \/\/ If we are not on the Operations Hub (dashboard) or CEO Cockpit, maybe jump there\n  \/\/ but usually users just want to update data for current view\n  const currentActivePage = document.querySelector('.page.active').id;\n  if(currentActivePage === 'dashboard' || currentActivePage === 'ceo-cockpit' || currentActivePage === 'tenants') {\n      showPage('dashboard');\n  }\n});\n\ndocument.getElementById('btn-recalc').addEventListener('click', () => {\n  const btn = document.getElementById('btn-recalc');\n  btn.textContent = currentLanguage === 'en' ? \"Calculating...\" : \"Berechne...\";\n  btn.style.opacity = '0.7';\n  \n  setTimeout(() => {\n    document.getElementById('calc-docs').textContent = \"128\";\n    document.getElementById('calc-tx').textContent = \"58 Std.\";\n    document.getElementById('calc-cost').textContent = \"8.200 \u20ac\";\n    btn.textContent = currentLanguage === 'en' ? \"Refresh Data\" : \"Daten aktualisieren\";\n    btn.style.opacity = '1';\n    showToast(currentLanguage === 'en' ? \"ROI recalculated based on current week.\" : \"ROI wurde basierend auf der aktuellen Woche neu berechnet.\");\n  }, 1000);\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>B BlueOcean Ops AI \u00dcbersichtOverview Web-AppWeb App Mitarbeiter AppEmployee App \ud83c\uddec\ud83c\udde7 EN\ud83c\udde9\ud83c\uddea DE Backoffice-AutomatisierungBack-office Automation Ein intelligenter Arbeitsbereich f\u00fcr Operations, IT und ComplianceOne smart workspace for Operations, IT, and Compliance Das Dashboard lenkt den Fokus auf das, was KMUs Geld und Zeit kostet: Unn\u00f6tige Software-Abos, fehlende ISO-Dokumente und manuelle Freigabeprozesse.The dashboard focuses on what costs [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-114","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blueagency.io\/index.php?rest_route=\/wp\/v2\/pages\/114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blueagency.io\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blueagency.io\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blueagency.io\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blueagency.io\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=114"}],"version-history":[{"count":5,"href":"https:\/\/blueagency.io\/index.php?rest_route=\/wp\/v2\/pages\/114\/revisions"}],"predecessor-version":[{"id":127,"href":"https:\/\/blueagency.io\/index.php?rest_route=\/wp\/v2\/pages\/114\/revisions\/127"}],"wp:attachment":[{"href":"https:\/\/blueagency.io\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}