*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0b0e;--surface:#111318;--surface2:#16181e;--surface3:#1c1f26;--border:#1f2229;--border-soft:#181b21;--border-light:#2a2e38;--text:#e4e8ef;--text-secondary:#9ba3b2;--muted:#484e5a;--muted2:#6b7280;--accent:#4ade80;--accent-dim:#4ade800f;--accent-glow:#4ade801f;--accent-border:#4ade8033;--accent-bright:#5eead4;--vdb-green:#2c3b2b;--vdb-green-mid:#3d5238;--vdb-gold:#c9ae73;--vdb-beige:#d5c4a6;--vdb-gold-dim:#c9ae730f;--vdb-gold-glow:#c9ae731f;--vdb-gold-border:#c9ae7333;--vdb-green-dim:#2c3b2b59;--green:#22c55e;--green-dim:#22c55e14;--yellow:#f59e0b;--red:#ef4444;--red-dim:#ef444414;--blue:#38bdf8;--blue-dim:#38bdf814;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 20px #00000080;--shadow-lg:0 12px 48px #0009;--shadow-xl:0 24px 80px #000000b3;--glass-bg:#0b0c0fd9;--glass-border:#ffffff0a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02", "cv03", "cv04", "cv11";min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:13px;line-height:1.5}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(50% 40% at 50% 0,#4ade8008 0%,#0000 70%),radial-gradient(40% 30% at 80% 100%,#38bdf804 0%,#0000 60%);position:fixed;inset:0}.app-layout{z-index:1;min-height:100vh;display:flex;position:relative}.sidebar{-webkit-backdrop-filter:blur(24px)saturate(1.2);z-index:100;background:linear-gradient(#0d1014 0%,#0a0c0f 60%,#0a0b0e 100%);border-right:1px solid #ffffff0d;flex-direction:column;width:232px;min-height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{border-bottom:1px solid #ffffff0a;padding:22px 18px 20px;position:relative}.sidebar-logo:after{content:"";background:linear-gradient(90deg,#0000,#4ade8040,#0000);height:1px;position:absolute;bottom:-1px;left:16px;right:16px}.sidebar-logo-mark{width:30px;height:30px;color:var(--accent);background:#4ade8014;border:1px solid #4ade802e;border-radius:8px;justify-content:center;align-items:center;margin-bottom:12px;font-size:13px;display:flex;box-shadow:0 0 12px #4ade8014}.sidebar-logo-img-card{background:#fff;border-radius:10px;justify-content:center;align-items:center;margin-bottom:14px;padding:7px 10px;display:flex;overflow:hidden}.sidebar-logo-img-card-growth{box-shadow:0 2px 14px #00000073,0 0 0 1px #4ade801f}.sidebar-logo-img-card-vdb{box-shadow:0 2px 14px #00000073,0 0 0 1px #c9ae732e}.sidebar-logo-img{object-fit:contain;width:156px;height:auto;display:block}.sidebar-logo-text{letter-spacing:.8px;color:var(--text-secondary);text-transform:uppercase;font-size:12px;font-weight:700}.sidebar-logo-text span{color:var(--accent);font-weight:800}.sidebar-logo-sub{color:var(--muted);text-transform:uppercase;letter-spacing:1.8px;margin-top:5px;font-size:9px;font-weight:500}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:14px 10px;display:flex}.nav-item{color:var(--muted2);cursor:pointer;text-align:left;border-radius:var(--radius-md);letter-spacing:.2px;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:9px 12px;font-family:inherit;font-size:12px;transition:all .15s;display:flex;position:relative}.nav-item:hover{color:var(--text);background:#ffffff0a}.nav-item-active{color:var(--text);background:#4ade8012;box-shadow:inset 0 0 0 1px #4ade8024,0 2px 8px #4ade800a}.nav-item-active .nav-icon{opacity:1;color:var(--accent);background:#4ade801f;border-color:#4ade8033}.nav-item-active .nav-label{color:var(--accent)}.nav-item-teun:hover{color:var(--vdb-gold)}.nav-item-teun.nav-item-active{color:var(--vdb-gold);background:#c9ae7312;box-shadow:inset 0 0 0 1px #c9ae7329,0 2px 8px #c9ae730a}.nav-item-teun.nav-item-active .nav-icon{opacity:1;color:var(--vdb-gold);background:#c9ae731a;border-color:#c9ae7333}.nav-item-teun.nav-item-active .nav-label,.nav-item-teun:hover .nav-icon{color:var(--vdb-gold)}.nav-icon{text-align:center;opacity:.45;background:#ffffff08;border:1px solid #ffffff0a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;transition:all .15s;display:flex}.nav-item:hover .nav-icon{opacity:.8}.nav-label{flex:1;font-weight:600}.nav-badge{background:var(--vdb-gold);color:#1a1000;text-align:center;letter-spacing:0;border-radius:20px;min-width:18px;padding:2px 6px;font-size:9px;font-weight:800}.sidebar-nav-group{letter-spacing:1px;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;padding:14px 12px 5px;font-size:9px;font-weight:700;display:flex}.sidebar-nav-group:after{content:"";background:#ffffff0d;flex:1;height:1px}.sidebar-nav-divider{background:#ffffff0a;height:1px;margin:6px 12px}.sidebar-footer{border-top:1px solid #ffffff0d;flex-direction:column;gap:10px;padding:12px 14px 16px;display:flex}.sidebar-profile{border-radius:var(--radius-md);background:#ffffff05;border:1px solid #ffffff0a;align-items:center;gap:10px;padding:10px 12px;display:flex}.sidebar-profile-tommy{background:#4ade800a;border-color:#4ade801a}.sidebar-profile-teun{background:#c9ae730a;border-color:#c9ae731a}.sidebar-profile-avatar{flex-shrink:0;border-radius:8px!important;width:32px!important;height:32px!important;font-size:12px!important}.sidebar-profile-info{flex:1;min-width:0}.sidebar-profile-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.sidebar-profile-sub{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:9px;overflow:hidden}.sidebar-status-row{justify-content:space-between;align-items:center;display:flex}.sidebar-status{align-items:center;gap:7px;display:flex}.sidebar-status-text{color:var(--muted);letter-spacing:.5px;text-transform:uppercase;font-size:10px}.sidebar-footer-actions{align-items:center;gap:6px;display:flex}.btn-logout{border:1px solid var(--border);color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.3px;white-space:nowrap;background:0 0;padding:5px 10px;font-family:inherit;font-size:10px;font-weight:500;transition:all .15s}.btn-logout:hover{color:var(--text);border-color:var(--muted2);background:#ffffff08}.main-area{flex-direction:column;flex:1;min-height:100vh;margin-left:232px;display:flex}.top-bar{border-bottom:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(1.2);z-index:50;justify-content:flex-end;align-items:center;padding:12px 32px;display:flex;position:sticky;top:0}.top-bar-meta{color:var(--muted2);letter-spacing:.3px;font-variant-numeric:tabular-nums;flex:1;align-items:center;gap:8px;font-size:11px;font-weight:500;display:flex}.top-bar-logout{color:var(--muted2);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;margin-left:12px;padding:4px 12px;font-size:11px;transition:color .15s,border-color .15s}.top-bar-logout:hover{color:var(--text);border-color:var(--border-light)}.main-content{flex:1}.bottom-bar{border-top:1px solid var(--glass-border);color:var(--muted);text-align:center;letter-spacing:.5px;text-transform:uppercase;padding:14px 32px;font-size:10px}.status-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2.8s ease-in-out infinite pulse-ring;display:inline-block;box-shadow:0 0 #22c55e80}@keyframes pulse-ring{0%{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 5px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.view-content{max-width:1000px;padding:32px 36px 48px}.view-title{letter-spacing:-.3px;color:var(--text);margin-bottom:4px;font-size:20px;font-weight:700}.view-subtitle{color:var(--muted2);letter-spacing:.2px;margin-bottom:32px;font-size:12px;font-weight:500}.client-header{border-bottom:1px solid var(--border);align-items:center;gap:14px;margin-bottom:28px;padding-bottom:20px;display:flex}.client-name{letter-spacing:-.3px;font-size:18px;font-weight:700}.client-sub{color:var(--muted2);letter-spacing:.3px;text-transform:uppercase;margin-top:2px;font-size:11px;font-weight:500}.avatar{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:800;display:flex}.avatar-tommy{background:linear-gradient(135deg, #4ade801f 0%, var(--surface) 100%);border:1px solid var(--accent-border);color:var(--accent)}.avatar-teun{background:linear-gradient(135deg, #c9ae731a 0%, var(--surface) 100%);border:1px solid var(--vdb-gold-border);color:var(--vdb-gold)}.section{margin-bottom:28px}.section-label{text-transform:uppercase;letter-spacing:2px;color:var(--muted2);border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:14px;padding-bottom:10px;font-size:9px;font-weight:600;display:flex}.section-label:before{content:"";background:var(--accent);border-radius:1px;flex-shrink:0;width:2px;height:12px;display:inline-block}.teun-view .client-header{border:1px solid var(--vdb-gold-border);border-radius:var(--radius-lg);background:linear-gradient(135deg,#c9ae730a 0%,#0000 80%);margin-bottom:28px;padding:18px 20px}.teun-view .client-name{color:var(--vdb-beige)}.teun-view .section-label:before{background:var(--vdb-gold)}.teun-view .section-label{color:var(--vdb-beige);opacity:.6}.teun-view .agent-card:hover{border-color:var(--vdb-gold-border)}.teun-view .btn-start{color:var(--vdb-gold);border-color:var(--vdb-gold-border)}.teun-view .btn-start:hover{background:var(--vdb-gold);color:var(--vdb-green);border-color:var(--vdb-gold)}.teun-view .agent-output{border-left-color:var(--vdb-gold);background:#2c3b2b14}.teun-view .agent-output-label,.teun-view .md-h3,.teun-view .md-h4{color:var(--vdb-gold)}.teun-view .md-code{color:var(--vdb-gold);border-color:var(--vdb-gold-border)}.teun-view .spinner{border-color:var(--vdb-green-dim);border-top-color:var(--vdb-gold)}.teun-view .agent-input:focus{border-color:var(--vdb-gold-border)}.teun-view .task-add-btn{background:var(--vdb-gold);color:var(--vdb-green)}.teun-view .task-add-btn:hover{background:var(--vdb-beige)}.teun-view .task-add-input:focus{border-color:var(--vdb-gold-border)}.teun-view .task-check:hover{border-color:var(--vdb-gold);background:var(--vdb-gold-dim)}.teun-view .task-check:checked{background:var(--vdb-gold);border-color:var(--vdb-gold)}.teun-view .inbox-badge{background:var(--vdb-gold);color:var(--vdb-green);font-weight:800}.teun-view .mail-sender{color:var(--vdb-gold)}.teun-view .mail-item-clickable:hover{border-color:var(--vdb-gold-border);background:var(--vdb-gold-dim)}.teun-view .inbox-toggle:hover,.teun-view .mail-refresh:hover,.teun-view .mail-action-btn:hover,.teun-view .mail-search:focus,.teun-view .btn-compose:hover{border-color:var(--vdb-gold-border)}.teun-view .status-metric-value-orange,.teun-view .value-orange{color:var(--vdb-gold)}.teun-view .social-stat-input{border-color:var(--vdb-gold)}.teun-view .kb-textarea:focus{border-color:var(--vdb-gold);box-shadow:0 0 0 2px var(--vdb-gold-dim)}.teun-view .kb-save-btn{background:var(--vdb-gold);color:var(--vdb-green)}.teun-view .notion-add-btn{background:var(--vdb-gold);color:var(--vdb-green)}.teun-view .notion-cell-input:focus{border-color:var(--vdb-gold-border)}.panel-stack{background:var(--border);border-radius:var(--radius-lg);border:1px solid var(--border);flex-direction:column;gap:1px;display:flex;overflow:hidden}.panel-card{background:var(--surface);cursor:pointer;text-align:left;border:none;align-items:center;gap:16px;padding:14px 20px;font-family:inherit;transition:all .15s;display:flex;position:relative}.panel-card:before{content:"";background:var(--accent);opacity:0;width:2px;transition:opacity .15s;position:absolute;top:0;bottom:0;left:0}.panel-card:hover{background:var(--surface2)}.panel-card:hover:before{opacity:1}.panel-card-label{color:var(--text);letter-spacing:.1px;min-width:130px;font-size:12px;font-weight:600}.panel-card-desc{color:var(--muted);letter-spacing:.2px;flex:1;font-size:10px}.panel-card-arrow{color:var(--border-light);flex-shrink:0;font-size:11px;transition:color .15s,transform .15s}.panel-card:hover .panel-card-arrow{color:var(--accent);transform:translate(2px)}.panel-card-teun:before{background:var(--vdb-gold)}.panel-card-teun:hover .panel-card-arrow{color:var(--vdb-gold)}.panel-full{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;min-height:calc(100vh - 220px);animation:.2s panelOpen;display:flex;overflow:hidden}@keyframes panelOpen{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.panel-full-bar{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:16px;padding:14px 20px;display:flex}.panel-full-back{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted2);cursor:pointer;letter-spacing:.2px;background:0 0;padding:5px 12px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s}.panel-full-back:hover{border-color:var(--accent);color:var(--text)}.panel-full-title{color:var(--text);letter-spacing:-.2px;font-size:14px;font-weight:700}.panel-full-body{flex:1;padding:24px;overflow-y:auto}.panel-full-teun{border-color:var(--vdb-gold-border)}.panel-full-teun .panel-full-back:hover{border-color:var(--vdb-gold)}.dash-groups,.dash-grid,.dash-tile,.dash-open-section,.plaat-content{display:none}.dash-back{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted2);cursor:pointer;letter-spacing:.3px;background:0 0;margin-bottom:20px;padding:7px 14px;font-family:inherit;font-size:11px;font-weight:500;transition:all .15s}.dash-back:hover{border-color:var(--accent);color:var(--text)}.teun-view .dash-back:hover{border-color:var(--vdb-gold)}.dash-section-title{letter-spacing:-.2px;margin-bottom:20px;font-size:16px;font-weight:700}.vandaag-view{max-width:640px}.vandaag-header{margin-bottom:32px}.vandaag-greeting{color:var(--text);letter-spacing:-.5px;font-size:24px;font-weight:700;line-height:1.2}.vandaag-date{color:var(--muted2);letter-spacing:.5px;text-transform:uppercase;margin-top:6px;font-size:11px;font-weight:500}.vandaag-briefing{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:32px;padding:20px;position:relative;overflow:hidden}.vandaag-briefing:before{content:"";background:linear-gradient(90deg, var(--accent), transparent 60%);opacity:.3;height:1px;position:absolute;top:0;left:0;right:0}.vandaag-briefing-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.vandaag-briefing-label{text-transform:uppercase;letter-spacing:2px;color:var(--accent);font-size:9px;font-weight:600}.vandaag-briefing-content{flex-direction:column;gap:12px;display:flex}.vandaag-briefing-item{color:var(--text-secondary);align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;display:flex}.vandaag-briefing-item strong{color:var(--text);margin-bottom:1px;font-size:12px;font-weight:700;display:block}.vandaag-briefing-bullet{background:var(--accent);border-radius:50%;flex-shrink:0;width:4px;height:4px;margin-top:7px}.vandaag-briefing-text{color:var(--muted2)}.vandaag-briefing-empty{color:var(--muted);font-size:12px}.vandaag-section-label{text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin-top:4px;margin-bottom:12px;font-size:9px;font-weight:600}.vandaag-two-col{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px;display:grid}@media (max-width:700px){.vandaag-two-col{grid-template-columns:1fr}}.vandaag-col-label{letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:9px;font-weight:700}.vandaag-col-label-teun{color:var(--vdb-gold);opacity:.7}.vandaag-alert-dot{background:var(--yellow);width:7px;height:7px;box-shadow:0 0 6px var(--yellow);border-radius:50%;flex-shrink:0}.vandaag-card-alert{border-color:#f59e0b40!important}.vandaag-card-alerts{border-top:1px solid var(--glass-border);flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:10px;display:flex}.vandaag-alert-chip{color:var(--yellow);background:#f59e0b14;border:1px solid #f59e0b33;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:600}.aanstuur-panel{border:1px solid var(--vdb-gold-border);border-radius:var(--radius-md);background:linear-gradient(135deg,#c9ae730d,#2c3b2b26);margin-bottom:20px;padding:14px 16px}.aanstuur-panel-title{letter-spacing:.8px;text-transform:uppercase;color:var(--vdb-gold);margin-bottom:10px;font-size:9px;font-weight:700}.aanstuur-panel-items{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.aanstuur-item{border:1px solid var(--border);background:#ffffff08;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:500;display:flex}.aanstuur-item-ok .aanstuur-item-dot{background:var(--green)}.aanstuur-item-warn{color:var(--yellow);border-color:#f59e0b4d}.aanstuur-item-warn .aanstuur-item-dot{background:var(--yellow)}.aanstuur-item-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.aanstuur-panel-hint{color:var(--muted);font-size:10px;font-style:italic}.vandaag-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-bottom:32px;display:grid}.vandaag-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;padding:20px;font-family:inherit;transition:all .2s;position:relative;overflow:hidden}.vandaag-card:before{content:"";background:linear-gradient(90deg, var(--accent), transparent 60%);opacity:0;height:1px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.vandaag-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.vandaag-card:hover:before{opacity:.5}.vandaag-card-teun:before{background:linear-gradient(90deg, var(--vdb-gold), transparent 60%)}.vandaag-card-teun:hover{border-color:var(--vdb-gold-border)}.vandaag-card-top{margin-bottom:16px}.vandaag-card-name{color:var(--text);letter-spacing:-.2px;font-size:15px;font-weight:700}.vandaag-card-sub{color:var(--muted2);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:10px;font-weight:500}.vandaag-card-stats{gap:24px;display:flex}.vandaag-stat{flex-direction:column;gap:2px;display:flex}.vandaag-stat-num{color:var(--accent);letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;line-height:1}.vandaag-stat-teun{color:var(--vdb-gold)}.vandaag-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:9px;font-weight:600}.vandaag-usage{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.vandaag-usage-stats{gap:24px;margin-bottom:16px;display:flex}.vandaag-usage-stat{flex-direction:column;gap:2px;display:flex}.vandaag-usage-num{color:var(--accent);font-variant-numeric:tabular-nums;font-size:16px;font-weight:800}.vandaag-usage-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:8px}.vandaag-usage-bars{align-items:flex-end;gap:6px;height:48px;display:flex}.vandaag-bar{flex-direction:column;flex:1;align-items:center;gap:4px;height:100%;display:flex}.vandaag-bar-track{background:var(--surface2);border-radius:2px;flex:1;align-items:flex-end;width:100%;max-width:28px;display:flex;overflow:hidden}.vandaag-bar-fill{background:var(--accent);border-radius:2px;width:100%;min-height:1px;transition:height .3s}.vandaag-bar-label{color:var(--muted);letter-spacing:.3px;text-transform:uppercase;font-size:8px}.briefing-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:32px;padding:24px 28px;position:relative;overflow:hidden}.briefing-block:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.3;height:1px;position:absolute;top:0;left:0;right:0}.briefing-top{justify-content:space-between;align-items:flex-start;margin-bottom:6px;display:flex}.briefing-label{text-transform:uppercase;letter-spacing:2px;color:var(--accent);margin-bottom:6px;font-size:9px;font-weight:600}.briefing-title{letter-spacing:-.3px;margin-bottom:16px;font-size:20px;font-weight:700}.briefing-items{flex-wrap:wrap;gap:24px;display:flex}.briefing-item{flex:1;align-items:flex-start;gap:12px;min-width:180px;display:flex}.briefing-item .icon{flex-shrink:0;margin-top:1px;font-size:16px}.briefing-item .text{color:var(--text-secondary);font-size:12px;line-height:1.6}.briefing-item .text strong{color:var(--text);margin-bottom:2px;font-size:12px;font-weight:700;display:block}.btn-briefing{border:1px solid var(--accent-border);color:var(--accent);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.3px;background:0 0;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s;display:flex}.btn-briefing:hover{background:var(--accent-dim);border-color:var(--accent)}.btn-briefing:disabled{opacity:.3;cursor:not-allowed}.status-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.status-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;gap:16px;padding:22px;transition:all .2s;display:flex;position:relative;overflow:hidden}.status-card:before{content:"";background:linear-gradient(90deg, var(--accent), transparent 70%);opacity:0;height:1px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.status-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md)}.status-card:hover:before{opacity:.6}.status-card-teun:before{background:linear-gradient(90deg, var(--vdb-gold), transparent 70%)}.status-card-teun:hover{border-color:var(--vdb-gold-border)}.status-card-header{align-items:center;gap:12px;display:flex}.status-card-name{letter-spacing:-.2px;font-size:14px;font-weight:700}.status-card-sub{color:var(--muted2);letter-spacing:.3px;text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:500}.status-card-metrics{gap:24px;display:flex}.status-metric{flex-direction:column;gap:3px;display:flex}.status-metric-value{color:var(--accent);letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:32px;font-weight:800;line-height:1}.status-metric-value-orange{color:var(--vdb-gold)}.status-metric-label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:9px;font-weight:600}.btn-open-view{border:1px solid var(--border);color:var(--muted2);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.3px;background:0 0;align-self:flex-start;padding:7px 16px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s}.btn-open-view:hover{color:var(--accent);border-color:var(--accent-border);background:var(--accent-dim)}.status-card-alert{border-color:var(--accent-border)}.status-card-alert.status-card-teun{border-color:var(--vdb-gold-border)}.status-card-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent-glow);border-radius:50%;flex-shrink:0;margin-left:auto;animation:3s infinite pulse}.status-card-teun .status-card-dot{background:var(--vdb-gold);box-shadow:0 0 8px var(--vdb-gold-glow)}.agent-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:6px;padding:14px 16px;transition:all .15s}.agent-card:hover{border-color:var(--accent-border);background:var(--surface2)}.agent-card-top{justify-content:space-between;align-items:center;display:flex}.agent-info{align-items:center;gap:12px;display:flex}.agent-icon{border-radius:var(--radius-sm);background:var(--surface2);border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.agent-name{font-size:12px;font-weight:700}.agent-desc{color:var(--muted2);margin-top:1px;font-size:11px}.agent-actions{align-items:center;gap:8px;display:flex}.badge{letter-spacing:.3px;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700}.badge-idle{background:var(--surface2);color:var(--muted);border:1px solid var(--border)}.badge-active{background:var(--green-dim);color:var(--green);border:1px solid #22c55e33}.badge-waiting{color:var(--yellow);background:#f59e0b14;border:1px solid #f59e0b33}.status-badge{white-space:nowrap;letter-spacing:.3px;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.badge-green{background:var(--green-dim);color:var(--green);border:1px solid #22c55e26}.badge-red{background:var(--red-dim);color:var(--red);border:1px solid #ef444426}.badge-orange{background:var(--vdb-gold-dim);color:var(--vdb-gold);border:1px solid var(--vdb-gold-border)}.badge-blue{background:var(--blue-dim);color:var(--blue);border:1px solid #38bdf826}.badge-neutral{background:var(--surface2);color:var(--muted2);border:1px solid var(--border)}.btn-start{border-radius:var(--radius-sm);border:1px solid var(--accent-border);color:var(--accent);cursor:pointer;letter-spacing:.3px;background:0 0;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.btn-start:hover{background:var(--accent);color:#000;border-color:var(--accent)}.btn-start:disabled{opacity:.3;cursor:not-allowed}.btn-send{background:var(--accent);color:#000;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:8px 18px;font-family:inherit;font-size:12px;font-weight:700;transition:all .15s}.btn-send:hover{filter:brightness(1.1)}.btn-send:disabled{opacity:.4;cursor:not-allowed}.btn-small{border:1px solid var(--border);background:var(--surface2);color:var(--text);cursor:pointer;border-radius:4px;padding:3px 8px;font-family:inherit;font-size:10px;transition:all .15s}.btn-small:hover{background:var(--surface3)}.btn-red{border-color:var(--red);color:var(--red)}.agent-input-area{align-items:flex-start;gap:8px;margin-top:12px;display:flex}.agent-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;flex:1;padding:9px 12px;font-family:inherit;font-size:12px;transition:border-color .15s}.agent-input:focus{border-color:var(--accent-border)}.agent-input::placeholder{color:var(--muted)}.agent-textarea{resize:vertical;min-height:72px;line-height:1.5}.agent-output{background:var(--surface2);border:1px solid var(--border);border-left:2px solid var(--accent);border-radius:var(--radius-md);color:var(--text-secondary);max-height:380px;margin-top:12px;padding:14px 16px;font-size:12px;line-height:1.75;overflow-y:auto}.agent-output-label{text-transform:uppercase;letter-spacing:2px;color:var(--accent);margin-bottom:10px;font-size:9px;font-weight:600}.md-h3{color:var(--text);margin:12px 0 6px;font-size:13px;font-weight:700}.md-h4{color:var(--accent);margin:10px 0 5px;font-size:12px;font-weight:700}.md-p{color:var(--text-secondary);margin:4px 0}.md-ul{flex-direction:column;gap:3px;margin:6px 0 6px 16px;display:flex}.md-ul li{color:var(--text-secondary);line-height:1.6}.md-code{background:var(--surface3);border:1px solid var(--border);color:var(--accent);border-radius:3px;padding:1px 5px;font-family:SF Mono,JetBrains Mono,Fira Code,monospace;font-size:11px}.md-spacer{height:6px}.spinner{border:1.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:12px;height:12px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.task-item{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 0;display:flex}.task-item:last-child{border-bottom:none}.task-delete{color:var(--muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:3px;margin-left:auto;padding:2px 6px;font-size:10px;transition:opacity .15s}.task-item:hover .task-delete{opacity:1}.task-add{gap:6px;margin-top:12px;display:flex}.task-add-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);flex:1;padding:8px 12px;font-family:inherit;font-size:12px;transition:border-color .15s}.task-add-input:focus{border-color:var(--accent-border);outline:none}.task-add-tag{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted2);cursor:pointer;padding:8px 10px;font-family:inherit;font-size:11px}.task-add-btn{background:var(--accent);color:#000;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:8px 14px;font-size:14px;font-weight:800;transition:all .15s}.task-add-btn:hover{filter:brightness(1.1)}.task-add-btn:disabled{opacity:.3;cursor:not-allowed}.task-check{border:1.5px solid var(--border);cursor:pointer;appearance:none;background:0 0;border-radius:4px;flex-shrink:0;width:16px;height:16px;transition:all .15s}.task-check:hover{border-color:var(--accent);background:var(--accent-dim)}.task-check:checked{background:var(--accent);border-color:var(--accent)}.task-text{color:var(--text-secondary);font-size:12px}.task-tag{vertical-align:middle;letter-spacing:.3px;border-radius:4px;margin-left:6px;padding:1px 7px;font-size:9px;font-weight:700;display:inline-block}.tag-urgent{background:var(--red-dim);color:var(--red)}.tag-today{background:var(--blue-dim);color:var(--blue)}.task-source-badge{vertical-align:middle;background:var(--accent-dim);color:var(--accent);opacity:.7;border-radius:4px;margin-left:5px;padding:1px 6px;font-size:9px;font-weight:600;display:inline-block}.metrics{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;transition:all .15s}.metric-card:hover{border-color:var(--border-light)}.metric-label{color:var(--muted2);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:9px;font-weight:600}.metric-value{letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.metric-sub{color:var(--muted);margin-top:4px;font-size:10px}.value-green{color:var(--green)}.value-yellow{color:var(--yellow)}.value-accent{color:var(--accent)}.value-orange{color:var(--vdb-gold)}.social-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:12px;margin-bottom:6px;padding:12px 14px;transition:all .15s;display:flex}.social-card:hover{border-color:var(--border-light)}.social-left{border-radius:1px;flex-shrink:0;width:2px;height:28px}.social-icon{flex-shrink:0;font-size:16px}.social-name{width:70px;color:var(--text);flex-shrink:0;font-size:11px;font-weight:700}.social-stats{flex:1;justify-content:flex-end;gap:16px;display:flex}.social-stat{text-align:right}.social-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:9px}.social-stat-value{color:var(--text);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:3px;min-width:36px;padding:1px 4px;font-size:13px;font-weight:800;transition:background .1s;display:inline-block}.social-stat-value:hover{background:var(--surface2)}.social-stat-value.is-placeholder{color:var(--muted);font-weight:400}.social-stat-input{background:var(--surface2);border:1px solid var(--accent);width:60px;color:var(--text);text-align:right;border-radius:3px;outline:none;padding:1px 4px;font-family:inherit;font-size:13px;font-weight:700}.mail-login{background:var(--surface2);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:14px;display:flex}.mail-login-text{color:var(--muted2);font-size:12px}.mail-inbox{flex-direction:column;gap:6px;display:flex}.mail-inbox-header{color:var(--muted2);flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.mail-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:3px;padding:11px 14px;transition:all .15s;display:flex}.mail-from{color:var(--muted2);font-size:10px}.mail-subject{color:var(--text);font-size:12px;font-weight:700}.mail-snippet{color:var(--muted2);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.mail-empty{color:var(--muted2);padding:8px 0;font-size:12px}.mail-error{color:var(--red);padding:8px 0;font-size:12px}.mail-list{flex-direction:column;gap:4px;display:flex}.mail-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.mail-sender{color:var(--accent);font-size:11px;font-weight:700}.mail-date{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10px}.mail-refresh{border:1px solid var(--border);color:var(--muted2);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-self:flex-start;margin-top:4px;padding:6px 12px;font-family:inherit;font-size:11px;transition:all .15s}.mail-refresh:hover{color:var(--text);border-color:var(--accent-border)}.inbox-header-row{align-items:center;gap:8px;display:flex}.inbox-toggle{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:left;flex:1;align-items:center;gap:10px;padding:11px 14px;transition:all .15s;display:flex}.inbox-toggle:hover{border-color:var(--accent-border)}.inbox-toggle-label{color:var(--text);flex:1;font-size:12px;font-weight:600}.inbox-badge{background:var(--accent);color:#000;border-radius:10px;padding:1px 7px;font-size:10px;font-weight:800}.inbox-toggle-arrow{color:var(--muted);font-size:10px}.btn-compose{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;color:var(--muted2);flex-shrink:0;padding:11px 13px;font-size:16px;transition:all .15s}.btn-compose:hover{border-color:var(--accent-border);color:var(--text)}.mail-search{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);box-sizing:border-box;margin-bottom:6px;padding:8px 12px;font-family:inherit;font-size:11px;transition:border-color .15s}.mail-search:focus{border-color:var(--accent-border);outline:none}.mail-actions{gap:4px;margin-top:6px;display:flex}.mail-action-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;color:var(--muted2);border-radius:4px;padding:3px 8px;font-family:inherit;font-size:10px;transition:all .1s}.mail-action-btn:hover{border-color:var(--accent-border);color:var(--text)}.mail-action-btn:disabled{opacity:.3;cursor:not-allowed}.mail-action-delete-confirm{border-color:var(--red)!important;color:var(--red)!important}.mail-item-clickable{cursor:pointer;transition:all .15s}.mail-item-clickable:hover{border-color:var(--accent-border);background:var(--accent-dim)}.mail-item-loading{opacity:.5}.mail-loading-bar{background:var(--accent);border-radius:1px;height:1px;margin-top:6px;animation:1s infinite pulse}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(12px);background:#000c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:700px;max-height:82vh;box-shadow:var(--shadow-xl);flex-direction:column;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.modal-subject{color:var(--text);margin-bottom:4px;font-size:15px;font-weight:700}.modal-meta{color:var(--muted2);font-size:11px}.modal-close{border:1px solid var(--border);color:var(--muted2);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-shrink:0;width:30px;height:30px;font-size:13px;transition:all .15s}.modal-close:hover{color:var(--text);border-color:var(--muted2);background:var(--surface2)}.modal-body{color:var(--text);white-space:pre-wrap;padding:20px 24px;font-size:12px;line-height:1.75;overflow-y:auto}.modal-body p{margin:0 0 4px}.modal-footer{border-top:1px solid var(--border);padding:14px 24px}.btn-agent{background:var(--accent);color:#000;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:7px 16px;font-family:inherit;font-size:12px;font-weight:700;transition:all .15s;display:flex}.btn-agent:hover{filter:brightness(1.1)}.btn-agent:disabled{opacity:.4;cursor:not-allowed}.modal-agent-output{border-top:1px solid var(--border);color:var(--text);background:var(--surface2);padding:16px 24px;font-size:12px;line-height:1.75}.modal-agent-label{color:var(--accent);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;font-size:9px;font-weight:600}.modal-reply{border-top:1px solid var(--border);padding:16px 24px}.reply-textarea{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text);resize:vertical;box-sizing:border-box;margin-bottom:10px;padding:10px 14px;font-family:inherit;font-size:12px;line-height:1.65;transition:border-color .15s}.reply-textarea:focus{border-color:var(--accent-border);outline:none}.reply-actions{align-items:center;gap:12px;display:flex}.reply-error{color:var(--red);font-size:11px}.compose-form{flex-direction:column;gap:14px;padding:16px 24px;display:flex}.compose-field{flex-direction:column;gap:5px;display:flex}.compose-label{color:var(--muted2);text-transform:uppercase;letter-spacing:1px;font-size:9px;font-weight:700}.compose-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:9px 12px;font-family:inherit;font-size:12px;transition:border-color .15s}.compose-input:focus{border-color:var(--accent-border);outline:none}.notion-block{width:100%}.notion-table-wrap{border-radius:var(--radius-md);border:1px solid var(--border);margin-top:6px;overflow-x:auto}.notion-table{border-collapse:collapse;width:100%;font-size:11px}.notion-th{text-align:left;color:var(--muted2);text-transform:uppercase;letter-spacing:1px;background:var(--surface2);border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 12px;font-size:9px;font-weight:700}.notion-tr{border-bottom:1px solid var(--border);transition:background .1s}.notion-tr:last-child{border-bottom:none}.notion-tr:hover{background:var(--surface2)}.notion-td{color:var(--text);vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;max-width:220px;padding:9px 12px;font-size:12px;overflow:hidden}.notion-empty{color:var(--muted)}.notion-edit-input{background:var(--surface);border:1px solid var(--accent-border);color:var(--text);border-radius:4px;width:100%;padding:4px 8px;font-family:inherit;font-size:11px}.notion-edit-input:focus{outline:none}.notion-action-btn{background:var(--surface2);border:1px solid var(--border);cursor:pointer;color:var(--muted2);border-radius:4px;padding:4px 8px;font-family:inherit;font-size:11px;transition:all .1s}.notion-action-btn:hover{border-color:var(--accent-border);color:var(--text)}.notion-save-btn{color:var(--green);border-color:#22c55e40}.notion-save-btn:hover{background:var(--green);color:#000;border-color:var(--green)}.notion-new-row{background:var(--accent-dim)}.calendar-list{flex-direction:column;gap:2px;margin-top:4px;display:flex}.calendar-item{border-radius:var(--radius-sm);border-left:2px solid var(--border);background:var(--surface);padding:9px 14px;transition:all .15s}.calendar-item-today{border-left-color:var(--accent);background:var(--accent-dim)}.calendar-time{color:var(--muted2);letter-spacing:.3px;font-variant-numeric:tabular-nums;margin-bottom:2px;font-size:10px;font-weight:600}.calendar-title{color:var(--text);font-size:12px;font-weight:600}.calendar-location{color:var(--muted2);margin-top:2px;font-size:10px}.doc-generator{flex-direction:column;gap:16px;display:flex}.doc-type-switch{gap:6px;display:flex}.doc-type-btn{background:var(--surface2);border:1px solid var(--border);color:var(--muted2);border-radius:var(--radius-sm);cursor:pointer;padding:7px 18px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.doc-type-btn.active{background:var(--accent);border-color:var(--accent);color:#000}.doc-form{flex-direction:column;gap:12px;display:flex}.doc-form-row{gap:10px;display:flex}.doc-field{flex-direction:column;flex:1;gap:4px;display:flex}.doc-total{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--green);padding:10px 14px;font-size:15px;font-weight:800}.doc-preview-bar{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:8px;padding:12px 0;display:flex}.doc-preview-label{color:var(--accent);text-transform:uppercase;letter-spacing:1.5px;font-size:9px;font-weight:700}.doc-preview{color:#111;border-radius:var(--radius-md);background:#fff;margin-top:4px;padding:44px 52px;font-size:12px;line-height:1.65}.doc-header{border-bottom:2px solid #111;justify-content:space-between;align-items:flex-start;margin-bottom:36px;padding-bottom:20px;display:flex}.doc-company-name{color:#111;font-size:18px;font-weight:900}.doc-company-sub{color:#666;margin-top:3px;font-size:11px}.doc-meta-right{text-align:right}.doc-type-label{color:#111;letter-spacing:-.5px;margin-bottom:8px;font-size:22px;font-weight:900}.doc-number,.doc-date{color:#444;font-size:11px}.doc-to{margin-bottom:32px}.doc-to-label{color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;font-size:9px;font-weight:800}.doc-to-name{color:#111;font-size:13px;font-weight:700}.doc-to-addr{color:#444;font-size:12px}.doc-table{border-collapse:collapse;width:100%;margin-bottom:20px}.doc-th{text-transform:uppercase;letter-spacing:.5px;color:#555;text-align:left;background:#f5f5f5;border-bottom:1px solid #ddd;padding:8px 14px;font-size:10px;font-weight:700}.doc-th-right{text-align:right}.doc-td{color:#222;vertical-align:top;border-bottom:1px solid #eee;padding:14px;font-size:12px}.doc-td-right{text-align:right;white-space:nowrap}.doc-totals{flex-direction:column;gap:6px;width:280px;margin-left:auto;padding-top:14px;display:flex}.doc-total-row{color:#444;justify-content:space-between;font-size:12px;display:flex}.doc-total-final{color:#111;border-top:2px solid #111;margin-top:6px;padding-top:10px;font-size:15px;font-weight:900}.doc-footer-note{color:#666;margin-top:28px;font-size:11px}.login-screen{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.login-screen:before{content:"";pointer-events:none;background:radial-gradient(50% 40% at 50% 40%,#4ade800a 0%,#0000 60%);position:absolute;inset:0}.login-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:340px;box-shadow:var(--shadow-xl);z-index:1;flex-direction:column;gap:18px;padding:44px 40px;display:flex;position:relative}.login-logo{color:var(--text);letter-spacing:.5px;text-transform:uppercase;font-size:18px;font-weight:800}.login-logo span{color:var(--accent)}.login-sub{color:var(--muted2);font-size:12px}.login-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);outline:none;padding:12px 16px;font-family:inherit;font-size:14px;transition:border-color .15s}.login-input:focus{border-color:var(--accent-border)}.login-btn{letter-spacing:.5px;width:100%;padding:12px;font-size:13px;font-weight:700}.login-error{color:var(--red);text-align:center;font-size:12px}.vdb-mascotte-wrap{cursor:pointer;flex-shrink:0;margin-left:auto;transition:transform .3s cubic-bezier(.34,1.56,.64,1);animation:.6s cubic-bezier(.34,1.56,.64,1) both mascot-bounce-in}.vdb-mascotte-wrap:hover{transform:scale(1.1)rotate(-5deg)}.vdb-mascotte-header{object-fit:contain;filter:drop-shadow(0 4px 16px #c9ae7340);width:100px;height:100px}.teun-welcome-screen{z-index:9999;cursor:pointer;background:linear-gradient(160deg,#fffdf5 0%,#fff8ec 50%,#f0f8f0 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.teun-welcome-inner{flex-direction:column;align-items:center;gap:24px;animation:.4s both welcome-fade-in;display:flex}.teun-welcome-mascot{object-fit:contain;filter:drop-shadow(0 16px 48px #b4640040);width:260px;height:260px;animation:.7s cubic-bezier(.34,1.56,.64,1) .15s both mascot-entrance}.teun-welcome-text{text-align:center}.teun-welcome-greeting{letter-spacing:-1.5px;color:#1a1a1a;font-size:44px;font-weight:900;animation:.5s .35s both welcome-slide-up}.teun-welcome-greeting span{color:var(--vdb-gold)}.vdb-mascotte-header{filter:drop-shadow(0 4px 16px #c9ae7340)}.teun-welcome-sub{color:#666;margin-top:8px;font-size:15px;animation:.5s .5s both welcome-slide-up}.teun-welcome-hint{color:#aaa;margin-top:18px;font-size:11px;animation:.5s 1.1s both welcome-slide-up}.teun-welcome-items{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:14px;animation:.5s .65s both welcome-slide-up;display:flex}.teun-welcome-items span{color:var(--vdb-gold);letter-spacing:.2px;background:#c9ae7314;border:1px solid #c9ae7333;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;display:flex}@keyframes mascot-bounce-in{0%{opacity:0;transform:scale(.3)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes mascot-entrance{0%{opacity:0;transform:scale(.2)rotate(-15deg)translateY(40px)}to{opacity:1;transform:scale(1)rotate(0)translateY(0)}}@keyframes welcome-fade-in{0%{opacity:0}to{opacity:1}}@keyframes welcome-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.teun-holo-screen{z-index:9999;cursor:pointer;background:radial-gradient(80% 80% at 50% 40%,#0b1a10 0%,#050d07 60%,#020502 100%);justify-content:center;align-items:center;animation:.6s both holo-fadein;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes holo-fadein{0%{opacity:0}to{opacity:1}}.teun-holo-grid{pointer-events:none;background-image:linear-gradient(#c9ae730a 1px,#0000 1px),linear-gradient(90deg,#c9ae730a 1px,#0000 1px);background-size:48px 48px;animation:1.2s both holo-grid-fade;position:absolute;inset:0}@keyframes holo-grid-fade{0%{opacity:0}to{opacity:1}}.teun-holo-inner{z-index:1;flex-direction:column;align-items:center;gap:32px;display:flex;position:relative}.teun-holo-face{justify-content:center;align-items:center;width:220px;height:220px;animation:.8s cubic-bezier(.34,1.56,.64,1) .3s both holo-emerge;display:flex;position:relative}@keyframes holo-emerge{0%{opacity:0;transform:scale(.4)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.teun-holo-ring{border:1px solid #c9ae7340;border-radius:50%;animation:linear infinite holo-spin;position:absolute}.teun-holo-ring-1{border-top-color:#c9ae73b3;width:210px;height:210px;animation-duration:6s}.teun-holo-ring-2{border-right-color:#c9ae7366;width:230px;height:230px;animation-duration:10s;animation-direction:reverse}@keyframes holo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.teun-holo-head{background:linear-gradient(#c9ae7312 0%,#c9ae7308 100%);border:1px solid #c9ae734d;border-radius:50% 50% 45% 45%/55% 55% 45% 45%;width:160px;height:190px;position:relative;overflow:hidden;box-shadow:0 0 30px #c9ae731f,inset 0 0 20px #c9ae730a}.teun-holo-face-active .teun-holo-head{animation:2s ease-in-out infinite holo-pulse-glow;box-shadow:0 0 50px #c9ae7333,inset 0 0 30px #c9ae7312}@keyframes holo-pulse-glow{0%,to{box-shadow:0 0 40px #c9ae7326,inset 0 0 20px #c9ae730d}50%{box-shadow:0 0 70px #c9ae7347,inset 0 0 40px #c9ae731a}}.teun-holo-scanline{pointer-events:none;z-index:10;background:linear-gradient(90deg,#0000,#c9ae7380,#0000);height:2px;animation:3s ease-in-out infinite holo-scan;position:absolute;left:0;right:0}@keyframes holo-scan{0%,to{opacity:0;top:0}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}.teun-holo-brows{justify-content:space-between;padding:28px 26px 0;display:flex}.teun-holo-brow{background:#c9ae73b3;border-radius:3px;width:34px;height:4px;transform:rotate(-5deg)}.teun-holo-brows .teun-holo-brow:last-child{transform:rotate(5deg)}.teun-holo-eyes{justify-content:space-between;padding:10px 22px 0;display:flex}.teun-holo-eye-wrap{background:#0006;border:1px solid #c9ae7366;border-radius:50%;justify-content:center;align-items:center;width:40px;height:28px;display:flex;overflow:hidden}.teun-holo-eye{justify-content:center;align-items:center;width:40px;height:28px;animation:4s ease-in-out infinite holo-blink;display:flex;position:relative}@keyframes holo-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.05)}}.teun-holo-eye-active{animation:3s ease-in-out infinite holo-blink}.teun-holo-iris{background:radial-gradient(circle,#c9ae73e6 0%,#b47828b3 60%,#0000 100%);border-radius:50%;width:20px;height:20px;position:absolute;box-shadow:0 0 8px #c9ae7399}.teun-holo-pupil{z-index:1;background:#050a05e6;border-radius:50%;width:8px;height:8px;position:absolute}.teun-holo-nose{background:linear-gradient(#0000,#c9ae7359,#0000);width:1px;height:18px;margin:12px auto 0;position:relative}.teun-holo-nose:after{content:"";border:1px solid #c9ae734d;border-top:none;border-radius:0 0 8px 8px;width:13px;height:5px;position:absolute;bottom:0;left:-6px}.teun-holo-mouth{height:22px;margin:14px 26px 0;transition:all .1s;position:relative}.teun-holo-lips-top{background:#c9ae7380;border:1px solid #c9ae7366;border-bottom:none;border-radius:6px 6px 0 0;height:8px;transition:all .1s}.teun-holo-lips-gap{background:#0009;height:2px;transition:all .1s}.teun-holo-lips-bottom{background:#c9ae7366;border:1px solid #c9ae734d;border-top:none;border-radius:0 0 6px 6px;height:7px;transition:all .1s}.teun-holo-mouth-open .teun-holo-lips-gap{background:#000c;height:8px}.teun-holo-mouth-open .teun-holo-lips-top{border-radius:4px 4px 0 0}.teun-holo-text-area{text-align:center;max-width:480px;animation:.5s .8s both welcome-slide-up}.teun-holo-label{letter-spacing:3px;text-transform:uppercase;color:#c9ae7380;margin-bottom:10px;font-size:9px;font-weight:700;animation:1.2s step-end infinite holo-blink-text}@keyframes holo-blink-text{0%,to{opacity:1}50%{opacity:.3}}.teun-holo-message{color:#dcc8a0e6;letter-spacing:.3px;text-shadow:0 0 20px #c9ae734d;min-height:80px;font-size:16px;font-weight:400;line-height:1.7}.teun-holo-cursor{color:var(--vdb-gold);opacity:1;animation:.7s step-end infinite holo-cursor}@keyframes holo-cursor{0%,to{opacity:1}50%{opacity:0}}.teun-holo-skip{color:#c9ae7340;letter-spacing:1.5px;text-transform:uppercase;font-size:10px;animation:.5s 2s both welcome-slide-up}.teun-blikkie-wrap{justify-content:center;align-items:center;animation:.7s cubic-bezier(.34,1.56,.64,1) .2s both holo-emerge;display:flex;position:relative}.teun-blikkie-glow{pointer-events:none;background:radial-gradient(circle,#c9ae732e 0%,#0000 70%);border-radius:50%;width:240px;height:240px;transition:opacity .3s;position:absolute}.teun-blikkie-speaking .teun-blikkie-glow{animation:.6s ease-in-out infinite alternate teun-glow-pulse}@keyframes teun-glow-pulse{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}.teun-blikkie-img{object-fit:contain;filter:drop-shadow(0 16px 48px #c9ae734d);width:220px;height:220px;transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.teun-blikkie-bounce .teun-blikkie-img{transform:translateY(-6px)scale(1.03)}.teun-blikkie-speaking .teun-blikkie-img{filter:drop-shadow(0 16px 60px #c9ae7380)}.teun-blikkie-img-wrap{flex-shrink:0;width:220px;height:220px;position:relative}.teun-blikkie-mouth-overlay{pointer-events:none;background:#2a1800;border:1.5px solid #50280099;transition:height 60ms,top 60ms,border-radius 60ms;position:absolute;box-shadow:inset 0 2px 4px #00000080}.kb-form{flex-direction:column;gap:10px;margin-top:12px;display:flex}.kb-field{flex-direction:column;gap:5px;display:flex}.kb-field-label{color:var(--muted2);text-transform:uppercase;letter-spacing:1px;font-size:9px;font-weight:600}.kb-textarea{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);resize:vertical;padding:9px 12px;font-family:inherit;font-size:12px;line-height:1.6;transition:border-color .15s}.kb-textarea:focus{border-color:var(--accent);outline:none}.teun-view .kb-textarea:focus{border-color:var(--vdb-gold)}.kb-save-btn{background:var(--kb-accent,var(--accent));color:#000;border-radius:var(--radius-sm);cursor:pointer;border:none;align-self:flex-start;padding:7px 18px;font-size:12px;font-weight:700;transition:all .15s}.kb-save-btn:hover{filter:brightness(1.1)}.btn-save-context{border:1px solid var(--border);color:var(--muted2);cursor:pointer;background:0 0;border-radius:4px;margin-top:12px;padding:6px 14px;font-size:11px;transition:all .15s}.btn-save-context:hover{border-color:var(--accent);color:var(--accent)}.teun-view .btn-save-context:hover{border-color:var(--vdb-gold);color:var(--vdb-gold)}.usage-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:20px;padding:20px}.usage-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.usage-title{color:var(--text);font-size:12px;font-weight:700}.usage-period{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:9px}.usage-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.usage-stat{text-align:center}.usage-stat-num{color:var(--accent);font-variant-numeric:tabular-nums;font-size:18px;font-weight:800;display:block}.usage-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:8px}.usage-bars{flex-direction:column;gap:5px;display:flex}.usage-bar-row{align-items:center;gap:8px;display:flex}.usage-bar-label{color:var(--muted2);text-align:right;width:42px;font-size:9px}.usage-bar-track{background:var(--surface2);border-radius:2px;flex:1;height:4px;overflow:hidden}.usage-bar-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.usage-bar-count{color:var(--muted);font-variant-numeric:tabular-nums;width:28px;font-size:9px}.content-header{justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 0;display:flex}.conn-items{align-items:center;gap:14px;display:flex}.conn-item{align-items:center;gap:5px;display:flex}.conn-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.conn-ok{background:var(--green);box-shadow:0 0 6px #22c55e66}.conn-link-btn{border:1px solid var(--border);color:var(--accent);cursor:pointer;letter-spacing:.3px;background:0 0;border-radius:4px;padding:2px 7px;font-family:inherit;font-size:9px;transition:all .15s}.conn-link-btn:hover{border-color:var(--accent)}.btn-new-post{background:var(--accent);color:#000;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:7px 14px;font-family:inherit;font-size:11px;font-weight:700;transition:all .15s}.btn-new-post:hover{filter:brightness(1.1)}.teun-view .btn-new-post{background:var(--vdb-gold)}.post-creator{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:14px;padding:20px}.post-creator-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.post-creator-title{font-size:14px;font-weight:700}.btn-close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:16px;transition:color .15s}.btn-close:hover{color:var(--text)}.pc-row{margin-bottom:12px}.pc-row-inline{gap:14px;display:flex}.pc-row-inline>div{flex:1}.pc-label{color:var(--muted2);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:9px;font-weight:600;display:block}.pc-buttons{gap:6px;display:flex}.pc-btn{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted2);cursor:pointer;padding:7px 12px;font-family:inherit;font-size:11px;transition:all .15s}.pc-btn:hover{border-color:var(--accent);color:var(--text)}.pc-btn-active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.teun-view .pc-btn:hover{border-color:var(--vdb-gold)}.teun-view .pc-btn-active{background:var(--vdb-gold-dim);border-color:var(--vdb-gold);color:var(--vdb-gold)}.pc-textarea{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);resize:vertical;outline:none;padding:9px 12px;font-family:inherit;font-size:12px;transition:border-color .15s}.pc-textarea:focus{border-color:var(--accent)}.pc-charcount{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;margin-top:4px;font-size:10px}.pc-inline-save{justify-content:flex-end;margin-top:10px;display:flex}.btn-save-inline{background:var(--accent);border-radius:var(--radius-sm);color:#000;cursor:pointer;letter-spacing:.3px;border:none;padding:8px 18px;font-family:inherit;font-size:11px;font-weight:700;transition:all .15s}.btn-save-inline:hover{filter:brightness(1.1)}.btn-save-inline:disabled{opacity:.6;cursor:default}.teun-view .btn-save-inline{background:var(--vdb-gold)}.pc-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:8px 12px;font-family:inherit;font-size:12px;transition:border-color .15s}.pc-input:focus{border-color:var(--accent)}.pc-upload-area{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--muted2);cursor:pointer;justify-content:center;align-items:center;padding:24px;font-size:12px;transition:all .15s;display:flex}.pc-upload-area:hover{border-color:var(--accent);color:var(--text)}.pc-media-preview{position:relative}.pc-media-remove{color:#fff;cursor:pointer;background:#000c;border:none;border-radius:4px;padding:4px 10px;font-size:10px;position:absolute;top:8px;right:8px}.pc-media-meta{letter-spacing:1px;text-transform:uppercase;color:var(--muted2);background:#000000b3;border-radius:3px;padding:3px 8px;font-size:9px;position:absolute;bottom:8px;left:8px}.pc-actions{gap:8px;margin-top:8px;display:flex}.btn-cancel{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted2);cursor:pointer;background:0 0;padding:7px 14px;font-family:inherit;font-size:11px;transition:all .15s}.btn-cancel:hover{border-color:var(--muted);color:var(--text)}.btn-save-post{background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--accent);cursor:pointer;padding:7px 14px;font-family:inherit;font-size:11px;font-weight:700;transition:all .15s}.btn-save-post:hover{background:var(--accent-dim)}.btn-publish-now{background:var(--accent);border-radius:var(--radius-sm);color:#000;cursor:pointer;border:none;padding:7px 14px;font-family:inherit;font-size:11px;font-weight:700;transition:all .15s}.btn-publish-now:hover{filter:brightness(1.1)}.teun-view .btn-save-post{border-color:var(--vdb-gold);color:var(--vdb-gold)}.teun-view .btn-save-post:hover{background:var(--vdb-gold-dim)}.teun-view .btn-publish-now{background:var(--vdb-gold)}.pc-error{color:var(--red);background:var(--red-dim);border-radius:var(--radius-sm);margin-top:8px;padding:8px 12px;font-size:11px}.ai-gen-row{gap:6px;display:flex}.ai-gen-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:12px;transition:border-color .15s}.ai-gen-input:focus{border-color:var(--accent)}.ai-gen-btn{background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:var(--radius-sm);color:var(--accent);cursor:pointer;white-space:nowrap;padding:7px 12px;font-family:inherit;font-size:11px;font-weight:700;transition:all .15s}.ai-gen-btn:hover{background:var(--accent);color:#000}.ai-gen-btn:disabled{opacity:.4;cursor:not-allowed}.teun-view .ai-gen-input:focus{border-color:var(--vdb-gold)}.teun-view .ai-gen-btn{background:var(--vdb-gold-dim);border-color:var(--vdb-gold-border);color:var(--vdb-gold)}.teun-view .ai-gen-btn:hover{background:var(--vdb-gold);color:#000}.best-times{flex-wrap:wrap;gap:4px;display:flex}.best-time-btn{background:var(--surface2);border:1px solid var(--border);color:var(--muted2);cursor:pointer;border-radius:4px;padding:3px 8px;font-family:inherit;font-size:10px;transition:all .15s}.best-time-btn:hover{border-color:var(--accent);color:var(--text)}.best-time-hint{color:var(--muted);margin-left:4px;font-size:9px}.week-nav{align-items:center;gap:10px;margin:14px 0 10px;display:flex}.week-nav-btn{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--muted2);cursor:pointer;justify-content:center;align-items:center;font-size:11px;transition:all .15s;display:flex}.week-nav-btn:hover{border-color:var(--accent);color:var(--text)}.week-nav-label{color:var(--text);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.week-nav-today{border:1px solid var(--border);color:var(--muted2);cursor:pointer;background:0 0;border-radius:4px;padding:3px 8px;font-family:inherit;font-size:10px;transition:all .15s}.week-nav-today:hover{border-color:var(--accent);color:var(--text)}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);min-height:100px;padding:7px;transition:all .15s}.calendar-today{border-color:var(--accent-border);background:var(--accent-dim)}.teun-view .calendar-today{border-color:var(--vdb-gold-border);background:var(--vdb-gold-dim)}.calendar-day-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.calendar-day-name{color:var(--muted2);text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:600}.calendar-add-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;transition:all .15s;display:flex}.calendar-add-btn:hover{background:var(--surface2);color:var(--accent)}.calendar-day-posts{flex-direction:column;gap:3px;display:flex}.calendar-post{background:var(--surface2);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:5px 7px;transition:all .15s}.calendar-post:hover{border-color:var(--accent)}.calendar-post-top{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.calendar-post-platforms{font-size:9px}.calendar-post-status{text-transform:uppercase;letter-spacing:.5px;font-size:8px;font-weight:700}.calendar-post-caption{color:var(--muted2);font-size:9px;line-height:1.3}.calendar-post-media-badge{letter-spacing:1px;text-transform:uppercase;color:var(--muted2);background:var(--surface2);border:1px solid var(--border);border-radius:3px;align-self:flex-start;margin-top:4px;padding:2px 6px;font-size:8px;font-weight:600;display:inline-block}.pc-video-placeholder{cursor:pointer;border-radius:var(--radius-md);background:var(--surface2);border:1px solid var(--border);justify-content:center;align-items:center;width:100%;min-height:140px;max-height:200px;transition:border-color .15s;display:flex;position:relative;overflow:hidden}.pc-video-placeholder:hover{border-color:var(--accent)}.pc-video-label{color:var(--muted2);letter-spacing:.3px;font-size:11px}.calendar-post-actions{gap:3px;margin-top:3px;display:flex}.cal-btn{border:1px solid var(--border);cursor:pointer;color:var(--muted2);background:0 0;border-radius:3px;padding:2px 5px;font-family:inherit;font-size:8px;transition:all .15s}.cal-btn-publish{color:var(--accent);border-color:var(--accent-border)}.cal-btn-publish:hover{background:var(--accent-dim)}.cal-btn-delete{color:var(--red)}.cal-btn-delete:hover{background:var(--red-dim)}.unscheduled-section{margin-top:14px}.unscheduled-posts{flex-wrap:wrap;gap:6px;display:flex}.unscheduled-posts .calendar-post{width:190px}.content-stats-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.content-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;padding:14px}.content-stat-number{color:var(--accent);font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}.teun-view .content-stat-number{color:var(--vdb-gold)}.content-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:9px}.ig-section{margin-bottom:20px}.ig-section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.ig-section-label{text-transform:uppercase;letter-spacing:2px;color:var(--muted2);font-size:9px;font-weight:600}.ig-loading{color:var(--muted);padding:8px 0;font-size:11px}.ig-error{color:var(--red);padding:8px 0;font-size:11px}.ig-profile{align-items:center;gap:14px;padding:14px 0;display:flex}.ig-avatar{object-fit:cover;border:2px solid var(--accent);border-radius:50%;width:48px;height:48px}.teun-view .ig-avatar{border-color:var(--vdb-gold)}.ig-profile-info{flex:1}.ig-username{color:var(--text);font-size:13px;font-weight:600}.ig-stats-row{gap:18px;margin-top:4px;display:flex}.ig-stat{flex-direction:column;display:flex}.ig-stat-num{color:var(--accent);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.teun-view .ig-stat-num{color:var(--vdb-gold)}.ig-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:9px}.btn-refresh-ig{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted2);cursor:pointer;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;transition:all .15s;display:flex}.btn-refresh-ig:hover{color:var(--accent);border-color:var(--accent)}.ig-grid{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:8px;display:grid}.ig-post{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--surface2);position:relative;overflow:hidden}.ig-post-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.ig-post:hover .ig-post-img{transform:scale(1.05)}.ig-post-overlay{opacity:0;color:#fff;background:#0009;justify-content:center;align-items:center;gap:12px;font-size:11px;transition:opacity .2s;display:flex;position:absolute;inset:0}.ig-post:hover .ig-post-overlay{opacity:1}.thumb-gen{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.thumb-gen-layout{gap:16px;margin-top:10px;display:flex}.thumb-gen-preview{flex-shrink:0;width:160px}.thumb-gen-controls{flex-direction:column;flex:1;gap:10px;display:flex}.thumb-gen-field{flex-direction:column;gap:4px;display:flex}.thumb-gen-label{color:var(--muted2);text-transform:uppercase;letter-spacing:1px;font-size:9px;font-weight:600}.thumb-gen-styles{gap:4px;display:flex}.thumb-style-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted2);cursor:pointer;padding:5px 10px;font-family:inherit;font-size:10px;font-weight:600;transition:all .15s}.thumb-style-btn:hover{border-color:var(--accent-border);color:var(--text)}.thumb-style-active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.conv-logger{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:24px;overflow:hidden}.conv-logger-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 18px;display:flex}.conv-logger-title{color:var(--text);font-size:12px;font-weight:700}.conv-logger-sub{color:var(--muted);flex:1;font-size:10px}.conv-logger-btn{background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:var(--radius-sm);color:var(--accent);cursor:pointer;flex-shrink:0;padding:5px 12px;font-family:inherit;font-size:11px;font-weight:700;transition:all .15s}.conv-logger-btn:hover{background:#4ade801f}.conv-form{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:14px 18px;display:flex}.conv-form-row{gap:8px;display:flex}.conv-select{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;flex:1;padding:6px 10px;font-family:inherit;font-size:11px}.conv-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:12px;transition:border-color .15s}.conv-input:focus{border-color:var(--accent-border)}.conv-form-actions{justify-content:flex-end;display:flex}.conv-submit{background:var(--accent);border-radius:var(--radius-sm);color:#000;cursor:pointer;border:none;padding:7px 18px;font-family:inherit;font-size:12px;font-weight:700;transition:all .15s}.conv-submit:hover{filter:brightness(1.1)}.conv-submit:disabled{opacity:.5;cursor:default}.conv-recent{flex-direction:column;display:flex}.conv-entry{border-bottom:1px solid var(--border-soft);align-items:center;gap:10px;padding:9px 18px;font-size:11px;display:flex}.conv-entry:last-child{border-bottom:none}.conv-entry-type{flex-shrink:0;min-width:90px;font-weight:700}.conv-entry-platform{color:var(--muted2);flex-shrink:0}.conv-entry-source{color:var(--text-secondary);flex:1}.conv-entry-date{color:var(--muted);flex-shrink:0}.ig-error-block{border-radius:var(--radius-md);background:#ef44440f;border:1px solid #ef444433;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;display:flex}.ig-error-msg{color:var(--red);flex:1;font-size:12px}.ig-reconnect-btn{border-radius:var(--radius-sm);color:var(--red);letter-spacing:.2px;background:#ef44441a;border:1px solid #ef44444d;flex-shrink:0;padding:5px 12px;font-size:11px;font-weight:600;text-decoration:none;transition:all .15s}.ig-reconnect-btn:hover{color:#ff6b6b;background:#ef44442e}@media print{.sidebar,.top-bar,.bottom-bar,.doc-preview-bar,.doc-generator>:not(.doc-preview){display:none!important}.app-layout,.main-area,.main-content,.view-content,.section{background:#fff!important;border:none!important;margin:0!important;padding:0!important;display:block!important}.doc-preview{box-shadow:none;padding:0}body:before{display:none}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}::selection{color:var(--text);background:#4ade8026}.tommy-dashboard{max-width:720px}.tommy-dash-hero{border:1px solid var(--accent-border);border-radius:var(--radius-xl);background:linear-gradient(135deg,#080f08 0%,#0d180d 40%,#090e09 100%);justify-content:space-between;align-items:center;margin-bottom:16px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.tommy-dash-hero:before{content:"";pointer-events:none;background:radial-gradient(70% 80% at 0%,#4ade8012 0%,#0000 65%);position:absolute;inset:0}.tommy-dash-hero:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.2;height:1px;position:absolute;top:0;left:0;right:0}.tommy-dash-hero-content{z-index:1;position:relative}.tommy-dash-eyebrow{text-transform:uppercase;letter-spacing:3.5px;color:var(--accent);opacity:.7;margin-bottom:10px;font-size:9px;font-weight:700}.tommy-dash-greeting{letter-spacing:-1px;color:#fff;margin-bottom:8px;font-size:34px;font-weight:800;line-height:1.1}.tommy-dash-date{color:#ffffff4d;letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:500}.tommy-dash-status{border:1px solid var(--accent-border);z-index:1;background:#4ade800f;border-radius:20px;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;display:flex;position:relative}.tommy-dash-status-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 6px var(--accent);border-radius:50%;flex-shrink:0;animation:3s ease-in-out infinite pulse}.tommy-dash-status-text{color:var(--accent);letter-spacing:.3px;font-size:10px;font-weight:600}.tommy-dash-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px;display:grid}.tommy-dash-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;padding:16px 16px 14px;font-family:inherit;transition:all .2s;position:relative;overflow:hidden}.tommy-dash-stat:after{content:"";background:linear-gradient(90deg, var(--accent), transparent);opacity:0;height:2px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.tommy-dash-stat:hover:not(.tommy-dash-stat-passive){border-color:var(--accent-border);background:var(--accent-dim);transform:translateY(-2px);box-shadow:0 6px 20px #4ade800f}.tommy-dash-stat:hover:not(.tommy-dash-stat-passive):after{opacity:1}.tommy-dash-stat-passive{cursor:default}.tommy-dash-stat-vdb{border-color:var(--vdb-gold-border)}.tommy-dash-stat-vdb:after{background:linear-gradient(90deg, var(--vdb-gold), transparent)}.tommy-dash-stat-vdb:hover:not(.tommy-dash-stat-passive){background:var(--vdb-gold-dim);border-color:#c9ae7359}.tommy-dash-stat-num{color:var(--accent);letter-spacing:-1px;font-variant-numeric:tabular-nums;text-shadow:0 0 18px #4ade8033;margin-bottom:5px;font-size:28px;font-weight:800;line-height:1}.tommy-dash-stat-num-vdb{color:var(--vdb-gold);text-shadow:0 0 18px #c9ae7333}.tommy-dash-stat-label{color:var(--muted2);text-transform:uppercase;letter-spacing:1.5px;font-size:9px;font-weight:600}.tommy-dash-clients{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px;display:grid}.tommy-dash-client{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;flex-direction:column;padding:18px 20px;font-family:inherit;transition:all .2s;display:flex;position:relative;overflow:hidden}.tommy-dash-client:before{content:"";background:var(--accent);opacity:0;width:3px;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0}.tommy-dash-client:hover{background:var(--surface2);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.tommy-dash-client:hover:before{opacity:1}.tommy-dash-client-vdb:before{background:var(--vdb-gold)}.tommy-dash-client-vdb{border-color:var(--vdb-gold-border)}.tommy-dash-client-name{color:var(--text);letter-spacing:-.2px;align-items:center;gap:8px;margin-bottom:4px;font-size:15px;font-weight:700;display:flex}.tommy-dash-client-sub{color:var(--muted2);text-transform:uppercase;letter-spacing:.5px;flex:1;font-size:10px;font-weight:500}.tommy-dash-client-arrow{color:var(--muted);align-self:flex-end;margin-top:14px;font-size:12px;transition:color .15s,transform .15s}.tommy-dash-client:hover .tommy-dash-client-arrow{color:var(--accent);transform:translate(3px)}.tommy-dash-client-vdb:hover .tommy-dash-client-arrow{color:var(--vdb-gold)}.tommy-dash-client-chips{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.teun-dashboard{max-width:720px}.teun-dash-hero{border:1px solid var(--vdb-gold-border);border-radius:var(--radius-xl);background:linear-gradient(135deg,#111c11 0%,#1e2e1e 40%,#141f14 100%);justify-content:space-between;align-items:center;margin-bottom:16px;padding:32px 36px;display:flex;position:relative;overflow:hidden}.teun-dash-hero:before{content:"";pointer-events:none;background:radial-gradient(70% 80% at 0%,#c9ae731a 0%,#0000 65%);position:absolute;inset:0}.teun-dash-hero:after{content:"";background:linear-gradient(90deg, transparent, var(--vdb-gold), transparent);opacity:.25;height:1px;position:absolute;top:0;left:0;right:0}.teun-dash-hero-content{z-index:1;position:relative}.teun-dash-eyebrow{text-transform:uppercase;letter-spacing:3.5px;color:var(--vdb-gold);opacity:.75;margin-bottom:10px;font-size:9px;font-weight:700}.teun-dash-greeting{letter-spacing:-1px;color:#fff;margin-bottom:10px;font-size:36px;font-weight:800;line-height:1.1}.teun-dash-date{color:#ffffff59;letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:500}.teun-dash-blikkie{object-fit:contain;filter:drop-shadow(0 8px 28px #c9ae734d);z-index:1;flex-shrink:0;width:110px;height:110px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative}.teun-dash-hero:hover .teun-dash-blikkie{transform:scale(1.06)rotate(-4deg)}.teun-dash-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.teun-dash-stat{background:var(--surface);border:1px solid var(--vdb-gold-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;padding:20px 20px 16px;font-family:inherit;transition:all .2s;position:relative;overflow:hidden}.teun-dash-stat:after{content:"";background:linear-gradient(90deg, var(--vdb-gold), transparent);opacity:0;height:2px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.teun-dash-stat:hover:not(.teun-dash-stat-passive){background:var(--vdb-gold-dim);border-color:#c9ae7366;transform:translateY(-2px);box-shadow:0 8px 28px #c9ae7314}.teun-dash-stat:hover:not(.teun-dash-stat-passive):after{opacity:1}.teun-dash-stat-passive{cursor:default}.teun-dash-stat-num{color:var(--vdb-gold);letter-spacing:-1.5px;font-variant-numeric:tabular-nums;text-shadow:0 0 24px #c9ae7359;margin-bottom:6px;font-size:38px;font-weight:800;line-height:1}.teun-dash-stat-num-sm{letter-spacing:0;padding-top:8px;font-size:20px}.teun-dash-stat-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 8px var(--green);vertical-align:middle;border-radius:50%;margin-right:8px;animation:3s ease-in-out infinite pulse;display:inline-block}.teun-dash-stat-label{color:var(--muted2);text-transform:uppercase;letter-spacing:1.5px;font-size:9px;font-weight:600}.teun-dash-cta{background:linear-gradient(135deg, var(--vdb-gold) 0%, #b8953f 100%);border-radius:var(--radius-md);color:#1a0e00;cursor:pointer;letter-spacing:.3px;text-align:center;border:none;width:100%;padding:15px 28px;font-family:inherit;font-size:13px;font-weight:800;transition:all .2s}.teun-dash-cta:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 10px 28px #c9ae734d}.teun-dash-cta-arrow{margin-left:6px;transition:transform .2s;display:inline-block}.teun-dash-cta:hover .teun-dash-cta-arrow{transform:translate(5px)}.panel-sections{flex-direction:column;gap:20px;display:flex}.panel-section-group-header{text-transform:uppercase;letter-spacing:2px;color:var(--muted);align-items:center;gap:10px;margin-bottom:10px;font-size:9px;font-weight:700;display:flex}.panel-section-group-header:after{content:"";background:var(--border);flex:1;height:1px}.panel-section-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}@media (max-width:600px){.panel-section-grid{grid-template-columns:1fr}}.panel-section-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;align-items:center;gap:14px;padding:16px 18px;font-family:inherit;transition:all .2s;display:flex;position:relative;overflow:hidden}.panel-section-card:before{content:"";background:var(--accent);opacity:0;width:3px;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0}.panel-section-card:hover{background:var(--surface2);border-color:var(--border-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.panel-section-card:hover:before{opacity:1}.panel-section-card-teun:before{background:var(--vdb-gold)}.panel-section-card-teun:hover{border-color:var(--vdb-gold-border)}.panel-section-card-teun:hover .panel-sc-arrow{color:var(--vdb-gold)}.panel-sc-icon{background:var(--surface3);border-radius:var(--radius-sm);border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.panel-sc-body{flex:1;min-width:0}.panel-sc-label{color:var(--text);letter-spacing:-.1px;margin-bottom:2px;font-size:13px;font-weight:700}.panel-sc-desc{color:var(--muted2);letter-spacing:.1px;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.panel-sc-arrow{color:var(--muted);flex-shrink:0;font-size:12px;transition:color .15s,transform .15s}.panel-section-card:hover .panel-sc-arrow{color:var(--accent);transform:translate(2px)}.nav-mobile-toggle{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;display:none}.nav-mobile-toggle span{background:var(--text-secondary);border-radius:2px;width:18px;height:2px;transition:all .2s;display:block}.sidebar-overlay{z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;display:none;position:fixed;inset:0}@media (max-width:768px){.nav-mobile-toggle{display:flex}.sidebar{width:240px;transition:transform .25s;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay.sidebar-open{display:block}.main-area{margin-left:0}.top-bar{justify-content:space-between;padding:10px 16px}.view-content{padding:20px 16px 40px}.tommy-dash-stats{grid-template-columns:repeat(2,1fr)}.teun-dash-stats{grid-template-columns:repeat(3,1fr)}.tommy-dash-clients{grid-template-columns:1fr}.tommy-dash-hero,.teun-dash-hero{flex-direction:column;align-items:flex-start;gap:12px}.teun-dash-blikkie{align-self:flex-end;width:80px;height:80px;margin-top:-60px}.panel-section-grid{grid-template-columns:1fr}.panel-section-card{padding:14px 16px}.nav-item{min-height:48px}.mail-item{padding:14px 16px}.task-item{min-height:44px}.notion-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.modal-box{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:100%;max-height:95vh}.modal-overlay{align-items:flex-end}.inbox-header-row{flex-wrap:wrap}.aanstuur-panel-items{gap:6px}.vandaag-briefing{margin-top:20px}.vandaag-usage-bars{gap:4px}.vandaag-bar{width:20px}.bottom-bar{display:none}}.vdb-dashboard{flex-direction:column;gap:24px;display:flex}.vdb-dash-section{background:var(--surface);border:1px solid var(--vdb-gold-border);border-radius:12px;padding:20px}.vdb-dash-section-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.vdb-dash-section-icon{color:var(--vdb-gold);opacity:.7;font-size:16px}.vdb-dash-section-title{color:var(--text);flex:1;font-size:14px;font-weight:600}.vdb-dash-section-count{color:var(--text-secondary);font-size:12px}.vdb-dash-explain{color:var(--muted2);margin-bottom:14px;font-size:12px;line-height:1.4}.vdb-dash-badge-warn{color:#e53935;background:#e539351a;border:1px solid #e5393533;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600}.vdb-pipeline-sub-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:600}.vdb-pipeline-bar{background:var(--surface2);border-radius:4px;gap:2px;height:8px;display:flex;overflow:hidden}.vdb-pipeline-segment{border-radius:4px;min-width:4px;transition:width .4s}.vdb-pipeline-legend{gap:20px;margin-top:12px;display:flex}.vdb-pipeline-legend-item{align-items:center;gap:6px;display:flex}.vdb-pipeline-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.vdb-pipeline-legend-label{color:var(--text-secondary);font-size:12px}.vdb-pipeline-legend-count{color:var(--text);font-size:13px;font-weight:600}.vdb-pipeline-types{gap:12px;margin-top:16px;display:flex}.vdb-type-card{background:var(--surface2);border-radius:10px;flex:1;padding:14px}.vdb-type-card-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.vdb-type-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.vdb-type-label{color:var(--text-secondary);flex:1;font-size:12px;font-weight:600}.vdb-type-count{color:var(--text);font-size:14px;font-weight:700}.vdb-type-names{flex-wrap:wrap;gap:6px;display:flex}.vdb-type-name{color:var(--muted2);background:var(--surface3);border-radius:6px;padding:3px 8px;font-size:11px}.vdb-nazorg-group{margin-bottom:16px}.vdb-nazorg-group:last-child{margin-bottom:0}.vdb-nazorg-group-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.vdb-nazorg-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px}.vdb-nazorg-item{background:var(--surface2);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:8px 12px;display:flex}.vdb-nazorg-naam{color:var(--text);font-size:13px;font-weight:500}.vdb-nazorg-detail{color:var(--text-secondary);font-size:12px}.vdb-nazorg-ok{color:var(--text-secondary);background:var(--surface2);text-align:center;border-radius:8px;padding:12px;font-size:13px}.vdb-nazorg-footer{color:var(--text-secondary);opacity:.7;margin-top:8px;font-size:12px}.vdb-fin-cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.vdb-fin-card{background:var(--surface2);text-align:center;border-radius:10px;padding:16px}.vdb-fin-card-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px}.vdb-fin-card-value{font-size:28px;font-weight:700;line-height:1}.vdb-fin-card-sub{color:var(--muted2);margin-top:4px;font-size:11px}.vdb-openstaand-item{background:var(--surface2);border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:6px;padding:12px;display:flex}.vdb-openstaand-dot{background:var(--vdb-gold);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.vdb-openstaand-onderwerp{color:var(--text);font-size:13px;font-weight:500}.vdb-openstaand-datum{color:var(--muted2);margin-top:2px;font-size:11px}.vdb-empty-state{color:var(--text-secondary);background:var(--surface2);text-align:center;border-radius:8px;padding:16px;font-size:13px}.vdb-contacten-filters{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.vdb-contacten-zoek{background:var(--surface2);border:1px solid var(--border);min-width:180px;color:var(--text);border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:13px}.vdb-contacten-zoek:focus{border-color:var(--vdb-gold-border)}.vdb-contacten-zoek::placeholder{color:var(--muted)}.vdb-contacten-types{gap:4px;display:flex}.vdb-contacten-type-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .15s}.vdb-contacten-type-btn:hover{border-color:var(--vdb-gold-border)}.vdb-contacten-type-active{background:var(--vdb-gold-dim);border-color:var(--vdb-gold-border);color:var(--vdb-gold)}.vdb-contacten-count{color:var(--muted2);margin-bottom:8px;font-size:11px}.vdb-contacten-lijst{flex-direction:column;gap:6px;display:flex}.vdb-contact-card{background:var(--surface2);border-radius:8px;padding:12px}.vdb-contact-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.vdb-contact-naam{color:var(--text);font-size:13px;font-weight:600}.vdb-contact-type{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.vdb-contact-type-particulier{color:#8bc34a;background:#8bc34a1a}.vdb-contact-type-zakelijk{color:#38bdf8;background:#38bdf81a}.vdb-contact-type-leverancier{color:var(--muted2);background:var(--surface3)}.vdb-contact-details{color:var(--text-secondary);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.vdb-contact-details span:before{content:""}.vdb-contact-warn{color:#e53935;margin-top:6px;font-size:11px;font-weight:600}.vdb-contact-notitie{color:var(--muted2);margin-top:4px;font-size:11px;font-style:italic}.vdb-contacten-more{color:var(--muted2);text-align:center;padding:8px;font-size:12px}.vdb-dash-sync{color:var(--muted);text-align:right;padding-top:4px;font-size:11px}.main-area-full{margin-left:0!important}.td-dashboard{max-width:640px;margin:0 auto;padding:20px 16px 40px}.td-hero{background:linear-gradient(135deg, var(--vdb-green) 0%, #1a2a19 100%);border:1px solid var(--vdb-gold-border);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px;display:flex}.td-hero-brand{color:var(--vdb-gold);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:11px;font-weight:600}.td-hero-greeting{color:var(--text);font-size:24px;font-weight:700}.td-hero-date{color:var(--text-secondary);margin-top:2px;font-size:13px}.td-hero-blikkie{object-fit:contain;flex-shrink:0;width:64px;height:64px}.td-loading{text-align:center;color:var(--text-dim);padding:40px 0}.td-section{margin-bottom:20px}.td-section-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.td-section-title{color:var(--text);font-size:15px;font-weight:700}.td-section-count{color:var(--muted2);font-size:12px}.td-badge-alert{color:#e53935;background:#e539351f;border:1px solid #e5393540;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:700}.td-empty{color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:10px;padding:16px;font-size:13px}.td-aanvragen{flex-direction:column;gap:6px;display:flex}.td-aanvraag{background:var(--surface);border:1px solid var(--vdb-gold-border);border-radius:10px;align-items:flex-start;gap:12px;padding:14px;display:flex}.td-aanvraag-dot{background:var(--vdb-gold);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px;box-shadow:0 0 8px #c9ae734d}.td-aanvraag-titel{color:var(--text);font-size:14px;font-weight:600}.td-aanvraag-meta{color:var(--muted2);gap:8px;margin-top:3px;font-size:12px;display:flex}.td-aanvraag-van{color:var(--text-secondary)}.td-aanvraag-datum{color:var(--muted)}.td-tommy-doet{flex-direction:column;gap:6px;display:flex}.td-tommy-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:10px;padding:12px;display:flex}.td-tommy-check{color:#8bc34a;flex-shrink:0;margin-top:1px;font-size:14px}.td-tommy-post-title{color:var(--text);font-size:13px;font-weight:600}.td-tommy-post-sub{color:var(--muted2);margin-top:2px;font-size:12px}.td-contacten-bar{gap:8px;margin-bottom:10px;display:flex}.td-contacten-zoek{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:10px;outline:none;flex:1;padding:10px 14px;font-size:14px}.td-contacten-zoek:focus{border-color:var(--vdb-gold-border)}.td-contacten-zoek::placeholder{color:var(--muted)}.td-contacten-add{background:var(--vdb-gold-dim);border:1px solid var(--vdb-gold-border);width:44px;height:44px;color:var(--vdb-gold);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:20px;font-weight:600;transition:all .15s;display:flex}.td-contacten-add:hover{background:var(--vdb-gold-glow)}.td-contacten-lijst{flex-direction:column;gap:4px;display:flex}.td-contact{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px}.td-contact-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.td-contact-naam{color:var(--text);font-size:14px;font-weight:600}.td-contact-type{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.td-contact-type-particulier{color:#8bc34a;background:#8bc34a1a}.td-contact-type-zakelijk{color:#38bdf8;background:#38bdf81a}.td-contact-type-leverancier{color:var(--muted2);background:var(--surface2)}.td-contact-info{color:var(--text-secondary);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.td-contact-tel{font-weight:500}.td-contact-warn{color:#e53935;margin-top:4px;font-size:11px;font-weight:600}.td-contacten-groep{margin-bottom:16px}.td-contacten-groep-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.td-contacten-groep-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.td-contacten-hint{color:var(--muted);text-align:center;padding:8px;font-size:12px}.td-tommy-datum{color:var(--muted);flex-shrink:0;font-size:11px}.td-ig{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px}.td-ig-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.td-ig-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.td-ig-username{color:var(--text);font-size:14px;font-weight:600}.td-ig-stats{color:var(--text-secondary);gap:12px;font-size:12px;display:flex}.td-ig-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.td-ig-post{aspect-ratio:1;border-radius:8px;position:relative;overflow:hidden}.td-ig-post img{object-fit:cover;width:100%;height:100%}.td-ig-post-stats{color:#fff;background:linear-gradient(#0000,#000000b3);gap:8px;padding:16px 8px 6px;font-size:11px;display:flex;position:absolute;bottom:0;left:0;right:0}.td-nazorg{flex-direction:column;gap:12px;display:flex}.td-nazorg-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.td-nazorg-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.td-nazorg-item{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;justify-content:space-between;margin-bottom:4px;padding:10px 14px;font-size:13px;display:flex}.td-nazorg-detail{color:var(--text-secondary);font-size:12px}.td-modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.td-modal{background:var(--surface);border:1px solid var(--border-light);border-radius:16px;width:100%;max-width:400px;padding:24px}.td-modal-title{color:var(--text);margin-bottom:16px;font-size:16px;font-weight:700}.td-modal-fields{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.td-modal-fields input,.td-modal-fields select{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;padding:10px 12px;font-size:14px}.td-modal-fields input:focus,.td-modal-fields select:focus{border-color:var(--vdb-gold-border)}.td-modal-fields input::placeholder{color:var(--muted)}.td-modal-actions{justify-content:flex-end;gap:8px;display:flex}.td-modal-cancel{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:13px}.td-modal-save{background:var(--vdb-gold);color:#1a2219;cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600}.td-modal-save:disabled{opacity:.4;cursor:not-allowed}.td-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:32px;padding-top:16px;display:flex}.td-logout{color:var(--muted2);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px;font-size:12px}.td-synced{color:var(--muted);font-size:11px}.auto-summary{gap:12px;margin-bottom:24px;display:flex}.auto-summary-stat{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:10px;flex:1;padding:14px}.auto-summary-num{color:var(--text);font-size:24px;font-weight:700;display:block}.auto-summary-label{color:var(--muted2);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.auto-group-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-top:20px;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.auto-group-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.auto-list{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.auto-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.auto-card-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.auto-card-name{color:var(--text);align-items:center;font-size:14px;font-weight:600;display:flex}.auto-card-schema{color:var(--muted);font-family:monospace;font-size:11px}.auto-card-desc{color:var(--text-secondary);margin-left:16px;font-size:12px}.auto-card-metric{color:#8bc34a;margin-top:4px;margin-left:16px;font-size:12px;font-weight:500}.auto-card-date{color:var(--muted);margin-top:2px;margin-left:16px;font-size:11px}.tommy-dash-social{margin-top:24px;margin-bottom:8px}.tommy-dash-social-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tommy-dash-ig-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px}.tommy-dash-ig-card-vdb{border-color:var(--vdb-gold-border)}.tommy-dash-ig-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.tommy-dash-ig-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.tommy-dash-ig-name{color:var(--text);font-size:13px;font-weight:600}.tommy-dash-ig-stats{color:var(--text-secondary);font-size:11px}.tommy-dash-ig-posts{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.tommy-dash-ig-post{aspect-ratio:1;border-radius:6px;position:relative;overflow:hidden}.tommy-dash-ig-post img{object-fit:cover;width:100%;height:100%}.tommy-dash-ig-post-overlay{color:#fff;background:linear-gradient(#0000,#000000b3);gap:6px;padding:12px 6px 4px;font-size:10px;display:flex;position:absolute;bottom:0;left:0;right:0}@media (max-width:700px){.tommy-dash-social-grid{grid-template-columns:1fr}}@media (max-width:600px){.vdb-fin-cards{grid-template-columns:1fr}.vdb-pipeline-legend{flex-direction:column;gap:8px}.vdb-pipeline-types{flex-direction:column}}